1
00:00:00,000 --> 00:00:03,550

2
00:00:04,008 --> 00:00:07,550

3
00:00:08,013 --> 00:00:11,549

4
00:00:12,018 --> 00:00:15,550

5
00:00:16,020 --> 00:00:19,550

6
00:00:20,022 --> 00:00:23,550

7
00:00:24,024 --> 00:00:27,550

8
00:00:28,027 --> 00:00:31,550

9
00:00:32,030 --> 00:00:35,550

10
00:00:36,032 --> 00:00:39,550

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

12
00:00:44,037 --> 00:00:47,550
ใครที่เข้ามาแล้ว

13
00:00:48,038 --> 00:00:51,550
เปิด Google Chrome เรา แล้วก็เข้า

14
00:00:52,040 --> 00:00:55,549
Thunkable เหมือนเดิมนะคะเด็ก ๆ

15
00:00:56,042 --> 00:00:59,550
วันนี้จะพาทำ

16
00:01:00,044 --> 00:01:03,550
หน้าล็อกอินทำอย่างไร

17
00:01:04,046 --> 00:01:07,550
บางทีทำแอปนะ บางอันเขา

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

19
00:01:12,050 --> 00:01:15,550
เพราะฉะนั้น เราจะทำหน้า Login นี่เราจะทำอย่างไร

20
00:01:16,051 --> 00:01:19,550
พิมพ์ Thunkable ของเรา

21
00:01:20,052 --> 00:01:23,550
Thunkable ของเรา

22
00:01:24,054 --> 00:01:27,550

23
00:01:28,055 --> 00:01:31,549
Thunkable

24
00:01:32,057 --> 00:01:35,550

25
00:01:36,060 --> 00:01:39,551

26
00:01:40,061 --> 00:01:43,550
แล้วก็ให้ Login เข้า

27
00:01:44,063 --> 00:01:47,550
จำได้นะ Password ตัวเองอะไรนะ

28
00:01:48,065 --> 00:01:51,550
แล้วเราก็ล็อกอินเข้าที่เราสร้างไว้

29
00:01:52,066 --> 00:01:55,550
ในครั้งก่อนนะคะ ใช้อะไร ใช้ Google

30
00:01:56,069 --> 00:01:59,549

31
00:02:00,071 --> 00:02:03,549

32
00:02:04,073 --> 00:02:07,550

33
00:02:08,076 --> 00:02:11,552

34
00:02:12,080 --> 00:02:15,550

35
00:02:16,085 --> 00:02:19,549

36
00:02:20,086 --> 00:02:23,551
เข้าผิดอันสะบ่

37
00:02:24,087 --> 00:02:27,550

38
00:02:28,088 --> 00:02:31,550
สงสัย

39
00:02:32,091 --> 00:02:35,550
จะไม่ใช่ตัวนี้

40
00:02:36,092 --> 00:02:39,550
งง ๆ

41
00:02:40,094 --> 00:02:43,552
Google นะ แต่มี 2-3 ตัว

42
00:02:44,095 --> 00:02:47,550
ไม่ออกให้ผมด้วย

43
00:02:48,096 --> 00:02:51,549
ผมจะออกก่อน

44
00:02:52,097 --> 00:02:55,552
เข้าไม่ถูกอันน่ะ

45
00:02:56,099 --> 00:02:59,556

46
00:03:00,101 --> 00:03:03,550

47
00:03:04,102 --> 00:03:07,550
เข้าใหม่

48
00:03:08,104 --> 00:03:11,550
มีหลายตัวจำไม่ได้

49
00:03:12,106 --> 00:03:15,550

50
00:03:16,107 --> 00:03:19,550

51
00:03:20,110 --> 00:03:23,550
โอเค

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

53
00:03:28,113 --> 00:03:31,552
ตัวเดิมตัวเอง Login Thunkable ที่เรา

54
00:03:32,114 --> 00:03:35,550
สร้างไว้นะคะครั้งก่อน

55
00:03:36,118 --> 00:03:39,552
ทีนี้ตัวนี้โปรเจกต์

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

57
00:03:44,122 --> 00:03:47,549
Create new app เลือก New App

58
00:03:48,124 --> 00:03:51,550
ตั้งชื่อเหมือนเดิม

59
00:03:52,125 --> 00:03:55,550
จะตั้งชื่อว่าอะไรครับ

60
00:03:56,127 --> 00:03:59,550
จะตั้งชื่อแอปนี้ว่าอย่างไร

61
00:04:00,128 --> 00:04:03,550
ส่วนใหญ่ ถ้าแอปพวกมี Login เข้าไป

62
00:04:04,129 --> 00:04:07,554
มันก็จะเป็น

63
00:04:08,131 --> 00:04:11,550

64
00:04:12,132 --> 00:04:15,550
Category

65
00:04:16,134 --> 00:04:19,550
ให้เลือกเป็น Education แล้วกัน

66
00:04:20,135 --> 00:04:23,550

67
00:04:24,137 --> 00:04:27,550

68
00:04:28,139 --> 00:04:31,550

69
00:04:32,140 --> 00:04:35,550

70
00:04:36,142 --> 00:04:39,552

71
00:04:40,144 --> 00:04:43,551

72
00:04:44,146 --> 00:04:47,551

73
00:04:48,149 --> 00:04:51,550

74
00:04:52,152 --> 00:04:55,554

75
00:04:56,154 --> 00:04:59,550

76
00:05:00,155 --> 00:05:03,550

77
00:05:04,156 --> 00:05:07,550

78
00:05:08,158 --> 00:05:11,551

79
00:05:12,160 --> 00:05:15,551

80
00:05:16,162 --> 00:05:19,550

81
00:05:20,163 --> 00:05:23,551

82
00:05:24,165 --> 00:05:27,550

83
00:05:28,168 --> 00:05:31,551

84
00:05:32,169 --> 00:05:35,551

85
00:05:36,171 --> 00:05:39,550

86
00:05:40,173 --> 00:05:43,550

87
00:05:44,174 --> 00:05:47,550

88
00:05:48,176 --> 00:05:51,551

89
00:05:52,178 --> 00:05:55,551

90
00:05:56,179 --> 00:05:59,552

91
00:06:00,180 --> 00:06:03,550

92
00:06:04,182 --> 00:06:07,551

93
00:06:08,184 --> 00:06:11,550

94
00:06:12,187 --> 00:06:15,550

95
00:06:16,189 --> 00:06:19,551

96
00:06:20,191 --> 00:06:23,551

97
00:06:24,192 --> 00:06:27,550

98
00:06:28,194 --> 00:06:31,550

99
00:06:32,195 --> 00:06:35,551

100
00:06:36,196 --> 00:06:39,554

101
00:06:40,199 --> 00:06:43,551

102
00:06:44,200 --> 00:06:47,551

103
00:06:48,202 --> 00:06:51,551

104
00:06:52,203 --> 00:06:55,556

105
00:06:56,206 --> 00:06:59,551

106
00:07:00,208 --> 00:07:03,551

107
00:07:04,209 --> 00:07:07,551

108
00:07:08,211 --> 00:07:11,551

109
00:07:12,215 --> 00:07:15,551

110
00:07:16,216 --> 00:07:19,551

111
00:07:20,219 --> 00:07:23,551

112
00:07:24,220 --> 00:07:27,551

113
00:07:28,222 --> 00:07:31,551

114
00:07:32,224 --> 00:07:35,550

115
00:07:36,225 --> 00:07:39,551

116
00:07:40,228 --> 00:07:43,551

117
00:07:44,229 --> 00:07:47,551

118
00:07:48,231 --> 00:07:51,551

119
00:07:52,233 --> 00:07:55,552

120
00:07:56,234 --> 00:07:59,551

121
00:08:00,235 --> 00:08:03,551

122
00:08:04,237 --> 00:08:07,553

123
00:08:08,239 --> 00:08:11,551

124
00:08:12,242 --> 00:08:15,551

125
00:08:16,244 --> 00:08:19,551

126
00:08:20,245 --> 00:08:23,551

127
00:08:24,247 --> 00:08:27,551

128
00:08:28,248 --> 00:08:31,551

129
00:08:32,250 --> 00:08:35,553

130
00:08:36,251 --> 00:08:39,551

131
00:08:40,253 --> 00:08:43,551

132
00:08:44,255 --> 00:08:47,555

133
00:08:48,256 --> 00:08:51,552

134
00:08:52,258 --> 00:08:55,551

135
00:08:56,260 --> 00:08:59,551

136
00:09:00,262 --> 00:09:03,551

137
00:09:04,263 --> 00:09:07,551

138
00:09:08,264 --> 00:09:11,551

139
00:09:12,267 --> 00:09:15,551

140
00:09:16,269 --> 00:09:19,552

141
00:09:20,272 --> 00:09:23,552

142
00:09:24,274 --> 00:09:27,552
ดูนะ ในรูป

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

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

145
00:09:36,284 --> 00:09:39,551
ให้มีลักษณะแบบนี้ มีช่องกรอก ๆ

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

147
00:09:44,287 --> 00:09:47,551
จัดวางอย่างไรนะคะ มันก็จะมีส่วนของ

148
00:09:48,288 --> 00:09:51,552
User name ใช่ไหมลูก

149
00:09:52,290 --> 00:09:55,551
ล็อกอินใช่ไหมคะ

150
00:09:56,291 --> 00:09:59,551
นะคะ มันจะมีสัดส่วน

151
00:10:00,293 --> 00:10:03,552
ของมันอยู่นะ เราจะวางอย่างไร ให้มัน

152
00:10:04,294 --> 00:10:07,551
เห็นไหม ระดับช่องไฟระดับอะไรนี่ เรียงได้

153
00:10:08,298 --> 00:10:11,558
แล้วสวยงามไม่ใช่โย้ไปโย้มา

154
00:10:12,299 --> 00:10:15,552
เคลื่อนที่ไปมา วิธีการนี้คื

155
00:10:16,300 --> 00:10:19,552
ใช้เครื่องมือที่

156
00:10:20,304 --> 00:10:23,551
ชื่อว่า...

157
00:10:24,305 --> 00:10:27,554

158
00:10:28,307 --> 00:10:31,551
Colum

159
00:10:32,309 --> 00:10:35,551
หาคำว่า "Colum"

160
00:10:36,311 --> 00:10:39,551
ขี้เกียจ Sue

161
00:10:40,312 --> 00:10:43,552
-l

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

163
00:10:48,315 --> 00:10:51,552
ลงไป c-o ทำไท

164
00:10:52,319 --> 00:10:55,551
l C-o-l-u-m-e

165
00:10:56,320 --> 00:10:59,552
u-m-e c-o

166
00:11:00,321 --> 00:11:03,553

167
00:11:04,323 --> 00:11:07,551

168
00:11:08,326 --> 00:11:11,551

169
00:11:12,330 --> 00:11:15,552

170
00:11:16,331 --> 00:11:19,552

171
00:11:20,332 --> 00:11:23,552

172
00:11:24,334 --> 00:11:27,555
ไม่มี Coolu

173
00:11:28,336 --> 00:11:31,552

174
00:11:32,338 --> 00:11:35,552
ทำไมล่ะ ๆ มี Componant

175
00:11:36,339 --> 00:11:39,553
ไหนอีกนี่

176
00:11:40,341 --> 00:11:43,552

177
00:11:44,342 --> 00:11:47,552

178
00:11:48,344 --> 00:11:51,552

179
00:11:52,346 --> 00:11:55,553

180
00:11:56,348 --> 00:11:59,551

181
00:12:00,351 --> 00:12:03,552

182
00:12:04,354 --> 00:12:07,552

183
00:12:08,356 --> 00:12:11,552

184
00:12:12,358 --> 00:12:15,552

185
00:12:16,362 --> 00:12:19,553

186
00:12:20,364 --> 00:12:23,551

187
00:12:24,365 --> 00:12:27,552

188
00:12:28,367 --> 00:12:31,552
ดูตัวอย่างเขานะ

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

190
00:12:36,371 --> 00:12:39,553
มีเหมือนมีรูป ใส่ไหมคะ อยากใส่ไหม

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

192
00:12:44,372 --> 00:12:47,552
เหมือนตัวอย่างแบบนี้ เราก็ไปที่

193
00:12:48,373 --> 00:12:51,553
Image หรืออะไรลูก

194
00:12:52,374 --> 00:12:55,555

195
00:12:56,375 --> 00:12:59,558
เลือกมาใช่ไหม เลือก Image แล้วก็วาง

196
00:13:00,379 --> 00:13:03,553
ตำแหน่งนึกออกนะ

197
00:13:04,380 --> 00:13:07,553
จัดตำแหน่งตรงกลาง

198
00:13:08,382 --> 00:13:11,553
นะคะ

199
00:13:12,386 --> 00:13:15,552
แล้วก็ไปหารูปอะไร

200
00:13:16,387 --> 00:13:19,554
รุปเหมือนคนเลยใช่ไหม

201
00:13:20,390 --> 00:13:23,552

202
00:13:24,392 --> 00:13:27,552

203
00:13:28,396 --> 00:13:31,553

204
00:13:32,398 --> 00:13:35,553
จะมีให้ไหมรูปคน

205
00:13:36,400 --> 00:13:39,553

206
00:13:40,404 --> 00:13:43,554
Thunkable

207
00:13:44,405 --> 00:13:47,553
เราหา เราหาโลโก้รูปแบบน

208
00:13:48,406 --> 00:13:51,552
ไอ้อะไรนะอะไรนะ

209
00:13:52,408 --> 00:13:55,553
ี้

210
00:13:56,409 --> 00:13:59,553
เอาแบบนี้ก็ได้

211
00:14:00,411 --> 00:14:03,552

212
00:14:04,413 --> 00:14:07,576

213
00:14:08,414 --> 00:14:11,553
Search คำว่า "Icon" แล้วก็ล็อกอิน

214
00:14:12,415 --> 00:14:15,553
นะคะ

215
00:14:16,416 --> 00:14:19,553

216
00:14:20,418 --> 00:14:23,554
เราหาไอคอนนี้กัน เราจะเอาตัวไหนใช้

217
00:14:24,420 --> 00:14:27,553
เลือกเอาเลย เอาตัวไหนดี

218
00:14:28,421 --> 00:14:31,553

219
00:14:32,423 --> 00:14:35,552

220
00:14:36,424 --> 00:14:39,553

221
00:14:40,427 --> 00:14:43,553

222
00:14:44,428 --> 00:14:47,553

223
00:14:48,431 --> 00:14:51,553

224
00:14:52,434 --> 00:14:55,553

225
00:14:56,436 --> 00:14:59,552

226
00:15:00,437 --> 00:15:03,553

227
00:15:04,440 --> 00:15:07,553

228
00:15:08,441 --> 00:15:11,554

229
00:15:12,443 --> 00:15:15,555

230
00:15:16,445 --> 00:15:19,553
ได้แล้วนะคะเราจะเอาตัวนี้

231
00:15:20,447 --> 00:15:23,557
ตัวนี้ดีกว่า

232
00:15:24,448 --> 00:15:27,561
ตัวนี้ดีกว่า หาเอาเองนะคะ

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

234
00:15:32,451 --> 00:15:35,554
สมมติจะเอาตัวนี้

235
00:15:36,452 --> 00:15:39,554
ดูด้วยนะ

236
00:15:40,455 --> 00:15:43,553
ฟรี ฟรี ฟรี

237
00:15:44,457 --> 00:15:47,553
Download Image

238
00:15:48,458 --> 00:15:51,556

239
00:15:52,461 --> 00:15:55,553

240
00:15:56,463 --> 00:15:59,553
Standard Free เราเลือกว่าฟรี

241
00:16:00,465 --> 00:16:03,562
ใช่ไหม

242
00:16:04,466 --> 00:16:07,553
ไหนบอกว่าฟรี

243
00:16:08,468 --> 00:16:11,556

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

245
00:16:16,476 --> 00:16:19,563
Freedownload ด้วย เดี๋ยวติดลิขสิทธิ์อีก

246
00:16:20,478 --> 00:16:23,554
free downloas

247
00:16:24,479 --> 00:16:27,553
โอเค หาใหม่

248
00:16:28,481 --> 00:16:31,553
ไม่ได้ตัวนี้ ก็ต้องได้ตัวนี้ล่ะนะ

249
00:16:32,482 --> 00:16:35,553

250
00:16:36,484 --> 00:16:39,553
ตัวนี้ก็สวยอยู่นะ

251
00:16:40,485 --> 00:16:43,553
เอาตัวนี้ก็ได้ png ก็พอ

252
00:16:44,487 --> 00:16:47,553

253
00:16:48,488 --> 00:16:51,554
Premium free download

254
00:16:52,490 --> 00:16:55,553

255
00:16:56,492 --> 00:16:59,553
ไปไหนแล้ว

256
00:17:00,493 --> 00:17:03,554
ได้แล้วนะคะ แม่

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

258
00:17:08,496 --> 00:17:11,553
เราจะใช้ตัวนี้นะคะ เหมือนเดิม

259
00:17:12,497 --> 00:17:15,558
ก็ไปที่ Thunkable เรา

260
00:17:16,499 --> 00:17:19,553
แล้วก็ตรงชื่อ Picture นะ

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

262
00:17:24,501 --> 00:17:27,553
Logo loging

263
00:17:28,504 --> 00:17:31,553
ได้แล้วครับ ได้แล้ว

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

265
00:17:36,505 --> 00:17:39,555
เด็ก ๆ ได้หรือยังครับ

266
00:17:40,506 --> 00:17:43,554
ได้แล้วนะคะ

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

268
00:17:48,508 --> 00:17:51,553
ก็คือมีอะไรคะ

269
00:17:52,509 --> 00:17:55,553
มี Label ใช่ไหมคะ แสดงข้อความ

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

271
00:18:00,511 --> 00:18:03,553
หรือใช้คำว่าอะไรดี

272
00:18:04,512 --> 00:18:07,554
User Login แล้วกันนะนะคะ

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

274
00:18:12,518 --> 00:18:15,553
ต่อมาก็คือ lable คะ

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

276
00:18:20,520 --> 00:18:23,553
เห็นไหม Member Login ใช่ไหมคะ เราก็

277
00:18:24,523 --> 00:18:27,554
ใช้ Label ในการสร้าง

278
00:18:28,529 --> 00:18:31,553
ลาก label มาวาง

279
00:18:32,530 --> 00:18:35,555
อยู่ใต้รูปใช่ไหม

280
00:18:36,541 --> 00:18:39,554
แล้วตรง Page นะ เราก็แก้เป็นอะไร

281
00:18:40,541 --> 00:18:43,554
User พิมพ์คำว่า "User"

282
00:18:44,543 --> 00:18:47,554
แล้วก็คำว่าล็อกอินเข้าไป l-o

283
00:18:48,544 --> 00:18:51,554
g-i-n

284
00:18:52,548 --> 00:18:55,553
สัญญาณล่าม

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

286
00:19:00,551 --> 00:19:03,555
ใครที่วางรูปเสร็จแล้วให้พิมพ?

287
00:19:04,553 --> 00:19:07,555
เพื่อจะพิมพ์ข้อความคำว่า "Login"

288
00:19:08,554 --> 00:19:11,554
ลงไปนะ

289
00:19:12,555 --> 00:19:15,553
รูปแบบฟอนต์เด็ก ๆ ลองเลือกนะคะ

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

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

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

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

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

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

296
00:19:40,566 --> 00:19:44,554
นะคะ หลักการ User Login

297
00:19:44,567 --> 00:19:48,554
นะคะ ตัวหนาไหม

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

299
00:19:52,570 --> 00:19:56,553

300
00:19:56,571 --> 00:20:00,554
Test Align นะคะ คือ

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

302
00:20:04,573 --> 00:20:08,554
นะคะ

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

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

305
00:20:16,589 --> 00:20:20,554
เอาเท่าไหร่ 30 โอเคไหม

306
00:20:20,590 --> 00:20:24,556

307
00:20:24,591 --> 00:20:28,554

308
00:20:28,594 --> 00:20:32,554

309
00:20:32,595 --> 00:20:36,554

310
00:20:36,597 --> 00:20:40,558

311
00:20:40,598 --> 00:20:44,554

312
00:20:44,599 --> 00:20:48,554

313
00:20:48,601 --> 00:20:52,555
โอเคนะ

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

315
00:20:56,602 --> 00:21:00,554
ทำอะไรต่อ

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

317
00:21:04,604 --> 00:21:08,554
Label Label อันนี้

318
00:21:08,607 --> 00:21:12,554

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

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

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

322
00:21:24,614 --> 00:21:28,554
จะได้พอเราไปแก้ code น่ะคะ

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

324
00:21:32,617 --> 00:21:36,554
Image Image

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

326
00:21:40,619 --> 00:21:44,554
login

327
00:21:44,620 --> 00:21:48,557
icon login l-o-g-i-n

328
00:21:48,622 --> 00:21:52,554
นะคะ ปุ๊บ

329
00:21:52,623 --> 00:21:56,554
1 2 3 ส่วนที่ 3

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

331
00:22:00,625 --> 00:22:04,554
อย่างนี้เขาเรียกว่า Tex few

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

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

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

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

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

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

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

339
00:22:32,632 --> 00:22:36,554
หรือ Text input

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

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

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

343
00:22:48,638 --> 00:22:52,554
อันที่ 2 ต่อกัน

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

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

346
00:23:00,643 --> 00:23:04,555
2 อันนะคะ

347
00:23:04,644 --> 00:23:08,554
ขยายขนาดด้วยนะคะ

348
00:23:08,645 --> 00:23:12,555
นะคะ

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

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

351
00:23:20,648 --> 00:23:24,555

352
00:23:24,650 --> 00:23:28,555

353
00:23:28,651 --> 00:23:32,554

354
00:23:32,652 --> 00:23:36,554
เว้นช่องไฟ

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

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

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

358
00:23:48,656 --> 00:23:52,554

359
00:23:52,658 --> 00:23:56,562

360
00:23:56,659 --> 00:24:00,557
Test Input text input อันแรก

361
00:24:00,661 --> 00:24:04,554
Input 1 นี่เป็นอะไร

362
00:24:04,662 --> 00:24:08,554
ตัวบนนะคะ te

363
00:24:08,663 --> 00:24:12,557
ใส่ Username Text

364
00:24:12,664 --> 00:24:16,557
Input 1 นี่คือ User Name นะ

365
00:24:16,666 --> 00:24:20,555
Text Input Username

366
00:24:20,667 --> 00:24:24,554

367
00:24:24,668 --> 00:24:28,555

368
00:24:28,670 --> 00:24:32,555
นะคะ อันที่ 2

369
00:24:32,671 --> 00:24:36,556
เป็น Password ไหม Password นะคะ

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

371
00:24:40,673 --> 00:24:44,555
นะคะ เวลา Coding

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

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

374
00:24:52,677 --> 00:24:56,555
password

375
00:24:56,678 --> 00:25:00,556

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

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

378
00:25:08,685 --> 00:25:12,555
ใน Username

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

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

381
00:25:20,692 --> 00:25:24,555

382
00:25:24,692 --> 00:25:28,556

383
00:25:28,693 --> 00:25:32,555
ในตัวอย่าง ๆ

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

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

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

387
00:25:44,700 --> 00:25:48,556
ไปที่

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

389
00:25:52,704 --> 00:25:56,556
ใส่เข้าไปในนี้

390
00:25:56,705 --> 00:26:00,555
ใส่ได้ไหม

391
00:26:00,706 --> 00:26:04,555

392
00:26:04,707 --> 00:26:08,555

393
00:26:08,709 --> 00:26:12,555

394
00:26:12,710 --> 00:26:16,555
เดี๋ยวให้ใส่เข้าไป

395
00:26:16,711 --> 00:26:20,555
Text ไหมล่ะ

396
00:26:20,713 --> 00:26:24,555

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

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

399
00:26:32,716 --> 00:26:36,556
ก็คือเราก็มี image เล็ก ๆ

400
00:26:36,719 --> 00:26:40,556
2 อันนะคะ

401
00:26:40,720 --> 00:26:44,555

402
00:26:44,721 --> 00:26:48,555

403
00:26:48,722 --> 00:26:52,555
โอเคไหมคะ

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

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

406
00:27:00,729 --> 00:27:04,555
หาต่อสิครับ

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

408
00:27:08,731 --> 00:27:12,555

409
00:27:12,732 --> 00:27:16,555

410
00:27:16,734 --> 00:27:20,554

411
00:27:20,734 --> 00:27:24,554

412
00:27:24,735 --> 00:27:28,554

413
00:27:28,736 --> 00:27:32,554
Free download เหมือนเดิมนะคะ

414
00:27:32,739 --> 00:27:36,554
รูปต่อไปก็คือ

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

416
00:27:40,741 --> 00:27:44,554

417
00:27:44,742 --> 00:27:48,553
หาต่อ ๆ

418
00:27:48,743 --> 00:27:52,554
หาต่อ ๆ

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

420
00:27:56,745 --> 00:28:00,553
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

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

422
00:28:04,747 --> 00:28:08,554

423
00:28:08,748 --> 00:28:12,553

424
00:28:12,749 --> 00:28:16,554
หา Log ใช้คำว่า Lock

425
00:28:16,750 --> 00:28:20,553

426
00:28:20,751 --> 00:28:24,553

427
00:28:24,753 --> 00:28:28,553
เอาตัวนี้แล้วกัน

428
00:28:28,754 --> 00:28:32,552
แล้วกัน

429
00:28:32,756 --> 00:28:36,552

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

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

432
00:28:44,761 --> 00:28:48,552
ใส่ไปเรื่อย ๆ

433
00:28:48,762 --> 00:28:52,552
ใคร

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

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

436
00:29:00,765 --> 00:29:04,553
Image1

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

438
00:29:08,769 --> 00:29:12,560
login 1 open

439
00:29:12,770 --> 00:29:16,551

440
00:29:16,771 --> 00:29:20,551

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

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

443
00:29:28,774 --> 00:29:32,551
ย่อขยาย

444
00:29:32,777 --> 00:29:36,551
เอานะคะ

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

446
00:29:40,779 --> 00:29:44,551
คลิกที่ชื่อเขา

447
00:29:44,780 --> 00:29:48,550

448
00:29:48,783 --> 00:29:52,550

449
00:29:52,784 --> 00:29:56,550

450
00:29:56,787 --> 00:30:00,550

451
00:30:00,788 --> 00:30:04,550

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

453
00:30:08,790 --> 00:30:12,550

454
00:30:12,791 --> 00:30:16,550

455
00:30:16,792 --> 00:30:20,551

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

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

458
00:30:28,798 --> 00:30:32,549

459
00:30:32,798 --> 00:30:36,551

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

461
00:30:40,803 --> 00:30:44,549
ยืดได้ หดได้นะ

462
00:30:44,805 --> 00:30:48,549
นะคะ

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

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

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

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

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

468
00:31:08,814 --> 00:31:12,549

469
00:31:12,815 --> 00:31:16,549

470
00:31:16,816 --> 00:31:20,550
มีส่วนที่เหมือน

471
00:31:20,817 --> 00:31:24,553
กับ forget password

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

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

474
00:31:32,824 --> 00:31:36,549
ส่วนที่มีปิ๊ก ชื่อว่า

475
00:31:36,832 --> 00:31:40,549
Check box เห็นไหมคะ

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

477
00:31:44,836 --> 00:31:48,548
ลากไปวาง

478
00:31:48,841 --> 00:31:52,548
ให้เราได้ chack box แล้ว

479
00:31:52,842 --> 00:31:56,555
แล้วมีอะไรต่อจาก Checkbox

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

481
00:32:00,845 --> 00:32:04,548
Remember me มี Label

482
00:32:04,847 --> 00:32:08,548
เขียนคำว่า " remember

483
00:32:08,848 --> 00:32:12,548
ใส่ Label เข้าไปตรงนี้

484
00:32:12,850 --> 00:32:16,548
นะคะ พิมพ์คำว่า

485
00:32:16,851 --> 00:32:20,547
"Remember me" R-e Remember

486
00:32:20,851 --> 00:32:24,547

487
00:32:24,853 --> 00:32:28,547
b-e-r member

488
00:32:28,855 --> 00:32:32,548
แล้วมี me m-e นะคะ

489
00:32:32,856 --> 00:32:36,547

490
00:32:36,857 --> 00:32:40,547
เดี๋ยวเปลี่ยน font ก่อนสี

491
00:32:40,859 --> 00:32:44,547

492
00:32:44,860 --> 00:32:48,547
เห็นไหมคะ

493
00:32:48,862 --> 00:32:52,550
เห็นหรือเปล่า

494
00:32:52,862 --> 00:32:56,548
อะไรอีกนะ มีอะไรอีก

495
00:32:56,864 --> 00:33:00,547
มีอะไรอีก กดผิด แล้วก็มี

496
00:33:00,865 --> 00:33:04,549
for got password

497
00:33:04,866 --> 00:33:08,547
Forgot Password มันเป็นเหมือน Text Link น่ะ

498
00:33:08,867 --> 00:33:12,546
เราต้องใช้ตัว...

499
00:33:12,868 --> 00:33:16,547

500
00:33:16,869 --> 00:33:20,546

501
00:33:20,870 --> 00:33:24,546

502
00:33:24,871 --> 00:33:28,546
label

503
00:33:28,874 --> 00:33:32,547
แล้วตอนเขาเรียกอะไรนะ

504
00:33:32,876 --> 00:33:36,547
ตอนเชื่อมนะ

505
00:33:36,877 --> 00:33:40,546
ตอน Coding น่ะ ค่อยเชื่อมให้มันเป็นลิงก์

506
00:33:40,878 --> 00:33:44,546
แล้วค่อยใส่ลิงก์นะคะ

507
00:33:44,879 --> 00:33:48,546
ตัวนี้

508
00:33:48,881 --> 00:33:52,546
Label นี้ ใส่คำว่า พื้นที่

509
00:33:52,882 --> 00:33:56,547
ตัวใหญ่ไปเสียละมั้ง เดี๋ยวลดไซซ์ Remember me

510
00:33:56,887 --> 00:34:00,548
มีความรู้สึกว่ามันใหญ่ไปมันจะ

511
00:34:00,888 --> 00:34:04,546
ใส่ for got password ไม่ได้

512
00:34:04,890 --> 00:34:08,546
ลดลง 14 พอ

513
00:34:08,892 --> 00:34:12,546
โอเค Remember me เหลือ 14 นะคะ

514
00:34:12,893 --> 00:34:16,546
แล้วก็

515
00:34:16,896 --> 00:34:20,546

516
00:34:20,897 --> 00:34:24,546
Forgot Password นะเด็ก ๆ

517
00:34:24,898 --> 00:34:28,546
อีก Label หนึ่งเราจะใช้คำว่า "Forgot"

518
00:34:28,899 --> 00:34:32,545
นะคะ  f-o-r

519
00:34:32,900 --> 00:34:36,546
fot got

520
00:34:36,901 --> 00:34:40,546
g-o-t got

521
00:34:40,902 --> 00:34:44,546
จำไม่ได้ ช่วงนี้สงสมองไม่ค่อยจำ

522
00:34:44,903 --> 00:34:48,546
forgot

523
00:34:48,904 --> 00:34:52,545
แล้วก็ password

524
00:34:52,905 --> 00:34:56,546
Forgot แล้วก็ P

525
00:34:56,906 --> 00:35:00,545
P-a-s-s Pass W-

526
00:35:00,907 --> 00:35:04,545
o-r-d แล้วก้ตามด้วย

527
00:35:04,908 --> 00:35:08,548
เครื่องหมายคำถาม

528
00:35:08,910 --> 00:35:12,545
Forgot Password ก็ลดไซซ์

529
00:35:12,912 --> 00:35:16,545
ให้พอ ๆ กันไอ้นี่ล่ะนะ ไอ้ Remember me

530
00:35:16,913 --> 00:35:20,545
ก็คือ 14 ทำ ไซ

531
00:35:20,914 --> 00:35:24,545
แล้วก็สี

532
00:35:24,917 --> 00:35:28,545

533
00:35:28,918 --> 00:35:32,546

534
00:35:32,920 --> 00:35:36,545
สีแจ่มว้าวขึ้นมาหน่อย

535
00:35:36,923 --> 00:35:40,553
ให้เห็นความแตกต่าง

536
00:35:40,925 --> 00:35:44,545
ตำแหน่งควรจะตรง ๆ กัน

537
00:35:44,926 --> 00:35:48,544
No No No ตำแหน่งไม่ค่อยได้

538
00:35:48,928 --> 00:35:52,546
เดี๋ยวเลื่อนอีกนิดหนึ่ง

539
00:35:52,929 --> 00:35:56,545
color

540
00:35:56,931 --> 00:36:00,544
เอาสีอะไร เอาสี...

541
00:36:00,933 --> 00:36:04,545
สีเหลือง สีเขียว สีฟ้า

542
00:36:04,934 --> 00:36:08,545
โอเค

543
00:36:08,935 --> 00:36:12,544
โอเคแล้วนะ

544
00:36:12,937 --> 00:36:16,544

545
00:36:16,938 --> 00:36:20,544

546
00:36:20,941 --> 00:36:24,544
นะคะ

547
00:36:24,942 --> 00:36:28,544
โอเคนะ อันสุดท้ายคืออะไรคะ

548
00:36:28,943 --> 00:36:32,544
Login ใช่ไหม ปุ่ม

549
00:36:32,944 --> 00:36:36,546
Button Login เด็ก ๆ อยากได้ปุ่มแบบไหน สีเหลี่ยม

550
00:36:36,946 --> 00:36:40,547
ดูนะคะเราไปเลือก botton

551
00:36:40,947 --> 00:36:44,545
คลิก button แล้วลง

552
00:36:44,948 --> 00:36:48,544
ด้านล่างสุดใช่ไหม

553
00:36:48,949 --> 00:36:52,544
Button

554
00:36:52,952 --> 00:36:56,544
นี้

555
00:36:56,953 --> 00:37:00,544
พิมพ์คำว่า "Login" เข้าไป

556
00:37:00,954 --> 00:37:04,544
L-O ตัวใหญ่เลย L-O-G-

557
00:37:04,955 --> 00:37:08,544
i-n Login

558
00:37:08,956 --> 00:37:12,543
สีเอาสีอะไร

559
00:37:12,960 --> 00:37:16,544
ไปที่ Background นะ

560
00:37:16,961 --> 00:37:20,544
เลือกสีค่ะ สีปุ่ม

561
00:37:20,962 --> 00:37:24,544
มีความ

562
00:37:24,963 --> 00:37:28,548
แซ่บเบอร์ 10

563
00:37:28,964 --> 00:37:32,544
sab...

564
00:37:32,965 --> 00:37:36,547
อยากได้สีชมพูอยู่ไหนนี่ สีชมพู

565
00:37:36,966 --> 00:37:40,545
เอาฟ้าน้ำทะเลก็ได้นะ

566
00:37:40,967 --> 00:37:44,545

567
00:37:44,968 --> 00:37:48,545

568
00:37:48,970 --> 00:37:52,544

569
00:37:52,971 --> 00:37:56,545

570
00:37:56,972 --> 00:38:00,545
นี่ ๆ เขาอยากได้ประมาณนี้

571
00:38:00,974 --> 00:38:04,545
แต่ตัวอักษรเขาจะเอา

572
00:38:04,975 --> 00:38:08,548
สีเข้ม ๆ นะครับ Color Color Color

573
00:38:08,976 --> 00:38:12,545
Text Color

574
00:38:12,977 --> 00:38:16,546
นะคะ สี...

575
00:38:16,978 --> 00:38:20,546

576
00:38:20,980 --> 00:38:24,546
สีม่วง

577
00:38:24,982 --> 00:38:28,545
โอเค

578
00:38:28,983 --> 00:38:32,546
ทำตัวหนาด้วย เปลี่ยนรูปแบบ font ด้วย

579
00:38:32,986 --> 00:38:36,547

580
00:38:36,987 --> 00:38:40,546
โอเคนะคะ

581
00:38:40,995 --> 00:38:44,546
ตัวนี้

582
00:38:44,996 --> 00:38:48,548
อยากได้เป็นโค้ง ๆ โค้งมากโค้งน้อยแก้

583
00:38:48,998 --> 00:38:52,549
ตรง

584
00:38:52,999 --> 00:38:56,546
Border ใช่ไหมคะ

585
00:38:57,000 --> 00:39:00,548
Ladian น่ะ

586
00:39:01,001 --> 00:39:04,547
ความ

587
00:39:05,002 --> 00:39:08,547
โค้งมนของวัตถุ

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

589
00:39:13,004 --> 00:39:16,548
โอเคไหม

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

591
00:39:21,006 --> 00:39:24,549
ทีนี้มันจะเชื่อมอย่างไรนะ

592
00:39:25,007 --> 00:39:28,561
ทำให้ตัว Login มันเชื่อมได้

593
00:39:29,008 --> 00:39:32,548
ก็คือพอใส่ชื่อลงไปนะคะ

594
00:39:33,009 --> 00:39:36,550
ใส่ไอ้นี่ลองไปแล้วกด login เข้าไป

595
00:39:37,010 --> 00:39:40,549
ไว้ที่ไหน เดี๋ยวขอเดินดูก่อนนะคะ

596
00:39:41,011 --> 00:39:44,548
ว่าเด็ก ๆ ทำองค์ประกอบ

597
00:39:45,012 --> 00:39:48,551
มันครบหรือยัง ตรงไหนลูก

598
00:39:49,013 --> 00:39:52,547

599
00:39:53,015 --> 00:39:56,549

600
00:39:57,016 --> 00:40:00,550
อ๋อ Remember me

601
00:40:01,018 --> 00:40:04,548
Forget Password ใช้ Label ธรรมดา ใช่ ๆ

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

603
00:40:09,020 --> 00:40:12,553
ในโค้ดน่ะ

604
00:40:13,021 --> 00:40:16,549
ยัง ๆ ๆ มันจะไปทำ

605
00:40:17,022 --> 00:40:20,550
ตอนเราสั่งมันน่ะ โอเคนะ

606
00:40:21,024 --> 00:40:24,549

607
00:40:25,026 --> 00:40:28,548

608
00:40:29,027 --> 00:40:32,548

609
00:40:33,031 --> 00:40:36,550

610
00:40:37,033 --> 00:40:40,549

611
00:40:41,034 --> 00:40:44,549

612
00:40:45,036 --> 00:40:48,549

613
00:40:49,037 --> 00:40:52,549

614
00:40:53,038 --> 00:40:56,549

615
00:40:57,039 --> 00:41:00,550

616
00:41:01,041 --> 00:41:04,550

617
00:41:05,042 --> 00:41:08,550

618
00:41:09,045 --> 00:41:12,550

619
00:41:13,046 --> 00:41:16,550

620
00:41:17,047 --> 00:41:20,549

621
00:41:21,049 --> 00:41:24,550

622
00:41:25,050 --> 00:41:28,550

623
00:41:29,052 --> 00:41:32,553

624
00:41:33,054 --> 00:41:36,550

625
00:41:37,056 --> 00:41:40,551

626
00:41:41,060 --> 00:41:44,550

627
00:41:45,061 --> 00:41:48,551

628
00:41:49,062 --> 00:41:52,550

629
00:41:53,063 --> 00:41:56,551

630
00:41:57,064 --> 00:42:00,552

631
00:42:01,065 --> 00:42:04,550

632
00:42:05,067 --> 00:42:08,550

633
00:42:09,071 --> 00:42:12,550

634
00:42:13,072 --> 00:42:16,550

635
00:42:17,073 --> 00:42:20,551

636
00:42:21,076 --> 00:42:24,551

637
00:42:25,077 --> 00:42:28,552
ดู อันที่ 2 ใบเตยต้องใส่

638
00:42:29,079 --> 00:42:32,551
label คำว่า login

639
00:42:33,082 --> 00:42:36,551
นะลูกนะ เห็นหรือเปล่า

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

641
00:42:41,089 --> 00:42:44,552
ส่วนที่ 3 กับ 4

642
00:42:45,091 --> 00:42:48,554
ช่องที่ 3 กับ 4 ใช้ text input

643
00:42:49,092 --> 00:42:52,553
ลาก Text Input

644
00:42:53,094 --> 00:42:56,553
ไปวาง 2 อัน

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

646
00:43:01,097 --> 00:43:04,551

647
00:43:05,098 --> 00:43:08,552
ก็เปลี่ยนเป็น User

648
00:43:09,099 --> 00:43:12,552

649
00:43:13,100 --> 00:43:16,552

650
00:43:17,102 --> 00:43:20,553

651
00:43:21,103 --> 00:43:24,552
มันตรงส่วนเชื่อน่ะ

652
00:43:25,104 --> 00:43:28,553
มันมีหลายตัวนะคะ เขาบอก

653
00:43:29,108 --> 00:43:32,552
บางคนเขาก็ใช้ Firebase

654
00:43:33,109 --> 00:43:36,554
mt อะไรหว่า

655
00:43:37,110 --> 00:43:40,553
เดี๋ยวดูก่อน

656
00:43:41,111 --> 00:43:44,553
นะคะ เดี๋ยวระหว่างรอเพื่อน

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

658
00:43:49,119 --> 00:43:52,552
text input อันที่

659
00:43:53,120 --> 00:43:56,553
3 กับ 4 นี่

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

661
00:44:01,122 --> 00:44:04,552
และก็เอารูปมาใส่

662
00:44:05,125 --> 00:44:08,553
ตรง 2 อันนี้ อันที่

663
00:44:09,126 --> 00:44:12,554
3 กับ 4 อันที่ 3 กับอันที่ 4

664
00:44:13,128 --> 00:44:16,553

665
00:44:17,130 --> 00:44:20,552

666
00:44:21,132 --> 00:44:24,555

667
00:44:25,133 --> 00:44:28,555

668
00:44:29,136 --> 00:44:32,556

669
00:44:33,137 --> 00:44:36,553

670
00:44:37,153 --> 00:44:40,554

671
00:44:41,154 --> 00:44:44,553

672
00:44:45,155 --> 00:44:48,557

673
00:44:49,157 --> 00:44:52,560

674
00:44:53,158 --> 00:44:56,556

675
00:44:57,159 --> 00:45:00,555

676
00:45:01,160 --> 00:45:04,555

677
00:45:05,162 --> 00:45:08,554

678
00:45:09,164 --> 00:45:12,554

679
00:45:13,166 --> 00:45:16,553

680
00:45:17,177 --> 00:45:20,553

681
00:45:21,184 --> 00:45:24,553

682
00:45:25,186 --> 00:45:28,555

683
00:45:29,187 --> 00:45:32,561

684
00:45:33,188 --> 00:45:36,554

685
00:45:37,190 --> 00:45:40,554

686
00:45:41,192 --> 00:45:44,554

687
00:45:45,196 --> 00:45:48,554

688
00:45:49,199 --> 00:45:52,555

689
00:45:53,200 --> 00:45:56,562

690
00:45:57,202 --> 00:46:00,557

691
00:46:01,203 --> 00:46:04,555

692
00:46:05,204 --> 00:46:08,555

693
00:46:09,206 --> 00:46:12,554

694
00:46:13,207 --> 00:46:16,554

695
00:46:17,209 --> 00:46:20,554

696
00:46:21,210 --> 00:46:24,554

697
00:46:25,212 --> 00:46:28,554

698
00:46:29,215 --> 00:46:32,556

699
00:46:33,217 --> 00:46:36,554

700
00:46:37,220 --> 00:46:40,558

701
00:46:41,222 --> 00:46:44,555

702
00:46:45,224 --> 00:46:48,555

703
00:46:49,226 --> 00:46:52,555

704
00:46:53,228 --> 00:46:56,555

705
00:46:57,229 --> 00:47:00,555

706
00:47:01,232 --> 00:47:04,555

707
00:47:05,234 --> 00:47:08,555

708
00:47:09,236 --> 00:47:12,555

709
00:47:13,238 --> 00:47:16,560

710
00:47:17,240 --> 00:47:20,555

711
00:47:21,241 --> 00:47:24,555

712
00:47:25,244 --> 00:47:28,555

713
00:47:29,247 --> 00:47:32,555

714
00:47:33,250 --> 00:47:36,555

715
00:47:37,251 --> 00:47:40,558

716
00:47:41,254 --> 00:47:44,556

717
00:47:45,255 --> 00:47:48,555

718
00:47:49,256 --> 00:47:52,555

719
00:47:53,258 --> 00:47:56,561

720
00:47:57,259 --> 00:48:00,562

721
00:48:01,260 --> 00:48:04,556

722
00:48:05,261 --> 00:48:08,555

723
00:48:09,264 --> 00:48:12,556

724
00:48:13,266 --> 00:48:16,556

725
00:48:17,267 --> 00:48:20,556

726
00:48:21,268 --> 00:48:24,556

727
00:48:25,270 --> 00:48:28,556

728
00:48:29,272 --> 00:48:32,559

729
00:48:33,273 --> 00:48:36,556

730
00:48:37,275 --> 00:48:40,557

731
00:48:41,277 --> 00:48:44,566

732
00:48:45,278 --> 00:48:48,556

733
00:48:49,280 --> 00:48:52,557

734
00:48:53,282 --> 00:48:56,557

735
00:48:57,283 --> 00:49:00,556

736
00:49:01,287 --> 00:49:04,557

737
00:49:05,290 --> 00:49:08,563

738
00:49:09,294 --> 00:49:12,557

739
00:49:13,297 --> 00:49:16,558

740
00:49:17,299 --> 00:49:20,556

741
00:49:21,301 --> 00:49:24,557

742
00:49:25,302 --> 00:49:28,557

743
00:49:29,304 --> 00:49:32,556

744
00:49:33,305 --> 00:49:36,558

745
00:49:37,308 --> 00:49:40,557

746
00:49:41,311 --> 00:49:44,558

747
00:49:45,315 --> 00:49:48,557

748
00:49:49,316 --> 00:49:52,557

749
00:49:53,319 --> 00:49:56,557

750
00:49:57,320 --> 00:50:00,557

751
00:50:01,322 --> 00:50:04,557

752
00:50:05,324 --> 00:50:08,557
โอเคไหมคะ ได้องค์ประกอบ

753
00:50:09,325 --> 00:50:12,557
ตัวนี้แล้วนะ เสร็จแล้วทีนี้

754
00:50:13,326 --> 00:50:16,557
สิ่งที่เราจะต้องทำเพิ่ม

755
00:50:17,328 --> 00:50:20,557

756
00:50:21,328 --> 00:50:24,559

757
00:50:25,329 --> 00:50:28,557

758
00:50:29,334 --> 00:50:32,558

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

760
00:50:37,338 --> 00:50:40,573
ที่เข้าใช่นะ

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

762
00:50:45,340 --> 00:50:48,557
"Firebase" นะคะ มันจะเป็นของต

763
00:50:49,342 --> 00:50:52,558

764
00:50:53,345 --> 00:50:56,561
F-i-n-d B-

765
00:50:57,346 --> 00:51:00,557
a-s-e

766
00:51:01,347 --> 00:51:04,559

767
00:51:05,348 --> 00:51:08,564
Find Base อยู่ไหน

768
00:51:09,351 --> 00:51:12,569
นี่ ๆ Firebase

769
00:51:13,352 --> 00:51:16,558
.google.com

770
00:51:17,354 --> 00:51:20,558
ให้เราหา Fire

771
00:51:21,356 --> 00:51:24,558
เจอไหม พิมพ์ F-i-r-e-

772
00:51:25,357 --> 00:51:28,558

773
00:51:29,360 --> 00:51:32,563
ให้

774
00:51:33,362 --> 00:51:36,560
ไปที่เว็บ Firebase.google.com นะคะ

775
00:51:37,365 --> 00:51:40,558

776
00:51:41,367 --> 00:51:44,558
ใครยังหาไม่เจอ ดูนะคะ

777
00:51:45,368 --> 00:51:48,558
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

778
00:51:49,369 --> 00:51:52,563
อันดับแรกก็คือเราจะต้อง

779
00:51:53,370 --> 00:51:56,565
เราจะต้องกด

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

781
00:52:01,372 --> 00:52:04,558
ตอนนี้เปิดมาที่ fins bese หร

782
00:52:05,373 --> 00:52:08,558

783
00:52:09,375 --> 00:52:12,558

784
00:52:13,376 --> 00:52:16,558

785
00:52:17,378 --> 00:52:20,562

786
00:52:21,380 --> 00:52:24,559

787
00:52:25,381 --> 00:52:28,561

788
00:52:29,384 --> 00:52:32,558

789
00:52:33,385 --> 00:52:36,559

790
00:52:37,386 --> 00:52:40,565

791
00:52:41,388 --> 00:52:44,559

792
00:52:45,389 --> 00:52:48,558

793
00:52:49,391 --> 00:52:52,559

794
00:52:53,393 --> 00:52:56,559
เพราะ

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

796
00:53:01,396 --> 00:53:04,559

797
00:53:05,399 --> 00:53:08,559
เขาจะ Login

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

799
00:53:13,401 --> 00:53:16,568
ตั้งแต่ตอนที่เราใช้ตัวนััน

800
00:53:17,402 --> 00:53:20,559
ให้ไปเลือกอะไร เลือก Create

801
00:53:21,405 --> 00:53:24,559
a New projects ค่ะ

802
00:53:25,408 --> 00:53:28,559
เห็นไหมคะสร้าง projex

803
00:53:29,409 --> 00:53:32,559

804
00:53:33,410 --> 00:53:36,560
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37,417 --> 00:53:40,560
enter your pro

806
00:53:41,418 --> 00:53:44,559
เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

807
00:53:45,420 --> 00:53:48,559
Firebase

808
00:53:49,422 --> 00:53:52,559
อะไรนะ login นะ

809
00:53:53,423 --> 00:53:56,560
ทำไมมันไม่ให้พิมพ์

810
00:53:57,424 --> 00:54:00,559
L-o-g-i-n นะคะ

811
00:54:01,425 --> 00:54:04,559

812
00:54:05,426 --> 00:54:08,560

813
00:54:09,428 --> 00:54:12,560

814
00:54:13,430 --> 00:54:16,559
เราต้องยอมรับก่อนนะติ๊กยอม

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

816
00:54:21,437 --> 00:54:24,559
แล้วก็กด Continue

817
00:54:25,438 --> 00:54:28,568

818
00:54:29,441 --> 00:54:32,559

819
00:54:33,443 --> 00:54:36,568
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytic

820
00:54:37,444 --> 00:54:40,561
นะคะ for your

821
00:54:41,446 --> 00:54:44,560
file bet project

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

823
00:54:49,448 --> 00:54:52,559

824
00:54:53,451 --> 00:54:56,560
แล้วเราก็ถาม

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

826
00:55:01,453 --> 00:55:04,560
T-h

827
00:55:05,455 --> 00:55:08,560

828
00:55:09,457 --> 00:55:12,561
แล้วก็ต้องติ๊กยอมรับ

829
00:55:13,458 --> 00:55:16,561
I Accept

830
00:55:17,459 --> 00:55:20,560
เลือก

831
00:55:21,460 --> 00:55:24,560
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

832
00:55:25,462 --> 00:55:28,559
ได้เลย

833
00:55:29,463 --> 00:55:32,559
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

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

835
00:55:37,467 --> 00:55:40,560
มันเป็นเหมือน Database

836
00:55:41,469 --> 00:55:44,568
แต่ออนไลน์ เราก็ต้องรอจนกว่า

837
00:55:45,470 --> 00:55:48,560
ไอ้เจ้านี่มันหมุนจนครบ

838
00:55:49,472 --> 00:55:52,561

839
00:55:53,477 --> 00:55:56,560

840
00:55:57,478 --> 00:56:00,561

841
00:56:01,481 --> 00:56:04,560

842
00:56:05,482 --> 00:56:08,560

843
00:56:09,484 --> 00:56:12,560

844
00:56:13,486 --> 00:56:16,560

845
00:56:17,488 --> 00:56:20,560

846
00:56:21,489 --> 00:56:24,560

847
00:56:25,490 --> 00:56:28,571

848
00:56:29,492 --> 00:56:32,560

849
00:56:33,494 --> 00:56:36,560

850
00:56:37,496 --> 00:56:40,560

851
00:56:41,498 --> 00:56:44,561

852
00:56:45,500 --> 00:56:48,564

853
00:56:49,501 --> 00:56:52,569

854
00:56:53,504 --> 00:56:56,560

855
00:56:57,505 --> 00:57:00,561

856
00:57:01,507 --> 00:57:04,564

857
00:57:05,508 --> 00:57:08,560

858
00:57:09,510 --> 00:57:12,560

859
00:57:13,512 --> 00:57:16,561

860
00:57:17,514 --> 00:57:20,560

861
00:57:21,517 --> 00:57:24,562

862
00:57:25,518 --> 00:57:28,561

863
00:57:29,521 --> 00:57:32,560

864
00:57:33,523 --> 00:57:36,561

865
00:57:37,525 --> 00:57:40,562

866
00:57:41,528 --> 00:57:44,576

867
00:57:45,529 --> 00:57:48,560

868
00:57:49,531 --> 00:57:52,561

869
00:57:53,533 --> 00:57:56,561

870
00:57:57,535 --> 00:58:00,561

871
00:58:01,538 --> 00:58:04,562

872
00:58:05,539 --> 00:58:08,561
บางคนอยู่หน้า

873
00:58:09,540 --> 00:58:12,561
your new project ready แล้ว

874
00:58:13,544 --> 00:58:16,561

875
00:58:17,548 --> 00:58:20,561
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

876
00:58:21,550 --> 00:58:24,561

877
00:58:25,552 --> 00:58:28,565

878
00:58:29,554 --> 00:58:32,561

879
00:58:33,556 --> 00:58:36,561

880
00:58:37,558 --> 00:58:41,558

881
00:58:41,559 --> 00:58:45,559

882
00:58:45,560 --> 00:58:49,560

883
00:58:49,563 --> 00:58:53,561

884
00:58:53,564 --> 00:58:57,561

885
00:58:57,568 --> 00:59:01,561

886
00:59:01,570 --> 00:59:05,561

887
00:59:05,570 --> 00:59:09,561

888
00:59:09,571 --> 00:59:13,561

889
00:59:13,574 --> 00:59:17,561

890
00:59:17,575 --> 00:59:21,561
ต่อไปนะคะ

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

892
00:59:25,577 --> 00:59:29,561
ซ้ายมือนะ

893
00:59:29,578 --> 00:59:33,561
คลิกที่ Build

894
00:59:33,579 --> 00:59:37,562
เห็นไหมคะ

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

896
00:59:41,583 --> 00:59:45,564
มีมอนิเตอร์มีอนารีเกต

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

898
00:59:49,587 --> 00:59:53,561
ไอ้รูป...

899
00:59:53,588 --> 00:59:57,563

900
00:59:57,589 --> 01:00:01,562

901
01:00:01,589 --> 01:00:05,561

902
01:00:05,592 --> 01:00:09,562
รูป

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

904
01:00:13,605 --> 01:00:17,561
แล้วคลิกที่ All tintication

905
01:00:17,605 --> 01:00:21,561
คลิก 1 ครั้ง

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

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

908
01:00:29,608 --> 01:00:33,561
เราก็คลิก get start

909
01:00:33,612 --> 01:00:37,562

910
01:00:37,613 --> 01:00:41,561

911
01:00:41,614 --> 01:00:45,562

912
01:00:45,615 --> 01:00:49,561
ทีนี้

913
01:00:49,616 --> 01:00:53,561
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53,618 --> 01:00:57,561
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

915
01:00:57,619 --> 01:01:01,562
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

916
01:01:01,621 --> 01:01:05,562
เราใช้ Username ก็คื

917
01:01:05,622 --> 01:01:09,562
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09,623 --> 01:01:13,562
Enable

919
01:01:13,624 --> 01:01:17,562
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17,625 --> 01:01:21,562
ใช้...

921
01:01:21,628 --> 01:01:25,563

922
01:01:25,629 --> 01:01:29,562
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29,630 --> 01:01:33,563
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33,631 --> 01:01:37,564
แล้วใช้เบอร์โทรศัพท์

925
01:01:37,632 --> 01:01:41,563
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41,633 --> 01:01:45,564
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45,634 --> 01:01:49,568
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49,636 --> 01:01:53,564
login ด้วยตัวไหน

929
01:01:53,639 --> 01:01:57,564
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

930
01:01:57,640 --> 01:02:01,577
เห็นไหมคะ เรามี Password ด้วยใช่ไหม

931
01:02:01,641 --> 01:02:05,564
เราก็เลือกตัวนี้ และเราก็คลิก

932
01:02:05,643 --> 01:02:09,565
nable

933
01:02:09,644 --> 01:02:13,564
เพราะเรามี 2 ตัวนะ

934
01:02:13,645 --> 01:02:17,564
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17,646 --> 01:02:21,565

936
01:02:21,647 --> 01:02:25,566
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25,654 --> 01:02:29,566
Allten ที่

938
01:02:29,655 --> 01:02:33,565
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33,656 --> 01:02:37,565
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37,657 --> 01:02:41,567
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41,658 --> 01:02:45,565
Anominus

942
01:02:45,659 --> 01:02:49,566
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49,662 --> 01:02:53,567
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53,663 --> 01:02:57,566

945
01:02:57,664 --> 01:03:01,566

946
01:03:01,665 --> 01:03:05,566

947
01:03:05,666 --> 01:03:09,570

948
01:03:09,666 --> 01:03:13,567

949
01:03:13,668 --> 01:03:17,567

950
01:03:17,670 --> 01:03:21,567

951
01:03:21,672 --> 01:03:25,567

952
01:03:25,675 --> 01:03:29,567

953
01:03:29,677 --> 01:03:33,568

954
01:03:33,678 --> 01:03:37,567

955
01:03:37,679 --> 01:03:41,567

956
01:03:41,680 --> 01:03:45,568

957
01:03:45,681 --> 01:03:49,568

958
01:03:49,683 --> 01:03:53,575

959
01:03:53,684 --> 01:03:57,568

960
01:03:57,685 --> 01:04:01,568

961
01:04:01,686 --> 01:04:05,569

962
01:04:05,687 --> 01:04:09,569

963
01:04:09,688 --> 01:04:13,569

964
01:04:13,689 --> 01:04:17,569

965
01:04:17,690 --> 01:04:21,569

966
01:04:21,691 --> 01:04:25,570

967
01:04:25,692 --> 01:04:29,570

968
01:04:29,693 --> 01:04:33,570

969
01:04:33,694 --> 01:04:37,570

970
01:04:37,695 --> 01:04:41,570

971
01:04:41,699 --> 01:04:45,569

972
01:04:45,700 --> 01:04:49,570

973
01:04:49,701 --> 01:04:53,570

974
01:04:53,705 --> 01:04:57,570
อันนี้ พอเราย้อนกลับมานะคะ

975
01:04:57,706 --> 01:05:01,572
มาดู

976
01:05:01,707 --> 01:05:05,570
ตรงบิ้ว

977
01:05:05,709 --> 01:05:09,570

978
01:05:09,711 --> 01:05:13,571

979
01:05:13,712 --> 01:05:17,571
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

980
01:05:17,713 --> 01:05:21,571
มันจะขึ้นว่าสถานะตรงนี้

981
01:05:21,714 --> 01:05:25,571
Project overview

982
01:05:25,715 --> 01:05:29,571
แล้วเลือก Project Setting

983
01:05:29,716 --> 01:05:33,572
No No No

984
01:05:33,717 --> 01:05:37,572
มันจะเข้ามาที่หน้าที่ Project seting

985
01:05:37,718 --> 01:05:41,571
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

986
01:05:41,719 --> 01:05:45,572
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

987
01:05:45,720 --> 01:05:49,572
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

988
01:05:49,721 --> 01:05:53,575
มันเพราะตอนนี้มันบอกว่าเรา

989
01:05:53,724 --> 01:05:57,572
เรา ยังไม่มีแอปในโปรเจกนี้

990
01:05:57,727 --> 01:06:01,572
เราก็ต้องไปที่แอปของเรา

991
01:06:01,728 --> 01:06:05,572
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

992
01:06:05,731 --> 01:06:09,573
เห็นไหมคะ

993
01:06:09,733 --> 01:06:13,572
มันมี ids แล้วก็มีรู้ Printer

994
01:06:13,734 --> 01:06:17,573
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

995
01:06:17,734 --> 01:06:21,573
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

996
01:06:21,736 --> 01:06:25,573

997
01:06:25,738 --> 01:06:29,573

998
01:06:29,740 --> 01:06:33,573

999
01:06:33,743 --> 01:06:37,573
ตรงตำแหน่งนี้ My Web app นี่

1000
01:06:37,745 --> 01:06:41,573
คืออะไร เราต้องไปหน้าที่เราทำ

1001
01:06:41,745 --> 01:06:45,573

1002
01:06:45,749 --> 01:06:49,574

1003
01:06:49,752 --> 01:06:53,573
ของเราก็คือ E-Book ไหมคะ

1004
01:06:53,754 --> 01:06:57,573
มันจะใช้ว่าอะไรอันไหนไม่ใช้

1005
01:06:57,757 --> 01:07:01,574
จะปิดแล้วนะ

1006
01:07:01,758 --> 01:07:05,574

1007
01:07:05,759 --> 01:07:09,575

1008
01:07:09,764 --> 01:07:13,575
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

1009
01:07:13,765 --> 01:07:17,575
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค

1010
01:07:17,766 --> 01:07:21,574
เข้าใจนะ พิมพ์ลงไปนะคะ

1011
01:07:21,767 --> 01:07:25,574
E

1012
01:07:25,768 --> 01:07:29,576

1013
01:07:29,774 --> 01:07:33,574

1014
01:07:33,775 --> 01:07:37,575
เดี๋ยว

1015
01:07:37,776 --> 01:07:41,575
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

1016
01:07:41,777 --> 01:07:45,575
Ebook นะคะ

1017
01:07:45,779 --> 01:07:49,575
นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

1018
01:07:49,780 --> 01:07:53,575
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

1019
01:07:53,781 --> 01:07:57,575
แล้วก็พิมพ์ลงไป

1020
01:07:57,783 --> 01:08:01,575

1021
01:08:01,784 --> 01:08:05,575

1022
01:08:05,785 --> 01:08:09,576

1023
01:08:09,786 --> 01:08:13,576

1024
01:08:13,788 --> 01:08:17,576

1025
01:08:17,791 --> 01:08:21,576

1026
01:08:21,793 --> 01:08:25,575

1027
01:08:25,794 --> 01:08:29,578

1028
01:08:29,795 --> 01:08:33,576

1029
01:08:33,796 --> 01:08:37,576

1030
01:08:37,797 --> 01:08:41,576

1031
01:08:41,799 --> 01:08:45,577

1032
01:08:45,801 --> 01:08:49,576

1033
01:08:49,803 --> 01:08:53,577

1034
01:08:53,804 --> 01:08:57,577

1035
01:08:57,805 --> 01:09:01,578

1036
01:09:01,806 --> 01:09:05,577

1037
01:09:05,809 --> 01:09:09,577

1038
01:09:09,810 --> 01:09:13,577

1039
01:09:13,811 --> 01:09:17,577

1040
01:09:17,812 --> 01:09:21,577

1041
01:09:21,813 --> 01:09:25,577

1042
01:09:25,814 --> 01:09:29,577

1043
01:09:29,816 --> 01:09:33,577

1044
01:09:33,817 --> 01:09:37,578

1045
01:09:37,822 --> 01:09:41,579

1046
01:09:41,823 --> 01:09:45,579
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

1047
01:09:45,824 --> 01:09:49,584
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

1048
01:09:49,825 --> 01:09:53,578
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ตามแม่นะ

1049
01:09:53,826 --> 01:09:57,578
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

1050
01:09:57,827 --> 01:10:01,578
เสร็จแล้วกด Register App

1051
01:10:01,829 --> 01:10:05,581
ได้เลย

1052
01:10:05,830 --> 01:10:09,578

1053
01:10:09,831 --> 01:10:13,582
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

1054
01:10:13,832 --> 01:10:17,579
นี่ ๆ อยู่ข้างบนนี่

1055
01:10:17,832 --> 01:10:21,578

1056
01:10:21,834 --> 01:10:25,579
มันจะมี code มาเห้นไหมคะ

1057
01:10:25,835 --> 01:10:29,579
เขาบอกว่าเราต้องเอาโค้ดนี้

1058
01:10:29,841 --> 01:10:33,581
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปไปวางในแอปเร

1059
01:10:33,843 --> 01:10:37,578
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

1060
01:10:37,844 --> 01:10:41,579

1061
01:10:41,846 --> 01:10:45,579

1062
01:10:45,847 --> 01:10:49,579
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

1063
01:10:49,848 --> 01:10:53,579
ไม่แน่ใจจะเห็นไหมนี่

1064
01:10:53,849 --> 01:10:57,583

1065
01:10:57,852 --> 01:11:01,580
มันใช้ว่าอะไรหว่าอันนี้

1066
01:11:01,853 --> 01:11:05,579

1067
01:11:05,854 --> 01:11:09,580
Component

1068
01:11:09,856 --> 01:11:13,581

1069
01:11:13,858 --> 01:11:17,580

1070
01:11:17,859 --> 01:11:21,579

1071
01:11:21,862 --> 01:11:25,580

1072
01:11:25,863 --> 01:11:29,579
ไม่เจอ

1073
01:11:29,864 --> 01:11:33,579
มันจะไปต่อไม่ได้

1074
01:11:33,866 --> 01:11:37,580
มันต้องใช้อะไรนี่

1075
01:11:37,867 --> 01:11:41,579
Data viewer

1076
01:11:41,884 --> 01:11:45,579
data wever

1077
01:11:45,886 --> 01:11:49,579

1078
01:11:49,888 --> 01:11:53,580

1079
01:11:53,892 --> 01:11:57,579

1080
01:11:57,894 --> 01:12:01,579
data assen seting

1081
01:12:01,895 --> 01:12:05,578
setting

1082
01:12:05,896 --> 01:12:09,579
หาก่อนนะ

1083
01:12:09,898 --> 01:12:13,579

1084
01:12:13,899 --> 01:12:17,581
compronan

1085
01:12:17,900 --> 01:12:21,578

1086
01:12:21,904 --> 01:12:25,578

1087
01:12:25,908 --> 01:12:29,579

1088
01:12:29,910 --> 01:12:33,578
all ten singinm

1089
01:12:33,911 --> 01:12:37,578
ต้องการหา Signin

1090
01:12:37,912 --> 01:12:41,578
ไม่ใช่

1091
01:12:41,914 --> 01:12:45,577

1092
01:12:45,915 --> 01:12:49,577

1093
01:12:49,916 --> 01:12:53,580

1094
01:12:53,919 --> 01:12:57,578

1095
01:12:57,920 --> 01:13:01,577

1096
01:13:01,921 --> 01:13:05,578

1097
01:13:05,922 --> 01:13:09,584
My data sourse หรือ

1098
01:13:09,923 --> 01:13:13,581
ก็ไม่ใช่

1099
01:13:13,924 --> 01:13:17,577
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

1100
01:13:17,926 --> 01:13:21,577

1101
01:13:21,927 --> 01:13:25,577

1102
01:13:25,928 --> 01:13:29,576

1103
01:13:29,930 --> 01:13:33,576

1104
01:13:33,931 --> 01:13:37,576

1105
01:13:37,933 --> 01:13:41,576

1106
01:13:41,935 --> 01:13:45,576

1107
01:13:45,936 --> 01:13:49,576

1108
01:13:49,937 --> 01:13:53,576
ขอ Sea

1109
01:13:53,939 --> 01:13:57,576
ก่อนนะคะ Thunkable x คืออะไร

1110
01:13:57,940 --> 01:14:01,576
พิมพ์ผิดพิมพ์ถูกกันแล้ว

1111
01:14:01,941 --> 01:14:05,576

1112
01:14:05,943 --> 01:14:09,576

1113
01:14:09,945 --> 01:14:13,576

1114
01:14:13,946 --> 01:14:17,576

1115
01:14:17,947 --> 01:14:21,577

1116
01:14:21,951 --> 01:14:25,577
เราเลือกเวอร์ชันผิดใช่ไหมนี

1117
01:14:25,952 --> 01:14:29,576

1118
01:14:29,954 --> 01:14:33,575

1119
01:14:33,954 --> 01:14:37,575

1120
01:14:37,956 --> 01:14:41,575
update ยังไง

1121
01:14:41,958 --> 01:14:45,575
อาจจะต้อง Update Thunkable เราหน่อย

1122
01:14:45,959 --> 01:14:49,575
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้

1123
01:14:49,967 --> 01:14:53,575

1124
01:14:53,969 --> 01:14:57,575
ใช้

1125
01:14:57,970 --> 01:15:01,575
ฟังก์ชันนั้นไม่ได้น่ะ

1126
01:15:01,971 --> 01:15:05,575

1127
01:15:05,972 --> 01:15:09,574

1128
01:15:09,974 --> 01:15:13,575
มันไม่เหมือนกันหรอเดี๋ยว

1129
01:15:13,975 --> 01:15:17,575
แป๊บหนึ่งนะเด็ก ๆ

1130
01:15:17,976 --> 01:15:21,578
มันต่างกันหรือ

1131
01:15:21,977 --> 01:15:25,575
อยากรู้ ๆ

1132
01:15:25,979 --> 01:15:29,574
มันก็ขึ้น Thunkable เหมือนกันนี่

1133
01:15:29,980 --> 01:15:33,574

1134
01:15:33,981 --> 01:15:37,574
เพราะมัน

1135
01:15:37,983 --> 01:15:41,574
Components มันมีไม่ครบ

1136
01:15:41,986 --> 01:15:45,575

1137
01:15:45,988 --> 01:15:49,574
Solution

1138
01:15:49,989 --> 01:15:53,574
Solution เดี๋ยวนะ

1139
01:15:53,990 --> 01:15:57,574
Integration

1140
01:15:57,991 --> 01:16:01,574

1141
01:16:01,992 --> 01:16:05,574
เราจะต้อง

1142
01:16:05,994 --> 01:16:09,574

1143
01:16:09,995 --> 01:16:13,575
Using Thunkable

1144
01:16:13,996 --> 01:16:17,574

1145
01:16:17,997 --> 01:16:21,574
ก็ไม่ใช่ มันเป็น Test

1146
01:16:21,999 --> 01:16:25,574

1147
01:16:26,000 --> 01:16:29,573

1148
01:16:30,001 --> 01:16:33,574

1149
01:16:34,002 --> 01:16:37,574

1150
01:16:38,004 --> 01:16:41,574

1151
01:16:42,005 --> 01:16:45,574

1152
01:16:46,006 --> 01:16:49,573

1153
01:16:50,008 --> 01:16:53,575

1154
01:16:54,010 --> 01:16:57,574

1155
01:16:58,012 --> 01:17:01,573

1156
01:17:02,013 --> 01:17:05,573

1157
01:17:06,014 --> 01:17:09,573

1158
01:17:10,015 --> 01:17:13,573

1159
01:17:14,020 --> 01:17:17,573

1160
01:17:18,021 --> 01:17:21,573

1161
01:17:22,023 --> 01:17:25,573

1162
01:17:26,025 --> 01:17:29,573

1163
01:17:30,027 --> 01:17:33,573

1164
01:17:34,028 --> 01:17:37,573

1165
01:17:38,030 --> 01:17:41,573

1166
01:17:42,034 --> 01:17:45,574

1167
01:17:46,037 --> 01:17:49,573

1168
01:17:50,038 --> 01:17:53,573

1169
01:17:54,039 --> 01:17:57,573
เพราะเขาบอกว่า

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

1171
01:18:02,042 --> 01:18:05,572
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

1172
01:18:06,043 --> 01:18:09,572
ไม่มีใน App เรา

1173
01:18:10,044 --> 01:18:13,572
ใน Thunkable Tool ที่ Signin

1174
01:18:14,070 --> 01:18:17,572
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

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

1176
01:18:22,073 --> 01:18:25,577

1177
01:18:26,075 --> 01:18:29,573
ใช้ตัวไหนนะ เดี๋ยวขอ Test

1178
01:18:30,076 --> 01:18:33,572
ดูนะคะ

1179
01:18:34,077 --> 01:18:37,572
คือตอนนี้ เรากรอก

1180
01:18:38,080 --> 01:18:41,573
ข้อมุลได้แต่จะไม่เก็บ

1181
01:18:42,082 --> 01:18:45,573
เขาเรียกว่าอะไรล่ะ ฐานข้อมูลนะ

1182
01:18:46,084 --> 01:18:49,572

1183
01:18:50,086 --> 01:18:53,574
ก็จะให้ไปเก็บ...

1184
01:18:54,087 --> 01:18:57,573

1185
01:18:58,088 --> 01:19:01,572
แบบ Tool Editing

1186
01:19:02,089 --> 01:19:05,573
เดี๋ยวเรามาลองที่ Box ของเรา

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

1188
01:19:10,093 --> 01:19:13,572
input 1 usernam

1189
01:19:14,094 --> 01:19:17,574
ไปที่ Text input1

1190
01:19:18,095 --> 01:19:21,578
เมื่อ Text input username

1191
01:19:22,098 --> 01:19:25,572
คลิก ไม่ใช่ มันจะต้องเป็น

1192
01:19:26,099 --> 01:19:29,572
นะ set text

1193
01:19:30,100 --> 01:19:33,572
input text to

1194
01:19:34,103 --> 01:19:37,572
Username Text

1195
01:19:38,106 --> 01:19:41,572
Keyboard Type

1196
01:19:42,107 --> 01:19:45,572

1197
01:19:46,108 --> 01:19:49,595

1198
01:19:50,109 --> 01:19:53,576

1199
01:19:54,112 --> 01:19:57,573
ฺBorder

1200
01:19:58,114 --> 01:20:01,580
มันจะต้องเป็นพิมพืเพระาฉะนั้น

1201
01:20:02,117 --> 01:20:05,571
Cheang

1202
01:20:06,118 --> 01:20:09,572
คลิก เมื่อมีการคลิก เมื่อ

1203
01:20:10,120 --> 01:20:13,574
คลิกที่ Text Input Username ปุ๊บ

1204
01:20:14,121 --> 01:20:17,572
เลือกอันนี้ออกไปก่อนเลือกออกมาวาง

1205
01:20:18,122 --> 01:20:21,577
เมื่อคลิกเข้าไปที่ Text Input

1206
01:20:22,123 --> 01:20:25,571
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

1207
01:20:26,124 --> 01:20:29,571
ทำ...

1208
01:20:30,126 --> 01:20:33,572

1209
01:20:34,128 --> 01:20:37,572

1210
01:20:38,129 --> 01:20:41,572

1211
01:20:42,131 --> 01:20:45,580
ให้กำหนดค่า Text Input Username เป็น Text

1212
01:20:46,132 --> 01:20:49,572
จาก taxt เป็นข้อความ

1213
01:20:50,134 --> 01:20:53,575

1214
01:20:54,136 --> 01:20:57,571
ดูสิ แล้วเราต้องไปเทสต์ว่ามัน

1215
01:20:58,137 --> 01:21:01,571
พิมพ์เข้าไปได้ไหม

1216
01:21:02,138 --> 01:21:05,572
ขึ้นไหมโอเคถูก

1217
01:21:06,140 --> 01:21:09,571
เห็นไหมคะ มันต้อง

1218
01:21:10,141 --> 01:21:13,571
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

1219
01:21:14,146 --> 01:21:17,571
โอเคนะคะ

1220
01:21:18,147 --> 01:21:21,571
เพราะตรงนี้ Userna

1221
01:21:22,149 --> 01:21:25,571
เหมือนกัน Text Input อันที่ 2

1222
01:21:26,153 --> 01:21:29,571
กลับไปที่ Back to Editting

1223
01:21:30,157 --> 01:21:33,571
ตอนนี้เด็ก ๆ ได้

1224
01:21:34,158 --> 01:21:37,571
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38,159 --> 01:21:41,571
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

1226
01:21:42,160 --> 01:21:45,571
Text Input อันที่ 1 ใช่ไหม

1227
01:21:46,161 --> 01:21:49,576
เรากลับไปที่ Block แล้ว

1228
01:21:50,163 --> 01:21:53,571
ตัวแรกที่เราเริ่มก็คือ

1229
01:21:54,164 --> 01:21:57,571
เมื่อกี้แม่ว่าแม่ลอง

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

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

1232
01:22:06,167 --> 01:22:09,571
แต่ตอนแรกที่ test

1233
01:22:10,170 --> 01:22:13,571
พอพิมพ์ปุ๊บ

1234
01:22:14,172 --> 01:22:17,571
เมื่อกี้มันน่าจะ Save ไว้แล้ว

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

1236
01:22:22,174 --> 01:22:25,571
นี่

1237
01:22:26,176 --> 01:22:29,571
โอเคนะคะ

1238
01:22:30,177 --> 01:22:33,581
โอเค

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

1240
01:22:38,180 --> 01:22:41,570
text input ตัวที่ 1 ของเรา

1241
01:22:42,183 --> 01:22:45,570
นะคะ

1242
01:22:46,185 --> 01:22:49,570

1243
01:22:50,187 --> 01:22:53,579
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

1244
01:22:54,189 --> 01:22:57,575
ลบทิ้ง อีกอันดูอ

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

1246
01:23:02,219 --> 01:23:05,571
ไม่เป็นอะไร ให้

1247
01:23:06,220 --> 01:23:09,572
เราเลือก Components ที่ชื่อว่า Text Input นะ

1248
01:23:10,222 --> 01:23:13,571
สิ่งแรกก็คือเมื่อ text input

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

1250
01:23:18,225 --> 01:23:21,570
เราเลือกตัวนี้ออกมา

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

1252
01:23:26,227 --> 01:23:29,570
Username ก็คือ

1253
01:23:30,228 --> 01:23:33,571
ให้ set ค่าของ Text Input น่ะ

1254
01:23:34,229 --> 01:23:37,570
จะซ่อนเป็นพิมพ์น่ะ

1255
01:23:38,233 --> 01:23:41,571

1256
01:23:42,237 --> 01:23:45,571
นะ คะดูนะคะ

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

1258
01:23:50,240 --> 01:23:53,573

1259
01:23:54,242 --> 01:23:57,571

1260
01:23:58,244 --> 01:24:01,570
text Input

1261
01:24:02,245 --> 01:24:05,571
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

1262
01:24:06,250 --> 01:24:09,571

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

1264
01:24:14,255 --> 01:24:17,575
คือตัวที่ 2 ของเรา

1265
01:24:18,256 --> 01:24:21,571
password ก็เหมือนกัน

1266
01:24:22,259 --> 01:24:25,574
มี 2 อันใช่ไหมคะ

1267
01:24:26,265 --> 01:24:29,570
When เมื่อเราคลิกเข้าไปที่ Text Input

1268
01:24:30,266 --> 01:24:33,573
password wen...

1269
01:24:34,267 --> 01:24:37,572
คลิกโดนคลิกนี่ทำอะไร

1270
01:24:38,272 --> 01:24:41,577
เหมือนกัน ก็คือให้...

1271
01:24:42,273 --> 01:24:45,571
เซต Text นี้เป็น

1272
01:24:46,274 --> 01:24:49,575
ซ่อนซ่อนแล้วก็

1273
01:24:50,276 --> 01:24:53,571
ซ่อนเสร็จแล้วก็

1274
01:24:54,277 --> 01:24:57,570
มาแสดง แล้วก็ให้พิมพ์นะ

1275
01:24:58,277 --> 01:25:01,591
อันนี้ก็ทำเหมือนกัน ก็คือ...

1276
01:25:02,279 --> 01:25:05,571

1277
01:25:06,281 --> 01:25:09,570

1278
01:25:10,283 --> 01:25:13,572

1279
01:25:14,287 --> 01:25:17,570

1280
01:25:18,291 --> 01:25:21,570
รู้แล้วควา่มจริงเราต้องเลือกอันนี้

1281
01:25:22,294 --> 01:25:25,570
set text

1282
01:25:26,298 --> 01:25:29,571
Password นะคะ กำหนดให้

1283
01:25:30,299 --> 01:25:33,570
Text Input Password นี่

1284
01:25:34,301 --> 01:25:37,571
รับค่าจากการพิมพ์

1285
01:25:38,303 --> 01:25:41,571
เสร็จแล้วตรงนี้

1286
01:25:42,307 --> 01:25:45,570
เป็น Defult Default กำหนดเป็นค่าเริ่ม

1287
01:25:46,311 --> 01:25:49,573
เห็นไหม

1288
01:25:50,313 --> 01:25:53,570
set defil

1289
01:25:54,315 --> 01:25:57,575
เราไม่ได้ set defule

1290
01:25:58,316 --> 01:26:01,574
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

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

1292
01:26:06,324 --> 01:26:09,570
เมื่อพิมพ์ เมื่อคลิกเข้าไป

1293
01:26:10,325 --> 01:26:13,570
เกิดผลก็คือให้มันแสดง

1294
01:26:14,325 --> 01:26:17,570

1295
01:26:18,327 --> 01:26:21,570

1296
01:26:22,329 --> 01:26:25,570

1297
01:26:26,329 --> 01:26:29,571

1298
01:26:30,330 --> 01:26:33,570

1299
01:26:34,332 --> 01:26:37,570

1300
01:26:38,336 --> 01:26:41,570

1301
01:26:42,339 --> 01:26:45,571

1302
01:26:46,340 --> 01:26:49,571
Text to แล้วก็ข้อความ

1303
01:26:50,341 --> 01:26:53,570
ในนี้นะ

1304
01:26:54,343 --> 01:26:57,570
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

1305
01:26:58,344 --> 01:27:01,569
ก็

1306
01:27:02,346 --> 01:27:05,570
เป็นเซ็ต

1307
01:27:06,347 --> 01:27:09,570

1308
01:27:10,350 --> 01:27:13,570
มันต้องซ่อนสิ password

1309
01:27:14,352 --> 01:27:17,570
ต้องซ้อนนะ

1310
01:27:18,353 --> 01:27:21,570
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

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

1312
01:27:26,355 --> 01:27:29,570
เพราะตอนพิมพื password ต้องไม่แสดง

1313
01:27:30,356 --> 01:27:33,572
User น่ะไม่แสดง

1314
01:27:34,357 --> 01:27:37,572

1315
01:27:38,359 --> 01:27:41,573

1316
01:27:42,360 --> 01:27:45,570
User แสดงอย่างนี้ได้แต่ passwor

1317
01:27:46,362 --> 01:27:49,571
มันไม่ควรแสดงชื่อไหม

1318
01:27:50,364 --> 01:27:53,570
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

1319
01:27:54,365 --> 01:27:57,570

1320
01:27:58,367 --> 01:28:01,571
นี่ตอนนี้มันยังไม่ซ่อน

1321
01:28:02,368 --> 01:28:05,573
ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน

1322
01:28:06,369 --> 01:28:09,570
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10,370 --> 01:28:13,571
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14,375 --> 01:28:17,570
หน้าจะเป็น Too

1325
01:28:18,376 --> 01:28:21,570
หรือ Tool อะไร มีหลายตัว

1326
01:28:22,377 --> 01:28:25,570
เลือกเป็น...

1327
01:28:26,378 --> 01:28:29,570

1328
01:28:30,380 --> 01:28:33,581
เมื่อคลิก password

1329
01:28:34,382 --> 01:28:37,571
เมื่อคลิก Password

1330
01:28:38,383 --> 01:28:41,570
แล้ว

1331
01:28:42,384 --> 01:28:45,570
พิมพ์ Password ลงไปปุ๊บ

1332
01:28:46,387 --> 01:28:49,570

1333
01:28:50,389 --> 01:28:53,569

1334
01:28:54,390 --> 01:28:57,570

1335
01:28:58,392 --> 01:29:01,570

1336
01:29:02,395 --> 01:29:05,570

1337
01:29:06,399 --> 01:29:09,570
เมื่อพิมพ์ Password ลง

1338
01:29:10,404 --> 01:29:13,570
เป็นซ่อน

1339
01:29:14,405 --> 01:29:17,570
แล้วก็ To... ไม่ให้เอาออก

1340
01:29:18,407 --> 01:29:21,572

1341
01:29:22,410 --> 01:29:25,572

1342
01:29:26,412 --> 01:29:29,570
จัด Text

1343
01:29:30,416 --> 01:29:33,570
แล้วก็ทำให้ Text Input เป็นซ่อน

1344
01:29:34,418 --> 01:29:37,571
ลองดูสิ แก้เงื่อนไขมันก่อน

1345
01:29:38,420 --> 01:29:41,576
จาก Text

1346
01:29:42,424 --> 01:29:45,570
ให้มันซ่อน ได้ไหม

1347
01:29:46,425 --> 01:29:49,570
ขอลองอันล่างเลย

1348
01:29:50,427 --> 01:29:53,573
ไม่ซ่อนน่ะ

1349
01:29:54,428 --> 01:29:57,576
นี่ เราใส่สลับ

1350
01:29:58,429 --> 01:30:01,587
เอาใหม่ Edit ใหม่

1351
01:30:02,430 --> 01:30:05,570
ต้องไล่ให้ถูกนะนี่

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

1353
01:30:10,447 --> 01:30:13,570

1354
01:30:14,449 --> 01:30:17,571

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

1356
01:30:22,452 --> 01:30:25,577

1357
01:30:26,453 --> 01:30:29,570
ที่พิมพ์จากคีย์บอร์ด

1358
01:30:30,456 --> 01:30:33,574
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

1359
01:30:34,457 --> 01:30:37,570

1360
01:30:38,459 --> 01:30:41,570
มันจะซ่อนให้ไหมน่ะ

1361
01:30:42,460 --> 01:30:45,570
เมื่อกำหนดค่า

1362
01:30:46,461 --> 01:30:49,570
เมื่อกำหนดค่า เมื่อกำหนดค่า Text Input

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

1364
01:30:54,464 --> 01:30:57,571
keybrod

1365
01:30:58,465 --> 01:31:01,570
ให้มัน

1366
01:31:02,466 --> 01:31:05,580
ให้มัน...

1367
01:31:06,467 --> 01:31:09,570
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

1368
01:31:10,467 --> 01:31:13,573
มันจะซ่อนให้เราไหม

1369
01:31:14,475 --> 01:31:17,570
ยังติดอยู่นะคะ

1370
01:31:18,476 --> 01:31:21,577
ยังติดอยู่ในบ่วง Password ไม่ซ่อน

1371
01:31:22,477 --> 01:31:25,571

1372
01:31:26,484 --> 01:31:29,570
ขาดค่าอะไรไปอีกค่าหนึ่ง

1373
01:31:30,485 --> 01:31:33,571
ต้องกำหนดตัวแปรไหมละนี่

1374
01:31:34,490 --> 01:31:37,570
น่าจะใช่

1375
01:31:38,491 --> 01:31:41,570
กำหนดตัวแปลให้เก็บค่าของ Text Password

1376
01:31:42,491 --> 01:31:45,570
text username

1377
01:31:46,494 --> 01:31:49,571
Text Password

1378
01:31:50,495 --> 01:31:53,571
ไหน Block ที่ 1

1379
01:31:54,496 --> 01:31:57,570
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58,498 --> 01:32:01,570
whyriabl

1381
01:32:02,499 --> 01:32:05,570

1382
01:32:06,502 --> 01:32:09,572

1383
01:32:10,505 --> 01:32:13,571

1384
01:32:14,507 --> 01:32:17,570

1385
01:32:18,508 --> 01:32:21,570

1386
01:32:22,510 --> 01:32:25,571

1387
01:32:26,512 --> 01:32:29,570

1388
01:32:30,514 --> 01:32:33,572

1389
01:32:34,517 --> 01:32:37,574

1390
01:32:38,519 --> 01:32:41,571
ไปที่ Text ไปที่ Text

1391
01:32:42,523 --> 01:32:45,570
ทำให้เป็นตัวใหญ่

1392
01:32:46,524 --> 01:32:49,570
ทำให้ text

1393
01:32:50,526 --> 01:32:53,571

1394
01:32:54,528 --> 01:32:57,570

1395
01:32:58,529 --> 01:33:01,571

1396
01:33:02,532 --> 01:33:05,570

1397
01:33:06,542 --> 01:33:09,570
ไปที่ Color

1398
01:33:10,544 --> 01:33:13,570
เป็นจริง

1399
01:33:14,546 --> 01:33:17,571
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18,547 --> 01:33:21,571
เป็นจริงปุ๊บ

1401
01:33:22,548 --> 01:33:25,572
ถึงที่ต้องทำต่อ

1402
01:33:26,549 --> 01:33:29,573
ขาดไปไหนนะ

1403
01:33:30,551 --> 01:33:33,571
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34,552 --> 01:33:37,570
แต่มันมาอยู่ใน...

1405
01:33:38,554 --> 01:33:41,570

1406
01:33:42,556 --> 01:33:45,571
เราจะเอามันไปใส่ใน

1407
01:33:46,557 --> 01:33:50,557
ไหนได้

1408
01:33:50,559 --> 01:33:54,559
sinin

1409
01:33:54,560 --> 01:33:58,560
เขาบอกว่า

1410
01:33:58,561 --> 01:34:02,561
ให้มันอยู่ตรง...

1411
01:34:02,562 --> 01:34:06,562

1412
01:34:06,570 --> 01:34:10,570

1413
01:34:10,573 --> 01:34:14,570
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14,573 --> 01:34:18,570
App Feature

1415
01:34:18,574 --> 01:34:22,570

1416
01:34:22,578 --> 01:34:26,570

1417
01:34:26,581 --> 01:34:30,570
Sign in

1418
01:34:30,585 --> 01:34:34,570
Sign in

1419
01:34:34,586 --> 01:34:38,577
Sing in Email

1420
01:34:38,587 --> 01:34:42,570

1421
01:34:42,593 --> 01:34:46,570
Sign in hello

1422
01:34:46,594 --> 01:34:50,572
Reset Password

1423
01:34:50,596 --> 01:34:54,571
Delete User Sign Up

1424
01:34:54,598 --> 01:34:58,571
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58,600 --> 01:35:02,570
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02,604 --> 01:35:06,578
Sign Up Do

1427
01:35:06,605 --> 01:35:10,571
Sign In do

1428
01:35:10,606 --> 01:35:14,570

1429
01:35:14,607 --> 01:35:18,570

1430
01:35:18,610 --> 01:35:22,571
ไม่ให้ใช้น่ะ

1431
01:35:22,611 --> 01:35:26,572
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26,613 --> 01:35:30,570
ใช้ไม่เหมือนกัน

1433
01:35:30,614 --> 01:35:34,570

1434
01:35:34,615 --> 01:35:38,570
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38,616 --> 01:35:42,569
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42,620 --> 01:35:46,570

1437
01:35:46,622 --> 01:35:50,570

1438
01:35:50,623 --> 01:35:54,570

1439
01:35:54,625 --> 01:35:58,570

1440
01:35:58,626 --> 01:36:02,570

1441
01:36:02,627 --> 01:36:06,569

1442
01:36:06,629 --> 01:36:10,569

1443
01:36:10,630 --> 01:36:14,569

1444
01:36:14,631 --> 01:36:18,569

1445
01:36:18,635 --> 01:36:22,569

1446
01:36:22,640 --> 01:36:26,569

1447
01:36:26,644 --> 01:36:30,568

1448
01:36:30,651 --> 01:36:34,568

1449
01:36:34,653 --> 01:36:38,568

1450
01:36:38,654 --> 01:36:42,568

1451
01:36:42,656 --> 01:36:46,568

1452
01:36:46,657 --> 01:36:50,568
ไม่เหมือนกันนะ

1453
01:36:50,658 --> 01:36:54,569
ใช้ไม่เหมือน

1454
01:36:54,659 --> 01:36:58,568

1455
01:36:58,660 --> 01:37:02,567

1456
01:37:02,662 --> 01:37:06,567

1457
01:37:06,663 --> 01:37:10,568

1458
01:37:10,664 --> 01:37:14,568

1459
01:37:14,665 --> 01:37:18,568
เดี๋ยวนะคะ Sign Up

1460
01:37:18,667 --> 01:37:22,567
อันนี้หรอ

1461
01:37:22,669 --> 01:37:26,567

1462
01:37:26,672 --> 01:37:30,567

1463
01:37:30,673 --> 01:37:34,567

1464
01:37:34,674 --> 01:37:38,567
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:38,675 --> 01:37:42,567
ให้ลงทะเบียน

1466
01:37:42,676 --> 01:37:46,567
โดยใช้ Email หรือ Passeord

1467
01:37:46,681 --> 01:37:50,567
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:50,682 --> 01:37:54,567

1469
01:37:54,693 --> 01:37:58,567

1470
01:37:58,695 --> 01:38:02,567

1471
01:38:02,696 --> 01:38:06,566
บอกว่าให้ก๊อป(ปี้)

1472
01:38:06,698 --> 01:38:10,566
ทำไม

1473
01:38:10,699 --> 01:38:14,566
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:14,701 --> 01:38:18,566
Thunkable X

1475
01:38:18,703 --> 01:38:22,646

1476
01:38:22,705 --> 01:38:26,567

1477
01:38:26,726 --> 01:38:30,566

1478
01:38:30,733 --> 01:38:34,567

1479
01:38:34,735 --> 01:38:38,566

1480
01:38:38,736 --> 01:38:42,566

1481
01:38:42,739 --> 01:38:46,566
เอามาจากไหนนะ Thunkable X

1482
01:38:46,740 --> 01:38:50,566

1483
01:38:50,742 --> 01:38:54,566

1484
01:38:54,743 --> 01:38:58,567

1485
01:38:58,744 --> 01:39:02,566

1486
01:39:02,745 --> 01:39:06,566
มันจะเพิ่ม Signin ได้

1487
01:39:06,748 --> 01:39:10,565
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:10,748 --> 01:39:14,567

1489
01:39:14,753 --> 01:39:18,565

1490
01:39:18,754 --> 01:39:22,565

1491
01:39:22,755 --> 01:39:26,565

1492
01:39:26,758 --> 01:39:30,565

1493
01:39:30,759 --> 01:39:34,565

1494
01:39:34,763 --> 01:39:38,568

1495
01:39:38,764 --> 01:39:42,569

1496
01:39:42,765 --> 01:39:46,565

1497
01:39:46,771 --> 01:39:50,565

1498
01:39:50,772 --> 01:39:54,565

1499
01:39:54,773 --> 01:39:58,565

1500
01:39:58,774 --> 01:40:02,564
อ๋อถ้า

1501
01:40:02,775 --> 01:40:06,564
Thunkable X ก็คือใช้ IOS

1502
01:40:06,776 --> 01:40:10,564
เข้าใจแล้ว

1503
01:40:10,777 --> 01:40:14,564

1504
01:40:14,779 --> 01:40:18,564

1505
01:40:18,782 --> 01:40:22,564

1506
01:40:22,783 --> 01:40:26,564

1507
01:40:26,785 --> 01:40:30,564
ทดสอบแอป

1508
01:40:30,787 --> 01:40:34,564
มันยังไม่ reresd

1509
01:40:34,789 --> 01:40:38,564
ใช้ไม่ได้ต้องเป็น

1510
01:40:38,792 --> 01:40:42,574
ข้อจำกัด

1511
01:40:42,796 --> 01:40:46,564
เยอะเหมือนกันนะนี่

1512
01:40:46,798 --> 01:40:50,564

1513
01:40:50,799 --> 01:40:54,564

1514
01:40:54,801 --> 01:40:58,565
โอเค เดี๋ยว

1515
01:40:58,802 --> 01:41:02,566
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:02,805 --> 01:41:06,564
ของเรามัน มันไม่เป็น

1517
01:41:06,806 --> 01:41:10,565
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:10,808 --> 01:41:14,566
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:14,810 --> 01:41:18,564
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:18,812 --> 01:41:22,565
ก็คือเราก้จะมา

1521
01:41:22,816 --> 01:41:26,577
ก็อป Firebase น่ะค่ะ

1522
01:41:26,817 --> 01:41:30,564
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:30,819 --> 01:41:34,564
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:34,820 --> 01:41:38,563
เดิมเรานี่ให้เป้น Thunk

1525
01:41:38,822 --> 01:41:42,565
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:42,823 --> 01:41:46,564
เราจะเอามาใช้งาน

1527
01:41:46,825 --> 01:41:50,563
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:50,826 --> 01:41:54,563
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:54,827 --> 01:41:58,564
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:58,833 --> 01:42:02,564
Thunkable เรามันเป็น Thunkable

1531
01:42:02,834 --> 01:42:06,563
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:06,836 --> 01:42:10,567
ตอนนี้มันเป็น Thunk

1533
01:42:10,836 --> 01:42:14,568
เนื่องจากสัปดาห์หน้า

1534
01:42:14,837 --> 01:42:18,563
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:18,838 --> 01:42:22,565
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:22,839 --> 01:42:26,563
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:26,840 --> 01:42:30,563
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:30,841 --> 01:42:34,564
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:34,842 --> 01:42:38,563
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:38,843 --> 01:42:42,562
แค่อัปเวอร์ชันมัน

1541
01:42:42,845 --> 01:42:46,563
จะนำมาไปใช้ตัวนี้

1542
01:42:46,846 --> 01:42:50,563
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:50,847 --> 01:42:54,563
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:54,850 --> 01:42:58,563
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:58,851 --> 01:43:02,562
สำหรับสัปดาห์นี้

1546
01:43:02,852 --> 01:43:06,563
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:06,854 --> 01:43:10,565
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:10,858 --> 01:43:14,563

1549
01:43:14,860 --> 01:43:18,562
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:18,861 --> 01:43:22,562
อ๋อ...

1551
01:43:22,862 --> 01:43:26,562
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:26,864 --> 01:43:30,562
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:30,865 --> 01:43:34,562

1554
01:43:34,866 --> 01:43:38,562

1555
01:43:38,867 --> 01:43:42,563
Thunkable X

1556
01:43:42,870 --> 01:43:46,569
ทำไมไม่อัปให้เรา

1557
01:43:46,871 --> 01:43:50,562

1558
01:43:50,872 --> 01:43:54,562

1559
01:43:54,874 --> 01:43:58,562

1560
01:43:58,875 --> 01:44:02,562

1561
01:44:02,876 --> 01:44:06,562

1562
01:44:06,877 --> 01:44:10,562

1563
01:44:10,878 --> 01:44:14,562

1564
01:44:14,879 --> 01:44:18,562

1565
01:44:18,881 --> 01:44:22,565

1566
01:44:22,882 --> 01:44:26,882

1567
01:44:26,883 --> 01:44:30,883

1568
01:44:30,888 --> 01:44:30,892