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

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

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

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

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

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

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

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

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

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

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

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

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

14
00:01:43,964 --> 00:01:47,964
จำได้นะ Password ตัวเองอะไรนะ

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

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

17
00:02:19,980 --> 00:02:23,980
จะใช้ตอนนี้ เข้าผิดอันสะบ่

18
00:02:27,984 --> 00:02:31,984
ช่างเถอะ สงสัย

19
00:02:31,986 --> 00:02:35,986
จะไม่ใช่ตัวนี้

20
00:02:35,990 --> 00:02:39,990
นะ งง ๆ

21
00:02:39,993 --> 00:02:43,993
Google นะ แต่มี 2-3 ตัว

22
00:02:43,997 --> 00:02:47,997
ไม่ออกให้ผมด้วย

23
00:02:47,999 --> 00:02:51,999
ผมจะออกก่อน

24
00:02:52,000 --> 00:02:56,000
Sign Out เข้าไม่ถูกอันน่ะ

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

26
00:03:08,015 --> 00:03:12,015
มีหลายตัวจำไม่ได้ เข้าตัวนี้

27
00:03:20,026 --> 00:03:24,026
หรือ  โอเค

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

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

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

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

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

33
00:03:44,040 --> 00:03:48,040
Create new app เลือก New App

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

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

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

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

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

39
00:04:12,052 --> 00:04:16,052
Category

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

41
00:09:24,240 --> 00:09:28,240
ดูนะ ในรูป

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

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

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

45
00:09:40,246 --> 00:09:44,246
นี่ ลเราจะทำอย่างไร

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

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

48
00:09:52,257 --> 00:09:56,253
ปุ่มล็อกอินใช่ไหมคะ

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

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

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

52
00:10:08,259 --> 00:10:12,259
ออกมาแล้วสวยงาม ไม่ใช่โย้ไปโย้มา

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

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

55
00:10:20,268 --> 00:10:24,268
ชื่อว่า...

56
00:10:28,273 --> 00:10:32,273
Colum

57
00:10:32,274 --> 00:10:36,274
n หาคำว่า "Column"

58
00:10:36,275 --> 00:10:40,275
พิมพ์ค่ะ ขี้เกียจ Sue

59
00:10:40,277 --> 00:10:44,277

60
00:10:44,282 --> 00:10:48,282
Search ขเลื่อนไอ้นี่หาก็ให้พิมพ์

61
00:10:48,285 --> 00:10:52,285
ลงไป c-o ทำไท

62
00:10:52,285 --> 00:10:56,285
l C-o-l-u-m-e

63
00:10:56,288 --> 00:11:00,288
c-o

64
00:11:24,305 --> 00:11:28,305
ไม่มี Co

65
00:11:32,308 --> 00:11:36,308
lumn หรือ ทำไมล่ะ ๆ มี Componant

66
00:11:36,310 --> 00:11:40,310
ไหนอีกนี่

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

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

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

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

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

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

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

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

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

76
00:13:08,357 --> 00:13:12,357
นะคะ

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

78
00:13:16,361 --> 00:13:20,361
รูปเหมือนคนเลยใช่ไหม

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

80
00:13:40,374 --> 00:13:44,374
น่ะ Thunkable

81
00:13:44,377 --> 00:13:48,377
กับ... เราหา เราหาโลโก้ รูปโลโก้แบบน

82
00:13:48,377 --> 00:13:52,377
ี้ ไอ้อะไรนะ อะไรนะ

83
00:13:52,381 --> 00:13:56,381
ี้

84
00:13:56,382 --> 00:14:00,382
เอาแบบนี้ก็ได้

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

86
00:14:12,392 --> 00:14:16,392
นะคะ

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

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

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

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

91
00:15:24,429 --> 00:15:28,429
หาเอาเองนะคะ

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

93
00:15:32,436 --> 00:15:36,436

94
00:15:36,439 --> 00:15:40,439
ฟรีไหมนี่ ดูด้วยนะ

95
00:15:40,443 --> 00:15:44,443
ฟรี ฟรี ฟรี

96
00:15:44,444 --> 00:15:48,444
Download Image

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

98
00:16:00,454 --> 00:16:04,454
ใช่ไหม

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

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

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

102
00:16:20,468 --> 00:16:24,468
free downloa

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

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

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

106
00:16:40,483 --> 00:16:44,483
เอาตัวนี้ก็ได้ PNG ก็พอ

107
00:16:48,486 --> 00:16:52,486
Premium free download

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

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

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

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

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

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

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

115
00:17:24,503 --> 00:17:28,503
Logo loging

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

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

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

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

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

121
00:17:48,515 --> 00:17:52,515
ก็คือ... มีอะไรคะ

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

123
00:17:56,519 --> 00:18:00,519
ว่าให้ล็อกอินเข้าไป จะใช้คำว่าล็อกอิน

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

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

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

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

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

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

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

131
00:18:28,536 --> 00:18:32,536
ลาก label มาวาง

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

133
00:18:36,539 --> 00:18:40,539
แล้วตรง Page นะ เราก็แก้เป็นอะไร

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

135
00:18:44,544 --> 00:18:48,544
แล้วก็คำว่า "ล็อกอิน"เข้าไป l-o

136
00:18:48,548 --> 00:18:52,548
g-i-n

137
00:18:52,550 --> 00:18:56,549
สัญญาณล่าม

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

139
00:19:00,552 --> 00:19:04,552
ใครที่วางรูปเสร็จแล้วให้

140
00:19:04,556 --> 00:19:08,556
วาง Label นะคะ เพื่อจะพิมพ์ข้อความคำว่า "Login"

141
00:19:08,558 --> 00:19:12,558
ลงไปนะ

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

143
00:19:16,564 --> 00:19:20,564
รูปแบบ font เด็ก ๆ ลองเลือกอยากได้

144
00:19:20,567 --> 00:19:24,567
แบบไหน แล้วก็สี เปลี่ยนสีได้

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

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

147
00:19:32,571 --> 00:19:36,571
สีตรงข้าม เข้ม อ่อน

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

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

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

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

152
00:19:56,588 --> 00:20:00,588
Text Align นะคะ คือ

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

154
00:20:04,595 --> 00:20:08,595
นะคะ

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

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

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

158
00:20:48,620 --> 00:20:52,620
โอเคนะ

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

160
00:20:56,625 --> 00:21:00,625
ก็คือส่วนของ Label แทำอะไรต่อ

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

162
00:21:04,633 --> 00:21:08,633
Label Label อันนี้

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

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

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

166
00:21:24,642 --> 00:21:28,642
จะได้พอเวลาเราไปแก้ Code น่ะคะ

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

168
00:21:32,644 --> 00:21:36,644
Image

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

170
00:21:40,653 --> 00:21:44,653
login

171
00:21:44,653 --> 00:21:48,653
icon login l-o-g-i-n

172
00:21:48,656 --> 00:21:52,656
นะคะ ปุ๊บ

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

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

175
00:22:00,660 --> 00:22:04,660
อย่างนี้เขาเรียกว่า  Text field

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

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

178
00:22:12,666 --> 00:22:16,666
ไอ้ตัวขาว ๆ 2 อันนี้ ไอ้ตัว

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

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

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

182
00:22:28,675 --> 00:22:32,675
ถ้าหาไม่เจอพิมพ์ text feel

183
00:22:32,677 --> 00:22:36,677
หรือ Text input

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

185
00:22:40,684 --> 00:22:44,684
เราก็ลากมา มีกี่อัน 2 อันใช่ไหมคะ เราก็ลากมา 2 อัน

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

187
00:22:48,692 --> 00:22:52,692
อันที่ 2 ต่อกัน

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

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

190
00:23:00,696 --> 00:23:04,696
2 อันนะคะ

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

192
00:23:08,702 --> 00:23:12,702

193
00:23:12,705 --> 00:23:16,705
เช็กอย่างไรให้มันเท่า ๆ กัน เอามาทาบใส่กันอย่างนี้นะคะ

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

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

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

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

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

199
00:23:56,736 --> 00:24:00,736
Text Input text input อันแรก

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

201
00:24:04,741 --> 00:24:08,741
เอ่ย ตัวบนนะคะ te

202
00:24:08,743 --> 00:24:12,743
xt Input1 มันจะเป็นใส่ Username Text

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

204
00:24:16,747 --> 00:24:20,747
Text Input Username

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

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

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

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

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

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

211
00:24:52,770 --> 00:24:56,770
Password

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

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

214
00:25:08,782 --> 00:25:12,782
ใน Username

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

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

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

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

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

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

221
00:25:44,804 --> 00:25:48,804
ไปที่

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

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

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

225
00:26:12,813 --> 00:26:16,813
ให้ใส่เข้าไปไหมนี่ เดี๋ยวให้ใส่เข้าไป

226
00:26:16,817 --> 00:26:20,817
Text ไหนล่ะ

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

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

229
00:26:32,822 --> 00:26:36,822
นะ ก็คือเราก็มี image เล็ก ๆ

230
00:26:36,824 --> 00:26:40,824
นี่ 2 อันนะคะ

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

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

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

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

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

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

237
00:27:32,856 --> 00:27:36,856
รูปต่อไป

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

239
00:27:44,868 --> 00:27:48,868
หาต่อ ๆ

240
00:27:48,870 --> 00:27:52,870

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

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

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

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

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

246
00:28:28,891 --> 00:28:32,891

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

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

249
00:28:44,897 --> 00:28:48,897
ใส่ไปเรื่อย ๆ

250
00:28:48,899 --> 00:28:52,899
ใคร

251
00:28:52,902 --> 00:28:56,902
ยังไม่ได้รูปหาใส่ด้วยนะครับ

252
00:28:56,904 --> 00:29:00,904
อันที่ 1  รูปแรก

253
00:29:00,910 --> 00:29:04,908
Image1

254
00:29:04,908 --> 00:29:08,908
Image 1 Picture เลือกอัปโหลดไฟล์

255
00:29:08,909 --> 00:29:12,909
login 1 open

256
00:29:20,919 --> 00:29:24,919
ได้แล้ว ปรับขนาดเอาเองนะเด็ก ๆ

257
00:29:24,919 --> 00:29:28,919
มันมันไม่เท่าก็ขยาย

258
00:29:28,920 --> 00:29:32,920
ย่อขยาย

259
00:29:32,921 --> 00:29:36,921
เอานะคะ

260
00:29:36,924 --> 00:29:40,924
เราก็ไปที่ตำแหน่งของวัตถุชิ้นนั้น

261
00:29:40,925 --> 00:29:44,925
คลิกที่ชื่อเขาก็ได้ คลิกที่ชื่อเขา

262
00:30:04,944 --> 00:30:08,944
โอเคนะคะ เขาได้แล้วนะ

263
00:30:20,956 --> 00:30:24,956
รูปที่ 2 ก็เหมือนกันนะคะ เอา Lock ใส่

264
00:30:24,967 --> 00:30:28,967
ก็เพิ่มอัปโหลดไฟล์เข้าไป

265
00:30:36,964 --> 00:30:40,964
ขนาดมันไม่ได้ เราก็

266
00:30:40,964 --> 00:30:44,964
ยืดได้ หดได้นะ

267
00:30:44,964 --> 00:30:48,964
นะคะ

268
00:30:48,970 --> 00:30:52,969
เดี๋ยวเด็กไปแต่งเพิ่มเติมทีหลังเด้อ

269
00:30:52,969 --> 00:30:56,969
จะใส่สีใส่อะไรน่ะ บอกคร่าว ๆ ว่าองค์ประกอบ

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

271
00:31:00,974 --> 00:31:04,974
ไม่ใช่ อีก 2 ส่วนสิ

272
00:31:04,978 --> 00:31:08,978
มีส่วนของอะไรนะ เปิดให้ดูชัด ๆ

273
00:31:16,986 --> 00:31:20,986
มีส่วนที่เหมือน

274
00:31:20,986 --> 00:31:24,986
ติ๊ก ๆ อย่างนี้ กับ forget password

275
00:31:24,993 --> 00:31:28,993
มี Button 1 อันนะคะ ปุ่มกด

276
00:31:28,993 --> 00:31:32,993
และก็ส่วนที่มีติ๊กอย่างนี้นะคะ

277
00:31:32,994 --> 00:31:36,994
ส่วนที่มีติ๊ก เห็นไหมคะ ชื่อว่า

278
00:31:36,997 --> 00:31:40,997
Check box เห็นไหมคะ

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

280
00:31:45,006 --> 00:31:49,006
ลากไปวาง

281
00:31:49,007 --> 00:31:53,007
ให้เราได้ check box แล้ว

282
00:31:53,010 --> 00:31:57,010
แล้วมีอะไรต่อจาก Check box

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

284
00:32:01,016 --> 00:32:05,016
Remember me มี Label

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

286
00:32:09,021 --> 00:32:13,021
me" ไว้ใส่ Label เข้าไปตรงนี้

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

288
00:32:17,026 --> 00:32:21,026
"Remember me" R-e Remember

289
00:32:25,032 --> 00:32:29,032
b-e-r member

290
00:32:29,034 --> 00:32:33,034
แล้วมี me m-e นะคะ

291
00:32:37,037 --> 00:32:41,037
เดี๋ยวเปลี่ยน Font สี Fก่อนสี

292
00:32:45,043 --> 00:32:49,043
เห็นไหมคะ

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

294
00:32:53,048 --> 00:32:57,047
อะไรอีกนะ มีอะไรอีก

295
00:32:57,047 --> 00:33:01,047
กดผิด แล้วก็มี

296
00:33:01,051 --> 00:33:05,051
for got password

297
00:33:05,054 --> 00:33:09,054
Forgot Password นี่มันเป็น เขาเรียกวมันเป็นเหมือน Text Link น่ะ

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

299
00:33:25,063 --> 00:33:29,063
label

300
00:33:29,065 --> 00:33:33,065
นั่นล่ะ แล้วตอนเขาเรียกอะไรนะ

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

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

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

304
00:33:45,076 --> 00:33:49,076
ตัวนี้

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

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

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

308
00:34:01,081 --> 00:34:05,081
ใส่ for got password ไม่ได้

309
00:34:05,083 --> 00:34:09,083
18 ใหญ่ไป ลดลง 14 พอ

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

311
00:34:13,085 --> 00:34:17,085
แล้วก็

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

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

314
00:34:29,095 --> 00:34:33,095
นะคะ  f-o-r

315
00:34:33,097 --> 00:34:37,097
f-or forgot got

316
00:34:37,097 --> 00:34:41,097
g-o-t got

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

318
00:34:45,104 --> 00:34:49,104
forgot

319
00:34:49,106 --> 00:34:53,106
แล้วก็ password

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

321
00:34:57,110 --> 00:35:01,110
P-a-s-s Pass W-

322
00:35:01,111 --> 00:35:05,111

323
00:35:05,114 --> 00:35:09,114
o-r-d เครื่องหมายคำถาม

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

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

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

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

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

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

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

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

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

333
00:35:53,139 --> 00:35:57,139
นะ color

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

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

336
00:36:05,146 --> 00:36:09,146
โอเค

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

338
00:36:21,154 --> 00:36:25,154
นะคะ

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

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

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

342
00:36:37,163 --> 00:36:41,163
ดูนะคะ เราไปเลือก botton

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

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

345
00:36:49,173 --> 00:36:53,173
Button

346
00:36:53,176 --> 00:36:57,176
นี้

347
00:36:57,180 --> 00:37:01,180
พิมพ์ข้างในว่า LOGIN นะคะ ว่า "Login" เข้าไป

348
00:37:01,180 --> 00:37:05,180
L-O ตัวใหญ่เลย L-O-G-

349
00:37:05,183 --> 00:37:09,183
i-n Login

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

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

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

353
00:37:21,192 --> 00:37:25,192
มีความ

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

355
00:37:29,194 --> 00:37:33,194

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

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

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

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

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

361
00:38:09,225 --> 00:38:13,225
Text Color

362
00:38:13,228 --> 00:38:17,228
นะคะ สี

363
00:38:21,235 --> 00:38:25,235
น้ำเงินไหม สีม่วง

364
00:38:25,238 --> 00:38:29,238
ไหม โอเค

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

366
00:38:37,246 --> 00:38:41,246
โอเคนะคะ

367
00:38:41,251 --> 00:38:45,251
ตัวนี้

368
00:38:45,256 --> 00:38:49,255
อยากได้เป็นโค้ง ๆ โค้งมากโค้งน้อย จำได้นะ บอกว่าให้แก้

369
00:38:49,255 --> 00:38:53,255
ตรง

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

371
00:38:57,259 --> 00:39:01,259
Radian น่ะ

372
00:39:01,261 --> 00:39:05,261
ความ

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

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

375
00:39:13,265 --> 00:39:17,265
ค่า Radian โอเคไหม

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

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

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

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

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

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

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

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

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

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

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

387
00:40:09,292 --> 00:40:13,292
ตอนเราไปใน Block ไง ในโค้ดน่ะ

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

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

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

391
00:42:29,395 --> 00:42:33,395
label คำว่า "login

392
00:42:33,395 --> 00:42:37,395
" น่ะ ลูกนะ เห็นหรือเปล่า

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

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

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

396
00:42:49,404 --> 00:42:53,404
เห็รลาก Text Input

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

398
00:42:57,408 --> 00:43:01,408
3 กับ 4 ได้รูปแล้ว เสร็จแล้ว มา Label

399
00:43:05,416 --> 00:43:09,416
ก็เปลี่ยนเป็น User เหมือนตัวอย่างนั

400
00:43:21,426 --> 00:43:25,426
ะ มันตรงส่วนการเชื่อมน่ะ

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

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

403
00:43:33,434 --> 00:43:37,434
บางคนก็ใช้ m... m อะไรหว่า

404
00:43:37,437 --> 00:43:41,437
เดี๋ยวดูก่อน

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

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

407
00:43:49,446 --> 00:43:53,446
text input อันที่

408
00:43:53,447 --> 00:43:57,447
3 กับ 4 นี่

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

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

411
00:44:05,452 --> 00:44:09,452
ตรง 2 อันนี้นะคะ อันที่

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

413
00:50:05,660 --> 00:50:09,660
(อาจารย์สุธิรา)  โอเคไหมคะ ได้องค์ประกอบ

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

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

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

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

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

419
00:50:45,684 --> 00:50:49,684
"Firebase" นะคะ มันจะเป็นของต

420
00:50:53,688 --> 00:50:57,688
ระกูล Google นี่ล่ะ F-i-r-d B-

421
00:50:57,690 --> 00:51:01,690
a-s-e

422
00:51:05,697 --> 00:51:09,697
FireBase อยู่ไหน

423
00:51:09,697 --> 00:51:13,697
นี่ ๆ Firebase

424
00:51:13,697 --> 00:51:17,697
.google.com

425
00:51:17,698 --> 00:51:21,698
นะคะ ให้เราหา Fire

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

427
00:51:29,699 --> 00:51:33,699
ให้

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

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

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

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

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

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

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

435
00:52:53,747 --> 00:52:57,747
Get start นะคะ เพราะ

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

437
00:53:05,753 --> 00:53:09,753
เขาจะ Login

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

439
00:53:13,758 --> 00:53:17,758
Google ไปแล้วนะ ตั้งแต่ตอนที่เราใช้ตัวนัั้น

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

441
00:53:21,764 --> 00:53:25,764
a New projects ค่ะ

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

443
00:53:33,770 --> 00:53:37,770
ct ใหม่นะ 1 ครั้ง ตรงช่องนี้นะเด็ก ๆ นะ

444
00:53:37,771 --> 00:53:41,771
nter your pro

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

446
00:53:45,776 --> 00:53:49,776
Firebase

447
00:53:49,776 --> 00:53:53,776
อะไรนะ login นะ

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

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

450
00:54:13,789 --> 00:54:17,789
เราต้องยอมรับก่อนนะ ติ๊กยอม

451
00:54:17,790 --> 00:54:21,790
รับก่อน ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

452
00:54:21,793 --> 00:54:25,793
ของเขานะ แล้วก็กด Continue

453
00:54:33,798 --> 00:54:37,798
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytic

454
00:54:37,801 --> 00:54:41,801
นะคะ for your

455
00:54:41,802 --> 00:54:45,802
Firebase project

456
00:54:45,802 --> 00:54:49,802
เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

457
00:54:53,803 --> 00:54:57,803
แล้วเราก็ถาม

458
00:54:57,807 --> 00:55:01,807
เอ้ย ไม่ใช่เรา เขาก็ถามว่าเราอยู่ไหน เราก็ต้องเลือกนะ หา Thailand ลูก

459
00:55:01,810 --> 00:55:05,810
T-h

460
00:55:09,815 --> 00:55:13,815
แล้วก็ต้องติ๊กยอมรับ

461
00:55:13,818 --> 00:55:17,818
นะคะ I Accept

462
00:55:17,821 --> 00:55:21,821
เลือก

463
00:55:21,824 --> 00:55:25,824
Analytics location แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

464
00:55:25,827 --> 00:55:29,827
ได้เลย

465
00:55:29,829 --> 00:55:33,829
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

466
00:55:33,833 --> 00:55:37,833
มันกำลังจะสร้างให้เรา เขากำลังจะหา...

467
00:55:37,836 --> 00:55:41,836
มันเป็นเหมือน Database

468
00:55:41,837 --> 00:55:45,837
แต่ออนไลน์อย่างนี้ เราก็ต้องรอจนกว่า

469
00:55:45,840 --> 00:55:49,840
ไอ้เจ้านี่มันหมุนจนครบ

470
00:58:05,920 --> 00:58:09,920
บางคนอยู่หน้า

471
00:58:09,921 --> 00:58:13,921
your new project is ready แล้ว

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

473
00:59:17,962 --> 00:59:21,962
ต่อไปนะคะ

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

475
00:59:25,968 --> 00:59:29,968
ด้านซ้ายมือนะ

476
00:59:29,969 --> 00:59:33,969
เด็ก ๆ คลิกที่คำว่า "Build

477
00:59:33,973 --> 00:59:37,973
"  เห็นไหมคะ

478
00:59:37,976 --> 00:59:41,976
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

479
00:59:41,979 --> 00:59:45,979
Analytics endgrade มีมอนิเตอร์มีอนารีเกต

480
00:59:45,980 --> 00:59:49,980
ีมี endgrade เราไปคลิกที่

481
00:59:49,983 --> 00:59:53,983
ไอ้รูป...

482
01:00:05,995 --> 01:00:09,995
รูป

483
01:00:09,995 --> 01:00:13,995
ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

484
01:00:13,995 --> 01:00:17,995
แล้วคลิกที่ All Authenication

485
01:00:17,999 --> 01:00:21,999
คลิก 1 ครั้ง

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

487
01:00:26,003 --> 01:00:30,003
หน้า Authetication ใช่ไหมคะ

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

489
01:00:46,015 --> 01:00:50,015
ทีนี้

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

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

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

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

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

495
01:01:10,027 --> 01:01:14,027
Enable

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

497
01:01:18,030 --> 01:01:22,030
ใช้...

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

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

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

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

502
01:01:42,048 --> 01:01:46,048
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

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

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

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

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

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

508
01:02:06,059 --> 01:02:10,059
Enable

509
01:02:10,059 --> 01:02:14,059
เพราะเรามี 2 ตัวนะ

510
01:02:14,062 --> 01:02:18,062
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

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

512
01:02:26,068 --> 01:02:30,068
Allten ที่

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

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

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

516
01:02:42,078 --> 01:02:46,078
Anominus

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

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

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

520
01:04:58,148 --> 01:05:02,148
มาดู

521
01:05:02,151 --> 01:05:06,151
ตรง Bu

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

523
01:05:18,157 --> 01:05:22,157
มันจะขึ้นว่าสถานะตรงนี้

524
01:05:22,161 --> 01:05:26,161
Project overview

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

526
01:05:30,165 --> 01:05:34,165
No No No

527
01:05:34,166 --> 01:05:38,166
มันจะเข้ามาที่หน้าที่ Project setting

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

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

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

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

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

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

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

535
01:06:06,189 --> 01:06:10,189
เห็นไหมคะ

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

537
01:06:14,193 --> 01:06:18,193
แล้วก้รูปเหมือนลูกศร เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

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

539
01:06:34,203 --> 01:06:38,203
ตรงตำแหน่งนี้ My Web App นี่

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

541
01:06:50,214 --> 01:06:54,214
้ ของเราก็คือ E-Book ไหมคะ

542
01:06:54,217 --> 01:06:58,217
มันจะใช้ว่าอะไร เดี๋ยวอันไหนไม่ใช้

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

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

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

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

547
01:07:22,233 --> 01:07:26,233
E

548
01:07:34,240 --> 01:07:38,240
... เดี๋ยว

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

550
01:07:42,246 --> 01:07:46,246
Ebook นะคะ

551
01:07:46,250 --> 01:07:50,250
เดี๋ยวไม่รู้จักชื่อนี้นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

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

553
01:07:54,253 --> 01:07:58,253
แล้วก็พิมพ์ลงไป

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

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

556
01:09:50,313 --> 01:09:54,313
ใส่ชื่อของใครของมันนะ ไม่ใช่มาพิมพ์ Ebook ตามแม่นะ

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

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

559
01:10:02,317 --> 01:10:06,317
ได้เลย

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

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

562
01:10:22,323 --> 01:10:26,323
มันจะมี Code มาเห็นไหมคะ

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

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

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

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

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

568
01:10:58,336 --> 01:11:02,336
มันใช้ว่าอะไรหว่า Version นี้ อันนี้

569
01:11:06,343 --> 01:11:10,343
Component

570
01:11:26,352 --> 01:11:30,352
Sing in ไม่เจอ

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

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

573
01:11:38,360 --> 01:11:42,360

574
01:11:42,363 --> 01:11:46,363
data wever

575
01:11:58,371 --> 01:12:02,371
data assen setting

576
01:12:02,374 --> 01:12:06,374

577
01:12:06,378 --> 01:12:10,378
นะคะ หาก่อนนะ

578
01:12:14,379 --> 01:12:18,379
Component

579
01:12:30,385 --> 01:12:34,385
all ten sing in

580
01:12:34,388 --> 01:12:38,388
ต้องการหา Signin

581
01:12:38,391 --> 01:12:42,391
ไม่ใช่

582
01:13:06,408 --> 01:13:10,408
My data sourse หรือ

583
01:13:10,408 --> 01:13:14,408
ก็ไม่ใช่

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

585
01:13:50,426 --> 01:13:54,426
ขอ

586
01:13:54,429 --> 01:13:58,429
Search ตัวนี้ก่อนนะคะ Thunkable x คืออะไร

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

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

589
01:14:38,457 --> 01:14:42,457
Update อ

590
01:14:42,461 --> 01:14:46,461
ย่างไร อาจจะต้อง Update Thunkable เราหน่อย

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

592
01:14:54,462 --> 01:14:58,462
ใช้

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

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

595
01:15:14,476 --> 01:15:18,476
ขอเทสต์ตัวนี้ก่อนนะ แป๊บหนึ่งนะเด็ก ๆ

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

597
01:15:22,480 --> 01:15:26,480
อยากรู้ อยากร

598
01:15:26,485 --> 01:15:30,485
มันก็ขึ้น Thunkable เหมือนกันนี่

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

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

601
01:15:46,496 --> 01:15:50,494
Thunkable Solution

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

603
01:15:54,498 --> 01:15:58,498
Integration

604
01:16:02,505 --> 01:16:06,505
ไม่ใช่เราจะต้อง

605
01:16:10,509 --> 01:16:14,509
Using Thunkable

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

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

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

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

610
01:18:06,566 --> 01:18:10,566
ไม่มี ใน App เรา

611
01:18:10,568 --> 01:18:14,568
น่ะ ใน Thunkable Tool ที่ Signin

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

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

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

615
01:18:30,580 --> 01:18:34,580
ดูนะคะ

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

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

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

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

620
01:18:58,591 --> 01:19:02,591
back Tool Editing

621
01:19:02,593 --> 01:19:06,593
เดี๋ยวเรามาลองที่ Bock ของเรา

622
01:19:06,596 --> 01:19:10,596
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

623
01:19:10,597 --> 01:19:14,597
input 1 usernam

624
01:19:14,597 --> 01:19:18,597
e ไปที่ Text input1

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

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

627
01:19:26,603 --> 01:19:30,603
นะ set text

628
01:19:30,604 --> 01:19:34,604
input text to

629
01:19:34,604 --> 01:19:38,604
Username Text

630
01:19:38,608 --> 01:19:42,608
Keyboard Type

631
01:19:54,615 --> 01:19:58,615

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

633
01:20:02,622 --> 01:20:06,622
Chang

634
01:20:06,624 --> 01:20:10,624
e คลิก เมื่อมีการคลิก เมื่อ

635
01:20:10,625 --> 01:20:14,625
คลิกที่ Text Input Username ปุ๊บ

636
01:20:14,629 --> 01:20:18,629
ฃ เลือกอันนี้ออกไปก่อน เลือกออกมาวาง

637
01:20:18,633 --> 01:20:22,632
เมื่อคลิกเข้าไปที่ Text Input

638
01:20:22,632 --> 01:20:26,632
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

639
01:20:26,635 --> 01:20:30,635
ทำ...

640
01:20:42,640 --> 01:20:46,640
ให้กำหนดค่า Text Input Username เป็น Text

641
01:20:46,644 --> 01:20:50,644
To ข้อความ จาก taxt เป็นข้อความ

642
01:20:54,651 --> 01:20:58,648
ดูสิ แล้วเราต้องไปเทสต์ว่ามัน

643
01:20:58,648 --> 01:21:02,648
ิมพ์เข้าไปได้ไหม

644
01:21:02,654 --> 01:21:06,654
ขึ้นไหม โอเคถูก

645
01:21:06,656 --> 01:21:10,656
เห็นไหมคะ มันต้อง

646
01:21:10,657 --> 01:21:14,657
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

647
01:21:14,659 --> 01:21:18,659
โอเคนะคะ

648
01:21:18,662 --> 01:21:22,662
เพราะตรงนี้ Userna

649
01:21:22,664 --> 01:21:26,664
me นะ เหมือนกัน Text Input อันที่ 2

650
01:21:26,666 --> 01:21:30,666
กลับไปที่ Back to Editting

651
01:21:30,666 --> 01:21:34,666
ตอนนี้เด็ก ๆ ได้

652
01:21:34,667 --> 01:21:38,667
อยู่ที่ screen 1

653
01:21:38,670 --> 01:21:42,670
หรือยังตอนนี้ที่เราจะกำหนดค่า ก็คือ

654
01:21:42,671 --> 01:21:46,671
Text Input อันที่ 1 ใช่ไหม

655
01:21:46,673 --> 01:21:50,673
เรากลับไปที่ Block แล้ว

656
01:21:50,674 --> 01:21:54,674
ตัวแรกที่เราเริ่ม ก็คือ

657
01:21:54,677 --> 01:21:58,677
เมื่อกี้แม่ว่าแม่ลอง

658
01:21:58,685 --> 01:22:02,681
ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

659
01:22:02,681 --> 01:22:06,681
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

660
01:22:06,686 --> 01:22:10,684
แต่ตอนแรกที่ test

661
01:22:10,684 --> 01:22:14,684
ตอนแรกที่ Test น่ะ พอพิมพ์ปุ๊บ

662
01:22:14,685 --> 01:22:18,685
เมื่อกี้มันน่าจะ Save ไว้แล้ว

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

664
01:22:22,688 --> 01:22:26,688
นี่

665
01:22:26,688 --> 01:22:30,688
โอเคนะคะ

666
01:22:30,689 --> 01:22:34,689
โอเค

667
01:22:34,689 --> 01:22:38,689
เพราะฉะนั้น สิ่งที่เราจะต้องทำ ก็คือเราจะต้องกำหนดค่าให้

668
01:22:38,693 --> 01:22:42,693
text input ตัวที่ 1 ของเรา

669
01:22:42,695 --> 01:22:46,695
นะคะ

670
01:22:50,699 --> 01:22:54,699
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

671
01:22:54,700 --> 01:22:58,700
ลบทิ้งไหม อีกอันดู

672
01:22:58,700 --> 01:23:02,700
มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

673
01:23:02,704 --> 01:23:06,704
ไม่เป็นอะไร ให้

674
01:23:06,704 --> 01:23:10,704
เราเลือก Components ที่ชื่อว่า Text Input นะ

675
01:23:10,704 --> 01:23:14,704
สิ่งแรกก็คือเมื่อ text input

676
01:23:14,705 --> 01:23:18,705
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

677
01:23:18,709 --> 01:23:22,709
ใช่ไหมคะ เราเลือกตัวนี้ออกมา

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

679
01:23:26,720 --> 01:23:30,719

680
01:23:30,719 --> 01:23:34,719
มันจะต้องให้ set ค่าของ Text Input น่ะ

681
01:23:34,722 --> 01:23:38,722
จากซ่อนเป็นพิมพ์น่ะ

682
01:23:42,729 --> 01:23:46,729
นะคะ ดูนะคะ

683
01:23:46,729 --> 01:23:50,729
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

684
01:23:58,738 --> 01:24:02,736
text Input

685
01:24:02,736 --> 01:24:06,736
จะต้องทำงานนะคะ  ต้องทำงาน ตั้งเงื่อนไขให้มัน

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

687
01:24:14,739 --> 01:24:18,739
คือตัวที่ 2 ของเรา

688
01:24:18,743 --> 01:24:22,743
password ก็เหมือนกัน

689
01:24:22,745 --> 01:24:26,745
อันใช่ไหมคะ

690
01:24:26,748 --> 01:24:30,748
When เมื่อเราคลิกเข้าไปที่ Text Input

691
01:24:30,750 --> 01:24:34,750
password wen...

692
01:24:34,750 --> 01:24:38,750
คลิกโดนคลิกนี่ทำอะไร

693
01:24:38,754 --> 01:24:42,754
เหมือนกัน ก็คือให้...

694
01:24:42,756 --> 01:24:46,756
เซต Text นี้ เป็น

695
01:24:46,760 --> 01:24:50,760
ซ่อน ซ่อนแล้วก็

696
01:24:50,761 --> 01:24:54,761
... ซ่อนเสร็จแล้วก็

697
01:24:54,761 --> 01:24:58,761
มาแสดง แล้วก็ให้พิมพ์นะ

698
01:24:58,765 --> 01:25:02,765
อันนี้ก็ทำเหมือนกัน ก็คือ...

699
01:25:18,776 --> 01:25:22,776
รู้แล้วความจริงเราต้องเลือกอันนี้

700
01:25:22,779 --> 01:25:26,779
set text

701
01:25:26,782 --> 01:25:30,782
Password นะคะ กำหนดให้

702
01:25:30,782 --> 01:25:34,782
Text Input Password นี่

703
01:25:34,783 --> 01:25:38,783
รับค่าจากการพิมพ์

704
01:25:38,786 --> 01:25:42,786
นะ เสร็จแล้วตรงนี้

705
01:25:42,790 --> 01:25:46,789
เป็น Defult Default กำหนดเป็นค่าเริ่ม

706
01:25:46,789 --> 01:25:50,789
ต้น เห็นไหม

707
01:25:50,790 --> 01:25:54,790
set

708
01:25:54,793 --> 01:25:58,793
Default เราไม่ได้ set

709
01:25:58,796 --> 01:26:02,796
Default ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

710
01:26:02,799 --> 01:26:06,799
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

711
01:26:06,800 --> 01:26:10,800
เมื่อพิมพ์ เมื่อคลิกเข้าไป

712
01:26:10,800 --> 01:26:14,800
เกิดผลก็คือให้มันแสดง

713
01:26:46,825 --> 01:26:50,825
Text to แล้วก็ข้อความ

714
01:26:50,826 --> 01:26:54,826
ในนี้นะ

715
01:26:54,828 --> 01:26:58,828
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

716
01:26:58,833 --> 01:27:02,833
Text in password ก็

717
01:27:02,833 --> 01:27:06,833
เป็นเซ็ต

718
01:27:10,837 --> 01:27:14,837
มันต้องซ่อนสิ password

719
01:27:14,840 --> 01:27:18,840
ต้องซ่อนนะ

720
01:27:18,843 --> 01:27:22,843
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

721
01:27:22,846 --> 01:27:26,846
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

722
01:27:26,850 --> 01:27:30,850
เพราะตอนพิมพ์ password ตามหลักก็คือต้องไม่แสดง

723
01:27:30,851 --> 01:27:34,851
นะ User น่ะแสดง

724
01:27:42,856 --> 01:27:46,856
User แสดงอย่างนี้ได้แต่ passwor

725
01:27:46,856 --> 01:27:50,856
มันไม่ควรแสดงชื่อไหม

726
01:27:50,856 --> 01:27:54,856
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

727
01:27:58,862 --> 01:28:02,862
นี่ตอนนี้มันยังไม่ซ่อน

728
01:28:02,865 --> 01:28:06,865
ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน

729
01:28:06,867 --> 01:28:10,867
กลับไปแก้ ซ่อนอะไรคะ To

730
01:28:10,868 --> 01:28:14,868
อะไร To Default บ่ Password น่าจะเป็น to Default

731
01:28:14,869 --> 01:28:18,869
หน้าจะเป็น To

732
01:28:18,871 --> 01:28:22,871
หรือ Tool อะไร มีหลายตัว

733
01:28:22,875 --> 01:28:26,875
เลือกเป็น...

734
01:28:30,879 --> 01:28:34,879
เมื่อคลิก password

735
01:28:34,881 --> 01:28:38,881
เมื่อคลิก Password

736
01:28:38,884 --> 01:28:42,884
แล้ว

737
01:28:42,887 --> 01:28:46,887
พิมพ์ Password ลงไป ปุ๊บ

738
01:29:06,903 --> 01:29:10,903
เมื่อพิมพ์ Password ลง

739
01:29:10,904 --> 01:29:14,904
นะคะ Set text input เป็นซ่อน

740
01:29:14,907 --> 01:29:18,907
แล้วก็ To... ไม่ให้เอาออก

741
01:29:26,916 --> 01:29:30,916
จัด Text

742
01:29:30,916 --> 01:29:34,916
แล้วก็ทำให้ Text Input เป็นซ่อน

743
01:29:34,916 --> 01:29:38,916
ลองดูสิ ถูกไหม แก้เงื่อนไขมันก่อน

744
01:29:38,919 --> 01:29:42,919
จาก Text

745
01:29:42,923 --> 01:29:46,923
ใช่ไหม ให้มันซ่อน ได้ไหม

746
01:29:46,927 --> 01:29:50,927
ขอลองอันล่างเลย

747
01:29:50,927 --> 01:29:54,927
ไม่ซ่อนน่ะ

748
01:29:54,928 --> 01:29:58,928
นี่เราใส่สลับ

749
01:29:58,931 --> 01:30:02,931
เอาใหม่ Edit ใหม่

750
01:30:02,934 --> 01:30:06,934
ต้องไล่ให้ถูกนะนี่

751
01:30:06,938 --> 01:30:10,938
เมื่อพิมพ์เข้าไปแล้ว ตามหลักนะ เมื่อพิมพ์ ปุ๊บ

752
01:30:18,942 --> 01:30:22,942
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

753
01:30:26,949 --> 01:30:30,949
ที่พิมพ์จากคีย์บอร์ด

754
01:30:30,950 --> 01:30:34,950
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนน่ะ เราอยากให้มันซ่อน

755
01:30:38,954 --> 01:30:42,954
มันจะซ่อนให้ไหมน่ะ

756
01:30:42,957 --> 01:30:46,957
Text input เมื่อกำหนดค่า

757
01:30:46,958 --> 01:30:50,958
เมื่อกำหนดค่า Text Input

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

759
01:30:54,962 --> 01:30:58,962
keybrod

760
01:30:58,965 --> 01:31:02,965
ให้มั

761
01:31:02,968 --> 01:31:06,968
น...

762
01:31:06,969 --> 01:31:10,969
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

763
01:31:10,969 --> 01:31:14,969

764
01:31:14,975 --> 01:31:18,973
ยังติดอยู่นะคะ

765
01:31:18,973 --> 01:31:22,973
ฃยังติดอยู่ในบ่วง Text Password ไม่ซ่อน

766
01:31:26,977 --> 01:31:30,977
ขาดค่าอะไรไปอีกค่าหนึ่ง

767
01:31:30,977 --> 01:31:34,977
ต้องกำหนดตัวแปรไหมล่ะนี่

768
01:31:34,977 --> 01:31:38,977
น่าจะใช่

769
01:31:38,980 --> 01:31:42,980
กำหนดตัวแปรให้เก็บค่าของ Text Password

770
01:31:42,981 --> 01:31:46,981
text username

771
01:31:46,981 --> 01:31:50,981
Text Password

772
01:31:50,981 --> 01:31:54,981
ไหน Block ที่

773
01:31:54,985 --> 01:31:58,982
2  Block ที่ 1 ไม่มีปัญหาแล้ว ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

774
01:31:58,982 --> 01:32:02,982

775
01:32:38,994 --> 01:32:42,994
ไปที่ Text ไปที่ Text

776
01:32:42,997 --> 01:32:46,997
ทำให้เป็นตัวใหญ่

777
01:32:47,001 --> 01:32:51,001
ทำให้ text

778
01:33:07,012 --> 01:33:11,012
ไปที่ list ไปที่ Color

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

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

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

782
01:33:23,022 --> 01:33:27,022
สิ่งที่ต้องทำต่อ

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

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

785
01:33:35,028 --> 01:33:39,028
เอ๊ะ แต่มันมาอยู่ใน...

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

787
01:33:47,038 --> 01:33:51,038
ไหนได้

788
01:33:51,039 --> 01:33:55,039
Sign in

789
01:33:55,043 --> 01:33:59,043
มันจะต้อง เขาบอกว่า

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

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

792
01:34:15,055 --> 01:34:19,055
App Feature

793
01:34:27,064 --> 01:34:31,064
Sign in

794
01:34:31,064 --> 01:34:35,064
Sign in

795
01:34:35,065 --> 01:34:39,065
Sing in Hello at Email

796
01:34:43,072 --> 01:34:47,072
Sign in hello

797
01:34:47,075 --> 01:34:51,075
Reset Password

798
01:34:51,077 --> 01:34:55,077
Delete User Sign Up

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

800
01:34:59,080 --> 01:35:03,080
ดู Sign up

801
01:35:03,082 --> 01:35:07,082
Sign Up Do

802
01:35:07,085 --> 01:35:11,085
Sign In do

803
01:35:19,092 --> 01:35:23,092
... ไม่ให้ใช้น่ะ

804
01:35:23,094 --> 01:35:27,094
ไม่ยอมให้ใช้โำฟะีพำ นี้น่ะ

805
01:35:27,094 --> 01:35:31,094
ใช้ไม่เหมือนกัน

806
01:35:35,098 --> 01:35:39,098
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

807
01:35:39,099 --> 01:35:43,099
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

808
01:36:47,136 --> 01:36:51,136
ไม่เหมือนกันนะ

809
01:36:51,136 --> 01:36:55,136
ใช้ไม่เหมือนกันน่ะ

810
01:37:15,152 --> 01:37:19,152
เดี๋ยวนะคะ Sign Up

811
01:37:19,154 --> 01:37:23,154
อันนี้หรือ

812
01:37:35,163 --> 01:37:39,163
ให้ทำอะไรให้ลงทะเบียน

813
01:37:39,166 --> 01:37:43,166

814
01:37:43,168 --> 01:37:47,168
โดยใช้ Email หรือ Passeord

815
01:37:47,170 --> 01:37:51,170
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

816
01:38:03,180 --> 01:38:07,180
บอกว่าให้ก๊อ

817
01:38:07,183 --> 01:38:11,183
บฯ ทำไม

818
01:38:11,185 --> 01:38:15,185
เราใช้ Thunkable x ไม่ได้ล่ะ

819
01:38:15,187 --> 01:38:19,187
Thunkable X

820
01:38:43,206 --> 01:38:47,206
เอามาจากไหนนะ Thunkable X

821
01:39:03,213 --> 01:39:07,212
มันจะเพิ่ม Sign in ได้

822
01:39:07,212 --> 01:39:11,212
นี่ไง เขาบอก แต่ของเราไม่เป็น X

823
01:39:59,236 --> 01:40:03,236
อ๋อ ถ้า

824
01:40:03,237 --> 01:40:07,237
Thunkable X ก็คือใช้ IOS

825
01:40:07,247 --> 01:40:11,247
เข้าใจแล้ว

826
01:40:27,252 --> 01:40:31,252
ทดสอบแอป

827
01:40:31,253 --> 01:40:35,253
มันยังไม่ re

828
01:40:35,257 --> 01:40:39,257
leaseใช้ไม่ได้ ต้องเป็น

829
01:40:39,261 --> 01:40:43,261
... ข้อจำกัด

830
01:40:43,265 --> 01:40:47,265
เยอะเหมือนกันนะนี่

831
01:40:55,269 --> 01:40:59,269
โอเค เดี๋ยว

832
01:40:59,273 --> 01:41:03,273
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

833
01:41:03,277 --> 01:41:07,277
ของเรามัน มันไม่เป็น

834
01:41:07,281 --> 01:41:11,281
มันไม่ได้เป็น Thunkable X น่ะ

835
01:41:11,281 --> 01:41:15,281
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

836
01:41:15,285 --> 01:41:19,285
ถ้า Thunkable x น่ะ มันจะเป็น...

837
01:41:19,285 --> 01:41:23,285
ก็คือเราก็จะมา

838
01:41:23,288 --> 01:41:27,288
ก็อบฯ Firebase น่ะค่ะ

839
01:41:27,294 --> 01:41:31,293
Components นี้ มันจะเป็นเหมือน

840
01:41:31,293 --> 01:41:35,293
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

841
01:41:35,304 --> 01:41:39,304
เดิมเรานี่ให้เป้น Thunk

842
01:41:39,308 --> 01:41:43,308
able X ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

843
01:41:43,314 --> 01:41:47,314
เราจะเอามาใช้งาน

844
01:41:47,316 --> 01:41:51,316
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

845
01:41:51,316 --> 01:41:55,316
ได้ อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

846
01:41:55,317 --> 01:41:59,317
ตอนนี้คือเชื่อมด้วย Fire base

847
01:41:59,319 --> 01:42:03,319
จะใช้ได้ก็ต่อเมื่อ Thunkable เรามันเป็น Thunkable

848
01:42:03,319 --> 01:42:07,319
X ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

849
01:42:07,322 --> 01:42:11,322
ตอนนี้มันเป็น Thunk

850
01:42:11,323 --> 01:42:15,323
able เนื่องจากสัปดาห์หน้า

851
01:42:15,326 --> 01:42:19,326
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

852
01:42:19,329 --> 01:42:23,329
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

853
01:42:23,332 --> 01:42:27,332
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

854
01:42:27,333 --> 01:42:31,333
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

855
01:42:31,334 --> 01:42:35,334
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

856
01:42:35,336 --> 01:42:39,336
เราแค่มาแก้... แก้อัปเวอร์ชันมัน

857
01:42:39,340 --> 01:42:43,340
แค่นั้นเอง เดี๋อัปเวอร์ชันมัน

858
01:42:43,343 --> 01:42:47,343
จะนำมาไปใช้ตัวนี้

859
01:42:47,346 --> 01:42:51,346
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

860
01:42:51,346 --> 01:42:55,346
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

861
01:42:55,349 --> 01:42:59,349
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

862
01:42:59,352 --> 01:43:03,352
สำหรับสัปดาห์นี้

863
01:43:03,355 --> 01:43:07,355
เดี๋ยวจะขอพอแค่นี้นะคะ

864
01:43:07,359 --> 01:43:11,359
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

865
01:43:15,363 --> 01:43:19,363
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

866
01:43:19,365 --> 01:43:23,365
อ๋อ...

867
01:43:23,366 --> 01:43:27,366
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

868
01:43:27,370 --> 01:43:31,370
เดี๋ยวปล่อยเลยนะคะ

869
01:43:39,376 --> 01:43:43,376
(นักศึกษาชาย) นักศึกษาทั้งหมดทำความเคารพ Thunkable X

870
01:43:43,381 --> 01:43:47,381
ทำไมไม่อัปให้เรา