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

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

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

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

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

6
00:00:59,893 --> 00:01:03,892
หน้า Login ทำอย่างไร

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

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

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

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

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

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

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

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

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

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

17
00:02:19,928 --> 00:02:23,928
เข้าผิดอันสะบ่

18
00:02:27,932 --> 00:02:31,932
สงสัย

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

20
00:02:35,939 --> 00:02:39,939
งง ๆ

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

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

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

24
00:02:51,949 --> 00:02:55,949
เข้าไม่ถูกอันน่ะ

25
00:03:03,957 --> 00:03:07,957
เข้าใหม่

26
00:03:07,961 --> 00:03:11,961
มีหลายตัวจำไม่ได้

27
00:03:19,970 --> 00:03:23,970
เข้าตัวนี้หรือ โอเค

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

29
00:03:27,978 --> 00:03:31,978
ตัวเดิมตัวเอง Login Thunkable ที่เรา

30
00:03:31,981 --> 00:03:35,981
สร้างไว้นะคะ ครั้งก่อน

31
00:03:35,988 --> 00:03:39,985
ทีนี้ตัวนี้โปรเจกต์

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

33
00:03:43,985 --> 00:03:47,985
Create new app เลือก New App

34
00:03:47,988 --> 00:03:51,988
ตั้งชื่อเหมือนเดิม

35
00:03:51,989 --> 00:03:55,989
จะตั้งชื่อว่าอะไรครับ

36
00:03:55,993 --> 00:03:59,993
จะตั้งชื่อแอปนี้ว่าอ

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

38
00:04:03,994 --> 00:04:07,994
มันก็จะเป็น

39
00:04:12,000 --> 00:04:16,000
Category นะคะ

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

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

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

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

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

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

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

47
00:09:48,193 --> 00:09:52,193
User name ใช่ไหมลูก

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

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

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

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

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

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

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

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

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

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

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

59
00:10:40,222 --> 00:10:44,222
Search

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

61
00:10:48,226 --> 00:10:52,226
ลงไป ทำไท

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

63
00:10:56,232 --> 00:11:00,232

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

81
00:13:44,336 --> 00:13:48,336
เราหานะคะ หาโลโก้รูปแบบน

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

83
00:13:52,341 --> 00:13:56,341

84
00:13:56,343 --> 00:14:00,343
นะ เอาแบบไหนเอาแบบนี้ก็ได้ หรือเอาอย่า

85
00:14:08,350 --> 00:14:12,350
งนี้นึกออกนะ Search คำว่า "Icon" แล้วก็

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

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

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

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

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

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

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

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

94
00:15:36,398 --> 00:15:40,398
ฟรีหรือเปล่านี่ ดูด้วยนะ

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

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

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

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

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

100
00:16:12,409 --> 00:16:16,409
ขี้ตั๊วเบเบ๋ อย่าลืมหาคำว่า "Free" ด้วยนะเด็ก ๆ

101
00:16:16,411 --> 00:16:20,411
Free download ด้วย เดี๋ยวติดลิขสิทธิ์อีก

102
00:16:20,414 --> 00:16:24,414

103
00:16:24,415 --> 00:16:28,415
Free download โอเค หาใหม่

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

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

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

107
00:16:48,432 --> 00:16:52,432
Premium Free Download

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

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

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

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

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

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

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

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

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

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

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

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

120
00:17:44,468 --> 00:17:48,468
มีรูปแล้ว

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

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

123
00:17:56,480 --> 00:18:00,480
ว่าให้ Login เข้าไปจะใช้คำว่า

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

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

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

127
00:18:12,492 --> 00:18:16,490
ต่อมา ก็คือ Lable ค่ะ

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

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

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

131
00:18:28,496 --> 00:18:32,496
ลาก Label มาวาง

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

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

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

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

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

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

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

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

140
00:19:04,512 --> 00:19:08,512
ข้อความคำว่า "Login"

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

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

143
00:19:16,519 --> 00:19:20,519
รูปแบบฟอนต์แบบไหนเด็ก ๆ ลองเลือกอยากได้

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

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

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

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

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

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

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

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

152
00:19:56,541 --> 00:20:00,541
Test Align นะคะ คือ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

175
00:22:00,626 --> 00:22:04,626
อย่างนี้เขาเรียกว่า Tex F

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

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

178
00:22:12,634 --> 00:22:16,634
ไอ้ตัวขาว ๆ 2 อันนี้นะคะ กรอบขาว ๆ 2 อันนี้เราจะใส่ ไอ้ตัว

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

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

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

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

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

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

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

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

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

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

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

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

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

192
00:23:08,669 --> 00:23:12,669
ยนะคะ

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

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

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

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

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

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

199
00:23:56,693 --> 00:24:00,693
Test Input   อันแรก

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

201
00:24:04,697 --> 00:24:08,697
ตัวบนนะคะ te

202
00:24:08,700 --> 00:24:12,700
xt inpu 1 ใส่ Username Text

203
00:24:12,704 --> 00:24:16,704
Input 1 นี่คือ Username นะ

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

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

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

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

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

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

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

211
00:24:52,734 --> 00:24:56,734
"Password

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

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

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

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

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

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

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

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

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

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

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

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

224
00:25:56,781 --> 00:26:00,781
ใส่ได้ไหม ให้ใส่เข้าไปไหมนี่

225
00:26:12,788 --> 00:26:16,788
โอเคนะ เดี๋ยวให้ใส่เข้าไป

226
00:26:16,790 --> 00:26:20,790
Text ไหมล่ะ

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

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

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

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

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

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

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

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

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

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

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

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

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

240
00:27:48,845 --> 00:27:52,845
หาต่อ

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

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

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

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

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

246
00:28:28,864 --> 00:28:32,864
แล้วกัน

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

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

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

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

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

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

253
00:29:00,874 --> 00:29:04,874
Image1

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

255
00:29:08,874 --> 00:29:12,874
Login1 Open

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

274
00:31:20,952 --> 00:31:24,952
ติ๊ก ๆ อย่างนี้นะคะ กับ Forget Password

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

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

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

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

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

280
00:31:44,965 --> 00:31:48,965
ลากไปวาง

281
00:31:48,968 --> 00:31:52,968
ให้เราได้ Check Box แล้ว

282
00:31:52,971 --> 00:31:56,971
แล้วมีอะไรต่อจาก Check Box

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

284
00:32:00,974 --> 00:32:04,974
Remember me มี Label

285
00:32:04,974 --> 00:32:08,974
เขียนคำว่า "Remember

286
00:32:08,978 --> 00:32:12,978
Me" ไว้ใส่ Label เข้าไปตรงนี้

287
00:32:12,982 --> 00:32:16,982
นะคะ พิมพ์คำว่า

288
00:32:16,985 --> 00:32:20,985
"Remember me" R-e Remember

289
00:32:24,988 --> 00:32:28,988
b-e-r member

290
00:32:28,991 --> 00:32:32,991
แล้วมี me m-e นะคะ

291
00:32:36,996 --> 00:32:40,996
เดี๋ยวเปลี่ยน Font สี

292
00:32:44,998 --> 00:32:48,998
Font ก่อนจะได้เห็น เห็นไหมคะ

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

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

295
00:32:57,007 --> 00:33:01,007
มีอะไรอีก กดผิด แล้วก็มี

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

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

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

299
00:33:25,025 --> 00:33:29,025
Label

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

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

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

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

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

305
00:33:49,037 --> 00:33:53,037
Label นี้ ใส่คำว่าเดี๋ยวพื้นที่

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

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

308
00:34:01,045 --> 00:34:05,045
ใส่ Forgot Password ไม่ได้

309
00:34:05,046 --> 00:34:09,046
ลดลง 14 พอ

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

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

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

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

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

315
00:34:33,064 --> 00:34:37,064
f-o-r Fotgot

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

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

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

319
00:34:49,072 --> 00:34:53,072
แล้วก็ assword

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

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

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

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

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

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

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

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

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

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

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

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

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

333
00:35:53,111 --> 00:35:57,111
Color

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

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

336
00:36:05,119 --> 00:36:09,119

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

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

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

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

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

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

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

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

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

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

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

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

349
00:37:05,150 --> 00:37:09,150
I- Login

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

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

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

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

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

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

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

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

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

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

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

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

362
00:38:13,196 --> 00:38:17,196
นะคะ สีน้ำเงิน

363
00:38:21,202 --> 00:38:25,202
สีม่วง

364
00:38:25,202 --> 00:38:29,202
โอเค

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

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

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

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

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

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

371
00:38:57,225 --> 00:39:01,225
Radiant น่ะ

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

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

374
00:39:09,229 --> 00:39:13,229
นะคะ ขึ้นอยู่กับ

375
00:39:13,234 --> 00:39:17,233
ค่า Radiant เลย โอเคไหม

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

391
00:42:29,355 --> 00:42:33,355
Label คำว่า User Login

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

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

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

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

396
00:42:49,366 --> 00:42:53,366
ลาก Text Input

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

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

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

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

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

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

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

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

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

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

407
00:43:49,399 --> 00:43:53,399
อันนี้ลูก Text Input อันที่

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

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

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

411
00:44:05,412 --> 00:44:09,412
ตรง 2 อันนี้นะคะ 3 กับ 4 อันที่

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

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

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

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

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

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

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

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

420
00:50:53,651 --> 00:50:57,651
Google นี่ล่ะ F-

421
00:50:57,655 --> 00:51:01,655

422
00:51:05,660 --> 00:51:09,660
i-r-e-b-a-s-e Firebase อยู่ไหน

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

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

425
00:51:17,669 --> 00:51:21,669
ให้เราหา Fire

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

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

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

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

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

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

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

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

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

435
00:52:53,727 --> 00:52:57,727

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

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

438
00:53:09,737 --> 00:53:13,737
ให้เราด้วยบัญชี Google เพราะเรา  Login ด้วยบัญชี

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

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

441
00:53:21,748 --> 00:53:25,748
New Projects ค่ะ

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

443
00:53:33,752 --> 00:53:37,752
ct ตรงช่องนี้นะเด็ก ๆ นะ

444
00:53:37,755 --> 00:53:41,755
Enter your pro

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

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

447
00:53:49,762 --> 00:53:53,762
อะไรนะ Login นะ

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

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

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

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

452
00:54:21,780 --> 00:54:25,780
แล้วก็กด Continue

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

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

455
00:54:41,791 --> 00:54:45,791
Firebase Project

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

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

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

459
00:55:01,808 --> 00:55:05,808
T-H

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

461
00:55:13,814 --> 00:55:17,814
I Accept

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

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

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

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

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

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

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

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

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

471
00:58:09,917 --> 00:58:13,917
Your New Project is Ready แล้ว

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

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

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

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

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

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

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

479
00:59:41,977 --> 00:59:45,977
Monitor มี

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

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

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

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

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

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

486
01:00:21,995 --> 01:00:25,995
มันจะเข้ามาที่

487
01:00:25,996 --> 01:00:29,996
หน้า Authetication ใช่ไหมคะ

488
01:00:30,000 --> 01:00:34,000
เราก็คลิก Get Start

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

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

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

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

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

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

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

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

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

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

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

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

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

502
01:01:42,046 --> 01:01:46,046
โทรศัพท์เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

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

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

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

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

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

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

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

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

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

512
01:02:26,073 --> 01:02:30,073
Authetication ที่

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

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

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

516
01:02:42,083 --> 01:02:46,083
A

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

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

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

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

521
01:05:02,169 --> 01:05:06,169
ตรง Build

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

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

524
01:05:22,183 --> 01:05:26,183
Project Overview

525
01:05:26,184 --> 01:05:30,184
คลิก 1 ครั้ง แล้วเลือก Project Setting

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

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

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

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

530
01:05:46,197 --> 01:05:50,197
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

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

532
01:05:54,197 --> 01:05:58,197
เรายังไม่มีแอปใน Project นี้

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

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

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

536
01:06:10,202 --> 01:06:14,202
มันมี IDS แล้วก็มีรูปเหมือน Printer

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

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

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

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

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

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

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

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

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

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

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

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

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

550
01:07:42,261 --> 01:07:46,261
E-book เดี๋ยวว่าไม่รู้จักชื่อนี้นะคะ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

573
01:11:38,407 --> 01:11:42,407
Data Viewer

574
01:11:42,411 --> 01:11:46,411
List Data Viewer Gett

575
01:11:58,423 --> 01:12:02,423
ing

576
01:12:02,428 --> 01:12:06,428
Data Ascending Setting

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

578
01:12:14,432 --> 01:12:18,432
Componant

579
01:12:30,440 --> 01:12:34,440

580
01:12:34,440 --> 01:12:38,440
Authetication ต้องการหา Sign in

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

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

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

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

585
01:13:50,484 --> 01:13:54,484
ขอ Sea

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

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

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

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

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

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

592
01:14:54,518 --> 01:14:58,518

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

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

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

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

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

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

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

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

601
01:15:46,553 --> 01:15:50,553
Thunkable Solution

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

603
01:15:54,559 --> 01:15:58,559
Integration Co

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

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

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

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

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

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

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

611
01:18:10,642 --> 01:18:14,642
น่ะใน Thunkable Tools ที่ Sign in

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

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

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

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

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

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

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

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

620
01:18:58,675 --> 01:19:02,675
Back Editing

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

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

623
01:19:10,682 --> 01:19:14,682
Text input1 usernam

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

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

626
01:19:22,692 --> 01:19:26,692
click ไม่ใช่ มันจะต้องเป็น

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

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

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

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

631
01:19:54,707 --> 01:19:58,707
ฺ Border

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

633
01:20:02,711 --> 01:20:06,711
Cheang

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

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

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

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

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

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

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

641
01:20:46,735 --> 01:20:50,735
to ข้อความ

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

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

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

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

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

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

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

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

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

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

652
01:21:34,759 --> 01:21:38,759
อยู่ที่

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

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

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

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

657
01:21:54,781 --> 01:21:58,781
บางคนก็ยังไม่ทันเมื่อกี้แม่ว่าแม่ลอง

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

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

660
01:22:06,787 --> 01:22:10,787
แต่ตอนแรกที่ Test

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

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

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

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

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

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

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

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

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

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

671
01:22:54,819 --> 01:22:58,819
ลบทิ้ง

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

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

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

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

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

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

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

679
01:23:26,838 --> 01:23:30,838

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

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

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

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

684
01:23:58,857 --> 01:24:02,857
Text Input

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

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

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

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

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

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

691
01:24:30,876 --> 01:24:34,876
Password When...

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

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

694
01:24:42,885 --> 01:24:46,885
Set Text นี้เป็น

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

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

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

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

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

700
01:25:22,911 --> 01:25:26,911
Set Text

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

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

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

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

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

706
01:25:46,925 --> 01:25:50,925
เห็นไหม

707
01:25:50,927 --> 01:25:54,927

708
01:25:54,933 --> 01:25:58,933
Set default เราไม่ได้ Set default

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

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

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

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

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

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

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

716
01:26:58,974 --> 01:27:02,974
Text in Password ก็

717
01:27:02,977 --> 01:27:06,977
เป็น

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

719
01:27:14,980 --> 01:27:18,980
ไม่ให้โชว์นะต้องซ้อนนะ

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

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

722
01:27:26,987 --> 01:27:30,987
เพราะตอนพิมพ์ Password ต้องไม่แสดง

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

724
01:27:42,992 --> 01:27:46,991
User แสดงอย่างนี้ได้นะเหมือนแสดงชื่อแต่ Passwor

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

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

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

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

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

730
01:28:11,003 --> 01:28:15,003
To Default บ่ Password in น่าจะเป็น To Default

731
01:28:15,006 --> 01:28:19,006
น่าจะเป็น To

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

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

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

735
01:28:35,018 --> 01:28:39,018

736
01:28:39,021 --> 01:28:43,021
แล้ว

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

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

739
01:29:11,043 --> 01:29:15,043
นะคะ Set Text Input Password เป็นซ่อน

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

741
01:29:27,054 --> 01:29:31,054
จัด Text

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

743
01:29:35,060 --> 01:29:39,060
ลองดูสิ ถูกไหม แก้เงื่อนไขมันก่อนจาก

744
01:29:39,063 --> 01:29:43,063
Text

745
01:29:43,067 --> 01:29:47,067
จาก Text ให้มันซ่อน

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

747
01:29:51,071 --> 01:29:55,071
ไม่ซ่อนนะ

748
01:29:55,074 --> 01:29:59,074
นี่เราใส่สลับ

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

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

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

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

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

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

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

756
01:30:43,108 --> 01:30:47,108
Text input เมื่อกำหนดค่า

757
01:30:47,109 --> 01:30:51,109
Text Input

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

759
01:30:55,113 --> 01:30:59,113
keybod

760
01:30:59,116 --> 01:31:03,116
ให้มัน

761
01:31:03,118 --> 01:31:07,118

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

763
01:31:11,123 --> 01:31:15,123

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

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

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

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

768
01:31:35,140 --> 01:31:39,140
น่าจะใช่

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

770
01:31:43,147 --> 01:31:47,147
Text Username

771
01:31:47,149 --> 01:31:51,149
Text Password

772
01:31:51,153 --> 01:31:55,153
ไหน Block ที่ 1

773
01:31:55,157 --> 01:31:59,157
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

774
01:31:59,158 --> 01:32:03,158
Variable Variable

775
01:32:39,184 --> 01:32:43,183
ไปที่ Text ไปที่ Text

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

777
01:32:47,183 --> 01:32:51,183
ทำให้ Text

778
01:33:07,201 --> 01:33:11,201
ไปที่ List ไปที่ Color

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

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

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

782
01:33:23,212 --> 01:33:27,212
ถึงที่จะต้องทำต่อ

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

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

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

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

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

788
01:33:51,231 --> 01:33:55,231
Si

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

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

791
01:34:11,243 --> 01:34:15,243
เดี๋ยวนะ มันเป็นอะไรล่ะ

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

793
01:34:27,266 --> 01:34:31,253
Sign in

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

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

796
01:34:43,260 --> 01:34:47,260
Sign in

797
01:34:47,261 --> 01:34:51,261
Email Reset Password

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

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

800
01:34:59,271 --> 01:35:03,271
หรือ DoSign up

801
01:35:03,274 --> 01:35:07,274
DSign Up Do

802
01:35:07,276 --> 01:35:11,276
Sign In do

803
01:35:19,281 --> 01:35:23,281
ไม่ให้ใช้น่ะ

804
01:35:23,285 --> 01:35:27,285
ไม่ยอมให้ใช้ Feature นี้น่ะ

805
01:35:27,285 --> 01:35:31,285
งใช้ไม่เหมือนกัน

806
01:35:35,292 --> 01:35:39,292
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

807
01:35:39,293 --> 01:35:43,293
มาใช้ตรงนี้ เอาอย่างไรดี

808
01:36:47,323 --> 01:36:51,323

809
01:36:51,327 --> 01:36:55,327
ใช้ไม่เหมือนกันน่ะ

810
01:37:15,343 --> 01:37:19,343
เดี๋ยวนะคะ Sign Up

811
01:37:19,346 --> 01:37:23,346
อันนี้หรือ

812
01:37:35,357 --> 01:37:39,357
ให้ทำอะไรให้ลงทะเบียน

813
01:37:39,359 --> 01:37:43,359

814
01:37:43,361 --> 01:37:47,361
โดยใช้ Email หรือ Password

815
01:37:47,362 --> 01:37:51,362
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

816
01:38:03,373 --> 01:38:07,373
บอกว่าให้ก๊อ

817
01:38:07,374 --> 01:38:11,374
บทำไม

818
01:38:11,376 --> 01:38:15,376
เราใช้ Thunkable x ไม่ได้ล่ะ

819
01:38:15,377 --> 01:38:19,377
Thunkable X

820
01:38:43,394 --> 01:38:47,394
เอามาจากไหนนะ Thunkable X

821
01:39:03,406 --> 01:39:07,406
มันจะเพิ่ม Signin ได้

822
01:39:07,408 --> 01:39:11,408
นี่ไงเขาบอก แต่ของเราไม่เป็น X

823
01:39:59,441 --> 01:40:03,441
อ๋อ ถ้า

824
01:40:03,442 --> 01:40:07,442
Thunkable X ก็คือใช้

825
01:40:07,447 --> 01:40:11,447
iOS เข้าใจแล้ว

826
01:40:27,459 --> 01:40:31,459
ทดสอบแอป

827
01:40:31,463 --> 01:40:35,463
มันยังไม่ Re

828
01:40:35,466 --> 01:40:39,466
lease ใช้ไม่ได้ต้องเป็น

829
01:40:39,469 --> 01:40:43,469
ข้อจำกัด

830
01:40:43,473 --> 01:40:47,473
เยอะเหมือนกันนะนี่

831
01:40:55,478 --> 01:40:59,478
โอเค เดี๋ยว

832
01:40:59,483 --> 01:41:03,483
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

833
01:41:03,486 --> 01:41:07,486
ของเรามัน มันไม่เป็น

834
01:41:07,487 --> 01:41:11,487
ไม่เป็น มันไม่ได้เป็น Thunkable X น่ะ

835
01:41:11,490 --> 01:41:15,490
แล้วมันไม่ให้ใช้ฟีเจอร์นี้ Sign in น่ะ

836
01:41:15,493 --> 01:41:19,493
ถ้า Thunkable x น่ะ มันจะเป็น...

837
01:41:19,495 --> 01:41:23,495
ก็คือเราก็จะมา

838
01:41:23,498 --> 01:41:27,498
ก๊อบ Firebase น่ะค่ะ

839
01:41:27,501 --> 01:41:31,501
เลย Components นี้ มันจะเป็นเหมือน

840
01:41:31,504 --> 01:41:35,504
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

841
01:41:35,505 --> 01:41:39,505
เดิมเรานี่ให้เป็น Thunk

842
01:41:39,508 --> 01:41:43,508
able x ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

843
01:41:43,511 --> 01:41:47,511
เราจะเอามาใช้งาน

844
01:41:47,515 --> 01:41:51,515
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าแก้ไม่ได้อาจจะต้องเชื่อมไม่

845
01:41:51,518 --> 01:41:55,518
ได้อาจจะเปลี่ยเป็นเชื่อมโดยวิธีอื่น

846
01:41:55,523 --> 01:41:59,523
ตอนนี้คือเชื่อมด้วย Firebase

847
01:41:59,524 --> 01:42:03,524
Thunkable เรามันเป็น Thunkable

848
01:42:03,524 --> 01:42:07,524
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

849
01:42:07,525 --> 01:42:11,525
ตอนนี้มันเป็น Thunk

850
01:42:11,529 --> 01:42:15,529
เนื่องจากสัปดาห์หน้า

851
01:42:15,530 --> 01:42:19,530
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

852
01:42:19,534 --> 01:42:23,534
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

853
01:42:23,540 --> 01:42:27,540
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

854
01:42:27,542 --> 01:42:31,542
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

855
01:42:31,548 --> 01:42:35,548
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

856
01:42:35,549 --> 01:42:39,549
เราแค่มาแก้อัปเวอร์ชันมัน

857
01:42:39,552 --> 01:42:43,552
แค่นั้นเองมันก็ใช้ได้

858
01:42:43,553 --> 01:42:47,553
จะนำมาไปใช้ตัวนี้

859
01:42:47,553 --> 01:42:51,553
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

860
01:42:51,556 --> 01:42:55,556
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ สัปดาห์หน้าไม่อยู่

861
01:42:55,559 --> 01:42:59,559
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

862
01:42:59,561 --> 01:43:03,561
สำหรับสัปดาห์นี้

863
01:43:03,564 --> 01:43:07,564
เดี๋ยวจะขอพอแค่นี้นะคะ

864
01:43:07,567 --> 01:43:11,567
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

865
01:43:15,573 --> 01:43:19,573
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

866
01:43:19,576 --> 01:43:23,576
อ๋อ

867
01:43:23,579 --> 01:43:27,579
แม่ไม่ปล่อยก็เลยไม่ไป อย่างนั้น

868
01:43:27,582 --> 01:43:31,582
เดี๋ยวปล่อยเลยนะคะ โอเคค่ะ

869
01:43:39,595 --> 01:43:43,595
Thunkable X

870
01:43:43,596 --> 01:43:47,596
ทำไมไม่อัปให้เราน่ะ

871
01:44:35,637 --> 01:44:39,637
Continue