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

2
00:00:04,004 --> 00:00:07,292

3
00:00:08,006 --> 00:00:11,292

4
00:00:12,009 --> 00:00:15,292

5
00:00:16,010 --> 00:00:19,292

6
00:00:20,013 --> 00:00:23,292

7
00:00:24,015 --> 00:00:27,291

8
00:00:28,017 --> 00:00:31,292

9
00:00:32,019 --> 00:00:35,292

10
00:00:36,021 --> 00:00:39,292

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

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

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

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

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

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

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

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

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

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

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

22
00:01:24,042 --> 00:01:27,292

23
00:01:28,044 --> 00:01:31,292
Thunkable

24
00:01:32,048 --> 00:01:35,292

25
00:01:36,053 --> 00:01:39,291

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

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

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

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

30
00:01:56,061 --> 00:01:59,292

31
00:02:00,065 --> 00:02:03,292

32
00:02:04,066 --> 00:02:07,292

33
00:02:08,070 --> 00:02:11,292

34
00:02:12,074 --> 00:02:15,291

35
00:02:16,076 --> 00:02:19,292

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

37
00:02:24,079 --> 00:02:27,291

38
00:02:28,080 --> 00:02:31,291
สงสัย

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

40
00:02:36,087 --> 00:02:39,291
งง ๆ

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

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

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

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

45
00:02:56,094 --> 00:02:59,291

46
00:03:00,096 --> 00:03:03,292

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

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

49
00:03:12,100 --> 00:03:15,292

50
00:03:16,103 --> 00:03:19,292

51
00:03:20,106 --> 00:03:23,292
โอเค

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

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

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

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

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

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

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

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

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

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

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

63
00:04:08,127 --> 00:04:11,292

64
00:04:12,130 --> 00:04:15,292
Category

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

66
00:04:20,134 --> 00:04:23,292

67
00:04:24,136 --> 00:04:27,292

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

69
00:04:32,141 --> 00:04:35,292

70
00:04:36,143 --> 00:04:39,292

71
00:04:40,145 --> 00:04:43,292

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

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

74
00:04:52,151 --> 00:04:55,292

75
00:04:56,153 --> 00:04:59,292

76
00:05:00,154 --> 00:05:03,292

77
00:05:04,157 --> 00:05:07,292

78
00:05:08,159 --> 00:05:11,292

79
00:05:12,161 --> 00:05:15,292

80
00:05:16,163 --> 00:05:19,292

81
00:05:20,165 --> 00:05:23,292

82
00:05:24,168 --> 00:05:27,292

83
00:05:28,169 --> 00:05:31,292

84
00:05:32,171 --> 00:05:35,292

85
00:05:36,174 --> 00:05:39,292

86
00:05:40,176 --> 00:05:43,292

87
00:05:44,177 --> 00:05:47,292

88
00:05:48,179 --> 00:05:51,292

89
00:05:52,182 --> 00:05:55,292

90
00:05:56,184 --> 00:05:59,293

91
00:06:00,186 --> 00:06:03,292

92
00:06:04,188 --> 00:06:07,297

93
00:06:08,190 --> 00:06:11,292

94
00:06:12,192 --> 00:06:15,292

95
00:06:16,195 --> 00:06:19,292

96
00:06:20,197 --> 00:06:23,293

97
00:06:24,201 --> 00:06:27,293

98
00:06:28,203 --> 00:06:31,292

99
00:06:32,204 --> 00:06:35,292

100
00:06:36,207 --> 00:06:39,292

101
00:06:40,209 --> 00:06:43,292

102
00:06:44,211 --> 00:06:47,293

103
00:06:48,215 --> 00:06:51,293

104
00:06:52,217 --> 00:06:55,298

105
00:06:56,218 --> 00:06:59,292

106
00:07:00,220 --> 00:07:03,293

107
00:07:04,223 --> 00:07:07,292

108
00:07:08,225 --> 00:07:11,293

109
00:07:12,228 --> 00:07:15,293

110
00:07:16,231 --> 00:07:19,294

111
00:07:20,235 --> 00:07:23,292

112
00:07:24,238 --> 00:07:27,293

113
00:07:28,239 --> 00:07:31,293

114
00:07:32,241 --> 00:07:35,293

115
00:07:36,243 --> 00:07:39,293

116
00:07:40,246 --> 00:07:43,293

117
00:07:44,248 --> 00:07:47,293

118
00:07:48,249 --> 00:07:51,293

119
00:07:52,252 --> 00:07:55,293

120
00:07:56,257 --> 00:07:59,293

121
00:08:00,260 --> 00:08:03,293

122
00:08:04,263 --> 00:08:07,293

123
00:08:08,265 --> 00:08:11,293

124
00:08:12,267 --> 00:08:15,293

125
00:08:16,268 --> 00:08:19,293

126
00:08:20,271 --> 00:08:23,293

127
00:08:24,273 --> 00:08:27,293

128
00:08:28,275 --> 00:08:31,294

129
00:08:32,276 --> 00:08:35,293

130
00:08:36,278 --> 00:08:39,296

131
00:08:40,280 --> 00:08:43,293

132
00:08:44,282 --> 00:08:47,293

133
00:08:48,284 --> 00:08:51,293

134
00:08:52,285 --> 00:08:55,294

135
00:08:56,288 --> 00:08:59,295

136
00:09:00,290 --> 00:09:03,293

137
00:09:04,292 --> 00:09:07,293

138
00:09:08,295 --> 00:09:11,293

139
00:09:12,308 --> 00:09:16,293

140
00:09:16,311 --> 00:09:20,294

141
00:09:20,311 --> 00:09:24,293

142
00:09:24,313 --> 00:09:28,293
ดูนะ ในรูป

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

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

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

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

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

148
00:09:48,320 --> 00:09:52,299
User name ใช่ไหมลูก

149
00:09:52,321 --> 00:09:56,299
ล็อกอินใช่ไหมคะ

150
00:09:56,322 --> 00:10:00,299
นะคะ มันจะมีสัดส่วน

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

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

153
00:10:08,328 --> 00:10:12,294
แล้วสวยงามไม่ใช่โย้ไปโย้มา

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

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

156
00:10:20,336 --> 00:10:24,293
ชื่อว่า...

157
00:10:24,337 --> 00:10:28,294

158
00:10:28,338 --> 00:10:32,294
Colum

159
00:10:32,339 --> 00:10:36,293
หาคำว่า "Colum"

160
00:10:36,340 --> 00:10:40,293
ขี้เกียจ Sue

161
00:10:40,341 --> 00:10:44,294
-l

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

163
00:10:48,343 --> 00:10:52,297
ลงไป c-o ทำไท

164
00:10:52,345 --> 00:10:56,293
l C-o-l-u-m-e

165
00:10:56,346 --> 00:11:00,294
u-m-e c-o

166
00:11:00,347 --> 00:11:04,294

167
00:11:04,348 --> 00:11:08,294

168
00:11:08,349 --> 00:11:12,294

169
00:11:12,350 --> 00:11:16,294

170
00:11:16,353 --> 00:11:20,294

171
00:11:20,354 --> 00:11:24,294

172
00:11:24,356 --> 00:11:28,294
ไม่มี Coolu

173
00:11:28,357 --> 00:11:32,294

174
00:11:32,359 --> 00:11:36,294
ทำไมล่ะ ๆ มี Componant

175
00:11:36,361 --> 00:11:40,294
ไหนอีกนี่

176
00:11:40,362 --> 00:11:44,293

177
00:11:44,364 --> 00:11:48,294

178
00:11:48,366 --> 00:11:52,294

179
00:11:52,367 --> 00:11:56,294

180
00:11:56,368 --> 00:12:00,296

181
00:12:00,369 --> 00:12:04,294

182
00:12:04,370 --> 00:12:08,295

183
00:12:08,371 --> 00:12:12,294

184
00:12:12,373 --> 00:12:16,294

185
00:12:16,374 --> 00:12:20,294

186
00:12:20,375 --> 00:12:24,295

187
00:12:24,376 --> 00:12:28,295

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

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

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

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

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

193
00:12:48,385 --> 00:12:52,295
Image หรืออะไรลูก

194
00:12:52,386 --> 00:12:56,295

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

196
00:13:00,389 --> 00:13:04,294
ตำแหน่งนึกออกนะ

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

198
00:13:08,392 --> 00:13:12,294
นะคะ

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

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

201
00:13:20,396 --> 00:13:24,295

202
00:13:24,398 --> 00:13:28,295

203
00:13:28,400 --> 00:13:32,295

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

205
00:13:36,403 --> 00:13:40,294

206
00:13:40,404 --> 00:13:44,295
Thunkable

207
00:13:44,406 --> 00:13:48,305
เราหา เราหาโลโก้รูปแบบน

208
00:13:48,408 --> 00:13:52,295
ไอ้อะไรนะอะไรนะ

209
00:13:52,409 --> 00:13:56,295
ี้

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

211
00:14:00,413 --> 00:14:04,295

212
00:14:04,414 --> 00:14:08,296

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

214
00:14:12,417 --> 00:14:16,296
นะคะ

215
00:14:16,418 --> 00:14:20,295

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

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

218
00:14:28,422 --> 00:14:32,298

219
00:14:32,423 --> 00:14:36,300

220
00:14:36,425 --> 00:14:40,297

221
00:14:40,427 --> 00:14:44,294

222
00:14:44,431 --> 00:14:48,295

223
00:14:48,432 --> 00:14:52,295

224
00:14:52,433 --> 00:14:56,296

225
00:14:56,434 --> 00:15:00,294

226
00:15:00,435 --> 00:15:04,295

227
00:15:04,437 --> 00:15:08,295

228
00:15:08,441 --> 00:15:12,295

229
00:15:12,442 --> 00:15:16,295

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

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

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

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

234
00:15:32,449 --> 00:15:36,295
สมมติจะเอาตัวนี้

235
00:15:36,450 --> 00:15:40,295
ดูด้วยนะ

236
00:15:40,451 --> 00:15:44,295
ฟรี ฟรี ฟรี

237
00:15:44,452 --> 00:15:48,302
Download Image

238
00:15:48,454 --> 00:15:52,295

239
00:15:52,458 --> 00:15:56,302

240
00:15:56,460 --> 00:16:00,295
Standard Free เราเลือกว่าฟรี

241
00:16:00,462 --> 00:16:04,295
ใช่ไหม

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

243
00:16:08,464 --> 00:16:12,296

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

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

246
00:16:20,470 --> 00:16:24,295
free downloas

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

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

249
00:16:32,475 --> 00:16:36,296

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

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

252
00:16:44,480 --> 00:16:48,295

253
00:16:48,482 --> 00:16:52,295
Premium free download

254
00:16:52,483 --> 00:16:56,295

255
00:16:56,485 --> 00:17:00,295
ไปไหนแล้ว

256
00:17:00,486 --> 00:17:04,295
ได้แล้วนะคะ แม่

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

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

259
00:17:12,489 --> 00:17:16,295
ก็ไปที่ Thunkable เรา

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

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

262
00:17:24,494 --> 00:17:28,296
Logo loging

263
00:17:28,497 --> 00:17:32,295
ได้แล้วครับ ได้แล้ว

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

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

266
00:17:40,503 --> 00:17:44,295
ได้แล้วนะคะ

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

268
00:17:48,506 --> 00:17:52,296
ก็คือมีอะไรคะ

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

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

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

272
00:18:04,510 --> 00:18:08,295
User Login แล้วกันนะนะคะ

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

274
00:18:12,513 --> 00:18:16,295
ต่อมาก็คือ lable คะ

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

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

277
00:18:24,518 --> 00:18:28,296
ใช้ Label ในการสร้าง

278
00:18:28,519 --> 00:18:32,296
ลาก label มาวาง

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

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

281
00:18:40,524 --> 00:18:44,299
User พิมพ์คำว่า "User"

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

283
00:18:48,527 --> 00:18:52,295
g-i-n

284
00:18:52,529 --> 00:18:56,296
สัญญาณล่าม

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

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

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

288
00:19:08,534 --> 00:19:12,298
ลงไปนะ

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

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

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

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

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

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

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

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

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

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

299
00:19:52,550 --> 00:19:56,296

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

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

302
00:20:04,563 --> 00:20:08,295
นะคะ

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

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

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

306
00:20:20,572 --> 00:20:24,296

307
00:20:24,576 --> 00:20:28,297

308
00:20:28,578 --> 00:20:32,296

309
00:20:32,579 --> 00:20:36,296

310
00:20:36,580 --> 00:20:40,297

311
00:20:40,581 --> 00:20:44,297

312
00:20:44,585 --> 00:20:48,296

313
00:20:48,588 --> 00:20:52,296
โอเคนะ

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

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

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

317
00:21:04,595 --> 00:21:08,297
Label Label อันนี้

318
00:21:08,598 --> 00:21:12,296

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

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

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

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

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

324
00:21:32,607 --> 00:21:36,296
Image Image

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

326
00:21:40,612 --> 00:21:44,296
login

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

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

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

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

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

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

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

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

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

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

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

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

339
00:22:32,628 --> 00:22:36,296
หรือ Text input

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

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

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

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

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

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

346
00:23:00,639 --> 00:23:04,297
2 อันนะคะ

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

348
00:23:08,642 --> 00:23:12,297
นะคะ

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

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

351
00:23:20,646 --> 00:23:24,297

352
00:23:24,647 --> 00:23:28,298

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

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

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

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

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

358
00:23:48,664 --> 00:23:52,296

359
00:23:52,665 --> 00:23:56,296

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

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

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

363
00:24:08,671 --> 00:24:12,296
ใส่ Username Text

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

365
00:24:16,673 --> 00:24:20,297
Text Input Username

366
00:24:20,675 --> 00:24:24,296

367
00:24:24,676 --> 00:24:28,297

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

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

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

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

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

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

374
00:24:52,694 --> 00:24:56,297
password

375
00:24:56,696 --> 00:25:00,297

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

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

378
00:25:08,700 --> 00:25:12,296
ใน Username

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

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

381
00:25:20,704 --> 00:25:24,298

382
00:25:24,707 --> 00:25:28,297

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

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

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

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

387
00:25:44,716 --> 00:25:48,297
ไปที่

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

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

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

391
00:26:00,721 --> 00:26:04,297

392
00:26:04,722 --> 00:26:08,297

393
00:26:08,725 --> 00:26:12,297

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

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

396
00:26:20,729 --> 00:26:24,297

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

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

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

400
00:26:36,742 --> 00:26:40,297
2 อันนะคะ

401
00:26:40,743 --> 00:26:44,297

402
00:26:44,745 --> 00:26:48,296

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

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

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

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

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

408
00:27:08,753 --> 00:27:12,296

409
00:27:12,755 --> 00:27:16,296

410
00:27:16,757 --> 00:27:20,296

411
00:27:20,758 --> 00:27:24,296

412
00:27:24,759 --> 00:27:28,295

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

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

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

416
00:27:40,764 --> 00:27:44,295

417
00:27:44,766 --> 00:27:48,295
หาต่อ ๆ

418
00:27:48,770 --> 00:27:52,295
หาต่อ ๆ

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

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

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

422
00:28:04,776 --> 00:28:08,295

423
00:28:08,778 --> 00:28:12,295

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

425
00:28:16,781 --> 00:28:20,294

426
00:28:20,782 --> 00:28:24,294

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

428
00:28:28,785 --> 00:28:32,294
แล้วกัน

429
00:28:32,787 --> 00:28:36,294

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

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

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

433
00:28:48,793 --> 00:28:52,295
ใคร

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

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

436
00:29:00,799 --> 00:29:04,293
Image1

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

438
00:29:08,802 --> 00:29:12,293
login 1 open

439
00:29:12,803 --> 00:29:16,293

440
00:29:16,805 --> 00:29:20,293

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

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

443
00:29:28,812 --> 00:29:32,292
ย่อขยาย

444
00:29:32,815 --> 00:29:36,292
เอานะคะ

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

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

447
00:29:44,818 --> 00:29:48,295

448
00:29:48,819 --> 00:29:52,292

449
00:29:52,822 --> 00:29:56,292

450
00:29:56,823 --> 00:30:00,292

451
00:30:00,824 --> 00:30:04,292

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

453
00:30:08,826 --> 00:30:12,291

454
00:30:12,827 --> 00:30:16,291

455
00:30:16,828 --> 00:30:20,292

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

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

458
00:30:28,833 --> 00:30:32,291

459
00:30:32,839 --> 00:30:36,291

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

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

462
00:30:44,851 --> 00:30:48,291
นะคะ

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

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

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

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

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

468
00:31:08,863 --> 00:31:12,290

469
00:31:12,866 --> 00:31:16,290

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

471
00:31:20,869 --> 00:31:24,293
กับ forget password

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

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

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

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

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

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

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

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

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

481
00:32:00,883 --> 00:32:04,294
Remember me มี Label

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

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

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

485
00:32:16,888 --> 00:32:20,289
"Remember me" R-e Remember

486
00:32:20,889 --> 00:32:24,289

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

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

489
00:32:32,894 --> 00:32:36,289

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

491
00:32:40,900 --> 00:32:44,289

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

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

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

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

496
00:33:00,907 --> 00:33:04,289
for got password

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

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

499
00:33:12,920 --> 00:33:16,288

500
00:33:16,922 --> 00:33:20,289

501
00:33:20,924 --> 00:33:24,289

502
00:33:24,926 --> 00:33:28,288
label

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

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

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

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

507
00:33:44,933 --> 00:33:48,291
ตัวนี้

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

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

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

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

512
00:34:04,940 --> 00:34:08,288
ลดลง 14 พอ

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

514
00:34:12,946 --> 00:34:16,288
แล้วก็

515
00:34:16,947 --> 00:34:20,288

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

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

518
00:34:28,953 --> 00:34:32,288
นะคะ  f-o-r

519
00:34:32,955 --> 00:34:36,287
fot got

520
00:34:36,957 --> 00:34:40,287
g-o-t got

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

522
00:34:44,962 --> 00:34:48,287
forgot

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

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

525
00:34:56,965 --> 00:35:00,287
P-a-s-s Pass W-

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

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

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

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

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

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

532
00:35:24,976 --> 00:35:28,286

533
00:35:28,978 --> 00:35:32,286

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

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

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

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

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

539
00:35:52,989 --> 00:35:56,286
color

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

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

542
00:36:04,996 --> 00:36:08,286
โอเค

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

544
00:36:12,998 --> 00:36:16,286

545
00:36:16,999 --> 00:36:20,286

546
00:36:21,001 --> 00:36:24,287
นะคะ

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

548
00:36:29,004 --> 00:36:32,286
Login ใช่ไหม ปุ่ม

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

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

551
00:36:41,007 --> 00:36:44,286
คลิก button แล้วลง

552
00:36:45,008 --> 00:36:48,286
ด้านล่างสุดใช่ไหม

553
00:36:49,009 --> 00:36:52,286
Button

554
00:36:53,010 --> 00:36:56,287
นี้

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

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

557
00:37:05,015 --> 00:37:08,288
i-n Login

558
00:37:09,016 --> 00:37:12,289
สีเอาสีอะไร

559
00:37:13,017 --> 00:37:16,286
ไปที่ Background นะ

560
00:37:17,018 --> 00:37:20,287
เลือกสีค่ะ สีปุ่ม

561
00:37:21,019 --> 00:37:24,286
มีความ

562
00:37:25,020 --> 00:37:28,286
แซ่บเบอร์ 10

563
00:37:29,021 --> 00:37:32,286
sab...

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

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

566
00:37:41,027 --> 00:37:44,289

567
00:37:45,028 --> 00:37:48,287

568
00:37:49,029 --> 00:37:52,287

569
00:37:53,031 --> 00:37:56,287

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

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

572
00:38:05,037 --> 00:38:08,287
สีเข้ม ๆ นะครับ Color Color Color

573
00:38:09,038 --> 00:38:12,288
Text Color

574
00:38:13,039 --> 00:38:16,287
นะคะ สี...

575
00:38:17,041 --> 00:38:20,287

576
00:38:21,043 --> 00:38:24,293
สีม่วง

577
00:38:25,045 --> 00:38:28,288
โอเค

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

579
00:38:33,051 --> 00:38:36,288

580
00:38:37,054 --> 00:38:40,289
โอเคนะคะ

581
00:38:41,057 --> 00:38:44,288
ตัวนี้

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

583
00:38:49,059 --> 00:38:52,289
ตรง

584
00:38:53,061 --> 00:38:56,289
Border ใช่ไหมคะ

585
00:38:57,062 --> 00:39:00,289
Ladian น่ะ

586
00:39:01,063 --> 00:39:04,289
ความ

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

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

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

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

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

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

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

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

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

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

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

598
00:39:49,090 --> 00:39:52,290

599
00:39:53,093 --> 00:39:56,290

600
00:39:57,094 --> 00:40:00,290
อ๋อ Remember me

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

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

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

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

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

606
00:40:21,100 --> 00:40:24,291

607
00:40:25,103 --> 00:40:28,291

608
00:40:29,105 --> 00:40:32,291

609
00:40:33,108 --> 00:40:36,291

610
00:40:37,114 --> 00:40:40,291

611
00:40:41,118 --> 00:40:44,291

612
00:40:45,120 --> 00:40:48,291

613
00:40:49,122 --> 00:40:52,291

614
00:40:53,124 --> 00:40:56,291

615
00:40:57,125 --> 00:41:00,291

616
00:41:01,128 --> 00:41:04,291

617
00:41:05,135 --> 00:41:08,294

618
00:41:09,137 --> 00:41:12,292

619
00:41:13,139 --> 00:41:16,292

620
00:41:17,141 --> 00:41:20,292

621
00:41:21,143 --> 00:41:24,292

622
00:41:25,146 --> 00:41:28,292

623
00:41:29,148 --> 00:41:32,292

624
00:41:33,150 --> 00:41:36,292

625
00:41:37,152 --> 00:41:40,294

626
00:41:41,155 --> 00:41:44,292

627
00:41:45,156 --> 00:41:48,292

628
00:41:49,157 --> 00:41:52,292

629
00:41:53,161 --> 00:41:56,292

630
00:41:57,165 --> 00:42:00,293

631
00:42:01,166 --> 00:42:04,292

632
00:42:05,168 --> 00:42:08,292

633
00:42:09,170 --> 00:42:12,293

634
00:42:13,172 --> 00:42:16,293

635
00:42:17,174 --> 00:42:20,293

636
00:42:21,176 --> 00:42:24,293

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

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

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

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

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

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

643
00:42:49,187 --> 00:42:52,294
ลาก Text Input

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

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

646
00:43:01,190 --> 00:43:04,294

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

648
00:43:09,195 --> 00:43:12,293

649
00:43:13,197 --> 00:43:16,294

650
00:43:17,199 --> 00:43:20,294

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

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

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

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

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

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

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

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

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

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

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

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

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

664
00:44:13,215 --> 00:44:16,295

665
00:44:17,218 --> 00:44:20,295

666
00:44:21,220 --> 00:44:24,295

667
00:44:25,226 --> 00:44:28,295

668
00:44:29,228 --> 00:44:32,295

669
00:44:33,232 --> 00:44:36,295

670
00:44:37,238 --> 00:44:40,295

671
00:44:41,240 --> 00:44:44,295

672
00:44:45,241 --> 00:44:48,295

673
00:44:49,244 --> 00:44:52,295

674
00:44:53,256 --> 00:44:56,296

675
00:44:57,258 --> 00:45:00,295

676
00:45:01,264 --> 00:45:04,295

677
00:45:05,268 --> 00:45:08,295

678
00:45:09,272 --> 00:45:12,295

679
00:45:13,273 --> 00:45:16,296

680
00:45:17,275 --> 00:45:20,296

681
00:45:21,278 --> 00:45:24,296

682
00:45:25,280 --> 00:45:28,296

683
00:45:29,282 --> 00:45:32,296

684
00:45:33,285 --> 00:45:36,296

685
00:45:37,286 --> 00:45:40,296

686
00:45:41,289 --> 00:45:44,296

687
00:45:45,290 --> 00:45:48,296

688
00:45:49,293 --> 00:45:52,296

689
00:45:53,297 --> 00:45:56,296

690
00:45:57,300 --> 00:46:01,296

691
00:46:01,302 --> 00:46:05,297

692
00:46:05,307 --> 00:46:09,300

693
00:46:09,312 --> 00:46:13,298

694
00:46:13,316 --> 00:46:17,296

695
00:46:17,317 --> 00:46:21,297

696
00:46:21,319 --> 00:46:25,300

697
00:46:25,320 --> 00:46:29,297

698
00:46:29,322 --> 00:46:33,297

699
00:46:33,324 --> 00:46:37,297

700
00:46:37,327 --> 00:46:41,297

701
00:46:41,331 --> 00:46:45,297

702
00:46:45,334 --> 00:46:49,297

703
00:46:49,339 --> 00:46:53,297

704
00:46:53,341 --> 00:46:57,303

705
00:46:57,342 --> 00:47:01,297

706
00:47:01,344 --> 00:47:05,298

707
00:47:05,347 --> 00:47:09,297

708
00:47:09,355 --> 00:47:13,297

709
00:47:13,356 --> 00:47:17,297

710
00:47:17,358 --> 00:47:21,298

711
00:47:21,360 --> 00:47:25,305

712
00:47:25,362 --> 00:47:29,309

713
00:47:29,364 --> 00:47:33,297

714
00:47:33,365 --> 00:47:37,297

715
00:47:37,366 --> 00:47:41,297

716
00:47:41,368 --> 00:47:45,301

717
00:47:45,369 --> 00:47:49,298

718
00:47:49,371 --> 00:47:53,297

719
00:47:53,373 --> 00:47:57,298

720
00:47:57,375 --> 00:48:01,298

721
00:48:01,376 --> 00:48:05,298

722
00:48:05,378 --> 00:48:09,298

723
00:48:09,379 --> 00:48:13,298

724
00:48:13,381 --> 00:48:17,299

725
00:48:17,384 --> 00:48:21,298

726
00:48:21,385 --> 00:48:25,308

727
00:48:25,388 --> 00:48:29,298

728
00:48:29,390 --> 00:48:33,299

729
00:48:33,392 --> 00:48:37,301

730
00:48:37,393 --> 00:48:41,298

731
00:48:41,397 --> 00:48:45,298

732
00:48:45,400 --> 00:48:49,299

733
00:48:49,401 --> 00:48:53,311

734
00:48:53,402 --> 00:48:57,300

735
00:48:57,403 --> 00:49:01,299

736
00:49:01,405 --> 00:49:05,299

737
00:49:05,407 --> 00:49:09,298

738
00:49:09,408 --> 00:49:13,300

739
00:49:13,410 --> 00:49:17,298

740
00:49:17,412 --> 00:49:21,299

741
00:49:21,413 --> 00:49:25,299

742
00:49:25,415 --> 00:49:29,300

743
00:49:29,416 --> 00:49:33,300

744
00:49:33,417 --> 00:49:37,303

745
00:49:37,418 --> 00:49:41,303

746
00:49:41,419 --> 00:49:45,299

747
00:49:45,420 --> 00:49:49,299

748
00:49:49,421 --> 00:49:53,299

749
00:49:53,423 --> 00:49:57,300

750
00:49:57,424 --> 00:50:01,299

751
00:50:01,425 --> 00:50:05,300

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

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

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

755
00:50:17,430 --> 00:50:21,300

756
00:50:21,435 --> 00:50:25,303

757
00:50:25,436 --> 00:50:29,300

758
00:50:29,437 --> 00:50:33,301

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

760
00:50:37,443 --> 00:50:41,300
ที่เข้าใช่นะ

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

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

763
00:50:49,446 --> 00:50:53,300

764
00:50:53,447 --> 00:50:57,305
F-i-n-d B-

765
00:50:57,448 --> 00:51:01,300
a-s-e

766
00:51:01,449 --> 00:51:05,302

767
00:51:05,451 --> 00:51:09,300
Find Base อยู่ไหน

768
00:51:09,454 --> 00:51:13,300
นี่ ๆ Firebase

769
00:51:13,456 --> 00:51:17,300
.google.com

770
00:51:17,457 --> 00:51:21,301
ให้เราหา Fire

771
00:51:21,458 --> 00:51:25,300
เจอไหม พิมพ์ F-i-r-e-

772
00:51:25,459 --> 00:51:29,300

773
00:51:29,460 --> 00:51:33,307
ให้

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

775
00:51:37,463 --> 00:51:41,300

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

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

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

779
00:51:53,469 --> 00:51:57,303
เราจะต้องกด

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

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

782
00:52:05,475 --> 00:52:09,301

783
00:52:09,478 --> 00:52:13,308

784
00:52:13,479 --> 00:52:17,300

785
00:52:17,481 --> 00:52:21,301

786
00:52:21,485 --> 00:52:25,304

787
00:52:25,486 --> 00:52:29,301

788
00:52:29,487 --> 00:52:33,302

789
00:52:33,489 --> 00:52:37,301

790
00:52:37,490 --> 00:52:41,301

791
00:52:41,491 --> 00:52:45,301

792
00:52:45,493 --> 00:52:49,300

793
00:52:49,494 --> 00:52:53,301

794
00:52:53,496 --> 00:52:57,300
เพราะ

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

796
00:53:01,498 --> 00:53:05,301

797
00:53:05,501 --> 00:53:09,301
เขาจะ Login

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

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

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

801
00:53:21,505 --> 00:53:25,301
a New projects ค่ะ

802
00:53:25,506 --> 00:53:29,301
เห็นไหมคะสร้าง projex

803
00:53:29,508 --> 00:53:33,301

804
00:53:33,510 --> 00:53:37,304
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37,511 --> 00:53:41,301
enter your pro

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

807
00:53:45,514 --> 00:53:49,301
Firebase

808
00:53:49,516 --> 00:53:53,302
อะไรนะ login นะ

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

810
00:53:57,519 --> 00:54:01,301
L-o-g-i-n นะคะ

811
00:54:01,520 --> 00:54:05,301

812
00:54:05,521 --> 00:54:09,301

813
00:54:09,522 --> 00:54:13,301

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

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

816
00:54:21,525 --> 00:54:25,303
แล้วก็กด Continue

817
00:54:25,527 --> 00:54:29,302

818
00:54:29,528 --> 00:54:33,303

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

820
00:54:37,531 --> 00:54:41,302
นะคะ for your

821
00:54:41,532 --> 00:54:45,301
file bet project

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

823
00:54:49,537 --> 00:54:53,302

824
00:54:53,539 --> 00:54:57,302
แล้วเราก็ถาม

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

826
00:55:01,542 --> 00:55:05,301
T-h

827
00:55:05,543 --> 00:55:09,302

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

829
00:55:13,546 --> 00:55:17,301
I Accept

830
00:55:17,549 --> 00:55:21,301
เลือก

831
00:55:21,550 --> 00:55:25,308
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

832
00:55:25,553 --> 00:55:29,302
ได้เลย

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

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

835
00:55:37,557 --> 00:55:41,309
มันเป็นเหมือน Database

836
00:55:41,558 --> 00:55:45,308
แต่ออนไลน์ เราก็ต้องรอจนกว่า

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

838
00:55:49,566 --> 00:55:53,302

839
00:55:53,569 --> 00:55:57,302

840
00:55:57,570 --> 00:56:01,307

841
00:56:01,573 --> 00:56:05,302

842
00:56:05,575 --> 00:56:09,302

843
00:56:09,576 --> 00:56:13,314

844
00:56:13,577 --> 00:56:17,319

845
00:56:17,578 --> 00:56:21,302

846
00:56:21,580 --> 00:56:25,302

847
00:56:25,582 --> 00:56:29,307

848
00:56:29,585 --> 00:56:33,304

849
00:56:33,588 --> 00:56:37,302

850
00:56:37,590 --> 00:56:41,308

851
00:56:41,591 --> 00:56:45,303

852
00:56:45,592 --> 00:56:49,312

853
00:56:49,593 --> 00:56:53,302

854
00:56:53,594 --> 00:56:57,302

855
00:56:57,595 --> 00:57:01,303

856
00:57:01,596 --> 00:57:05,303

857
00:57:05,597 --> 00:57:09,304

858
00:57:09,598 --> 00:57:13,307

859
00:57:13,599 --> 00:57:17,304

860
00:57:17,600 --> 00:57:21,311

861
00:57:21,602 --> 00:57:25,304

862
00:57:25,604 --> 00:57:29,304

863
00:57:29,605 --> 00:57:33,302

864
00:57:33,606 --> 00:57:37,302

865
00:57:37,609 --> 00:57:41,303

866
00:57:41,610 --> 00:57:45,303

867
00:57:45,613 --> 00:57:49,303

868
00:57:49,614 --> 00:57:53,303

869
00:57:53,616 --> 00:57:57,303

870
00:57:57,618 --> 00:58:01,303

871
00:58:01,621 --> 00:58:05,305

872
00:58:05,622 --> 00:58:09,303
บางคนอยู่หน้า

873
00:58:09,625 --> 00:58:13,304
your new project ready แล้ว

874
00:58:13,626 --> 00:58:17,304

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

876
00:58:21,631 --> 00:58:25,303

877
00:58:25,632 --> 00:58:29,303

878
00:58:29,633 --> 00:58:33,303

879
00:58:33,635 --> 00:58:37,304

880
00:58:37,636 --> 00:58:41,304

881
00:58:41,637 --> 00:58:45,304

882
00:58:45,638 --> 00:58:49,306

883
00:58:49,639 --> 00:58:53,306

884
00:58:53,642 --> 00:58:57,303

885
00:58:57,643 --> 00:59:01,306

886
00:59:01,649 --> 00:59:05,304

887
00:59:05,653 --> 00:59:09,303

888
00:59:09,659 --> 00:59:13,304

889
00:59:13,662 --> 00:59:17,304

890
00:59:17,663 --> 00:59:21,303
ต่อไปนะคะ

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

892
00:59:25,668 --> 00:59:29,305
ซ้ายมือนะ

893
00:59:29,671 --> 00:59:33,303
คลิกที่ Build

894
00:59:33,672 --> 00:59:37,303
เห็นไหมคะ

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

896
00:59:41,675 --> 00:59:45,310
มีมอนิเตอร์มีอนารีเกต

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

898
00:59:49,677 --> 00:59:53,303
ไอ้รูป...

899
00:59:53,687 --> 00:59:57,304

900
00:59:57,688 --> 01:00:01,304

901
01:00:01,694 --> 01:00:05,304

902
01:00:05,695 --> 01:00:09,304
รูป

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

904
01:00:13,699 --> 01:00:17,303
แล้วคลิกที่ All tintication

905
01:00:17,702 --> 01:00:21,304
คลิก 1 ครั้ง

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

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

908
01:00:29,708 --> 01:00:33,304
เราก็คลิก get start

909
01:00:33,709 --> 01:00:37,303

910
01:00:37,710 --> 01:00:41,305

911
01:00:41,713 --> 01:00:45,303

912
01:00:45,714 --> 01:00:49,304
ทีนี้

913
01:00:49,715 --> 01:00:53,316
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53,716 --> 01:00:57,305
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

915
01:00:57,717 --> 01:01:01,304
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

916
01:01:01,718 --> 01:01:05,304
เราใช้ Username ก็คื

917
01:01:05,719 --> 01:01:09,305
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09,720 --> 01:01:13,305
Enable

919
01:01:13,721 --> 01:01:17,305
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17,722 --> 01:01:21,305
ใช้...

921
01:01:21,723 --> 01:01:25,306

922
01:01:25,725 --> 01:01:29,306
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29,725 --> 01:01:33,305
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33,726 --> 01:01:37,305
แล้วใช้เบอร์โทรศัพท์

925
01:01:37,727 --> 01:01:41,310
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41,728 --> 01:01:45,306
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45,730 --> 01:01:49,306
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49,731 --> 01:01:53,306
login ด้วยตัวไหน

929
01:01:53,732 --> 01:01:57,316
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

930
01:01:57,733 --> 01:02:01,307
เห็นไหมคะ เรามี Password ด้วยใช่ไหม

931
01:02:01,735 --> 01:02:05,312
เราก็เลือกตัวนี้ และเราก็คลิก

932
01:02:05,736 --> 01:02:09,309
nable

933
01:02:09,737 --> 01:02:13,307
เพราะเรามี 2 ตัวนะ

934
01:02:13,741 --> 01:02:17,307
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17,742 --> 01:02:21,308

936
01:02:21,743 --> 01:02:25,311
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25,744 --> 01:02:29,307
Allten ที่

938
01:02:29,747 --> 01:02:33,308
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33,754 --> 01:02:37,308
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37,755 --> 01:02:41,308
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41,756 --> 01:02:45,308
Anominus

942
01:02:45,757 --> 01:02:49,309
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49,759 --> 01:02:53,309
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53,760 --> 01:02:57,309

945
01:02:57,768 --> 01:03:01,309

946
01:03:01,770 --> 01:03:05,309

947
01:03:05,771 --> 01:03:09,309

948
01:03:09,772 --> 01:03:13,309

949
01:03:13,775 --> 01:03:17,309

950
01:03:17,776 --> 01:03:21,309

951
01:03:21,779 --> 01:03:25,310

952
01:03:25,780 --> 01:03:29,316

953
01:03:29,783 --> 01:03:33,312

954
01:03:33,784 --> 01:03:37,310

955
01:03:37,785 --> 01:03:41,310

956
01:03:41,787 --> 01:03:45,310

957
01:03:45,790 --> 01:03:49,310

958
01:03:49,792 --> 01:03:53,311

959
01:03:53,793 --> 01:03:57,311

960
01:03:57,794 --> 01:04:01,311

961
01:04:01,796 --> 01:04:05,311

962
01:04:05,797 --> 01:04:09,311

963
01:04:09,800 --> 01:04:13,311

964
01:04:13,801 --> 01:04:17,311

965
01:04:17,804 --> 01:04:21,312

966
01:04:21,806 --> 01:04:25,313

967
01:04:25,808 --> 01:04:29,312

968
01:04:29,810 --> 01:04:33,312

969
01:04:33,813 --> 01:04:37,313

970
01:04:37,814 --> 01:04:41,312

971
01:04:41,815 --> 01:04:45,312

972
01:04:45,819 --> 01:04:49,312

973
01:04:49,822 --> 01:04:53,313

974
01:04:53,824 --> 01:04:57,312
อันนี้ พอเราย้อนกลับมานะคะ

975
01:04:57,825 --> 01:05:01,312
มาดู

976
01:05:01,826 --> 01:05:05,313
ตรงบิ้ว

977
01:05:05,827 --> 01:05:09,313

978
01:05:09,828 --> 01:05:13,313

979
01:05:13,830 --> 01:05:17,313
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

980
01:05:17,831 --> 01:05:21,313
มันจะขึ้นว่าสถานะตรงนี้

981
01:05:21,832 --> 01:05:25,317
Project overview

982
01:05:25,833 --> 01:05:29,313
แล้วเลือก Project Setting

983
01:05:29,834 --> 01:05:33,313
No No No

984
01:05:33,835 --> 01:05:37,314
มันจะเข้ามาที่หน้าที่ Project seting

985
01:05:37,836 --> 01:05:41,314
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

986
01:05:41,837 --> 01:05:45,314
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

987
01:05:45,840 --> 01:05:49,314
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

988
01:05:49,841 --> 01:05:53,315
มันเพราะตอนนี้มันบอกว่าเรา

989
01:05:53,843 --> 01:05:57,314
เรา ยังไม่มีแอปในโปรเจกนี้

990
01:05:57,845 --> 01:06:01,315
เราก็ต้องไปที่แอปของเรา

991
01:06:01,846 --> 01:06:05,315
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

992
01:06:05,849 --> 01:06:09,314
เห็นไหมคะ

993
01:06:09,851 --> 01:06:13,315
มันมี ids แล้วก็มีรู้ Printer

994
01:06:13,852 --> 01:06:17,315
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

995
01:06:17,853 --> 01:06:21,315
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

996
01:06:21,854 --> 01:06:25,315

997
01:06:25,856 --> 01:06:29,315

998
01:06:29,858 --> 01:06:33,316

999
01:06:33,860 --> 01:06:37,316
ตรงตำแหน่งนี้ My Web app นี่

1000
01:06:37,861 --> 01:06:41,316
คืออะไร เราต้องไปหน้าที่เราทำ

1001
01:06:41,865 --> 01:06:45,316

1002
01:06:45,867 --> 01:06:49,316

1003
01:06:49,869 --> 01:06:53,316
ของเราก็คือ E-Book ไหมคะ

1004
01:06:53,870 --> 01:06:57,316
มันจะใช้ว่าอะไรอันไหนไม่ใช้

1005
01:06:57,872 --> 01:07:01,322
จะปิดแล้วนะ

1006
01:07:01,873 --> 01:07:05,323

1007
01:07:05,877 --> 01:07:09,319

1008
01:07:09,879 --> 01:07:13,316
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

1009
01:07:13,880 --> 01:07:17,317
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค

1010
01:07:17,883 --> 01:07:21,316
เข้าใจนะ พิมพ์ลงไปนะคะ

1011
01:07:21,887 --> 01:07:25,317
E

1012
01:07:25,891 --> 01:07:29,317

1013
01:07:29,894 --> 01:07:33,317

1014
01:07:33,895 --> 01:07:37,317
เดี๋ยว

1015
01:07:37,896 --> 01:07:41,317
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

1016
01:07:41,897 --> 01:07:45,317
Ebook นะคะ

1017
01:07:45,899 --> 01:07:49,317
นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

1018
01:07:49,900 --> 01:07:53,318
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

1019
01:07:53,901 --> 01:07:57,317
แล้วก็พิมพ์ลงไป

1020
01:07:57,902 --> 01:08:01,317

1021
01:08:01,903 --> 01:08:05,318

1022
01:08:05,904 --> 01:08:09,317

1023
01:08:09,906 --> 01:08:13,318

1024
01:08:13,907 --> 01:08:17,318

1025
01:08:17,908 --> 01:08:21,318

1026
01:08:21,912 --> 01:08:25,318

1027
01:08:25,914 --> 01:08:29,318

1028
01:08:29,916 --> 01:08:33,318

1029
01:08:33,918 --> 01:08:37,318

1030
01:08:37,919 --> 01:08:41,319

1031
01:08:41,922 --> 01:08:45,319

1032
01:08:45,924 --> 01:08:49,319

1033
01:08:49,927 --> 01:08:53,319

1034
01:08:53,929 --> 01:08:57,319

1035
01:08:57,930 --> 01:09:01,319

1036
01:09:01,933 --> 01:09:05,319

1037
01:09:05,935 --> 01:09:09,319

1038
01:09:09,937 --> 01:09:13,319

1039
01:09:13,941 --> 01:09:17,319

1040
01:09:17,944 --> 01:09:21,319

1041
01:09:21,946 --> 01:09:25,319

1042
01:09:25,947 --> 01:09:29,321

1043
01:09:29,950 --> 01:09:33,320

1044
01:09:33,955 --> 01:09:37,320

1045
01:09:37,957 --> 01:09:41,320

1046
01:09:41,959 --> 01:09:45,322
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

1047
01:09:45,960 --> 01:09:49,320
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

1048
01:09:49,961 --> 01:09:53,320
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ตามแม่นะ

1049
01:09:53,963 --> 01:09:57,320
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

1050
01:09:57,964 --> 01:10:01,320
เสร็จแล้วกด Register App

1051
01:10:01,966 --> 01:10:05,320
ได้เลย

1052
01:10:05,967 --> 01:10:09,320

1053
01:10:09,969 --> 01:10:13,320
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

1054
01:10:13,988 --> 01:10:17,320
นี่ ๆ อยู่ข้างบนนี่

1055
01:10:17,992 --> 01:10:21,321

1056
01:10:21,993 --> 01:10:25,321
มันจะมี code มาเห้นไหมคะ

1057
01:10:25,997 --> 01:10:29,321
เขาบอกว่าเราต้องเอาโค้ดนี้

1058
01:10:29,998 --> 01:10:33,321
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปไปวางในแอปเร

1059
01:10:34,002 --> 01:10:37,321
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

1060
01:10:38,003 --> 01:10:41,321

1061
01:10:42,005 --> 01:10:45,321

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

1063
01:10:50,008 --> 01:10:53,322
ไม่แน่ใจจะเห็นไหมนี่

1064
01:10:54,010 --> 01:10:57,328

1065
01:10:58,012 --> 01:11:01,322
มันใช้ว่าอะไรหว่าอันนี้

1066
01:11:02,014 --> 01:11:05,322

1067
01:11:06,017 --> 01:11:09,322
Component

1068
01:11:10,019 --> 01:11:13,322

1069
01:11:14,022 --> 01:11:17,322

1070
01:11:18,024 --> 01:11:21,321

1071
01:11:22,026 --> 01:11:25,321

1072
01:11:26,029 --> 01:11:29,321
ไม่เจอ

1073
01:11:30,034 --> 01:11:33,321
มันจะไปต่อไม่ได้

1074
01:11:34,035 --> 01:11:37,321
มันต้องใช้อะไรนี่

1075
01:11:38,036 --> 01:11:41,321
Data viewer

1076
01:11:42,037 --> 01:11:45,320
data wever

1077
01:11:46,041 --> 01:11:49,323

1078
01:11:50,043 --> 01:11:53,320

1079
01:11:54,045 --> 01:11:57,321

1080
01:11:58,050 --> 01:12:01,321
data assen seting

1081
01:12:02,051 --> 01:12:05,320
setting

1082
01:12:06,052 --> 01:12:09,320
หาก่อนนะ

1083
01:12:10,053 --> 01:12:13,320

1084
01:12:14,057 --> 01:12:17,324
compronan

1085
01:12:18,058 --> 01:12:21,320

1086
01:12:22,062 --> 01:12:25,320

1087
01:12:26,064 --> 01:12:29,320

1088
01:12:30,066 --> 01:12:33,319
all ten singinm

1089
01:12:34,067 --> 01:12:37,325
ต้องการหา Signin

1090
01:12:38,068 --> 01:12:41,319
ไม่ใช่

1091
01:12:42,069 --> 01:12:45,319

1092
01:12:46,070 --> 01:12:49,319

1093
01:12:50,073 --> 01:12:53,319

1094
01:12:54,074 --> 01:12:57,319

1095
01:12:58,076 --> 01:13:01,320

1096
01:13:02,078 --> 01:13:05,319

1097
01:13:06,079 --> 01:13:09,319
My data sourse หรือ

1098
01:13:10,083 --> 01:13:13,318
ก็ไม่ใช่

1099
01:13:14,094 --> 01:13:17,318
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

1100
01:13:18,095 --> 01:13:21,318

1101
01:13:22,099 --> 01:13:25,318

1102
01:13:26,101 --> 01:13:29,318

1103
01:13:30,103 --> 01:13:33,318

1104
01:13:34,104 --> 01:13:37,318

1105
01:13:38,118 --> 01:13:41,318

1106
01:13:42,120 --> 01:13:45,322

1107
01:13:46,121 --> 01:13:49,318

1108
01:13:50,123 --> 01:13:53,318
ขอ Sea

1109
01:13:54,126 --> 01:13:57,317
ก่อนนะคะ Thunkable x คืออะไร

1110
01:13:58,127 --> 01:14:01,320
พิมพ์ผิดพิมพ์ถูกกันแล้ว

1111
01:14:02,129 --> 01:14:05,318

1112
01:14:06,131 --> 01:14:09,317

1113
01:14:10,133 --> 01:14:13,317

1114
01:14:14,135 --> 01:14:17,318

1115
01:14:18,137 --> 01:14:21,317

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

1117
01:14:26,142 --> 01:14:29,317

1118
01:14:30,144 --> 01:14:33,317

1119
01:14:34,145 --> 01:14:37,317

1120
01:14:38,148 --> 01:14:41,317
update ยังไง

1121
01:14:42,149 --> 01:14:45,317
อาจจะต้อง Update Thunkable เราหน่อย

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

1123
01:14:50,151 --> 01:14:53,317

1124
01:14:54,153 --> 01:14:57,317
ใช้

1125
01:14:58,154 --> 01:15:01,320
ฟังก์ชันนั้นไม่ได้น่ะ

1126
01:15:02,155 --> 01:15:05,316

1127
01:15:06,157 --> 01:15:09,317

1128
01:15:10,158 --> 01:15:13,321
มันไม่เหมือนกันหรอเดี๋ยว

1129
01:15:14,159 --> 01:15:17,316
แป๊บหนึ่งนะเด็ก ๆ

1130
01:15:18,160 --> 01:15:21,316
มันต่างกันหรือ

1131
01:15:22,165 --> 01:15:25,317
อยากรู้ ๆ

1132
01:15:26,166 --> 01:15:29,316
มันก็ขึ้น Thunkable เหมือนกันนี่

1133
01:15:30,211 --> 01:15:33,317

1134
01:15:34,217 --> 01:15:37,316
เพราะมัน

1135
01:15:38,221 --> 01:15:41,317
Components มันมีไม่ครบ

1136
01:15:42,222 --> 01:15:45,316

1137
01:15:46,225 --> 01:15:49,316
Solution

1138
01:15:50,226 --> 01:15:53,316
Solution เดี๋ยวนะ

1139
01:15:54,230 --> 01:15:57,316
Integration

1140
01:15:58,231 --> 01:16:01,316

1141
01:16:02,233 --> 01:16:05,316
เราจะต้อง

1142
01:16:06,235 --> 01:16:09,315

1143
01:16:10,238 --> 01:16:13,315
Using Thunkable

1144
01:16:14,239 --> 01:16:17,315

1145
01:16:18,244 --> 01:16:21,316
ก็ไม่ใช่ มันเป็น Test

1146
01:16:22,244 --> 01:16:25,315

1147
01:16:26,246 --> 01:16:29,318

1148
01:16:30,248 --> 01:16:33,315

1149
01:16:34,249 --> 01:16:37,315

1150
01:16:38,251 --> 01:16:41,315

1151
01:16:42,254 --> 01:16:45,315

1152
01:16:46,256 --> 01:16:49,315

1153
01:16:50,258 --> 01:16:53,315

1154
01:16:54,260 --> 01:16:57,315

1155
01:16:58,261 --> 01:17:01,315

1156
01:17:02,264 --> 01:17:05,315

1157
01:17:06,266 --> 01:17:09,315

1158
01:17:10,268 --> 01:17:13,315

1159
01:17:14,270 --> 01:17:17,315

1160
01:17:18,272 --> 01:17:21,314

1161
01:17:22,275 --> 01:17:25,315

1162
01:17:26,276 --> 01:17:29,316

1163
01:17:30,279 --> 01:17:33,315

1164
01:17:34,281 --> 01:17:37,315

1165
01:17:38,282 --> 01:17:41,315

1166
01:17:42,284 --> 01:17:45,314

1167
01:17:46,286 --> 01:17:49,314

1168
01:17:50,288 --> 01:17:53,314

1169
01:17:54,290 --> 01:17:57,314
เพราะเขาบอกว่า

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

1171
01:18:02,292 --> 01:18:05,315
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

1172
01:18:06,293 --> 01:18:09,315
ไม่มีใน App เรา

1173
01:18:10,297 --> 01:18:13,316
ใน Thunkable Tool ที่ Signin

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

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

1176
01:18:22,303 --> 01:18:26,303

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

1178
01:18:30,312 --> 01:18:34,312
ดูนะคะ

1179
01:18:34,318 --> 01:18:38,314
คือตอนนี้ เรากรอก

1180
01:18:38,322 --> 01:18:42,315
ข้อมุลได้แต่จะไม่เก็บ

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

1182
01:18:46,329 --> 01:18:50,314

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

1184
01:18:54,334 --> 01:18:58,314

1185
01:18:58,335 --> 01:19:02,319
แบบ Tool Editing

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

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

1188
01:19:10,349 --> 01:19:14,316
input 1 usernam

1189
01:19:14,352 --> 01:19:18,314
ไปที่ Text input1

1190
01:19:18,357 --> 01:19:22,314
เมื่อ Text input username

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

1192
01:19:26,363 --> 01:19:30,315
นะ set text

1193
01:19:30,364 --> 01:19:34,323
input text to

1194
01:19:34,367 --> 01:19:38,314
Username Text

1195
01:19:38,401 --> 01:19:42,314
Keyboard Type

1196
01:19:42,403 --> 01:19:46,327

1197
01:19:46,411 --> 01:19:50,313

1198
01:19:50,415 --> 01:19:54,314

1199
01:19:54,418 --> 01:19:58,315
ฺBorder

1200
01:19:58,419 --> 01:20:02,313
มันจะต้องเป็นพิมพืเพระาฉะนั้น

1201
01:20:02,420 --> 01:20:06,314
Cheang

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

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

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

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

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

1207
01:20:26,432 --> 01:20:30,313
ทำ...

1208
01:20:30,433 --> 01:20:34,314

1209
01:20:34,436 --> 01:20:38,316

1210
01:20:38,439 --> 01:20:42,313

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

1212
01:20:46,441 --> 01:20:50,313
จาก taxt เป็นข้อความ

1213
01:20:50,442 --> 01:20:54,313

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

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

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

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

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

1219
01:21:14,451 --> 01:21:18,312
โอเคนะคะ

1220
01:21:18,452 --> 01:21:22,313
เพราะตรงนี้ Userna

1221
01:21:22,457 --> 01:21:26,313
เหมือนกัน Text Input อันที่ 2

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

1223
01:21:30,462 --> 01:21:34,313
ตอนนี้เด็ก ๆ ได้

1224
01:21:34,463 --> 01:21:38,315
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38,464 --> 01:21:42,313
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

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

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

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

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

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

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

1232
01:22:06,483 --> 01:22:10,313
แต่ตอนแรกที่ test

1233
01:22:10,484 --> 01:22:14,317
พอพิมพ์ปุ๊บ

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

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

1236
01:22:22,489 --> 01:22:26,312
นี่

1237
01:22:26,491 --> 01:22:30,313
โอเคนะคะ

1238
01:22:30,492 --> 01:22:34,313
โอเค

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

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

1241
01:22:42,495 --> 01:22:46,313
นะคะ

1242
01:22:46,499 --> 01:22:50,313

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

1244
01:22:54,502 --> 01:22:58,313
ลบทิ้ง อีกอันดูอ

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

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

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

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

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

1250
01:23:18,523 --> 01:23:22,312
เราเลือกตัวนี้ออกมา

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

1252
01:23:26,528 --> 01:23:30,314
Username ก็คือ

1253
01:23:30,532 --> 01:23:34,313
ให้ set ค่าของ Text Input น่ะ

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

1255
01:23:38,561 --> 01:23:42,314

1256
01:23:42,563 --> 01:23:46,312
นะ คะดูนะคะ

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

1258
01:23:50,566 --> 01:23:54,312

1259
01:23:54,568 --> 01:23:58,312

1260
01:23:58,569 --> 01:24:02,312
text Input

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

1262
01:24:06,575 --> 01:24:10,312

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

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

1265
01:24:18,583 --> 01:24:22,313
password ก็เหมือนกัน

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

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

1268
01:24:30,587 --> 01:24:34,313
password wen...

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

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

1271
01:24:42,597 --> 01:24:46,312
เซต Text นี้เป็น

1272
01:24:46,598 --> 01:24:50,313
ซ่อนซ่อนแล้วก็

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

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

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

1276
01:25:02,603 --> 01:25:06,313

1277
01:25:06,606 --> 01:25:10,313

1278
01:25:10,609 --> 01:25:14,312

1279
01:25:14,614 --> 01:25:18,312

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

1281
01:25:22,616 --> 01:25:26,313
set text

1282
01:25:26,617 --> 01:25:30,312
Password นะคะ กำหนดให้

1283
01:25:30,618 --> 01:25:34,312
Text Input Password นี่

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

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

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

1287
01:25:46,626 --> 01:25:50,312
เห็นไหม

1288
01:25:50,627 --> 01:25:54,315
set defil

1289
01:25:54,631 --> 01:25:58,312
เราไม่ได้ set defule

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

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

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

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

1294
01:26:14,636 --> 01:26:18,313

1295
01:26:18,637 --> 01:26:22,312

1296
01:26:22,641 --> 01:26:26,316

1297
01:26:26,643 --> 01:26:30,315

1298
01:26:30,644 --> 01:26:34,313

1299
01:26:34,645 --> 01:26:38,312

1300
01:26:38,646 --> 01:26:42,314

1301
01:26:42,647 --> 01:26:46,312

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

1303
01:26:50,650 --> 01:26:54,312
ในนี้นะ

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

1305
01:26:58,653 --> 01:27:02,313
ก็

1306
01:27:02,655 --> 01:27:06,312
เป็นเซ็ต

1307
01:27:06,656 --> 01:27:10,312

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

1309
01:27:14,662 --> 01:27:18,316
ต้องซ้อนนะ

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

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

1312
01:27:26,665 --> 01:27:30,312
เพราะตอนพิมพื password ต้องไม่แสดง

1313
01:27:30,668 --> 01:27:34,312
User น่ะไม่แสดง

1314
01:27:34,669 --> 01:27:38,312

1315
01:27:38,672 --> 01:27:42,312

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

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

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

1319
01:27:54,682 --> 01:27:58,313

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

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

1322
01:28:06,687 --> 01:28:10,312
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10,688 --> 01:28:14,312
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14,691 --> 01:28:18,312
หน้าจะเป็น Too

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

1326
01:28:22,695 --> 01:28:26,313
เลือกเป็น...

1327
01:28:26,696 --> 01:28:30,314

1328
01:28:30,697 --> 01:28:34,312
เมื่อคลิก password

1329
01:28:34,699 --> 01:28:38,315
เมื่อคลิก Password

1330
01:28:38,700 --> 01:28:42,312
แล้ว

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

1332
01:28:46,704 --> 01:28:50,312

1333
01:28:50,706 --> 01:28:54,312

1334
01:28:54,707 --> 01:28:58,312

1335
01:28:58,708 --> 01:29:02,312

1336
01:29:02,710 --> 01:29:06,312

1337
01:29:06,712 --> 01:29:10,314
เมื่อพิมพ์ Password ลง

1338
01:29:10,714 --> 01:29:14,316
เป็นซ่อน

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

1340
01:29:18,726 --> 01:29:22,313

1341
01:29:22,728 --> 01:29:26,313

1342
01:29:26,730 --> 01:29:30,312
จัด Text

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

1344
01:29:34,732 --> 01:29:38,312
ลองดูสิ แก้เงื่อนไขมันก่อน

1345
01:29:38,737 --> 01:29:42,315
จาก Text

1346
01:29:42,738 --> 01:29:46,312
ให้มันซ่อน ได้ไหม

1347
01:29:46,749 --> 01:29:50,312
ขอลองอันล่างเลย

1348
01:29:50,752 --> 01:29:54,312
ไม่ซ่อนน่ะ

1349
01:29:54,754 --> 01:29:58,317
นี่ เราใส่สลับ

1350
01:29:58,755 --> 01:30:02,317
เอาใหม่ Edit ใหม่

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

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

1353
01:30:10,765 --> 01:30:14,312

1354
01:30:14,767 --> 01:30:18,313

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

1356
01:30:22,769 --> 01:30:26,312

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

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

1359
01:30:34,773 --> 01:30:38,314

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

1361
01:30:42,776 --> 01:30:46,312
เมื่อกำหนดค่า

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

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

1364
01:30:54,784 --> 01:30:58,312
keybrod

1365
01:30:58,786 --> 01:31:02,312
ให้มัน

1366
01:31:02,787 --> 01:31:06,313
ให้มัน...

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

1368
01:31:10,792 --> 01:31:14,314
มันจะซ่อนให้เราไหม

1369
01:31:14,793 --> 01:31:18,316
ยังติดอยู่นะคะ

1370
01:31:18,795 --> 01:31:22,321
ยังติดอยู่ในบ่วง Password ไม่ซ่อน

1371
01:31:22,796 --> 01:31:26,312

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

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

1374
01:31:34,803 --> 01:31:38,318
น่าจะใช่

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

1376
01:31:42,807 --> 01:31:46,312
text username

1377
01:31:46,808 --> 01:31:50,312
Text Password

1378
01:31:50,809 --> 01:31:54,314
ไหน Block ที่ 1

1379
01:31:54,819 --> 01:31:58,313
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58,820 --> 01:32:02,312
whyriabl

1381
01:32:02,824 --> 01:32:06,312

1382
01:32:06,826 --> 01:32:10,313

1383
01:32:10,828 --> 01:32:14,316

1384
01:32:14,829 --> 01:32:18,314

1385
01:32:18,830 --> 01:32:22,312

1386
01:32:22,832 --> 01:32:26,313

1387
01:32:26,834 --> 01:32:30,312

1388
01:32:30,836 --> 01:32:34,316

1389
01:32:34,838 --> 01:32:38,313

1390
01:32:38,840 --> 01:32:42,312
ไปที่ Text ไปที่ Text

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

1392
01:32:46,841 --> 01:32:50,312
ทำให้ text

1393
01:32:50,845 --> 01:32:54,312

1394
01:32:54,849 --> 01:32:58,312

1395
01:32:58,850 --> 01:33:02,313

1396
01:33:02,854 --> 01:33:06,313

1397
01:33:06,855 --> 01:33:10,312
ไปที่ Color

1398
01:33:10,859 --> 01:33:14,313
เป็นจริง

1399
01:33:14,860 --> 01:33:18,312
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18,860 --> 01:33:22,312
เป็นจริงปุ๊บ

1401
01:33:22,861 --> 01:33:26,314
ถึงที่ต้องทำต่อ

1402
01:33:26,862 --> 01:33:30,313
ขาดไปไหนนะ

1403
01:33:30,864 --> 01:33:34,312
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34,865 --> 01:33:38,312
แต่มันมาอยู่ใน...

1405
01:33:38,866 --> 01:33:42,312

1406
01:33:42,869 --> 01:33:46,313
เราจะเอามันไปใส่ใน

1407
01:33:46,871 --> 01:33:50,312
ไหนได้

1408
01:33:50,873 --> 01:33:54,312
sinin

1409
01:33:54,876 --> 01:33:58,312
เขาบอกว่า

1410
01:33:58,877 --> 01:34:02,318
ให้มันอยู่ตรง...

1411
01:34:02,878 --> 01:34:06,314

1412
01:34:06,881 --> 01:34:10,313

1413
01:34:10,882 --> 01:34:14,312
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14,883 --> 01:34:18,312
App Feature

1415
01:34:18,884 --> 01:34:22,312

1416
01:34:22,886 --> 01:34:26,313

1417
01:34:26,888 --> 01:34:30,312
Sign in

1418
01:34:30,890 --> 01:34:34,313
Sign in

1419
01:34:34,891 --> 01:34:38,351
Sing in Email

1420
01:34:38,893 --> 01:34:42,313

1421
01:34:42,896 --> 01:34:46,313
Sign in hello

1422
01:34:46,897 --> 01:34:50,315
Reset Password

1423
01:34:50,898 --> 01:34:54,313
Delete User Sign Up

1424
01:34:54,900 --> 01:34:58,313
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58,901 --> 01:35:02,312
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02,902 --> 01:35:06,312
Sign Up Do

1427
01:35:06,903 --> 01:35:10,313
Sign In do

1428
01:35:10,904 --> 01:35:14,312

1429
01:35:14,909 --> 01:35:18,312

1430
01:35:18,910 --> 01:35:22,312
ไม่ให้ใช้น่ะ

1431
01:35:22,914 --> 01:35:26,314
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26,922 --> 01:35:30,311
ใช้ไม่เหมือนกัน

1433
01:35:30,926 --> 01:35:34,311

1434
01:35:34,927 --> 01:35:38,317
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38,929 --> 01:35:42,311
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42,930 --> 01:35:46,311

1437
01:35:46,932 --> 01:35:50,311

1438
01:35:50,934 --> 01:35:54,311

1439
01:35:54,936 --> 01:35:58,311

1440
01:35:58,938 --> 01:36:02,311

1441
01:36:02,941 --> 01:36:06,311

1442
01:36:06,942 --> 01:36:10,311

1443
01:36:10,945 --> 01:36:14,311

1444
01:36:14,949 --> 01:36:18,310

1445
01:36:18,950 --> 01:36:22,310

1446
01:36:22,952 --> 01:36:26,310

1447
01:36:26,953 --> 01:36:30,310

1448
01:36:30,954 --> 01:36:34,313

1449
01:36:34,956 --> 01:36:38,314

1450
01:36:38,958 --> 01:36:42,310

1451
01:36:42,962 --> 01:36:46,310

1452
01:36:46,964 --> 01:36:50,316
ไม่เหมือนกันนะ

1453
01:36:50,966 --> 01:36:54,319
ใช้ไม่เหมือน

1454
01:36:54,968 --> 01:36:58,309

1455
01:36:58,969 --> 01:37:02,309

1456
01:37:02,970 --> 01:37:06,309

1457
01:37:06,972 --> 01:37:10,310

1458
01:37:10,973 --> 01:37:14,309

1459
01:37:14,977 --> 01:37:18,309
เดี๋ยวนะคะ Sign Up

1460
01:37:18,978 --> 01:37:22,309
อันนี้หรอ

1461
01:37:22,979 --> 01:37:26,309

1462
01:37:26,980 --> 01:37:30,309

1463
01:37:30,987 --> 01:37:34,308

1464
01:37:34,992 --> 01:37:38,309
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:38,996 --> 01:37:42,310
ให้ลงทะเบียน

1466
01:37:42,997 --> 01:37:46,308
โดยใช้ Email หรือ Passeord

1467
01:37:46,998 --> 01:37:50,309
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:51,001 --> 01:37:54,308

1469
01:37:55,006 --> 01:37:58,308

1470
01:37:59,008 --> 01:38:02,309

1471
01:38:03,009 --> 01:38:06,308
บอกว่าให้ก๊อป(ปี้)

1472
01:38:07,012 --> 01:38:10,308
ทำไม

1473
01:38:11,432 --> 01:38:15,312
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:15,443 --> 01:38:19,308
Thunkable X

1475
01:38:19,444 --> 01:38:23,308

1476
01:38:23,446 --> 01:38:27,308

1477
01:38:27,447 --> 01:38:31,308

1478
01:38:31,449 --> 01:38:35,308

1479
01:38:35,450 --> 01:38:39,309

1480
01:38:39,451 --> 01:38:43,308

1481
01:38:43,453 --> 01:38:47,310
เอามาจากไหนนะ Thunkable X

1482
01:38:47,454 --> 01:38:51,308

1483
01:38:51,455 --> 01:38:55,307

1484
01:38:55,458 --> 01:38:59,309

1485
01:38:59,459 --> 01:39:03,307

1486
01:39:03,461 --> 01:39:07,307
มันจะเพิ่ม Signin ได้

1487
01:39:07,462 --> 01:39:11,313
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:11,463 --> 01:39:15,307

1489
01:39:15,466 --> 01:39:19,307

1490
01:39:19,466 --> 01:39:23,313

1491
01:39:23,469 --> 01:39:27,311

1492
01:39:27,470 --> 01:39:31,307

1493
01:39:31,472 --> 01:39:35,307

1494
01:39:35,473 --> 01:39:39,307

1495
01:39:39,474 --> 01:39:43,307

1496
01:39:43,476 --> 01:39:47,306

1497
01:39:47,477 --> 01:39:51,306

1498
01:39:51,478 --> 01:39:55,308

1499
01:39:55,479 --> 01:39:59,306

1500
01:39:59,480 --> 01:40:03,306
อ๋อถ้า

1501
01:40:03,481 --> 01:40:07,306
Thunkable X ก็คือใช้ IOS

1502
01:40:07,482 --> 01:40:11,306
เข้าใจแล้ว

1503
01:40:11,483 --> 01:40:15,306

1504
01:40:15,485 --> 01:40:19,306

1505
01:40:19,486 --> 01:40:23,306

1506
01:40:23,487 --> 01:40:27,313

1507
01:40:27,488 --> 01:40:31,306
ทดสอบแอป

1508
01:40:31,489 --> 01:40:35,306
มันยังไม่ reresd

1509
01:40:35,490 --> 01:40:39,306
ใช้ไม่ได้ต้องเป็น

1510
01:40:39,492 --> 01:40:43,306
ข้อจำกัด

1511
01:40:43,496 --> 01:40:47,306
เยอะเหมือนกันนะนี่

1512
01:40:47,500 --> 01:40:51,306

1513
01:40:51,501 --> 01:40:55,306

1514
01:40:55,502 --> 01:40:59,306
โอเค เดี๋ยว

1515
01:40:59,504 --> 01:41:03,306
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:03,506 --> 01:41:07,307
ของเรามัน มันไม่เป็น

1517
01:41:07,510 --> 01:41:11,307
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:11,512 --> 01:41:15,306
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:15,514 --> 01:41:19,308
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:19,515 --> 01:41:23,317
ก็คือเราก้จะมา

1521
01:41:23,516 --> 01:41:27,305
ก็อป Firebase น่ะค่ะ

1522
01:41:27,516 --> 01:41:31,306
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:31,517 --> 01:41:35,306
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:35,521 --> 01:41:39,305
เดิมเรานี่ให้เป้น Thunk

1525
01:41:39,522 --> 01:41:43,306
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:43,523 --> 01:41:47,308
เราจะเอามาใช้งาน

1527
01:41:47,524 --> 01:41:51,305
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:51,525 --> 01:41:55,308
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:55,527 --> 01:41:59,307
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:59,529 --> 01:42:03,305
Thunkable เรามันเป็น Thunkable

1531
01:42:03,530 --> 01:42:07,307
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:07,532 --> 01:42:11,305
ตอนนี้มันเป็น Thunk

1533
01:42:11,533 --> 01:42:15,306
เนื่องจากสัปดาห์หน้า

1534
01:42:15,538 --> 01:42:19,306
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:19,540 --> 01:42:23,305
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:23,540 --> 01:42:27,306
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:27,541 --> 01:42:31,305
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:31,543 --> 01:42:35,305
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:35,545 --> 01:42:39,305
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:39,546 --> 01:42:43,305
แค่อัปเวอร์ชันมัน

1541
01:42:43,547 --> 01:42:47,304
จะนำมาไปใช้ตัวนี้

1542
01:42:47,548 --> 01:42:51,305
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:51,549 --> 01:42:55,305
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:55,550 --> 01:42:59,306
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:59,551 --> 01:43:03,304
สำหรับสัปดาห์นี้

1546
01:43:03,552 --> 01:43:07,304
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:07,553 --> 01:43:11,304
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:11,554 --> 01:43:15,304

1549
01:43:15,555 --> 01:43:19,304
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:19,556 --> 01:43:23,309
อ๋อ...

1551
01:43:23,557 --> 01:43:27,304
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:27,560 --> 01:43:31,304
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:31,561 --> 01:43:35,304

1554
01:43:35,563 --> 01:43:39,304

1555
01:43:39,564 --> 01:43:43,304
Thunkable X

1556
01:43:43,565 --> 01:43:47,304
ทำไมไม่อัปให้เรา

1557
01:43:47,566 --> 01:43:51,304

1558
01:43:51,567 --> 01:43:55,304

1559
01:43:55,571 --> 01:43:59,304

1560
01:43:59,572 --> 01:44:03,303

1561
01:44:03,573 --> 01:44:07,573

1562
01:44:07,574 --> 01:44:11,574

1563
01:44:11,576 --> 01:44:11,577

1564
01:44:15,577 --> 01:44:15,581