1
00:00:39,942 --> 00:00:43,942
(อาจารย์สุธิรา) สวัสดีค่ะ ได้ยินนะคะ

2
00:00:43,943 --> 00:00:47,943
ใครที่เข้ามาแล้ว

3
00:00:47,946 --> 00:00:51,946
เปิด Google Chrome เรา แล้วก็เข้า

4
00:00:51,949 --> 00:00:55,949
Thunkable เหมือนเดิมนะคะ เด็ก ๆ

5
00:00:55,952 --> 00:00:59,952
วันนี้จะพาทำ

6
00:00:59,953 --> 00:01:03,953
หน้าล็อกอินทำอย่างไร

7
00:01:03,953 --> 00:01:07,953
บาง ที่ทำแอปนะ บางอันเขา

8
00:01:07,959 --> 00:01:11,959
ก็จะมีให้ล็อกอินเข้าไปใช่หรือเปล่า

9
00:01:11,961 --> 00:01:15,961
เพราะฉะนั้น เราจะทำหน้า Login นี่เราจะทำอย่างไร

10
00:01:15,963 --> 00:01:19,963
พิมพ์ Thunkable ของเรา

11
00:01:19,965 --> 00:01:23,965
Thunkable ของเรา

12
00:01:27,971 --> 00:01:31,971
Thunkable

13
00:01:39,981 --> 00:01:43,981
แล้วก็ให้ Login เข้า

14
00:01:47,987 --> 00:01:51,987
แล้วเราก็ล็อกอินเข้าที่เราสร้างไว้

15
00:01:51,990 --> 00:01:55,990
ในครั้งก่อนนะคะ ใช้อะไร ใช้ Google

16
00:02:20,006 --> 00:02:24,006
เข้าผิดอันสะบ่ อย่างเ

17
00:02:28,013 --> 00:02:32,013
ถอะ สัยสงสัย

18
00:02:32,018 --> 00:02:36,018
จะไม่ใช่ตัวนี้

19
00:02:36,020 --> 00:02:40,020
งง ๆ

20
00:02:40,023 --> 00:02:44,023
Google นะ แต่มี 2-3 ตัว

21
00:02:44,026 --> 00:02:48,026
ไม่ออกให้ผมด้วย

22
00:02:48,029 --> 00:02:52,029
ผมจะออก Sign Out

23
00:02:52,032 --> 00:02:56,032
เข้าไม่ถูกอันน่ะ

24
00:03:04,042 --> 00:03:08,042
เข้าใหม่

25
00:03:08,048 --> 00:03:12,048
มีหลายตัวจำไม่ได้

26
00:03:20,053 --> 00:03:24,053
เข้าตัวนี้หรือ โอเค

27
00:03:24,057 --> 00:03:28,057
เข้าถูกอันแล้ว จำได้หรือเปล่า

28
00:03:28,060 --> 00:03:32,060
ตัวเดิมตัวเอง Login Thunkable ที่เรา

29
00:03:32,061 --> 00:03:36,061
สร้างไว้นะคะ ครั้งก่อน

30
00:03:36,061 --> 00:03:40,061
ทีนี้ตัวนี้โปรเจกต์

31
00:03:40,064 --> 00:03:44,064
ใหม่อยู่แล้วนะคะ ให้เราคลิกที่

32
00:03:44,068 --> 00:03:48,068
Create New app เลือก New App

33
00:03:48,071 --> 00:03:52,071
ตั้งชื่อเหมือนเดิม

34
00:03:52,074 --> 00:03:56,074
จะตั้งชื่อว่าอะไรครับ

35
00:03:56,076 --> 00:04:00,076
จะตั้งชื่อแอปนี้ว่าอะไร

36
00:04:00,080 --> 00:04:04,080
สมมติส่วนใหญ่ ถ้าแอปพวกมี Login เข้าไป

37
00:04:04,083 --> 00:04:08,083
มันก็จะเป็น

38
00:04:12,087 --> 00:04:16,087
Category

39
00:04:16,089 --> 00:04:20,089
นะคะ ให้เลือกเป็น Education แล้วกัน

40
00:09:24,304 --> 00:09:28,304
ดูนะ ในรูป

41
00:09:28,307 --> 00:09:32,307
ที่เปิดให้ดูนี่ คือ ส่วนของล็อกอิน

42
00:09:32,310 --> 00:09:36,310
ที่เขาสร้างไว้นะ เป็นตัวอย่าง ว่านี่ถ้าเราจะทำให้

43
00:09:36,312 --> 00:09:40,312
ให้มีลักษณะแบบนี้ มีช่องกรอบ ๆ

44
00:09:40,312 --> 00:09:44,312
มีช่องกรอบ ๆ นี่ เราจะทำอย่างไร

45
00:09:44,316 --> 00:09:48,316
จัดวางอย่างไรนะคะ มันก็จะมีส่วนของ

46
00:09:48,316 --> 00:09:52,316
Username ใช่ไหมลูก

47
00:09:52,322 --> 00:09:56,321
แล้วก็ปุ่ม Login ใช่ไหมคะ

48
00:09:56,321 --> 00:10:00,321
นะคะ มันจะมีสัดส่วน

49
00:10:00,323 --> 00:10:04,323
ของมันอยู่นะ เราจะวางอย่างไร ให้มัน

50
00:10:04,325 --> 00:10:08,325
เห็นไหม ระดับช่องไฟระดับอะไรนี่ เรียงได้

51
00:10:08,334 --> 00:10:12,331
ออกมาแล้วสวยงาม ไม่ใช่เรียงแล้วโย้ไปโย้มา

52
00:10:12,331 --> 00:10:16,331
เคลื่อนที่ไปมา วิธีการนี้คื

53
00:10:16,335 --> 00:10:20,335
อใช้เครื่องมือที่

54
00:10:20,335 --> 00:10:24,335
ชื่อว่า...

55
00:10:28,339 --> 00:10:32,339
Colum

56
00:10:32,342 --> 00:10:36,342
หาคำว่า "Colum"

57
00:10:36,343 --> 00:10:40,343
พิมพ์ค่ะ ขี้เกียจ Search

58
00:10:40,345 --> 00:10:44,345

59
00:10:44,348 --> 00:10:48,348
ขี้เกียดเลื่อนไอ้นี่หาก็ให้พิมพ์

60
00:10:48,352 --> 00:10:52,352
นะคะ พิมพ์คำว่า Colum ลงไป c-o ทำไท

61
00:10:52,352 --> 00:10:56,352
l C-o-l-u-m-e

62
00:10:56,354 --> 00:11:00,354
u-m-e c-o

63
00:11:24,378 --> 00:11:28,378
ไม่มี Coolu

64
00:11:32,385 --> 00:11:36,385
ทำไมล่ะ ๆ มี Componant

65
00:11:36,387 --> 00:11:40,387
ไหนอีกนี่

66
00:12:28,419 --> 00:12:32,419
ดูตัวอย่างเขานะ

67
00:12:32,422 --> 00:12:36,422
ดูตัวอย่างเขา มีส่วนของอะไรบ้าง

68
00:12:36,422 --> 00:12:40,422
มีเหมือนมีรูป ใส่ไหมคะ อยากใส่ไหม

69
00:12:40,423 --> 00:12:44,423
สมมติเราจะใส่รูปเหมือนอย่างนี้นะคะ

70
00:12:44,424 --> 00:12:48,424
เหมือนตัวอย่างอย่างนี้ เราก็ไปที่

71
00:12:48,427 --> 00:12:52,427
อะไรคะ Image หรืออะไรลูก

72
00:12:56,432 --> 00:13:00,432
เลือกมาใช่ไหม เลือก Image แล้วก็วาง

73
00:13:00,436 --> 00:13:04,436
ตำแหน่งนึกออกนะ

74
00:13:04,440 --> 00:13:08,440
จัดตำแหน่งตรงกลาง

75
00:13:08,444 --> 00:13:12,444
นะคะ

76
00:13:12,447 --> 00:13:16,447
แล้วก็ไปหารูปอะไร

77
00:13:16,449 --> 00:13:20,449
รุปเหมือนคนเลยใช่ไหม

78
00:13:32,457 --> 00:13:36,457
จะมีให้ไหมรูปคน

79
00:13:40,464 --> 00:13:44,464
Thunkable

80
00:13:44,467 --> 00:13:48,467
กับ... เราหานะคะ เราหาโลโก้รูปแบ

81
00:13:48,474 --> 00:13:52,474
บนี้ ไอ้อะไรนะ อะไร

82
00:13:52,476 --> 00:13:56,476

83
00:13:56,476 --> 00:14:00,476
นะ เอาแบบไหน แบบนี้ก็ได้

84
00:14:08,481 --> 00:14:12,481
นึกออกนะเขาเรียกว่าอะไร Login Search คำว่า "Icon" แล้วก็

85
00:14:12,485 --> 00:14:16,485
Login นะคะ

86
00:14:20,491 --> 00:14:24,491
เราหาไอคอนนี้กัน เราจะเอาตัวไหนใช้

87
00:14:24,495 --> 00:14:28,495
เลือกเอาเลย เอาตัวไหนดี

88
00:15:16,524 --> 00:15:20,524
ได้แล้วนะคะ เราจะเอาตัวนี้

89
00:15:20,528 --> 00:15:24,528
ล่ะ ตัวนี้ดีกว่า

90
00:15:24,530 --> 00:15:28,530
ตัวนี้ดีกว่า หาเอาเองนะคะ

91
00:15:28,534 --> 00:15:32,534
อยากได้แบบไหนหาเอา สมมติจะเอาตัวนี้

92
00:15:32,534 --> 00:15:36,534
ฟรีหรือเปล่านี่

93
00:15:36,536 --> 00:15:40,536
ดูด้วยนะ

94
00:15:40,539 --> 00:15:44,539
ฟรี ฟรี ฟรี

95
00:15:44,541 --> 00:15:48,541
Download Image

96
00:15:56,550 --> 00:16:00,550
Standard Free ฟรีนะ เราเลือกว่าฟรี

97
00:16:00,553 --> 00:16:04,553
นี่ ให้ไหม

98
00:16:04,556 --> 00:16:08,556
ไหนบอกว่าฟรี

99
00:16:12,562 --> 00:16:16,562
อย่าลืมหาคำว่า "ฟรี" ด้วยนะเด็ก ๆ

100
00:16:16,565 --> 00:16:20,565
เดี๋ยวไม่ได้นะ Freedownload ด้วย เดี๋ยวติดลิขสิทธิ์อีก

101
00:16:20,568 --> 00:16:24,568
Free Downloa

102
00:16:24,569 --> 00:16:28,569
d โอเค หาใหม่

103
00:16:28,572 --> 00:16:32,572
ไม่ได้ตัวนี้ก็ต้องได้ตัวนี้ล่ะนะ

104
00:16:36,580 --> 00:16:40,580
ตัวนี้ก็สวยอยู่นะ

105
00:16:40,581 --> 00:16:44,581
เอาตัวนี้ก็ได้ png ก็พอ

106
00:16:48,588 --> 00:16:52,588
Premium free download

107
00:16:56,591 --> 00:17:00,591
ไปไหนแล้ว

108
00:17:00,592 --> 00:17:04,592
ได้แล้วนะคะ แม่

109
00:17:04,597 --> 00:17:08,597
ได้แล้วนะ เด็ก ๆ ได้หรือยัง โอเค

110
00:17:08,597 --> 00:17:12,597
เราจะใช้ตัวนี้นะคะ เหมือนเดิม

111
00:17:12,600 --> 00:17:16,600
ก็ไปที่ Thunkable เรา

112
00:17:16,600 --> 00:17:20,600
แล้วก็ตรงชื่อ Picture นะ

113
00:17:20,601 --> 00:17:24,601
ก็อัปโหลดไฟล์ที่เมื่อกี้เราไปโหลดมา อยู่ไหนล่ะ Download ไหม

114
00:17:24,602 --> 00:17:28,602
Logo loging

115
00:17:28,605 --> 00:17:32,605
โอเค ได้แล้วครับ ได้แล้ว

116
00:17:32,605 --> 00:17:36,605
กระผมได้แล้วครับ

117
00:17:36,612 --> 00:17:40,612
เด็ก ๆ ได้หรือยังครับ

118
00:17:40,615 --> 00:17:44,615
ได้แล้วนะคะ

119
00:17:44,618 --> 00:17:48,618
มีรูปแล้ว ต่อไปสิ่งที่เราจะต้องมีในล็อกอิน

120
00:17:48,621 --> 00:17:52,621
ก็คือมีอะไรคะ

121
00:17:52,624 --> 00:17:56,624
มี Label ใช่ไหมคะ แสดงข้อความ

122
00:17:56,627 --> 00:18:00,627
ว่าให้ล็อกอินเข้าไป จะใช้ Login หรือคำว่าอะไรนะ User Logล็อกอิน

123
00:18:00,628 --> 00:18:04,628
หรือใช้คำว่าอะไรดี

124
00:18:04,631 --> 00:18:08,631
User Login แล้วกันนะนะคะ

125
00:18:08,634 --> 00:18:12,634
เมื่อเราได้รูปแล้วสิ่งที่เราจะมีในบรรทัด

126
00:18:12,635 --> 00:18:16,635
ต่อมา ก็คือ lable คะ

127
00:18:16,638 --> 00:18:20,638
ใช่ไหม เป็น Label นะคะ เด็ก ๆ เห็นไหมในตัวอย่าง

128
00:18:20,641 --> 00:18:24,641
เห็นไหม Member Login ใช่ไหมคะ เราก็

129
00:18:24,641 --> 00:18:28,641
ใช้ Label ในการสร้าง

130
00:18:28,643 --> 00:18:32,643
ลาก label มาวาง

131
00:18:32,643 --> 00:18:36,643
อยู่ใต้รูปใช่ไหม

132
00:18:36,644 --> 00:18:40,644
แล้วตรง Text หรือ เราก็แก้เป็นอะไร

133
00:18:40,645 --> 00:18:44,645
User พิมพ์คำว่า "User"

134
00:18:44,649 --> 00:18:48,649
แล้วก็คำว่า Login ลงเข้าไป l-o

135
00:18:48,650 --> 00:18:52,650
g-i-n

136
00:18:52,654 --> 00:18:56,654
สัญญาณล่าม

137
00:18:56,656 --> 00:19:00,656
โอเค ได้ยินอยู่นะ โอเคค่ะ นะคะ

138
00:19:00,656 --> 00:19:04,656
ใครที่วางรูปเสร็จแล้วให้วาง Label นะคะ ให้พิมพ

139
00:19:04,668 --> 00:19:08,657
์ข้อความคำว่า "Login"

140
00:19:08,657 --> 00:19:12,657
ลงไปนะ

141
00:19:12,661 --> 00:19:16,661
รูปแบบฟอนต์เด็ก ๆ ลองเลือกนะคะ

142
00:19:16,663 --> 00:19:20,663
อยากได้แบบไหน

143
00:19:20,664 --> 00:19:24,664
แล้วก็สี เปลี่ยนสีได้

144
00:19:24,667 --> 00:19:28,667
เดี๋ยวเราจะขอฟอนต์ เนื่องจาก Background

145
00:19:28,670 --> 00:19:32,670
เราเป็นสีเข้ม เพราะฉะนั้น ตัวหนังสือเราก็จะใช้สีอ่อนนะคะ

146
00:19:32,674 --> 00:19:36,673
สีตรงข้าม เข็มอ่อน

147
00:19:36,673 --> 00:19:40,673
สีพื้นเข้ม ตัวหนังสือก็สีอ่อน

148
00:19:40,676 --> 00:19:44,676
นะคะ หลักการ User Login

149
00:19:44,680 --> 00:19:48,680
นะคะ ตัวหนาไหม

150
00:19:48,683 --> 00:19:52,683
ทำให้เป็นตัวหนาด้วยจัดแนวตรงไหนเอ่ย

151
00:19:56,691 --> 00:20:00,691
Text Align นะคะ คือ

152
00:20:00,694 --> 00:20:04,694
จัดกึ่งกลาง โอเค ขนาดตัวอักษร

153
00:20:04,697 --> 00:20:08,697
นะคะ

154
00:20:08,700 --> 00:20:12,700
18 เล็กไป เพิ่ม

155
00:20:12,704 --> 00:20:16,704
เพิ่มขนาดได้

156
00:20:16,706 --> 00:20:20,706
เอาเท่าไร 30 โอเคไหม

157
00:20:48,728 --> 00:20:52,728
โอเคนะ

158
00:20:52,731 --> 00:20:56,731
ได้ส่วนของ User login ได้ส่วน Label แล้ว

159
00:20:56,733 --> 00:21:00,733
ทำอะไรต่อ

160
00:21:00,737 --> 00:21:04,737
บอกแล้วนะคะ ทำส่วนไหนปุ๊บ อย่าลืม

161
00:21:04,737 --> 00:21:08,737
Label Label ก็อันนี้

162
00:21:12,741 --> 00:21:16,741
อันนี้อย่าลืมใส่ชื่อจะได้รู้ว่า

163
00:21:16,744 --> 00:21:20,742
ตรงนี้มันคืออะไรนะ ทุกครั้งนะคะ

164
00:21:20,742 --> 00:21:24,742
บอกเสมอว่าใส่ชื่อมันเข้าไปด้วย

165
00:21:24,742 --> 00:21:28,742
จะได้พอเราไปแก้โค้ดน่ะค่ะ

166
00:21:28,743 --> 00:21:32,743
เราก็จะได้รู้ Image

167
00:21:32,746 --> 00:21:36,746
Image ก็เหมือนกัน Image

168
00:21:36,746 --> 00:21:40,746
Icon Image ของเราก็คือ Icon

169
00:21:40,747 --> 00:21:44,747
login

170
00:21:44,750 --> 00:21:48,750
icon login l-o-g-i-n

171
00:21:48,753 --> 00:21:52,753
นะคะ ปุ๊บ

172
00:21:52,754 --> 00:21:56,754
1 2 3 ส่วนที่ 3

173
00:21:56,754 --> 00:22:00,754
ที่จะต้องใส่เห็นไหมคะ

174
00:22:00,756 --> 00:22:04,756
อย่างนี้เขาเรียกว่า Te

175
00:22:04,759 --> 00:22:08,759
xt Field เพราะมันจะต้องเป็นให้กรอกข้อความได้

176
00:22:08,760 --> 00:22:12,760
2 อันขาว ๆ นี่เห็นนะ

177
00:22:12,761 --> 00:22:16,761
ไอ้ตัวขาว ๆ 2 อันนี้ กรอบขาว ๆ 2 ไอ้ตัว

178
00:22:16,763 --> 00:22:20,763
เราจะใส่ส่วนที่เรียกว่า

179
00:22:20,764 --> 00:22:24,764
Text Field นะลูก เห็นหรือยัง ใครหาไม่ด

180
00:22:24,767 --> 00:22:28,767
ตรง Component เราน่ะ ไปที่...

181
00:22:28,770 --> 00:22:32,770
ถ้าหาไม่เจอพิมพ์

182
00:22:32,774 --> 00:22:36,774
Text Field นะคะ หรือ Text input

183
00:22:36,776 --> 00:22:40,776
ของ Thunkable มันใช้ Text Input

184
00:22:40,779 --> 00:22:44,779
เราก็ลากมา มีกี่อัน 2 อันใช่ไหมคะ เราก็ลากมาทั้ง 2 อัน

185
00:22:44,780 --> 00:22:48,780
นะคะเด็ก ๆ อันที่ 1

186
00:22:48,783 --> 00:22:52,782
อันที่ 2 ต่อกัน

187
00:22:52,782 --> 00:22:56,782
เรียงต่อกัน Text Field เราใช้ 2

188
00:22:56,784 --> 00:23:00,784
อัน เพราะฉะนั้น เราก็เอาลงมา 2 อัน 1 อัน

189
00:23:00,787 --> 00:23:04,787
2 อันนะคะ

190
00:23:04,790 --> 00:23:08,790
ขยายขนาดด้วยนะคะ

191
00:23:08,794 --> 00:23:12,794

192
00:23:12,796 --> 00:23:16,796
ให้มันเท่า ๆ กัน เอามาทาบใส่กันอย่างนี้นะคะ

193
00:23:16,798 --> 00:23:20,798
ขนาดมันก็ควรจะเท่ากันนะ

194
00:23:32,808 --> 00:23:36,808
เว้นช่องไฟ

195
00:23:36,811 --> 00:23:40,811
ให้สวยงามนะคะ เห็นหรือเปล่า

196
00:23:40,814 --> 00:23:44,814
ทีนี้ Text Field อยากได้สีอะไร เหมือนเดิมค่ะ

197
00:23:44,817 --> 00:23:48,817
ใส่สีเข้าไปให้เธอด้วยนะคะ

198
00:23:56,823 --> 00:24:00,823
Text Input Text input อันแรก

199
00:24:00,825 --> 00:24:04,825
Input 1 นี่เป็นอะไร

200
00:24:04,825 --> 00:24:08,825
เอ่ย ตัวบนนะคะ

201
00:24:08,828 --> 00:24:12,828
Text Input 1 มันจะเป็นใส่ Username Text

202
00:24:12,832 --> 00:24:16,832
Input 1 นี่คือ User Name นะ

203
00:24:16,833 --> 00:24:20,833
Text Input Username

204
00:24:28,838 --> 00:24:32,838
นะคะ อันที่ 2

205
00:24:32,841 --> 00:24:36,841
เป็น Password ไหม Password นะคะ

206
00:24:36,844 --> 00:24:40,844
บอกให้รู้ว่าแต่ละอันคืออะไร

207
00:24:40,845 --> 00:24:44,845
นะคะ เวลา Coding

208
00:24:44,848 --> 00:24:48,848
เราจะได้รู้นะ เราไปแก้ถูกอันหรือเปล่า

209
00:24:48,851 --> 00:24:52,851
Text Input อันที่ 2 ชื่อว่า

210
00:24:52,854 --> 00:24:56,854
Password

211
00:25:00,856 --> 00:25:04,856
บอกแล้วว่าต้องใส่ชื่อให้มันทุกครั้ง

212
00:25:04,859 --> 00:25:08,859
นะคะ เราได้ 2 ส่วนแล้วนะ ทีนี้

213
00:25:08,862 --> 00:25:12,862
ใน Username

214
00:25:12,865 --> 00:25:16,865
นะคะ ใน Username นี่มันมีอะไรอยู่ด้วย

215
00:25:16,868 --> 00:25:20,868
เห็นหรือเปล่า มันใส่อะไรเข้าไป

216
00:25:28,877 --> 00:25:32,877
ในตัวอย่าง ใ

217
00:25:32,880 --> 00:25:36,880
นตัวอย่าง กดผิด ขอโทษ ในตัวอย่างเห็นไหมคะ มันมีไอคอน

218
00:25:36,882 --> 00:25:40,882
รูปเป็นรูปคนกับรูปลูกกุญแจนะ

219
00:25:40,882 --> 00:25:44,882
เราจะให้มันเห็น icon นี้

220
00:25:44,883 --> 00:25:48,883
ทำอย่างไร ไปที่

221
00:25:48,884 --> 00:25:52,884
หน้าจอเราเหมือนเดิมนะคะ เราก็เอารูปนี่

222
00:25:52,885 --> 00:25:56,885
ใส่เข้าไปในนี้

223
00:25:56,888 --> 00:26:00,888
ใส่ได้ไหม

224
00:26:12,913 --> 00:26:16,907
ให้ใส่เข้าไปไหมนี่ จะให้ใส่เข้าไป

225
00:26:16,907 --> 00:26:20,907
Text ไหมล่ะ

226
00:26:24,913 --> 00:26:28,913
ไม่ให้ใส่เข้าไปข้างใน

227
00:26:28,920 --> 00:26:32,920
ไม่ให้ใส่ก็วางข้าง ๆ ได้

228
00:26:32,926 --> 00:26:36,926
นะ ก็คือเราก็มี Image เล็ก ๆ

229
00:26:36,928 --> 00:26:40,928
2 อันนะคะ

230
00:26:48,936 --> 00:26:52,936
โอเคไหมคะ

231
00:26:52,937 --> 00:26:56,937
แล้วหารูปใส่นะ เด็ก ๆ อย่าลืม

232
00:26:56,939 --> 00:27:00,939
นะคะ มีรูปอะไร รูปคนกับรูปกุญแจนะ

233
00:27:00,940 --> 00:27:04,940
หาต่อสิครับ

234
00:27:04,943 --> 00:27:08,943
รออะไร เมื่อกี้เปิดไว้แล้ว

235
00:27:28,958 --> 00:27:32,958
เอาตัวนี้แล้วกัน Free download เหมือนเดิมนะคะ

236
00:27:32,961 --> 00:27:36,961
รูปต่อไป ก็คือ

237
00:27:36,964 --> 00:27:40,964
ก็คือรูปกุญแจ

238
00:27:44,968 --> 00:27:48,968
หาต่อ หาต่

239
00:27:48,969 --> 00:27:52,969

240
00:27:52,971 --> 00:27:56,971
อ แม่กุญแจ กุญแจอยู่ไหนนะ

241
00:27:56,973 --> 00:28:00,973
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

242
00:28:00,974 --> 00:28:04,974
ไม่เจอแม่ แม่กุญแจ หาแม่กุญแจก่อนนะคะ

243
00:28:12,981 --> 00:28:16,981
หา Lock ใช้คำว่า "Lock"

244
00:28:24,988 --> 00:28:28,988
เอาตัวนี้แล้วกัน

245
00:28:28,989 --> 00:28:32,989

246
00:28:36,995 --> 00:28:40,995
เจอตัวไหนเอาก่อน

247
00:28:40,998 --> 00:28:44,998
ล่ะ โอเคนะคะ ได้รูปแล้วได้องค์ประกอบแล้ว

248
00:28:45,001 --> 00:28:49,001
ใส่ไปเรื่อย ๆ

249
00:28:49,004 --> 00:28:53,004
ใคร

250
00:28:53,008 --> 00:28:57,008
ยังไม่ได้รูปหาใส่ด้วยนะคะ

251
00:28:57,012 --> 00:29:01,012
อันที่ 1 รูปแรก

252
00:29:01,014 --> 00:29:05,014
Image1

253
00:29:05,017 --> 00:29:09,017
Image1 Picture เลือกอัปโหลดไฟล์

254
00:29:09,021 --> 00:29:13,021
login 1 open

255
00:29:21,033 --> 00:29:25,033
ได้แล้ว ปรับขนาดเอาเองนะเด็ก ๆ

256
00:29:25,033 --> 00:29:29,033
มันไม่เท่าก็ขยาย

257
00:29:29,036 --> 00:29:33,036
ย่อ-ขยาย

258
00:29:33,040 --> 00:29:37,040
เอานะคะ

259
00:29:37,042 --> 00:29:41,042
เราก็ไไปที่ตำแหน่งของวัตถุชิ้นนั้น

260
00:29:41,045 --> 00:29:45,045
คลิกที่ชื่อเขาก็ได้

261
00:30:05,064 --> 00:30:09,064
โอเคนะคะ เขาได้แล้วนะ

262
00:30:21,077 --> 00:30:25,077
รูปที่ 2 ก็เหมือนกันนะคะ เอา Lock ใส่

263
00:30:25,081 --> 00:30:29,081
ก็เพิ่มอัปโหลดไฟล์เข้าไป

264
00:30:37,091 --> 00:30:41,091
ขนาดมันไม่ได้ เราก็

265
00:30:41,092 --> 00:30:45,092
ยืดได้ หดได้นะ

266
00:30:45,096 --> 00:30:49,096
นะคะ

267
00:30:49,097 --> 00:30:53,097
เดี๋ยวเด็กไปแต่งเพิ่มเติมทีหลังเด้อ

268
00:30:53,099 --> 00:30:57,099
จะใส่สีใส่อะไรน่ะ บอกคร่าว ๆ ว่าองค์ประกอบ

269
00:30:57,099 --> 00:31:01,099
มันมีอะไร แล้วก็มีอีกส่วนหนึ่งใช่ไหมคะ อันล่างสุด

270
00:31:01,100 --> 00:31:05,100
เอ๊ย ไม่ใช่ อีก 2 ส่วนสิ

271
00:31:05,104 --> 00:31:09,104
มีส่วนของเดี๋ยวนะ เปิดให้ดูชัด ๆ

272
00:31:17,112 --> 00:31:21,112
มีส่วนที่เหมือน

273
00:31:21,115 --> 00:31:25,115
ติ๊ก ๆ อย่างนี้นะคะ กับ forget password

274
00:31:25,115 --> 00:31:29,115
มี Button 1 อันนะคะ ปุ่มกด

275
00:31:29,116 --> 00:31:33,116
และก็ส่วนที่มีติ๊กอย่างนี้นะคะ

276
00:31:33,116 --> 00:31:37,116
ส่วนที่มีปิ๊ก ชื่อว่า

277
00:31:37,118 --> 00:31:41,118
Check box เห็นไหมคะ

278
00:31:41,121 --> 00:31:45,121
นะคะ แถบเครื่องมือ Check Box ลากลงไปเลย

279
00:31:45,124 --> 00:31:49,124
ลากไปวาง

280
00:31:49,128 --> 00:31:53,128
ให้เราได้ Check box แล้ว

281
00:31:53,133 --> 00:31:57,133
1 อัน แล้วมีอะไรต่อจาก Checkbox

282
00:31:57,134 --> 00:32:01,134
ก็คือมี Label ใช่ไหมคะ บอกว่า

283
00:32:01,136 --> 00:32:05,136
Remember me มี Label

284
00:32:05,139 --> 00:32:09,139
เขียนคำว่า " remember

285
00:32:09,141 --> 00:32:13,141
ใส่ Label เข้าไปตรงนี้

286
00:32:13,148 --> 00:32:17,148
นะคะ พิมพ์คำว่า

287
00:32:17,148 --> 00:32:21,148
"Remember me" R-e Remember

288
00:32:25,151 --> 00:32:29,151
b-e-r member

289
00:32:29,156 --> 00:32:33,156
แล้ว me m-e นะคะ

290
00:32:37,158 --> 00:32:41,158
เดี๋ยวเปลี่ยนฟอนต์ สีฟอนต์ก่อน

291
00:32:45,160 --> 00:32:49,160
จะได้เห็น No เห็นไหมคะ

292
00:32:49,163 --> 00:32:53,163
เห็นหรือเปล่า

293
00:32:53,165 --> 00:32:57,165
อะไรอีกนะ มีอะไรอีก

294
00:32:57,167 --> 00:33:01,167
กดผิดอยู่เรื่อยเลย แล้วก็มี

295
00:33:01,169 --> 00:33:05,169
forgot password

296
00:33:05,172 --> 00:33:09,172
Forgot Password มันเป็นเหมือน Text Link น่ะ

297
00:33:09,175 --> 00:33:13,175
เราต้องใช้ตัว...

298
00:33:25,184 --> 00:33:29,184
label

299
00:33:29,187 --> 00:33:33,187
แล้วตอนเขาเรียกอะไรนะ

300
00:33:33,190 --> 00:33:37,190
ตอนเชื่อมนะ

301
00:33:37,192 --> 00:33:41,192
ตอน Coding น่ะ ค่อยเชื่อมให้มันเป็นลิงก์

302
00:33:41,193 --> 00:33:45,193
แล้วค่อยใส่ลิงก์นะคะ

303
00:33:45,196 --> 00:33:49,196
ตัวนี้

304
00:33:49,199 --> 00:33:53,199
Label นี้ ใส่คำว่า พื้นที่

305
00:33:53,205 --> 00:33:57,205
ตัวใหญ่ไปเสียละมั้ง เดี๋ยวลดไซซ์ Remember me

306
00:33:57,207 --> 00:34:01,207
ก่อนนะคะ มีความรู้สึกว่ามันใหญ่ไป มันจะ

307
00:34:01,208 --> 00:34:05,208
ใส่ forgot password ไม่ได้

308
00:34:05,211 --> 00:34:09,211
ไง 18 ลดลง 14 พอ

309
00:34:09,212 --> 00:34:13,212
โอเค Remember me เหลือ 14 นะคะ

310
00:34:13,213 --> 00:34:17,213
แล้วก็

311
00:34:21,218 --> 00:34:25,218
Forgot Password นะเด็ก ๆ

312
00:34:25,221 --> 00:34:29,221
อีก Label หนึ่งเราจะใช้คำว่า "Forgot"

313
00:34:29,225 --> 00:34:33,225
นะคะ  f-o-r

314
00:34:33,230 --> 00:34:37,230
f-o-r forgot

315
00:34:37,232 --> 00:34:41,232
g-o-t got

316
00:34:41,233 --> 00:34:45,233
จำไม่ได้ ช่วงนี้สงสมองไม่ค่อยจำ

317
00:34:45,236 --> 00:34:49,236
forgot

318
00:34:49,239 --> 00:34:53,239
f-o-r-g-o-t แล้วก็ password

319
00:34:53,242 --> 00:34:57,242
Forgot แล้วก็ P

320
00:34:57,244 --> 00:35:01,244
P-a-s-s Pass แล้วก็ word w-

321
00:35:01,248 --> 00:35:05,248
o-r-d แล้วก็ตามด้วย

322
00:35:05,251 --> 00:35:09,251
เครื่องหมายคำถาม

323
00:35:09,252 --> 00:35:13,252
Forgot Password ก็ลดไซซ์

324
00:35:13,255 --> 00:35:17,255
ให้พอ ๆ กันไอ้นี่ล่ะนะ ไอ้ Remember me

325
00:35:17,257 --> 00:35:21,257
นี่ล่ะ ก็คือ 14 นะคะ ทำไซ

326
00:35:21,260 --> 00:35:25,260
ซ์ให้เท่ากัน แล้วก็สี

327
00:35:33,271 --> 00:35:37,271
สีแจ่มว้าวขึ้นมาหน่อย

328
00:35:37,273 --> 00:35:41,273
ให้เห็นความแตกต่าง

329
00:35:41,274 --> 00:35:45,274
ตำแหน่งควรจะตรง ๆ กัน

330
00:35:45,279 --> 00:35:49,279
No No No ตำแหน่งไม่ค่อยได้

331
00:35:49,282 --> 00:35:53,282
เดี๋ยวเลื่อนอีกนิดหนึ่ง

332
00:35:53,290 --> 00:35:57,288
นะ color

333
00:35:57,288 --> 00:36:01,288
เอาสีอะไร เอาสี...

334
00:36:01,289 --> 00:36:05,289
สีเหลือง สีเขียว สีฟ้า

335
00:36:05,293 --> 00:36:09,293
โอเค

336
00:36:09,299 --> 00:36:13,299
โอเคแล้วนะ

337
00:36:21,305 --> 00:36:25,305
นะคะ

338
00:36:25,309 --> 00:36:29,309
โอเคนะ อันสุดท้ายคืออะไรคะ

339
00:36:29,314 --> 00:36:33,314
Login ใช่ไหม ปุ่ม

340
00:36:33,316 --> 00:36:37,316
Button Button Login เด็ก ๆ อยากได้ปุ่มแบบไหน เป็นสีเหลี่ยม

341
00:36:37,318 --> 00:36:41,318
หรือเป็นโค้งดูนะคะ เราไปเลือก botton

342
00:36:41,320 --> 00:36:45,320
คลิก button แล้วลง

343
00:36:45,323 --> 00:36:49,323
ด้านล่างสุดใช่ไหม

344
00:36:49,324 --> 00:36:53,324
Button

345
00:36:53,327 --> 00:36:57,327
นี้

346
00:36:57,329 --> 00:37:01,329
พิมพ์ข้างในว่า Login นะเด็ก ๆเข้าไป

347
00:37:01,333 --> 00:37:05,333
L-O ตัวใหญ่เลย L-o-g-

348
00:37:05,337 --> 00:37:09,337
i-n Login

349
00:37:09,341 --> 00:37:13,341
สีเอาสีอะไร

350
00:37:13,344 --> 00:37:17,344
ไปที่ Background นะ

351
00:37:17,346 --> 00:37:21,346
Background เลือกสีค่ะ สีปุ่ม

352
00:37:21,349 --> 00:37:25,349
มีความ

353
00:37:25,352 --> 00:37:29,352
แซ่บเบอร์ 10

354
00:37:29,356 --> 00:37:33,356

355
00:37:33,359 --> 00:37:37,359
อยากได้สีชมพูอยู่ไหนนี่ สีชมพู

356
00:37:37,361 --> 00:37:41,361
เอาฟ้าน้ำทะเลก็ได้นะ

357
00:37:57,373 --> 00:38:01,373
นี่ ๆ เขาอยากได้ประมาณนี้

358
00:38:01,376 --> 00:38:05,376
แต่ตัวอักษรเขาจะเอา

359
00:38:05,379 --> 00:38:09,379
สีเข้ม ๆ นะครับ Color Color Color

360
00:38:09,384 --> 00:38:13,384
Text Color

361
00:38:13,386 --> 00:38:17,386
นะคะ สีน้ำเงินไหม

362
00:38:21,392 --> 00:38:25,392
สีม่วง

363
00:38:25,395 --> 00:38:29,395
โอเค

364
00:38:29,396 --> 00:38:33,396
ทำตัวหนาด้วย เปลี่ยนรูปแบบ font ด้วย

365
00:38:37,401 --> 00:38:41,401
โอเคนะคะ

366
00:38:41,402 --> 00:38:45,402
ตัวนี้

367
00:38:45,409 --> 00:38:49,409
อยากได้เป็นโค้ง ๆ โค้งมากโค้งน้อยแก้

368
00:38:49,411 --> 00:38:53,411
ตรง

369
00:38:53,415 --> 00:38:57,415
ไหนคะ ตรง Border ใช่ไหมคะ

370
00:38:57,416 --> 00:39:01,416
Ladian น่ะ

371
00:39:01,417 --> 00:39:05,417
แก้ตรง ladian นะ ความ

372
00:39:05,420 --> 00:39:09,420
โค้งมนของวัตถุ

373
00:39:09,424 --> 00:39:13,424
นะคะ ความโค้งมนของวัตถุ ขึ้นอยู่กับ

374
00:39:13,427 --> 00:39:17,427
โอเคไหม

375
00:39:17,428 --> 00:39:21,428
ตอนนี้เราได้องค์ประกอบหนึ่งครบแล้ว

376
00:39:21,428 --> 00:39:25,428
ทีนี้มันจะเชื่อมอย่างไรนะ

377
00:39:25,431 --> 00:39:29,431
ทำให้ตัว Login มันเชื่อมได้

378
00:39:29,434 --> 00:39:33,434
นี่ ก็คือพอใส่ชื่อลงไปนะคะ

379
00:39:33,436 --> 00:39:37,436
ใส่ไอ้นี่ลองไปแล้วกด login เข้าไป

380
00:39:37,438 --> 00:39:41,438
นี่ มันจะไปเก็บไว้ที่ไหน เดี๋ยวขอเดินดูก่อนนะคะ

381
00:39:41,441 --> 00:39:45,441
ว่าเด็ก ๆ ทำองค์ประกอบ

382
00:39:45,444 --> 00:39:49,444
มันครบหรือยัง ตรงไหนลูก

383
00:39:57,449 --> 00:40:01,449
อะไรนะ อ๋อ Remember me

384
00:40:01,450 --> 00:40:05,450
Forget Password ใช้ Label ธรรมดา ใช่ ๆ

385
00:40:05,451 --> 00:40:09,451
แล้วเราจะทำให้มันเป็นลิงก์

386
00:40:09,455 --> 00:40:13,455
ในบล็อกไง ในโค้ดน่ะ

387
00:40:13,457 --> 00:40:17,457
ยัง ๆ ๆ มันจะไปทำ

388
00:40:17,460 --> 00:40:21,460
ตอนเราสั่งมันน่ะ โอเคนะ

389
00:42:25,536 --> 00:42:29,536
ดู อันที่ 2 ใบเตยต้องใส่

390
00:42:29,539 --> 00:42:33,539
label คำว่า User login

391
00:42:33,544 --> 00:42:37,544
น่ะใช้ Label ทำ เห็นหรือเปล่า

392
00:42:37,545 --> 00:42:41,545
เห็น Label ไหม เลือกอันนี้ แล้วก็มาวางส่วนที่ 2

393
00:42:41,547 --> 00:42:45,547
ส่วนที่ 3 กับ 4

394
00:42:45,550 --> 00:42:49,550
ช่องที่ 3 กับ 4 ใช้ text input

395
00:42:49,551 --> 00:42:53,551
เห็นไหม ลาก Text Input

396
00:42:53,553 --> 00:42:57,553
ไปวาง 2 อัน

397
00:42:57,556 --> 00:43:01,556
เป็นอันที่ 3 กับ 4 ได้รูปแล้ว เสร็จแล้วมา Label

398
00:43:05,560 --> 00:43:09,560
วางเป็นอันที่ 2 ข้างในก็พิมพ์เปลี่ยนเป็น User Login เหมือนตัวอย่างนะ

399
00:43:21,572 --> 00:43:25,572
มันตรงส่วนเชื่อน่ะ

400
00:43:25,576 --> 00:43:29,576
มันมีหลายตัวนะคะ เขาบอก

401
00:43:29,578 --> 00:43:33,578
บางคนเขาก็ใช้ Firebase

402
00:43:33,582 --> 00:43:37,582
บางคนเขาก็ใช้ mt อะไรหว่า

403
00:43:37,584 --> 00:43:41,584
จำไม่ได้ เดี๋ยวดูก่อน

404
00:43:41,585 --> 00:43:45,585
นะคะ เดี๋ยวระหว่างรอเพื่อน

405
00:43:45,589 --> 00:43:49,589
ทำองค์ประกอบให้เสร็จ อันต่อมาอันนี้ เลือก

406
00:43:49,592 --> 00:43:53,592
อันนี้ลูก text input อันที่

407
00:43:53,599 --> 00:43:57,597
3 กับ 4 นี่

408
00:43:57,597 --> 00:44:01,597
เลือกไอ้ที่เป็น Text Input ไปวาง

409
00:44:01,600 --> 00:44:05,600
และก็เอารูปมาใส่

410
00:44:05,615 --> 00:44:09,606
ตรง 2 อันนี้

411
00:44:09,606 --> 00:44:13,606
3 กับ 4 อันที่ 3 กับอันที่ 4

412
00:50:05,845 --> 00:50:09,845
โอเคไหมคะ ได้องค์ประกอบ

413
00:50:09,848 --> 00:50:13,848
ตัวนี้แล้วนะ เสร็จแล้วทีนี้

414
00:50:13,851 --> 00:50:17,851
สิ่งที่เราจะต้องทำเพิ่ม

415
00:50:33,863 --> 00:50:37,863
นะคะ ก็คือมันจะเป็นเหมือนเชื่อมฐานข้อมูลน่ะ

416
00:50:37,870 --> 00:50:41,870
ที่เข้าใช่นะ

417
00:50:41,871 --> 00:50:45,871
มันจะชื่อว่า ไปเปิด Google เด็ก ๆ เปิด Google แล้วพิมพ์

418
00:50:45,877 --> 00:50:49,877
คำว่า "Firebase" นะคะ มันจะเป็นของ

419
00:50:53,876 --> 00:50:57,876
ตระกูล Google นี่ล่ะ F-i-s-e B-

420
00:50:57,878 --> 00:51:01,878
a-s-e

421
00:51:05,882 --> 00:51:09,882
Firebase อยู่ไหน

422
00:51:09,885 --> 00:51:13,885
หว่า นี่ ๆ Firebase

423
00:51:13,888 --> 00:51:17,888
.google.com

424
00:51:17,891 --> 00:51:21,891
ให้เราหา Fire

425
00:51:21,892 --> 00:51:25,892
base.google.com เจอไหม พิมพ์ F-i-r-e-

426
00:51:29,897 --> 00:51:33,897
b-a-s-e นะคะ ให้

427
00:51:33,898 --> 00:51:37,898
ไปที่เว็บ Firebase.google.com ตัวนี้นะ

428
00:51:41,902 --> 00:51:45,902
ใครยังหาไม่เจอดูนะคะ

429
00:51:45,904 --> 00:51:49,904
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

430
00:51:49,904 --> 00:51:53,904
อันดับแรก ก็คือเราจะต้อง

431
00:51:53,908 --> 00:51:57,908
เราจะต้องกด

432
00:51:57,910 --> 00:52:01,910
Get Start เพราะเรายังไม่เคยใช้งานมันเลยนะคะ

433
00:52:01,913 --> 00:52:05,913
ตอนนี้เปิดมาที่ firebese หรือยัง

434
00:52:53,947 --> 00:52:57,947

435
00:52:57,950 --> 00:53:01,950
เพราะเราเพิ่งใช้งานครั้งแรก เราก็กด Get Start นะเด็ก ๆ

436
00:53:05,954 --> 00:53:09,954
เขาจะ Login

437
00:53:09,958 --> 00:53:13,958
ให้เราด้วยบัญชี Google เพราะเราล็อกอินด้วยบัญชี

438
00:53:13,959 --> 00:53:17,959
Google ตั้งแต่ตอนที่เราใช้ตัวนััน

439
00:53:17,960 --> 00:53:21,960
ให้ไปเลือกอะไร เลือก Create

440
00:53:21,963 --> 00:53:25,963
a New projects ค่ะ

441
00:53:25,966 --> 00:53:29,966
เห็นไหมคะ สร้าง

442
00:53:33,972 --> 00:53:37,972
Project ใหม่นะ คลิก 1 ครั้ง ตรงช่องนี้นะเด็ก ๆ นะ

443
00:53:37,973 --> 00:53:41,973
นี่ enter your

444
00:53:41,976 --> 00:53:45,976
Project name นี่ เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

445
00:53:45,978 --> 00:53:49,978
Firebase

446
00:53:49,981 --> 00:53:53,981
อะไรนะ login นะ

447
00:53:53,984 --> 00:53:57,984
ทำไมมันไม่ให้พิมพ์

448
00:53:57,987 --> 00:54:01,987
L-o-g-i-n นะคะ

449
00:54:14,000 --> 00:54:18,000
เราต้องยอมรับก่อนนะ ติ๊กยอม

450
00:54:18,002 --> 00:54:22,002
รับก่อน ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

451
00:54:22,005 --> 00:54:26,005
เขานะ แล้วก็กด Continue

452
00:54:34,016 --> 00:54:38,016
มันก็จะขึ้นมาบอกว่านี่คือ Google Analytic

453
00:54:38,018 --> 00:54:42,018
นะคะ for your

454
00:54:42,019 --> 00:54:46,019
firebase project

455
00:54:46,022 --> 00:54:50,022
คุณจะทำนั่นนี่โน่น เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านแล้วนะ

456
00:54:54,028 --> 00:54:58,028
แล้วเราก็ถาม

457
00:54:58,031 --> 00:55:02,031
เอ๊ะ ไม่ใช่เรา เขาจะถามว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand นะลูก

458
00:55:02,032 --> 00:55:06,032
T-h

459
00:55:10,038 --> 00:55:14,038
แล้วก็ต้องติ๊กยอมรับ

460
00:55:14,042 --> 00:55:18,042
นะคะ I Accept

461
00:55:18,044 --> 00:55:22,044
เลือก

462
00:55:22,047 --> 00:55:26,047
Analytic Location แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

463
00:55:26,051 --> 00:55:30,051
ได้เลย

464
00:55:30,054 --> 00:55:34,054
มันก็จะหมุน ๆ ๆ ๆ จนกว่ามันจะเต็มนะ

465
00:55:34,058 --> 00:55:38,058
มันกำลังจะสร้างให้เราน่ะ เขากำลังจะหา...

466
00:55:38,061 --> 00:55:42,061
มันเป็นเหมือน Database

467
00:55:42,064 --> 00:55:46,064
แต่ออนไลน์อย่างนี้นะคะ เราก็ต้องรอจนกว่า

468
00:55:46,067 --> 00:55:50,067
ไอ้เจ้านี่มันหมุนจนครบ

469
00:58:06,152 --> 00:58:10,152
ทุกคนอยู่หน้า

470
00:58:10,152 --> 00:58:14,152
your new project is ready แล้ว

471
00:58:18,157 --> 00:58:22,157
คลิก Continue ค่ะ Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

472
00:59:18,197 --> 00:59:22,197
ต่อไปนะคะ

473
00:59:22,200 --> 00:59:26,200
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือ

474
00:59:26,203 --> 00:59:30,203
ด้านซ้ายมือนะ

475
00:59:30,207 --> 00:59:34,207
เด็ก ๆ คลิกที่ Build

476
00:59:34,210 --> 00:59:38,210
เห็นไหมคะ

477
00:59:38,212 --> 00:59:42,212
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

478
00:59:42,216 --> 00:59:46,216
Monitor

479
00:59:46,220 --> 00:59:50,220
มี Analytic endgrade เราไปคลิกที่

480
00:59:50,223 --> 00:59:54,223
ไอ้รูป...

481
01:00:06,237 --> 01:00:10,237
รูป

482
01:00:10,240 --> 01:00:14,240
ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

483
01:00:14,243 --> 01:00:18,243
แล้วคลิกที่

484
01:00:18,246 --> 01:00:22,246
Authentication คลิก 1 ครั้ง

485
01:00:22,248 --> 01:00:26,248
มันจะเข้ามาที่

486
01:00:26,251 --> 01:00:30,251
หน้า Authentication ใช่ไหมคะ

487
01:00:30,254 --> 01:00:34,254
เราก็คลิก get start

488
01:00:46,264 --> 01:00:50,264
ทีนี้

489
01:00:50,268 --> 01:00:54,268
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

490
01:00:54,271 --> 01:00:58,271
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

491
01:00:58,273 --> 01:01:02,273
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

492
01:01:02,274 --> 01:01:06,274
เราใช้ Username ก็คื

493
01:01:06,278 --> 01:01:10,278
Anonymous นะ การระบุตัวตนน่ะ ที่เปิด Enable

494
01:01:10,281 --> 01:01:14,281

495
01:01:14,281 --> 01:01:18,281
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

496
01:01:18,283 --> 01:01:22,283
ใช้...

497
01:01:26,287 --> 01:01:30,287
สมมติมีตัวอื่นเพิ่มนะ เช่น ใช้เบอร์โทรศัพท

498
01:01:30,291 --> 01:01:34,291
์อย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

499
01:01:34,294 --> 01:01:38,294
ใช้เบอร์โทรศัพท์

500
01:01:38,296 --> 01:01:42,296
เป็นตัวให้เข้าก็ไปคลิกที่

501
01:01:42,297 --> 01:01:46,297
โทรศัพท์ แล้วก็เลือก Enable เหมือนกัน นึกออกนะคะ

502
01:01:46,301 --> 01:01:50,301
ให้นึกถึงหลักว่าเราใช้การ

503
01:01:50,304 --> 01:01:54,304
login ด้วยตัวไหน

504
01:01:54,306 --> 01:01:58,306
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

505
01:01:58,308 --> 01:02:02,308
หรือ Password เห็นไหมคะ เรามี Password ด้วยใช่ไหม

506
01:02:02,311 --> 01:02:06,311
เราก็เลือกตัวนี้ และเราก็คลิก

507
01:02:06,314 --> 01:02:10,314

508
01:02:10,322 --> 01:02:14,321
Enable เพราะเรามี 2 ตัว

509
01:02:14,321 --> 01:02:18,321
ใช่ไหมคะ เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

510
01:02:22,321 --> 01:02:26,321
ก็คือบอกให้ระบบมันรู้ว่า

511
01:02:26,324 --> 01:02:30,324
Authen ที่

512
01:02:30,324 --> 01:02:34,324
เราใช้ในการ Login นี่เราชใ้ช้สิ่งนี้นะคะ ใช่ไหม ของเรา

513
01:02:34,327 --> 01:02:38,327
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

514
01:02:38,329 --> 01:02:42,329
ตัวนี้คืออะไร นะ Username ใช่ไหม ช

515
01:02:42,332 --> 01:02:46,332
ื่อ

516
01:02:46,336 --> 01:02:50,336
Anonymous เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

517
01:02:50,336 --> 01:02:54,336
เหมือนกัน แล้วไปไหนต่อ

518
01:04:54,426 --> 01:04:58,426
อันนี้พอเราย้อนกลับมานะคะ

519
01:04:58,428 --> 01:05:02,428
มาดู

520
01:05:02,432 --> 01:05:06,432
เอ๊ย ตรง Build

521
01:05:14,440 --> 01:05:18,440
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

522
01:05:18,442 --> 01:05:22,442
เสร็จแล้วให้เรามาที่มันจะขึ้นว่าสถานะตรงนี้

523
01:05:22,443 --> 01:05:26,443
Project overview

524
01:05:26,446 --> 01:05:30,446
แล้วเลือก Project Setting

525
01:05:30,447 --> 01:05:34,447
No No No

526
01:05:34,451 --> 01:05:38,451
มันจะเข้ามาที่หน้าที่ Project s

527
01:05:38,453 --> 01:05:42,453
etting นะ ใครยังไม่เข้ามาหน้านี้ยกมือนะคะ

528
01:05:42,454 --> 01:05:46,454
ไปไม่ถูกเดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

529
01:05:46,457 --> 01:05:50,457
Your app เห็นไหมคะ แอปของคุณ

530
01:05:50,460 --> 01:05:54,460
มันเพราะตอนนี้มันบอกว่าเรา

531
01:05:54,464 --> 01:05:58,464
เรา ยังไม่มีแอปในโปรเจกต์นี้

532
01:05:58,465 --> 01:06:02,465
เราก็ต้องไปที่แอปของเรา

533
01:06:02,470 --> 01:06:06,470
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

534
01:06:06,471 --> 01:06:10,471
เห็นไหมคะ

535
01:06:10,474 --> 01:06:14,474
มันมี ids แล้วก็มีรู้ Printer

536
01:06:14,477 --> 01:06:18,477
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

537
01:06:18,479 --> 01:06:22,479
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

538
01:06:34,490 --> 01:06:38,490
ตรงตำแหน่งนี้ My Web app นี่

539
01:06:38,493 --> 01:06:42,493
คืออะไร เราต้องไปหน้าที่เราทำ

540
01:06:50,502 --> 01:06:54,502
ตัวนี้ ของเราก็คือ E-Book ไหมคะ

541
01:06:54,503 --> 01:06:58,503
มันจะใช้ว่าอะไรอันไหนไม่ใช้

542
01:06:58,506 --> 01:07:02,506
จะปิดแล้วนะ

543
01:07:10,516 --> 01:07:14,516
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ E-book

544
01:07:14,520 --> 01:07:18,520
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะ

545
01:07:18,521 --> 01:07:22,521
เข้าใจนะ พิมพ์ลงไปนะคะ

546
01:07:22,530 --> 01:07:26,530
E

547
01:07:34,535 --> 01:07:38,535
เดี๋ยว

548
01:07:38,536 --> 01:07:42,536
เพื่อความชัวร์ เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

549
01:07:42,539 --> 01:07:46,539
E-book นะคะ

550
01:07:46,542 --> 01:07:50,542
ให้ดูชื่อที่ตัวเองพิมพ์นะ

551
01:07:50,545 --> 01:07:54,545
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

552
01:07:54,549 --> 01:07:58,549
เด็ก ๆ แล้วก็พิมพ์ลงไป

553
01:09:42,622 --> 01:09:46,622
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

554
01:09:46,624 --> 01:09:50,624
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

555
01:09:50,628 --> 01:09:54,627
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ E-book ตามแม่นะ

556
01:09:54,627 --> 01:09:58,627
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

557
01:09:58,629 --> 01:10:02,629
เสร็จแล้วกด Register App

558
01:10:02,630 --> 01:10:06,630
ได้เลย

559
01:10:10,638 --> 01:10:14,638
ไหนนะ ไม่ใช่สิ ชื่อที่จะใส่น่ะ คือ ชื่อแอปที่เราสร้าง

560
01:10:14,641 --> 01:10:18,641
นี่ ๆ อยู่ข้างบนนี่

561
01:10:22,646 --> 01:10:26,646
มันจะมีโค้ดมาเห็นไหมคะ

562
01:10:26,647 --> 01:10:30,647
เขาบอกว่าเราต้องเอาโค้ดนี้

563
01:10:30,651 --> 01:10:34,651
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปฯ ไปวางในแอปเร

564
01:10:34,654 --> 01:10:38,654
านั่นเอง จะขึ้นอย่างนี้ไหม ใครไม่ขึ้น

565
01:10:46,662 --> 01:10:50,662
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

566
01:10:50,666 --> 01:10:54,666
ไม่แน่ใจจะเห็นไหมนี่

567
01:10:58,671 --> 01:11:02,671
มันใช้ว่าอะไรหว่าเวอร์ชันนี้

568
01:11:06,675 --> 01:11:10,675
Components

569
01:11:26,689 --> 01:11:30,689
ไม่เจอ

570
01:11:30,692 --> 01:11:34,692
มันจะไปต่อไม่ได้

571
01:11:34,695 --> 01:11:38,695
มันต้องใช้อะไรนี่

572
01:11:38,696 --> 01:11:42,696
Data viewer

573
01:11:42,700 --> 01:11:46,700
data Viewer

574
01:11:58,710 --> 01:12:02,710
data assen seting

575
01:12:02,713 --> 01:12:06,713

576
01:12:06,717 --> 01:12:10,717
หาก่อนนะ

577
01:12:14,720 --> 01:12:18,720
Components

578
01:12:30,729 --> 01:12:34,729
Authen signin

579
01:12:34,734 --> 01:12:38,734
ต้องการหา

580
01:12:38,736 --> 01:12:42,736

581
01:13:06,743 --> 01:13:10,743
My data sourse หรือ

582
01:13:10,746 --> 01:13:14,746
ก็ไม่ใช่

583
01:13:14,749 --> 01:13:18,749
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

584
01:13:50,770 --> 01:13:54,770
ขอ Sea

585
01:13:54,774 --> 01:13:58,774
rch ตัวนี้อีกตัวหนึ่งก่อนนะคะ Thunkable x คืออะไร

586
01:13:58,776 --> 01:14:02,776
พิมพ์ผิดพิมพ์ถูกกันแล้ว

587
01:14:22,786 --> 01:14:26,786
เราเลือกเวอร์ชันผิดใช่ไหมนี

588
01:14:38,793 --> 01:14:42,793
update

589
01:14:42,794 --> 01:14:46,794
อย่างไร เดี๋ยว ๆ แป๊บหนึ่งนะ อาจจะต้อง Update Thunkable เราเสียหน่อย

590
01:14:46,799 --> 01:14:50,799
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้...

591
01:14:54,804 --> 01:14:58,804

592
01:14:58,809 --> 01:15:02,809
ฟังก์ชันนั้นไม่ได้น่ะ

593
01:15:10,815 --> 01:15:14,815
มันไม่เหมือนกันหรือเดี๋ยว

594
01:15:14,819 --> 01:15:18,819
แป๊บหนึ่งนะเด็ก ๆ

595
01:15:18,820 --> 01:15:22,820
มันต่างกันหรือ

596
01:15:22,822 --> 01:15:26,822
อยากรู้ ๆ

597
01:15:26,825 --> 01:15:30,825
มันก็ขึ้น Thunkable เหมือนกันนี่หว่า

598
01:15:34,831 --> 01:15:38,831
เพราะมัน

599
01:15:38,833 --> 01:15:42,833
Components มันมีไม่ครบ

600
01:15:46,839 --> 01:15:50,839
Thunkable Solution

601
01:15:50,842 --> 01:15:54,842
เดี๋ยวนะ

602
01:15:54,845 --> 01:15:58,845
Integration

603
01:16:02,847 --> 01:16:06,847
Community เราจะต้อง

604
01:16:10,852 --> 01:16:14,852
Using Thunkable

605
01:16:18,857 --> 01:16:22,857
ก็ไม่ใช่มันเป็น Test

606
01:17:54,917 --> 01:17:58,917
เพราะเขาบอกว่า

607
01:17:58,917 --> 01:18:02,917
เราจะก๊อปฯ ไอ้ตัวนี้แล้ว

608
01:18:02,920 --> 01:18:06,920
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

609
01:18:06,924 --> 01:18:10,924
ไม่มีใน App เราน่ะ

610
01:18:10,927 --> 01:18:14,927
ใน Thunkable ของเรา ก็คือ Tool ที่ Sign in

611
01:18:14,930 --> 01:18:18,930
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

612
01:18:18,932 --> 01:18:22,932
มันก็จะวางไม่ได้

613
01:18:26,937 --> 01:18:30,937
ใช้ตัวไหนนะ เดี๋ยวขอ Test

614
01:18:30,941 --> 01:18:34,941
ดูนะคะ

615
01:18:34,945 --> 01:18:38,945
คือตอนนี้ เรากรอก

616
01:18:38,947 --> 01:18:42,947
ข้อมูลได้อะไรได้ แต่จะไม่เก็บ

617
01:18:42,951 --> 01:18:46,951
ในเขาเรียกว่าอะไรล่ะ เก็บในฐานข้อมูลนะ

618
01:18:50,960 --> 01:18:54,960
ถ้าจะให้ไปเก็บ...

619
01:18:58,966 --> 01:19:02,965
แบบ Tool Editing

620
01:19:02,965 --> 01:19:06,965
นะคะ เดี๋ยวเรามาลองที่ Box ของเรา

621
01:19:06,968 --> 01:19:10,968
แล้วกัน ไปที่ box นะคะเด็ก ๆ ตัวแรกเลย ก็คือ Text Input 1 ไปที่

622
01:19:10,969 --> 01:19:14,969
input 1 usernam

623
01:19:14,972 --> 01:19:18,972
e ใช่ไหม ไปที่ Text input1

624
01:19:18,974 --> 01:19:22,974
เมื่อ Text input username

625
01:19:22,977 --> 01:19:26,977
คลิกไม่ใช่ มันจะต้องเป็น

626
01:19:26,981 --> 01:19:30,981
พิมพ์นะ set text

627
01:19:30,981 --> 01:19:34,981
input text to

628
01:19:34,985 --> 01:19:38,985
Text input Username Text

629
01:19:38,990 --> 01:19:42,990
Keyboard Type

630
01:19:54,997 --> 01:19:58,997
ฺBorder

631
01:19:58,999 --> 01:20:02,999
มันจะต้องเป็นพิมพ์ เพระาฉะนั้น

632
01:20:03,000 --> 01:20:07,000
Cheang

633
01:20:07,004 --> 01:20:11,004
คลิก เมื่อมีการคลิก เมื่อ

634
01:20:11,004 --> 01:20:15,004
คลิกที่ Text Input Username ปุ๊บ

635
01:20:15,004 --> 01:20:19,004
ให้ทำอะไร เลือกอันนี้ออกไปก่อน เลือกออกมาวาง

636
01:20:19,006 --> 01:20:23,006
เมื่อคลิกเข้าไปที่ Text Input

637
01:20:23,007 --> 01:20:27,007
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

638
01:20:27,007 --> 01:20:31,007
ทำ...

639
01:20:43,018 --> 01:20:47,018
ให้กำหนดค่า Text Input Username เป็น Text

640
01:20:47,023 --> 01:20:51,023
จาก taxt เป็นข้อความ

641
01:20:55,028 --> 01:20:59,028
ดูสิ แล้วเราต้องไป Test ว่ามัน

642
01:20:59,031 --> 01:21:03,031
พิมพ์เข้าไปได้ไหม

643
01:21:03,034 --> 01:21:07,034
ขึ้นไหม โอเคถูก

644
01:21:07,036 --> 01:21:11,036
เห็นไหมคะ มันต้อง

645
01:21:11,039 --> 01:21:15,039
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

646
01:21:15,042 --> 01:21:19,042
โอเคนะคะ

647
01:21:19,044 --> 01:21:23,044
เพราะตรงนี้ Userna

648
01:21:23,045 --> 01:21:27,045
me เหมือนกัน Text Input อันที่ 2

649
01:21:27,048 --> 01:21:31,048
กลับไปที่ Back to Editting

650
01:21:31,052 --> 01:21:35,052
ตอนนี้เด็ก ๆ ได้

651
01:21:35,055 --> 01:21:39,055
อยู่ที่ Scene 1

652
01:21:39,057 --> 01:21:43,057
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

653
01:21:43,058 --> 01:21:47,058
Text Input อันที่ 1 ใช่ไหม

654
01:21:47,061 --> 01:21:51,061
เ รากลับไปที่บลแล้ว

655
01:21:51,064 --> 01:21:55,064
ตัวแรกที่เราเริ่มก็คือ

656
01:21:55,067 --> 01:21:59,067
เมื่อกี้แม่ว่าแม่ลอง

657
01:21:59,070 --> 01:22:03,070
ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

658
01:22:03,073 --> 01:22:07,073
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

659
01:22:07,076 --> 01:22:11,076
แต่ตอนแรกที่ test

660
01:22:11,077 --> 01:22:15,077
ตอนแรกที่ Test น่ะ พอพิมพ์ปุ๊บ

661
01:22:15,080 --> 01:22:19,080
เมื่อกี้มันน่าจะ Save ไว้แล้ว

662
01:22:19,082 --> 01:22:23,082
พอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะ ให้นึงถึงเหมือนตอนมาพิมพ์ช่องนี้

663
01:22:23,083 --> 01:22:27,083
นี่

664
01:22:27,084 --> 01:22:31,084
โอเคนะคะ

665
01:22:31,086 --> 01:22:35,086
โอเค

666
01:22:35,090 --> 01:22:39,090
เพราะฉะนั้น สิ่งที่เราจะต้องทำ คือ กำหนดค่าให้

667
01:22:39,092 --> 01:22:43,092
Text input ตัวที่ 1 ของเรา

668
01:22:43,096 --> 01:22:47,096
นะคะ

669
01:22:51,100 --> 01:22:55,100
เพราะฉะนั้น ไปที่บล็อก เมื่อกี้ไม่ได้

670
01:22:55,104 --> 01:22:59,104
ลบทิ้ง E

671
01:22:59,106 --> 01:23:03,106
dit undo มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

672
01:23:03,109 --> 01:23:07,109
ไม่เป็นอะไร ให้

673
01:23:07,112 --> 01:23:11,112
เราเลือก Components ที่ชื่อว่า Text Input นะ

674
01:23:11,115 --> 01:23:15,115
สิ่งแรกก็คือเมื่อ Text input

675
01:23:15,119 --> 01:23:19,119
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

676
01:23:19,121 --> 01:23:23,121
เราเลือกตัวนี้ออกมา

677
01:23:23,121 --> 01:23:27,121
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือ

678
01:23:27,125 --> 01:23:31,125
Username ก็คือ

679
01:23:31,125 --> 01:23:35,125
ให้ set ค่าของ Text Input นี่

680
01:23:35,130 --> 01:23:39,130
จะซ่อนเป็นพิมพ์น่ะ

681
01:23:43,132 --> 01:23:47,132
นะ คะดูนะคะ

682
01:23:47,135 --> 01:23:51,135
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

683
01:23:59,142 --> 01:24:03,142
text Input

684
01:24:03,143 --> 01:24:07,143
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

685
01:24:11,147 --> 01:24:15,147
อะไรต่อ เสร็จแล้วทำอย่างไรต่อ มันมีอีกตัวหนึ่งใช่ไหม

686
01:24:15,151 --> 01:24:19,151
คือ ตัวที่ 2 ของเรา

687
01:24:19,153 --> 01:24:23,153
password ก็เหมือนกัน

688
01:24:23,156 --> 01:24:27,156
คลิกที่ Password มี 2 อันใช่ไหมคะ

689
01:24:27,159 --> 01:24:31,159
When เมื่อเราคลิกเข้าไปที่ Text Input

690
01:24:31,163 --> 01:24:35,163
password เมื่อคลิกเข้าไป wen...

691
01:24:35,163 --> 01:24:39,163
นี่ทำอะไร

692
01:24:39,165 --> 01:24:43,165
เหมือนกัน ก็คือให้...

693
01:24:43,168 --> 01:24:47,168
เซต Text นี้เป็น

694
01:24:47,172 --> 01:24:51,172
ซ่อนซ่อนแล้วก็

695
01:24:51,175 --> 01:24:55,175
ซ่อนเสร็จแล้วก็

696
01:24:55,178 --> 01:24:59,178
มาแสดง แล้วก็ให้พิมพ์นะ

697
01:24:59,181 --> 01:25:03,181
อันนี้ก็ทำเหมือนกัน ก็คือ...

698
01:25:19,191 --> 01:25:23,191
รู้แล้วควา่มจริงเราต้องเลือกอันนี้

699
01:25:23,192 --> 01:25:27,192
set text

700
01:25:27,195 --> 01:25:31,195
Password นะคะ กำหนดให้

701
01:25:31,198 --> 01:25:35,198
Text Input Password นี่

702
01:25:35,201 --> 01:25:39,201
รับค่าจากการพิมพ์

703
01:25:39,202 --> 01:25:43,202
ot Keyboard Type เสร็จแล้วตรงนี้

704
01:25:43,203 --> 01:25:47,203
เป็น Defult Default กำหนดเป็นค่าเริ่ม

705
01:25:47,207 --> 01:25:51,207
เห็นไหม

706
01:25:51,210 --> 01:25:55,210
set de

707
01:25:55,213 --> 01:25:59,213
fault เราไม่ได้ set defule

708
01:25:59,214 --> 01:26:03,214
นี่ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

709
01:26:03,218 --> 01:26:07,218
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

710
01:26:07,222 --> 01:26:11,222
เมื่อพิมพ์ เมื่อคลิกเข้าไป

711
01:26:11,225 --> 01:26:15,225
ปุ๊บ สิ่งที่จะต้องเกิดผลก็คือให้มันแสดง

712
01:26:47,244 --> 01:26:51,244
Text to แล้วก็ข้อความ

713
01:26:51,252 --> 01:26:55,251
ในนี้นะ

714
01:26:55,251 --> 01:26:59,251
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

715
01:26:59,252 --> 01:27:03,252
Text In password ก็

716
01:27:03,253 --> 01:27:07,253
เป็น

717
01:27:11,256 --> 01:27:15,256
set มันต้องซ่อนสิ password

718
01:27:15,259 --> 01:27:19,259
ไม่ให้โชว์นะ ต้องซ้อนนะ

719
01:27:19,260 --> 01:27:23,260
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

720
01:27:23,263 --> 01:27:27,263
จะซ่อนให้เราไหมล่ะ เราลอง Test ดูนะคะ

721
01:27:27,263 --> 01:27:31,263
เพราะตอนพิมพ์ password ตามหลักต้องไม่แสดง

722
01:27:31,266 --> 01:27:35,266
ข้อความนะ User น่ะไม่แสดง

723
01:27:43,272 --> 01:27:47,272
User แสดงอย่างนี้ได้เหมือนแสดงชื่อ แต่ passwor

724
01:27:47,275 --> 01:27:51,275
d มันไม่ควรแสดงชื่อไหม

725
01:27:51,278 --> 01:27:55,278
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนไ

726
01:27:59,283 --> 01:28:03,283
ว้ นี่ตอนนี้มันยังไม่ซ่อน

727
01:28:03,287 --> 01:28:07,287
เดี๋ยวเราต้องให้มันซ่อน

728
01:28:07,290 --> 01:28:11,290
กลับไปแก้ ซ่อนอะไรคะ

729
01:28:11,293 --> 01:28:15,293
To อะไร To Default บ่ Password น่าจะเป็น to Default

730
01:28:15,293 --> 01:28:19,293
น่าจะเป็น Too

731
01:28:19,295 --> 01:28:23,295
หรือ Tool อะไร มีหลายตัว

732
01:28:23,299 --> 01:28:27,299
เลือกเป็น...

733
01:28:31,305 --> 01:28:35,305
เมื่อคลิก password

734
01:28:35,308 --> 01:28:39,308
เมื่อคลิก Password

735
01:28:39,313 --> 01:28:43,312
แล้ว

736
01:28:43,312 --> 01:28:47,312
พิมพ์ Password ลงไปปุ๊บ

737
01:29:07,325 --> 01:29:11,325
เมื่อพิมพ์ Password ลง

738
01:29:11,328 --> 01:29:15,328
input password เป็นซ่อน

739
01:29:15,329 --> 01:29:19,329
แล้วก็ To... ไม่ให้เอาออก

740
01:29:27,338 --> 01:29:31,338
จัด Text

741
01:29:31,342 --> 01:29:35,342
แล้วก็ทำให้ Text Input เป็นซ่อน

742
01:29:35,345 --> 01:29:39,345
ลองดูสิ แก้เงื่อนไขมันก่อน

743
01:29:39,347 --> 01:29:43,347
จาก Text

744
01:29:43,350 --> 01:29:47,350
ใช่ไหม จาก Text ให้มันซ่อนได้ไหม

745
01:29:47,353 --> 01:29:51,353
ขอลองอันล่างเลย

746
01:29:51,356 --> 01:29:55,356
ไม่ซ่อนน่ะ

747
01:29:55,360 --> 01:29:59,360
เราใส่สลับ

748
01:29:59,361 --> 01:30:03,361
เอาใหม่ Edit ใหม่

749
01:30:03,364 --> 01:30:07,364
ต้องไล่ให้ถูกนะนี่

750
01:30:07,368 --> 01:30:11,368
เมื่อพิมพ์เข้าไปแล้วตามหลักนะ เมื่อพิมพ์ปุ๊บ

751
01:30:19,376 --> 01:30:23,376
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

752
01:30:27,381 --> 01:30:31,381
ที่พิมพ์จากคีย์บอร์ด

753
01:30:31,384 --> 01:30:35,384
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

754
01:30:39,386 --> 01:30:43,386
มันจะซ่อนให้ไหมน่ะ

755
01:30:43,389 --> 01:30:47,389
เมื่อกำหนดค่า

756
01:30:47,392 --> 01:30:51,392
เมื่อกำหนดค่า Text Input

757
01:30:51,393 --> 01:30:55,393
เมื่อเราคลิกเข้าไปเสร็จ เซตเมื่อเราพิมพ์นะ Keyboard Type

758
01:30:55,397 --> 01:30:59,397
มีการพิมพ์ปุ๊บนี่

759
01:30:59,399 --> 01:31:03,399
ให้มัน

760
01:31:03,400 --> 01:31:07,400

761
01:31:07,402 --> 01:31:11,402
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

762
01:31:11,406 --> 01:31:15,406

763
01:31:15,408 --> 01:31:19,408
ยังติดอยู่นะคะ

764
01:31:19,409 --> 01:31:23,409
ยังติดอยู่ในบ่วง Text Password ไม่ซ่อน

765
01:31:27,416 --> 01:31:31,416
ขาดค่าอะไรไปอีกค่าหนึ่ง

766
01:31:31,419 --> 01:31:35,419
ต้องกำหนดตัวแปรหรือเปล่านี่

767
01:31:35,422 --> 01:31:39,422
น่าจะใช่

768
01:31:39,424 --> 01:31:43,424
กำหนดตัวแปรให้เก็บค่าของ Text Password

769
01:31:43,427 --> 01:31:47,427
Text username

770
01:31:47,430 --> 01:31:51,430
Text Password

771
01:31:51,434 --> 01:31:55,434
ในบล็อกที่ 2 บล็อกที่ 1

772
01:31:55,437 --> 01:31:59,437
ไม่มีปัญหาแล้ว ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

773
01:31:59,439 --> 01:32:03,439
Variable

774
01:32:39,467 --> 01:32:43,467
ไปที่ Text ไปที่ Text

775
01:32:43,469 --> 01:32:47,469
ทำให้เป็นตัวใหญ่

776
01:32:47,472 --> 01:32:51,472
ทำให้ Text

777
01:33:07,480 --> 01:33:11,480
ไปที่ Color

778
01:33:11,483 --> 01:33:15,483
เป็นจริง

779
01:33:15,487 --> 01:33:19,487
เมื่อคลิกแล้วจริงปุ๊บ

780
01:33:19,489 --> 01:33:23,489
เป็นจริงปุ๊บ

781
01:33:23,492 --> 01:33:27,492
ถึงที่ต้องทำต่อ

782
01:33:27,494 --> 01:33:31,494
ขาดไปไหนนะ

783
01:33:31,497 --> 01:33:35,497
Sign in ขึ้นมาแล้ว เจอแล้ว

784
01:33:35,497 --> 01:33:39,497
แต่มันมาอยู่ใน...

785
01:33:43,501 --> 01:33:47,501
เราจะเอามันไปใส่ใน

786
01:33:47,505 --> 01:33:51,505
ไหนได้

787
01:33:51,508 --> 01:33:55,508
S

788
01:33:55,517 --> 01:33:59,512
ign in มันจะต้องเขาบอกว่า

789
01:33:59,512 --> 01:34:03,512
ให้มันอยู่ตรง

790
01:34:11,519 --> 01:34:15,519
มันจะไปอยู่ที่บล็อกหรือ เดี๋ยวนะ มันเป็นอะไรล่ะ

791
01:34:15,522 --> 01:34:19,522
App Feature

792
01:34:27,527 --> 01:34:31,527
Sign in

793
01:34:31,531 --> 01:34:35,531
Sign in

794
01:34:35,534 --> 01:34:39,534
Hello at Gmail Sing in Email

795
01:34:43,537 --> 01:34:47,537

796
01:34:47,540 --> 01:34:51,540
Reset Password

797
01:34:51,543 --> 01:34:55,543
for Delete User Sign Up

798
01:34:55,544 --> 01:34:59,544
เขาให้กำหนดเป็นแบบนี้หรือ

799
01:34:59,546 --> 01:35:03,546
ดู Sign up

800
01:35:03,550 --> 01:35:07,550
Sign in Sign Do

801
01:35:07,553 --> 01:35:11,553

802
01:35:19,562 --> 01:35:23,562
ไม่ให้ใช้น่ะ

803
01:35:23,564 --> 01:35:27,564
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

804
01:35:27,567 --> 01:35:31,567
ใช้ไม่เหมือนกันน่

805
01:35:35,573 --> 01:35:39,573
ะ ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

806
01:35:39,575 --> 01:35:43,575
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

807
01:36:47,616 --> 01:36:51,616
ไม่เหมือนกันนะ

808
01:36:51,620 --> 01:36:55,620
ใช้ไม่เหมือนน่ะ

809
01:37:15,637 --> 01:37:19,637
เดี๋ยวนะคะ Sign Up

810
01:37:19,638 --> 01:37:23,638
อันนี้หรือ

811
01:37:35,651 --> 01:37:39,651
ให้ทำอะไร ให้ลงทะเบียน

812
01:37:39,653 --> 01:37:43,653

813
01:37:43,654 --> 01:37:47,654
โดยใช้ Email หรือ Password

814
01:37:47,657 --> 01:37:51,657
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

815
01:38:03,665 --> 01:38:07,665
บอกว่าให้ก๊อ

816
01:38:07,667 --> 01:38:11,667
ปฯ ไม

817
01:38:11,672 --> 01:38:15,672
เราใช้ Thunkable x ไม่ได้ล่ะ

818
01:38:15,672 --> 01:38:19,672
Thunkable X

819
01:38:43,691 --> 01:38:47,691
เอามาจากไหนนะ Thunkable X

820
01:39:03,703 --> 01:39:07,703
มันจะเพิ่ม Sign in นี่

821
01:39:07,706 --> 01:39:11,706
ไงเขาบอก แต่ของเราไม่เป็น X

822
01:39:59,746 --> 01:40:03,746
อ๋อ ถ้า

823
01:40:03,746 --> 01:40:07,746
Thunkable X ก็คือใช้ IOS

824
01:40:07,750 --> 01:40:11,750
เข้าใจแล้ว

825
01:40:27,763 --> 01:40:31,763
ทดสอบแอป

826
01:40:31,764 --> 01:40:35,764
มันยังไม่

827
01:40:35,768 --> 01:40:39,768
Release ใช้ไม่ได้ ต้องเป็น

828
01:40:39,770 --> 01:40:43,770
ข้อจำกัด

829
01:40:43,772 --> 01:40:47,772
เยอะเหมือนกันนะนี่

830
01:40:55,777 --> 01:40:59,777
โอเค เดี๋ยว

831
01:40:59,778 --> 01:41:03,778
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

832
01:41:03,780 --> 01:41:07,780
ของเรามัน มันไม่เป็น

833
01:41:07,780 --> 01:41:11,780
มันไม่เป็น Thunkable X น่ะ

834
01:41:11,781 --> 01:41:15,781
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

835
01:41:15,782 --> 01:41:19,782
ถ้า Thunkable x น่ะ มันจะเป็น...

836
01:41:19,783 --> 01:41:23,783
ก็คือเราก็จะมา

837
01:41:23,786 --> 01:41:27,786
ก็อป Firebase น่ะค่ะ

838
01:41:27,788 --> 01:41:31,788
ก๊อปฯ Firebase เลย Components นี้ มันจะเป็นเหมือน

839
01:41:31,789 --> 01:41:35,789
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

840
01:41:35,792 --> 01:41:39,792
เดิมเรานี่ให้เป็น Thunkable

841
01:41:39,794 --> 01:41:43,794
x ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

842
01:41:43,795 --> 01:41:47,795
เราจะเอามาใช้งาน

843
01:41:47,798 --> 01:41:51,798
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าแก้ไมได้อาจจะเปลี่ยน

844
01:41:51,801 --> 01:41:55,801
เป็นเชื่อมโดยวิธีอื่น

845
01:41:55,807 --> 01:41:59,804
ตอนนี้คือเชื่อมด้วย Fire base

846
01:41:59,804 --> 01:42:03,804
Thunkable เรามันเป็น Thunkable

847
01:42:03,805 --> 01:42:07,805
x ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

848
01:42:07,809 --> 01:42:11,809
ทีนี้เนื่องจากสัป

849
01:42:11,813 --> 01:42:15,813
ดาห์หน้า

850
01:42:15,816 --> 01:42:19,816
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

851
01:42:19,817 --> 01:42:23,817
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

852
01:42:23,818 --> 01:42:27,818
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

853
01:42:27,822 --> 01:42:31,822
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

854
01:42:31,825 --> 01:42:35,825
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

855
01:42:35,829 --> 01:42:39,829
เราแค่มาแก้อัปเวอร์ชันมัน

856
01:42:39,830 --> 01:42:43,830
แค่นั้นเอง อัปเวอร์ชันมัน

857
01:42:43,831 --> 01:42:47,831
จะนำมาไปใช้ตัวนี้

858
01:42:47,834 --> 01:42:51,834
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

859
01:42:51,839 --> 01:42:55,839
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะ

860
01:42:55,842 --> 01:42:59,842
สัปดหา์หน้าไม่อยู่ บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

861
01:42:59,845 --> 01:43:03,845
สำหรับสัปดาห์นี้

862
01:43:03,846 --> 01:43:07,846
เดี๋ยวจะขอพอแค่นี้นะคะ

863
01:43:07,849 --> 01:43:11,849
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

864
01:43:15,853 --> 01:43:19,853
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

865
01:43:19,855 --> 01:43:23,855
อ๋อ...

866
01:43:23,856 --> 01:43:27,856
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

867
01:43:27,859 --> 01:43:31,859
เดี๋ยวปล่อยเลยนะคะ

868
01:43:39,867 --> 01:43:43,867
(นักศึกษาชาย) นักเรียนทั้งหมดทำความเคารพ (อาจารย์สุธิรา)  Thunkable X

869
01:43:43,871 --> 01:43:47,871
ทำไมไม่อัปให้เราล่ะ

870
01:44:35,904 --> 01:44:39,904
-