1
00:00:00,000 --> 00:00:04,000

2
00:00:04,008 --> 00:00:08,008

3
00:00:08,015 --> 00:00:12,015

4
00:00:12,019 --> 00:00:16,019

5
00:00:16,020 --> 00:00:20,020

6
00:00:20,025 --> 00:00:24,025

7
00:00:24,028 --> 00:00:28,028

8
00:00:28,031 --> 00:00:32,031

9
00:00:32,033 --> 00:00:36,033

10
00:00:36,035 --> 00:00:40,035

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

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

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

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

15
00:00:56,047 --> 00:01:00,047
วันนี้จะพาทำ

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

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

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

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

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

21
00:01:20,058 --> 00:01:24,058
Thunkable ของเรา

22
00:01:24,059 --> 00:01:28,059

23
00:01:28,060 --> 00:01:32,060
Thunkable

24
00:01:32,063 --> 00:01:36,063

25
00:01:36,065 --> 00:01:40,065

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

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

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

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

30
00:01:56,076 --> 00:02:00,076

31
00:02:00,078 --> 00:02:04,078

32
00:02:04,079 --> 00:02:08,079

33
00:02:08,084 --> 00:02:12,084

34
00:02:12,086 --> 00:02:16,086

35
00:02:16,087 --> 00:02:20,087

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

37
00:02:24,090 --> 00:02:28,090

38
00:02:28,091 --> 00:02:32,091
สงสัย

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

40
00:02:36,097 --> 00:02:40,097
งง ๆ

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

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

43
00:02:48,103 --> 00:02:52,103
ผมจะออกก่อน

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

45
00:02:56,106 --> 00:03:00,106

46
00:03:00,107 --> 00:03:04,107

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

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

49
00:03:12,114 --> 00:03:16,114

50
00:03:16,115 --> 00:03:20,115

51
00:03:20,119 --> 00:03:24,119
โอเค

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

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

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

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

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

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

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

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

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

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

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

63
00:04:08,154 --> 00:04:12,154

64
00:04:12,156 --> 00:04:16,156
Category

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

66
00:04:20,164 --> 00:04:24,164

67
00:04:24,165 --> 00:04:28,165

68
00:04:28,166 --> 00:04:32,166

69
00:04:32,168 --> 00:04:36,168

70
00:04:36,173 --> 00:04:40,173

71
00:04:40,176 --> 00:04:44,176

72
00:04:44,178 --> 00:04:48,178

73
00:04:48,179 --> 00:04:52,179

74
00:04:52,181 --> 00:04:56,181

75
00:04:56,183 --> 00:05:00,183

76
00:05:00,185 --> 00:05:04,185

77
00:05:04,187 --> 00:05:08,187

78
00:05:08,189 --> 00:05:12,189

79
00:05:12,191 --> 00:05:16,191

80
00:05:16,193 --> 00:05:20,193

81
00:05:20,196 --> 00:05:24,196

82
00:05:24,198 --> 00:05:28,198

83
00:05:28,203 --> 00:05:32,203

84
00:05:32,205 --> 00:05:36,205

85
00:05:36,206 --> 00:05:40,206

86
00:05:40,209 --> 00:05:44,209

87
00:05:44,213 --> 00:05:48,213

88
00:05:48,218 --> 00:05:52,218

89
00:05:52,220 --> 00:05:56,220

90
00:05:56,221 --> 00:06:00,221

91
00:06:00,224 --> 00:06:04,224

92
00:06:04,226 --> 00:06:08,226

93
00:06:08,230 --> 00:06:12,230

94
00:06:12,232 --> 00:06:16,232

95
00:06:16,237 --> 00:06:20,237

96
00:06:20,240 --> 00:06:24,240

97
00:06:24,243 --> 00:06:28,243

98
00:06:28,245 --> 00:06:32,245

99
00:06:32,250 --> 00:06:36,250

100
00:06:36,254 --> 00:06:40,254

101
00:06:40,255 --> 00:06:44,255

102
00:06:44,258 --> 00:06:48,258

103
00:06:48,261 --> 00:06:52,261

104
00:06:52,264 --> 00:06:56,264

105
00:06:56,265 --> 00:07:00,265

106
00:07:00,268 --> 00:07:04,268

107
00:07:04,271 --> 00:07:08,271

108
00:07:08,273 --> 00:07:12,273

109
00:07:12,276 --> 00:07:16,276

110
00:07:16,282 --> 00:07:20,282

111
00:07:20,284 --> 00:07:24,284

112
00:07:24,288 --> 00:07:28,288

113
00:07:28,290 --> 00:07:32,290

114
00:07:32,292 --> 00:07:36,292

115
00:07:36,293 --> 00:07:40,293

116
00:07:40,295 --> 00:07:44,295

117
00:07:44,297 --> 00:07:48,297

118
00:07:48,298 --> 00:07:52,298

119
00:07:52,301 --> 00:07:56,301

120
00:07:56,303 --> 00:08:00,303

121
00:08:00,305 --> 00:08:04,305

122
00:08:04,307 --> 00:08:08,307

123
00:08:08,310 --> 00:08:12,310

124
00:08:12,311 --> 00:08:16,311

125
00:08:16,314 --> 00:08:20,314

126
00:08:20,315 --> 00:08:24,315

127
00:08:24,318 --> 00:08:28,318

128
00:08:28,321 --> 00:08:32,321

129
00:08:32,324 --> 00:08:36,324

130
00:08:36,326 --> 00:08:40,326

131
00:08:40,329 --> 00:08:44,329

132
00:08:44,331 --> 00:08:48,331

133
00:08:48,333 --> 00:08:52,333

134
00:08:52,338 --> 00:08:56,338

135
00:08:56,339 --> 00:09:00,339

136
00:09:00,341 --> 00:09:04,341

137
00:09:04,343 --> 00:09:08,343

138
00:09:08,344 --> 00:09:12,344

139
00:09:12,347 --> 00:09:16,347

140
00:09:16,349 --> 00:09:20,349

141
00:09:20,352 --> 00:09:24,352

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

157
00:10:24,376 --> 00:10:28,376

158
00:10:28,378 --> 00:10:32,378
Colum

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

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

161
00:10:40,382 --> 00:10:44,382
-l

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

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

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

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

166
00:11:00,389 --> 00:11:04,389

167
00:11:04,391 --> 00:11:08,391

168
00:11:08,392 --> 00:11:12,392

169
00:11:12,395 --> 00:11:16,395

170
00:11:16,397 --> 00:11:20,397

171
00:11:20,403 --> 00:11:24,403

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

173
00:11:28,408 --> 00:11:32,408

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

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

176
00:11:40,415 --> 00:11:44,415

177
00:11:44,417 --> 00:11:48,417

178
00:11:48,418 --> 00:11:52,418

179
00:11:52,423 --> 00:11:56,423

180
00:11:56,427 --> 00:12:00,427

181
00:12:00,432 --> 00:12:04,432

182
00:12:04,435 --> 00:12:08,435

183
00:12:08,437 --> 00:12:12,437

184
00:12:12,439 --> 00:12:16,439

185
00:12:16,441 --> 00:12:20,441

186
00:12:20,443 --> 00:12:24,443

187
00:12:24,446 --> 00:12:28,446

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

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

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

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

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

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

194
00:12:52,465 --> 00:12:56,465

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

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

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

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

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

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

201
00:13:20,481 --> 00:13:24,481

202
00:13:24,482 --> 00:13:28,482

203
00:13:28,485 --> 00:13:32,485

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

205
00:13:36,488 --> 00:13:40,488

206
00:13:40,489 --> 00:13:44,489
Thunkable

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

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

209
00:13:52,497 --> 00:13:52,783
ี้

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

211
00:14:00,500 --> 00:14:04,500

212
00:14:04,501 --> 00:14:08,501

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

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

215
00:14:16,507 --> 00:14:20,507

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

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

218
00:14:28,511 --> 00:14:32,430

219
00:14:32,512 --> 00:14:36,512

220
00:14:36,513 --> 00:14:40,513

221
00:14:40,516 --> 00:14:44,516

222
00:14:44,521 --> 00:14:48,521

223
00:14:48,524 --> 00:14:52,524

224
00:14:52,525 --> 00:14:56,525

225
00:14:56,527 --> 00:15:00,527

226
00:15:00,532 --> 00:15:04,502

227
00:15:04,537 --> 00:15:08,537

228
00:15:08,538 --> 00:15:12,538

229
00:15:12,541 --> 00:15:16,541

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

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

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

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

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

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

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

237
00:15:44,557 --> 00:15:48,557
Download Image

238
00:15:48,558 --> 00:15:52,558

239
00:15:52,560 --> 00:15:56,560

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

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

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

243
00:16:08,572 --> 00:16:12,572

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

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

246
00:16:20,577 --> 00:16:24,577
free downloas

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

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

249
00:16:32,584 --> 00:16:36,584

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

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

252
00:16:44,591 --> 00:16:48,591

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

254
00:16:52,595 --> 00:16:56,595

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

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

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

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

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

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

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

262
00:17:24,613 --> 00:17:28,613
Logo loging

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

299
00:19:52,664 --> 00:19:56,663

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

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

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

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

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

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

306
00:20:20,676 --> 00:20:24,566

307
00:20:24,679 --> 00:20:28,679

308
00:20:28,680 --> 00:20:32,680

309
00:20:32,682 --> 00:20:36,682

310
00:20:36,684 --> 00:20:40,683

311
00:20:40,686 --> 00:20:44,686

312
00:20:44,687 --> 00:20:48,687

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

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

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

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

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

318
00:21:08,700 --> 00:21:12,700

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

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

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

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

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

324
00:21:32,718 --> 00:21:36,718
Image Image

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

326
00:21:40,720 --> 00:21:44,720
login

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

351
00:23:20,758 --> 00:23:24,758

352
00:23:24,759 --> 00:23:28,759

353
00:23:28,760 --> 00:23:32,760

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

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

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

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

358
00:23:48,771 --> 00:23:52,771

359
00:23:52,772 --> 00:23:56,772

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

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

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

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

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

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

366
00:24:20,784 --> 00:24:24,784

367
00:24:24,785 --> 00:24:28,785

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

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

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

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

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

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

374
00:24:52,797 --> 00:24:56,797
password

375
00:24:56,798 --> 00:25:00,798

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

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

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

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

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

381
00:25:20,808 --> 00:25:24,808

382
00:25:24,809 --> 00:25:28,809

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

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

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

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

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

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

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

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

391
00:26:00,835 --> 00:26:04,835

392
00:26:04,837 --> 00:26:08,837

393
00:26:08,838 --> 00:26:12,838

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

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

396
00:26:20,847 --> 00:26:24,847

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

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

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

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

401
00:26:40,856 --> 00:26:44,856

402
00:26:44,858 --> 00:26:48,858

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

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

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

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

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

408
00:27:08,869 --> 00:27:12,869

409
00:27:12,871 --> 00:27:16,871

410
00:27:16,873 --> 00:27:20,873

411
00:27:20,875 --> 00:27:24,875

412
00:27:24,878 --> 00:27:28,878

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

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

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

416
00:27:40,885 --> 00:27:44,885

417
00:27:44,887 --> 00:27:48,866
หาต่อ ๆ

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

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

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

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

422
00:28:04,894 --> 00:28:08,894

423
00:28:08,898 --> 00:28:12,898

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

425
00:28:16,902 --> 00:28:20,902

426
00:28:20,903 --> 00:28:24,903

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

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

429
00:28:32,908 --> 00:28:36,908

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

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

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

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

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

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

436
00:29:00,918 --> 00:29:04,918
Image1

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

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

439
00:29:12,922 --> 00:29:16,922

440
00:29:16,923 --> 00:29:20,923

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

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

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

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

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

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

447
00:29:44,937 --> 00:29:48,937

448
00:29:48,940 --> 00:29:52,940

449
00:29:52,942 --> 00:29:56,942

450
00:29:56,943 --> 00:30:00,943

451
00:30:00,947 --> 00:30:04,947

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

453
00:30:08,954 --> 00:30:12,954

454
00:30:12,955 --> 00:30:16,955

455
00:30:16,960 --> 00:30:20,960

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

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

458
00:30:28,973 --> 00:30:32,927

459
00:30:32,976 --> 00:30:36,976

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

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

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

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

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

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

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

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

468
00:31:08,991 --> 00:31:12,967

469
00:31:12,992 --> 00:31:16,992

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

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

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

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

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

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

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

477
00:31:45,002 --> 00:31:49,002
ลากไปวาง

478
00:31:49,003 --> 00:31:53,003
ให้เราได้ chack box แล้ว

479
00:31:53,005 --> 00:31:57,005
แล้วมีอะไรต่อจาก Checkbox

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

481
00:32:01,008 --> 00:32:05,008
Remember me มี Label

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

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

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

485
00:32:17,014 --> 00:32:21,014
"Remember me" R-e Remember

486
00:32:21,015 --> 00:32:25,015

487
00:32:25,016 --> 00:32:29,016
b-e-r member

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

489
00:32:33,019 --> 00:32:37,019

490
00:32:37,021 --> 00:32:41,021
เดี๋ยวเปลี่ยน font ก่อนสี

491
00:32:41,022 --> 00:32:45,022

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

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

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

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

496
00:33:01,032 --> 00:33:05,032
for got password

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

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

499
00:33:13,035 --> 00:33:17,035

500
00:33:17,036 --> 00:33:21,036

501
00:33:21,039 --> 00:33:25,039

502
00:33:25,042 --> 00:33:29,042
label

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

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

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

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

507
00:33:45,054 --> 00:33:49,054
ตัวนี้

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

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

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

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

512
00:34:05,062 --> 00:34:09,062
ลดลง 14 พอ

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

514
00:34:13,065 --> 00:34:17,065
แล้วก็

515
00:34:17,066 --> 00:34:21,066

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

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

518
00:34:29,072 --> 00:34:33,072
นะคะ  f-o-r

519
00:34:33,073 --> 00:34:37,073
fot got

520
00:34:37,077 --> 00:34:41,077
g-o-t got

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

522
00:34:45,080 --> 00:34:49,080
forgot

523
00:34:49,081 --> 00:34:53,081
แล้วก็ password

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

525
00:34:57,084 --> 00:35:01,084
P-a-s-s Pass W-

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

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

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

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

530
00:35:17,089 --> 00:35:21,089
ก็คือ 14 ทำ ไซ

531
00:35:21,090 --> 00:35:25,090
แล้วก็สี

532
00:35:25,091 --> 00:35:29,091

533
00:35:29,092 --> 00:35:33,092

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

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

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

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

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

539
00:35:53,099 --> 00:35:57,099
color

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

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

542
00:36:05,104 --> 00:36:09,104
โอเค

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

544
00:36:13,108 --> 00:36:17,108

545
00:36:17,110 --> 00:36:21,110

546
00:36:21,113 --> 00:36:25,113
นะคะ

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

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

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

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

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

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

553
00:36:49,124 --> 00:36:53,124
Button

554
00:36:53,125 --> 00:36:57,125
นี้

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

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

557
00:37:05,134 --> 00:37:09,134
i-n Login

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

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

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

561
00:37:21,142 --> 00:37:25,142
มีความ

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

563
00:37:29,145 --> 00:37:33,145
sab...

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

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

566
00:37:41,152 --> 00:37:45,152

567
00:37:45,154 --> 00:37:49,154

568
00:37:49,156 --> 00:37:53,156

569
00:37:53,158 --> 00:37:57,158

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

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

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

573
00:38:09,184 --> 00:38:13,184
Text Color

574
00:38:13,184 --> 00:38:17,184
นะคะ สี...

575
00:38:17,198 --> 00:38:21,198

576
00:38:21,199 --> 00:38:25,199
สีม่วง

577
00:38:25,201 --> 00:38:29,201
โอเค

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

579
00:38:33,203 --> 00:38:37,203

580
00:38:37,204 --> 00:38:41,204
โอเคนะคะ

581
00:38:41,206 --> 00:38:45,206
ตัวนี้

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

583
00:38:49,209 --> 00:38:53,209
ตรง

584
00:38:53,210 --> 00:38:57,210
Border ใช่ไหมคะ

585
00:38:57,211 --> 00:39:01,211
Ladian น่ะ

586
00:39:01,212 --> 00:39:05,212
ความ

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

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

589
00:39:13,217 --> 00:39:17,217
โอเคไหม

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

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

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

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

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

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

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

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

598
00:39:49,231 --> 00:39:53,231

599
00:39:53,233 --> 00:39:57,233

600
00:39:57,236 --> 00:40:01,236
อ๋อ Remember me

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

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

603
00:40:09,243 --> 00:40:13,243
ในโค้ดน่ะ

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

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

606
00:40:21,248 --> 00:40:25,248

607
00:40:25,250 --> 00:40:29,250

608
00:40:29,254 --> 00:40:33,254

609
00:40:33,259 --> 00:40:37,259

610
00:40:37,260 --> 00:40:41,174

611
00:40:41,261 --> 00:40:45,261

612
00:40:45,262 --> 00:40:49,262

613
00:40:49,264 --> 00:40:53,264

614
00:40:53,267 --> 00:40:57,267

615
00:40:57,273 --> 00:41:01,273

616
00:41:01,275 --> 00:41:05,275

617
00:41:05,278 --> 00:41:09,278

618
00:41:09,279 --> 00:41:13,279

619
00:41:13,281 --> 00:41:17,281

620
00:41:17,284 --> 00:41:21,284

621
00:41:21,286 --> 00:41:25,286

622
00:41:25,290 --> 00:41:29,290

623
00:41:29,293 --> 00:41:33,293

624
00:41:33,294 --> 00:41:37,294

625
00:41:37,296 --> 00:41:41,296

626
00:41:41,298 --> 00:41:45,298

627
00:41:45,304 --> 00:41:49,304

628
00:41:49,306 --> 00:41:53,306

629
00:41:53,308 --> 00:41:57,308

630
00:41:57,310 --> 00:42:01,310

631
00:42:01,313 --> 00:42:05,313

632
00:42:05,315 --> 00:42:09,315

633
00:42:09,317 --> 00:42:13,317

634
00:42:13,322 --> 00:42:17,322

635
00:42:17,323 --> 00:42:21,323

636
00:42:21,324 --> 00:42:25,324

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

638
00:42:29,329 --> 00:42:33,329
label คำว่า login

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

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

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

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

643
00:42:49,336 --> 00:42:53,336
ลาก Text Input

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

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

646
00:43:01,339 --> 00:43:05,298

647
00:43:05,340 --> 00:43:09,340
ก็เปลี่ยนเป็น User

648
00:43:09,341 --> 00:43:13,341

649
00:43:13,342 --> 00:43:17,342

650
00:43:17,345 --> 00:43:21,288

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

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

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

654
00:43:33,366 --> 00:43:37,366
mt อะไรหว่า

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

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

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

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

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

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

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

662
00:44:05,376 --> 00:44:09,376
ตรง 2 อันนี้ อันที่

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

664
00:44:13,392 --> 00:44:17,392

665
00:44:17,394 --> 00:44:21,394

666
00:44:21,395 --> 00:44:25,395

667
00:44:25,398 --> 00:44:29,398

668
00:44:29,402 --> 00:44:33,402

669
00:44:33,403 --> 00:44:37,403

670
00:44:37,404 --> 00:44:41,404

671
00:44:41,407 --> 00:44:45,407

672
00:44:45,409 --> 00:44:49,409

673
00:44:49,410 --> 00:44:53,410

674
00:44:53,411 --> 00:44:57,411

675
00:44:57,415 --> 00:45:01,415

676
00:45:01,417 --> 00:45:05,417

677
00:45:05,419 --> 00:45:09,419

678
00:45:09,421 --> 00:45:13,421

679
00:45:13,423 --> 00:45:17,423

680
00:45:17,425 --> 00:45:21,425

681
00:45:21,427 --> 00:45:25,427

682
00:45:25,429 --> 00:45:29,429

683
00:45:29,431 --> 00:45:33,431

684
00:45:33,434 --> 00:45:37,434

685
00:45:37,437 --> 00:45:41,437

686
00:45:41,438 --> 00:45:45,438

687
00:45:45,440 --> 00:45:49,440

688
00:45:49,444 --> 00:45:53,444

689
00:45:53,446 --> 00:45:57,446

690
00:45:57,451 --> 00:46:01,451

691
00:46:01,453 --> 00:46:05,453

692
00:46:05,455 --> 00:46:09,455

693
00:46:09,457 --> 00:46:13,457

694
00:46:13,459 --> 00:46:17,459

695
00:46:17,461 --> 00:46:21,461

696
00:46:21,463 --> 00:46:25,463

697
00:46:25,466 --> 00:46:29,466

698
00:46:29,467 --> 00:46:33,467

699
00:46:33,468 --> 00:46:37,468

700
00:46:37,473 --> 00:46:41,473

701
00:46:41,476 --> 00:46:45,476

702
00:46:45,478 --> 00:46:49,478

703
00:46:49,483 --> 00:46:53,483

704
00:46:53,486 --> 00:46:57,486

705
00:46:57,488 --> 00:47:01,488

706
00:47:01,493 --> 00:47:05,493

707
00:47:05,497 --> 00:47:09,497

708
00:47:09,504 --> 00:47:13,504

709
00:47:13,507 --> 00:47:17,507

710
00:47:17,509 --> 00:47:21,509

711
00:47:21,510 --> 00:47:25,510

712
00:47:25,512 --> 00:47:29,512

713
00:47:29,514 --> 00:47:33,514

714
00:47:33,516 --> 00:47:37,516

715
00:47:37,518 --> 00:47:41,518

716
00:47:41,521 --> 00:47:45,521

717
00:47:45,523 --> 00:47:49,523

718
00:47:49,524 --> 00:47:53,524

719
00:47:53,526 --> 00:47:57,526

720
00:47:57,529 --> 00:48:01,529

721
00:48:01,531 --> 00:48:05,531

722
00:48:05,533 --> 00:48:09,533

723
00:48:09,534 --> 00:48:13,534

724
00:48:13,536 --> 00:48:17,536

725
00:48:17,538 --> 00:48:21,538

726
00:48:21,543 --> 00:48:25,543

727
00:48:25,548 --> 00:48:29,548

728
00:48:29,551 --> 00:48:33,551

729
00:48:33,553 --> 00:48:37,553

730
00:48:37,555 --> 00:48:41,555

731
00:48:41,557 --> 00:48:45,557

732
00:48:45,559 --> 00:48:49,559

733
00:48:49,561 --> 00:48:53,561

734
00:48:53,563 --> 00:48:57,563

735
00:48:57,564 --> 00:49:01,564

736
00:49:01,565 --> 00:49:05,565

737
00:49:05,567 --> 00:49:09,567

738
00:49:09,570 --> 00:49:13,570

739
00:49:13,572 --> 00:49:17,572

740
00:49:17,574 --> 00:49:21,574

741
00:49:21,576 --> 00:49:25,576

742
00:49:25,578 --> 00:49:29,578

743
00:49:29,579 --> 00:49:33,579

744
00:49:33,583 --> 00:49:37,583

745
00:49:37,585 --> 00:49:41,585

746
00:49:41,587 --> 00:49:45,587

747
00:49:45,589 --> 00:49:49,589

748
00:49:49,593 --> 00:49:53,593

749
00:49:53,596 --> 00:49:57,596

750
00:49:57,598 --> 00:50:01,598

751
00:50:01,600 --> 00:50:05,600

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

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

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

755
00:50:17,611 --> 00:50:21,611

756
00:50:21,612 --> 00:50:25,612

757
00:50:25,613 --> 00:50:29,613

758
00:50:29,615 --> 00:50:33,615

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

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

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

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

763
00:50:49,630 --> 00:50:53,630

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

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

766
00:51:01,635 --> 00:51:05,635

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

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

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

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

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

772
00:51:25,646 --> 00:51:29,646

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

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

775
00:51:37,650 --> 00:51:41,650

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

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

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

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

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

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

782
00:52:05,658 --> 00:52:09,658

783
00:52:09,659 --> 00:52:13,659

784
00:52:13,660 --> 00:52:17,660

785
00:52:17,661 --> 00:52:21,661

786
00:52:21,663 --> 00:52:25,663

787
00:52:25,666 --> 00:52:29,666

788
00:52:29,668 --> 00:52:33,668

789
00:52:33,670 --> 00:52:37,670

790
00:52:37,674 --> 00:52:41,674

791
00:52:41,677 --> 00:52:45,677

792
00:52:45,679 --> 00:52:49,679

793
00:52:49,681 --> 00:52:53,681

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

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

796
00:53:01,690 --> 00:53:05,690

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

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

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

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

801
00:53:21,694 --> 00:53:25,694
a New projects ค่ะ

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

803
00:53:29,697 --> 00:53:33,697

804
00:53:33,698 --> 00:53:37,635
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37,699 --> 00:53:41,699
enter your pro

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

807
00:53:45,703 --> 00:53:49,703
Firebase

808
00:53:49,705 --> 00:53:53,705
อะไรนะ login นะ

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

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

811
00:54:01,709 --> 00:54:05,709

812
00:54:05,710 --> 00:54:09,710

813
00:54:09,711 --> 00:54:13,711

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

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

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

817
00:54:25,720 --> 00:54:29,720

818
00:54:29,721 --> 00:54:33,721

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

820
00:54:37,725 --> 00:54:41,725
นะคะ for your

821
00:54:41,726 --> 00:54:45,726
file bet project

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

823
00:54:49,727 --> 00:54:53,727

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

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

826
00:55:01,737 --> 00:55:05,737
T-h

827
00:55:05,741 --> 00:55:09,741

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

829
00:55:13,743 --> 00:55:17,743
I Accept

830
00:55:17,745 --> 00:55:21,745
เลือก

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

832
00:55:25,748 --> 00:55:29,748
ได้เลย

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

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

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

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

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

838
00:55:49,755 --> 00:55:53,755

839
00:55:53,756 --> 00:55:57,756

840
00:55:57,757 --> 00:56:01,757

841
00:56:01,759 --> 00:56:05,759

842
00:56:05,763 --> 00:56:09,763

843
00:56:09,764 --> 00:56:13,764

844
00:56:13,767 --> 00:56:17,767

845
00:56:17,768 --> 00:56:21,768

846
00:56:21,770 --> 00:56:25,770

847
00:56:25,772 --> 00:56:29,772

848
00:56:29,773 --> 00:56:33,773

849
00:56:33,775 --> 00:56:37,775

850
00:56:37,778 --> 00:56:41,778

851
00:56:41,780 --> 00:56:45,780

852
00:56:45,784 --> 00:56:49,784

853
00:56:49,786 --> 00:56:53,786

854
00:56:53,790 --> 00:56:57,790

855
00:56:57,791 --> 00:57:01,791

856
00:57:01,793 --> 00:57:05,793

857
00:57:05,794 --> 00:57:09,794

858
00:57:09,797 --> 00:57:13,797

859
00:57:13,799 --> 00:57:17,799

860
00:57:17,800 --> 00:57:21,800

861
00:57:21,801 --> 00:57:25,801

862
00:57:25,803 --> 00:57:29,803

863
00:57:29,806 --> 00:57:33,806

864
00:57:33,808 --> 00:57:37,808

865
00:57:37,809 --> 00:57:41,809

866
00:57:41,812 --> 00:57:45,812

867
00:57:45,817 --> 00:57:49,817

868
00:57:49,821 --> 00:57:53,821

869
00:57:53,828 --> 00:57:57,828

870
00:57:57,832 --> 00:58:01,832

871
00:58:01,837 --> 00:58:05,837

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

873
00:58:09,842 --> 00:58:13,842
your new project ready แล้ว

874
00:58:13,845 --> 00:58:17,845

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

876
00:58:21,847 --> 00:58:25,847

877
00:58:25,848 --> 00:58:29,848

878
00:58:29,850 --> 00:58:33,850

879
00:58:33,853 --> 00:58:37,853

880
00:58:37,854 --> 00:58:41,854

881
00:58:41,856 --> 00:58:45,856

882
00:58:45,859 --> 00:58:49,859

883
00:58:49,861 --> 00:58:53,861

884
00:58:53,865 --> 00:58:57,865

885
00:58:57,867 --> 00:59:01,867

886
00:59:01,869 --> 00:59:05,869

887
00:59:05,871 --> 00:59:09,871

888
00:59:09,873 --> 00:59:13,873

889
00:59:13,874 --> 00:59:17,874

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

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

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

893
00:59:29,883 --> 00:59:33,883
คลิกที่ Build

894
00:59:33,885 --> 00:59:37,885
เห็นไหมคะ

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

896
00:59:41,888 --> 00:59:45,888
มีมอนิเตอร์มีอนารีเกต

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

898
00:59:49,892 --> 00:59:53,892
ไอ้รูป...

899
00:59:53,894 --> 00:59:57,894

900
00:59:57,895 --> 01:00:01,895

901
01:00:01,897 --> 01:00:05,897

902
01:00:05,901 --> 01:00:09,901
รูป

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

904
01:00:13,906 --> 01:00:17,906
แล้วคลิกที่ All tintication

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

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

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

908
01:00:29,911 --> 01:00:33,911
เราก็คลิก get start

909
01:00:33,914 --> 01:00:37,914

910
01:00:37,916 --> 01:00:41,916

911
01:00:41,919 --> 01:00:45,919

912
01:00:45,921 --> 01:00:49,921
ทีนี้

913
01:00:49,923 --> 01:00:53,923
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53,925 --> 01:00:57,925
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

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

916
01:01:01,927 --> 01:01:05,927
เราใช้ Username ก็คื

917
01:01:05,928 --> 01:01:09,928
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09,929 --> 01:01:13,929
Enable

919
01:01:13,931 --> 01:01:17,931
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17,935 --> 01:01:21,935
ใช้...

921
01:01:21,937 --> 01:01:25,937

922
01:01:25,938 --> 01:01:29,938
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29,939 --> 01:01:33,939
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33,940 --> 01:01:37,940
แล้วใช้เบอร์โทรศัพท์

925
01:01:37,941 --> 01:01:41,941
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41,942 --> 01:01:45,942
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45,943 --> 01:01:49,943
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49,945 --> 01:01:53,945
login ด้วยตัวไหน

929
01:01:53,946 --> 01:01:57,946
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

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

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

932
01:02:05,952 --> 01:02:09,952
nable

933
01:02:09,952 --> 01:02:13,952
เพราะเรามี 2 ตัวนะ

934
01:02:13,953 --> 01:02:17,953
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17,954 --> 01:02:21,910

936
01:02:21,956 --> 01:02:25,956
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25,957 --> 01:02:29,957
Allten ที่

938
01:02:29,958 --> 01:02:33,958
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33,960 --> 01:02:37,960
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37,963 --> 01:02:41,963
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41,964 --> 01:02:45,964
Anominus

942
01:02:45,964 --> 01:02:49,964
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49,965 --> 01:02:53,965
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53,968 --> 01:02:57,968

945
01:02:57,968 --> 01:03:01,968

946
01:03:01,970 --> 01:03:05,970

947
01:03:05,972 --> 01:03:09,972

948
01:03:09,976 --> 01:03:13,976

949
01:03:13,978 --> 01:03:17,978

950
01:03:17,980 --> 01:03:21,980

951
01:03:21,982 --> 01:03:25,982

952
01:03:25,984 --> 01:03:29,984

953
01:03:29,986 --> 01:03:33,986

954
01:03:33,988 --> 01:03:37,988

955
01:03:37,989 --> 01:03:41,989

956
01:03:41,991 --> 01:03:45,991

957
01:03:45,993 --> 01:03:49,993

958
01:03:49,995 --> 01:03:53,995

959
01:03:53,997 --> 01:03:57,997

960
01:03:57,998 --> 01:04:01,998

961
01:04:01,999 --> 01:04:05,999

962
01:04:06,002 --> 01:04:10,002

963
01:04:10,004 --> 01:04:14,004

964
01:04:14,008 --> 01:04:18,008

965
01:04:18,010 --> 01:04:22,010

966
01:04:22,012 --> 01:04:26,012

967
01:04:26,014 --> 01:04:30,014

968
01:04:30,016 --> 01:04:34,016

969
01:04:34,017 --> 01:04:38,017

970
01:04:38,020 --> 01:04:42,020

971
01:04:42,022 --> 01:04:46,022

972
01:04:46,024 --> 01:04:50,024

973
01:04:50,026 --> 01:04:54,026

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

975
01:04:58,029 --> 01:05:02,029
มาดู

976
01:05:02,030 --> 01:05:06,030
ตรงบิ้ว

977
01:05:06,032 --> 01:05:10,032

978
01:05:10,033 --> 01:05:14,033

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

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

981
01:05:22,037 --> 01:05:26,037
Project overview

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

983
01:05:30,039 --> 01:05:34,039
No No No

984
01:05:34,040 --> 01:05:38,040
มันจะเข้ามาที่หน้าที่ Project seting

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

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

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

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

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

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

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

992
01:06:06,051 --> 01:06:10,051
เห็นไหมคะ

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

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

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

996
01:06:22,055 --> 01:06:26,055

997
01:06:26,058 --> 01:06:30,058

998
01:06:30,060 --> 01:06:34,060

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

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

1001
01:06:42,067 --> 01:06:46,067

1002
01:06:46,068 --> 01:06:50,068

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

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

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

1006
01:07:02,074 --> 01:07:06,074

1007
01:07:06,075 --> 01:07:10,075

1008
01:07:10,077 --> 01:07:14,077
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

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

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

1011
01:07:22,085 --> 01:07:26,085
E

1012
01:07:26,086 --> 01:07:30,086

1013
01:07:30,087 --> 01:07:34,087

1014
01:07:34,089 --> 01:07:38,089
เดี๋ยว

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

1016
01:07:42,097 --> 01:07:46,097
Ebook นะคะ

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

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

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

1020
01:07:58,104 --> 01:08:02,104

1021
01:08:02,106 --> 01:08:06,106

1022
01:08:06,108 --> 01:08:10,108

1023
01:08:10,111 --> 01:08:14,111

1024
01:08:14,114 --> 01:08:18,114

1025
01:08:18,116 --> 01:08:22,116

1026
01:08:22,118 --> 01:08:26,118

1027
01:08:26,119 --> 01:08:30,119

1028
01:08:30,122 --> 01:08:34,122

1029
01:08:34,124 --> 01:08:38,124

1030
01:08:38,126 --> 01:08:42,126

1031
01:08:42,127 --> 01:08:46,127

1032
01:08:46,130 --> 01:08:50,130

1033
01:08:50,132 --> 01:08:54,132

1034
01:08:54,135 --> 01:08:58,135

1035
01:08:58,136 --> 01:09:02,136

1036
01:09:02,137 --> 01:09:06,137

1037
01:09:06,139 --> 01:09:10,139

1038
01:09:10,141 --> 01:09:14,141

1039
01:09:14,143 --> 01:09:18,143

1040
01:09:18,145 --> 01:09:22,145

1041
01:09:22,147 --> 01:09:26,147

1042
01:09:26,149 --> 01:09:30,149

1043
01:09:30,151 --> 01:09:34,151

1044
01:09:34,154 --> 01:09:38,154

1045
01:09:38,159 --> 01:09:42,159

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

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

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

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

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

1051
01:10:02,172 --> 01:10:06,172
ได้เลย

1052
01:10:06,177 --> 01:10:10,177

1053
01:10:10,178 --> 01:10:14,178
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

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

1055
01:10:18,182 --> 01:10:22,182

1056
01:10:22,183 --> 01:10:26,183
มันจะมี code มาเห้นไหมคะ

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

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

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

1060
01:10:38,187 --> 01:10:42,187

1061
01:10:42,189 --> 01:10:46,189

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

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

1064
01:10:54,194 --> 01:10:58,194

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

1066
01:11:02,197 --> 01:11:06,197

1067
01:11:06,198 --> 01:11:10,198
Component

1068
01:11:10,200 --> 01:11:14,156

1069
01:11:14,202 --> 01:11:18,202

1070
01:11:18,203 --> 01:11:22,203

1071
01:11:22,208 --> 01:11:26,208

1072
01:11:26,212 --> 01:11:30,212
ไม่เจอ

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

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

1075
01:11:38,224 --> 01:11:42,224
Data viewer

1076
01:11:42,225 --> 01:11:46,225
data wever

1077
01:11:46,226 --> 01:11:50,226

1078
01:11:50,227 --> 01:11:54,227

1079
01:11:54,232 --> 01:11:58,232

1080
01:11:58,233 --> 01:12:02,233
data assen seting

1081
01:12:02,234 --> 01:12:06,234
setting

1082
01:12:06,235 --> 01:12:10,217
หาก่อนนะ

1083
01:12:10,236 --> 01:12:14,236

1084
01:12:14,237 --> 01:12:18,237
compronan

1085
01:12:18,238 --> 01:12:22,238

1086
01:12:22,239 --> 01:12:26,239

1087
01:12:26,240 --> 01:12:30,240

1088
01:12:30,242 --> 01:12:34,242
all ten singinm

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

1090
01:12:38,246 --> 01:12:42,246
ไม่ใช่

1091
01:12:42,247 --> 01:12:46,247

1092
01:12:46,249 --> 01:12:50,249

1093
01:12:50,250 --> 01:12:54,250

1094
01:12:54,252 --> 01:12:58,252

1095
01:12:58,254 --> 01:13:02,254

1096
01:13:02,258 --> 01:13:06,258

1097
01:13:06,260 --> 01:13:10,260
My data sourse หรือ

1098
01:13:10,262 --> 01:13:14,262
ก็ไม่ใช่

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

1100
01:13:18,265 --> 01:13:22,227

1101
01:13:22,268 --> 01:13:26,268

1102
01:13:26,270 --> 01:13:30,270

1103
01:13:30,275 --> 01:13:34,275

1104
01:13:34,277 --> 01:13:38,277

1105
01:13:38,278 --> 01:13:42,278

1106
01:13:42,281 --> 01:13:46,281

1107
01:13:46,283 --> 01:13:50,283

1108
01:13:50,287 --> 01:13:54,287
ขอ Sea

1109
01:13:54,289 --> 01:13:58,289
ก่อนนะคะ Thunkable x คืออะไร

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

1111
01:14:02,292 --> 01:14:06,292

1112
01:14:06,296 --> 01:14:10,296

1113
01:14:10,297 --> 01:14:14,297

1114
01:14:14,299 --> 01:14:18,299

1115
01:14:18,300 --> 01:14:22,300

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

1117
01:14:26,306 --> 01:14:30,306

1118
01:14:30,307 --> 01:14:34,307

1119
01:14:34,309 --> 01:14:38,309

1120
01:14:38,313 --> 01:14:42,313
update ยังไง

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

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

1123
01:14:50,323 --> 01:14:54,323

1124
01:14:54,324 --> 01:14:58,324
ใช้

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

1126
01:15:02,326 --> 01:15:06,326

1127
01:15:06,328 --> 01:15:10,328

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

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

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

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

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

1133
01:15:30,338 --> 01:15:34,338

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

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

1136
01:15:42,344 --> 01:15:46,201

1137
01:15:46,345 --> 01:15:50,345
Solution

1138
01:15:50,346 --> 01:15:54,346
Solution เดี๋ยวนะ

1139
01:15:54,348 --> 01:15:58,348
Integration

1140
01:15:58,349 --> 01:16:02,349

1141
01:16:02,350 --> 01:16:06,350
เราจะต้อง

1142
01:16:06,352 --> 01:16:10,352

1143
01:16:10,354 --> 01:16:14,354
Using Thunkable

1144
01:16:14,357 --> 01:16:18,357

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

1146
01:16:22,360 --> 01:16:26,360

1147
01:16:26,361 --> 01:16:30,277

1148
01:16:30,363 --> 01:16:34,363

1149
01:16:34,364 --> 01:16:38,364

1150
01:16:38,368 --> 01:16:42,368

1151
01:16:42,371 --> 01:16:46,371

1152
01:16:46,375 --> 01:16:50,375

1153
01:16:50,382 --> 01:16:54,382

1154
01:16:54,384 --> 01:16:58,384

1155
01:16:58,387 --> 01:17:02,387

1156
01:17:02,393 --> 01:17:06,393

1157
01:17:06,398 --> 01:17:10,398

1158
01:17:10,402 --> 01:17:14,402

1159
01:17:14,404 --> 01:17:18,404

1160
01:17:18,406 --> 01:17:22,406

1161
01:17:22,407 --> 01:17:26,407

1162
01:17:26,409 --> 01:17:30,409

1163
01:17:30,412 --> 01:17:34,412

1164
01:17:34,416 --> 01:17:38,416

1165
01:17:38,419 --> 01:17:42,419

1166
01:17:42,425 --> 01:17:46,425

1167
01:17:46,427 --> 01:17:50,427

1168
01:17:50,429 --> 01:17:54,429

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

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

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

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

1173
01:18:10,437 --> 01:18:14,437
ใน Thunkable Tool ที่ Signin

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

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

1176
01:18:22,440 --> 01:18:26,440

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

1178
01:18:30,443 --> 01:18:34,443
ดูนะคะ

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

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

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

1182
01:18:46,448 --> 01:18:50,448

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

1184
01:18:54,456 --> 01:18:58,456

1185
01:18:58,457 --> 01:19:02,457
แบบ Tool Editing

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

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

1188
01:19:10,463 --> 01:19:14,463
input 1 usernam

1189
01:19:14,464 --> 01:19:18,464
ไปที่ Text input1

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

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

1192
01:19:26,467 --> 01:19:30,467
นะ set text

1193
01:19:30,468 --> 01:19:34,468
input text to

1194
01:19:34,469 --> 01:19:38,469
Username Text

1195
01:19:38,471 --> 01:19:42,471
Keyboard Type

1196
01:19:42,472 --> 01:19:46,472

1197
01:19:46,474 --> 01:19:50,474

1198
01:19:50,476 --> 01:19:54,476

1199
01:19:54,479 --> 01:19:58,479
ฺBorder

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

1201
01:20:02,486 --> 01:20:06,486
Cheang

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

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

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

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

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

1207
01:20:26,494 --> 01:20:30,494
ทำ...

1208
01:20:30,495 --> 01:20:34,495

1209
01:20:34,496 --> 01:20:38,496

1210
01:20:38,499 --> 01:20:42,499

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

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

1213
01:20:50,506 --> 01:20:54,506

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

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

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

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

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

1219
01:21:14,519 --> 01:21:18,519
โอเคนะคะ

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

1221
01:21:22,525 --> 01:21:26,525
เหมือนกัน Text Input อันที่ 2

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

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

1224
01:21:34,535 --> 01:21:38,535
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38,537 --> 01:21:42,537
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

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

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

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

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

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

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

1232
01:22:06,554 --> 01:22:10,554
แต่ตอนแรกที่ test

1233
01:22:10,556 --> 01:22:14,556
พอพิมพ์ปุ๊บ

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

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

1236
01:22:22,561 --> 01:22:26,561
นี่

1237
01:22:26,562 --> 01:22:30,548
โอเคนะคะ

1238
01:22:30,563 --> 01:22:34,563
โอเค

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

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

1241
01:22:42,569 --> 01:22:46,569
นะคะ

1242
01:22:46,570 --> 01:22:50,570

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

1244
01:22:54,574 --> 01:22:58,574
ลบทิ้ง อีกอันดูอ

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

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

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

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

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

1250
01:23:18,587 --> 01:23:22,587
เราเลือกตัวนี้ออกมา

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

1252
01:23:26,589 --> 01:23:30,589
Username ก็คือ

1253
01:23:30,591 --> 01:23:34,591
ให้ set ค่าของ Text Input น่ะ

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

1255
01:23:38,593 --> 01:23:42,593

1256
01:23:42,595 --> 01:23:46,595
นะ คะดูนะคะ

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

1258
01:23:50,599 --> 01:23:54,599

1259
01:23:54,600 --> 01:23:58,561

1260
01:23:58,601 --> 01:24:02,601
text Input

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

1262
01:24:06,607 --> 01:24:10,607

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

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

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

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

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

1268
01:24:30,615 --> 01:24:34,615
password wen...

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

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

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

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

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

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

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

1276
01:25:02,625 --> 01:25:06,625

1277
01:25:06,626 --> 01:25:10,626

1278
01:25:10,628 --> 01:25:14,628

1279
01:25:14,629 --> 01:25:18,629

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

1281
01:25:22,632 --> 01:25:26,632
set text

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

1283
01:25:30,635 --> 01:25:34,635
Text Input Password นี่

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

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

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

1287
01:25:46,641 --> 01:25:50,641
เห็นไหม

1288
01:25:50,641 --> 01:25:54,641
set defil

1289
01:25:54,643 --> 01:25:58,643
เราไม่ได้ set defule

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

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

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

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

1294
01:26:14,648 --> 01:26:18,648

1295
01:26:18,650 --> 01:26:22,650

1296
01:26:22,653 --> 01:26:26,653

1297
01:26:26,658 --> 01:26:30,658

1298
01:26:30,664 --> 01:26:34,664

1299
01:26:34,665 --> 01:26:38,665

1300
01:26:38,672 --> 01:26:42,672

1301
01:26:42,674 --> 01:26:46,674

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

1303
01:26:50,678 --> 01:26:54,678
ในนี้นะ

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

1305
01:26:58,681 --> 01:27:02,681
ก็

1306
01:27:02,683 --> 01:27:06,683
เป็นเซ็ต

1307
01:27:06,685 --> 01:27:10,685

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

1309
01:27:14,693 --> 01:27:18,693
ต้องซ้อนนะ

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

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

1312
01:27:26,697 --> 01:27:30,697
เพราะตอนพิมพื password ต้องไม่แสดง

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

1314
01:27:34,701 --> 01:27:38,701

1315
01:27:38,703 --> 01:27:42,703

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

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

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

1319
01:27:54,709 --> 01:27:58,709

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

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

1322
01:28:06,714 --> 01:28:10,714
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10,714 --> 01:28:14,714
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14,715 --> 01:28:18,715
หน้าจะเป็น Too

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

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

1327
01:28:26,719 --> 01:28:30,719

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

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

1330
01:28:38,724 --> 01:28:42,724
แล้ว

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

1332
01:28:46,726 --> 01:28:50,726

1333
01:28:50,728 --> 01:28:54,728

1334
01:28:54,730 --> 01:28:58,730

1335
01:28:58,735 --> 01:29:02,735

1336
01:29:02,736 --> 01:29:06,736

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

1338
01:29:10,741 --> 01:29:14,741
เป็นซ่อน

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

1340
01:29:18,744 --> 01:29:22,716

1341
01:29:22,746 --> 01:29:26,746

1342
01:29:26,750 --> 01:29:30,750
จัด Text

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

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

1345
01:29:38,756 --> 01:29:42,756
จาก Text

1346
01:29:42,756 --> 01:29:46,756
ให้มันซ่อน ได้ไหม

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

1348
01:29:50,759 --> 01:29:54,759
ไม่ซ่อนน่ะ

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

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

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

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

1353
01:30:10,767 --> 01:30:14,767

1354
01:30:14,768 --> 01:30:18,768

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

1356
01:30:22,770 --> 01:30:26,770

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

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

1359
01:30:34,777 --> 01:30:38,777

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

1361
01:30:42,779 --> 01:30:46,779
เมื่อกำหนดค่า

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

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

1364
01:30:54,782 --> 01:30:58,782
keybrod

1365
01:30:58,784 --> 01:31:02,784
ให้มัน

1366
01:31:02,785 --> 01:31:06,785
ให้มัน...

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

1368
01:31:10,788 --> 01:31:14,788
มันจะซ่อนให้เราไหม

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

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

1371
01:31:22,795 --> 01:31:26,795

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

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

1374
01:31:34,802 --> 01:31:38,802
น่าจะใช่

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

1376
01:31:42,805 --> 01:31:46,805
text username

1377
01:31:46,806 --> 01:31:50,806
Text Password

1378
01:31:50,807 --> 01:31:54,807
ไหน Block ที่ 1

1379
01:31:54,809 --> 01:31:58,809
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58,811 --> 01:32:02,811
whyriabl

1381
01:32:02,812 --> 01:32:06,812

1382
01:32:06,813 --> 01:32:10,813

1383
01:32:10,815 --> 01:32:14,815

1384
01:32:14,816 --> 01:32:18,775

1385
01:32:18,818 --> 01:32:22,818

1386
01:32:22,819 --> 01:32:26,819

1387
01:32:26,821 --> 01:32:30,821

1388
01:32:30,824 --> 01:32:34,824

1389
01:32:34,827 --> 01:32:38,827

1390
01:32:38,828 --> 01:32:42,828
ไปที่ Text ไปที่ Text

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

1392
01:32:46,831 --> 01:32:50,831
ทำให้ text

1393
01:32:50,832 --> 01:32:54,832

1394
01:32:54,833 --> 01:32:58,833

1395
01:32:58,834 --> 01:33:02,834

1396
01:33:02,835 --> 01:33:06,835

1397
01:33:06,837 --> 01:33:10,837
ไปที่ Color

1398
01:33:10,839 --> 01:33:14,839
เป็นจริง

1399
01:33:14,840 --> 01:33:18,840
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18,841 --> 01:33:22,841
เป็นจริงปุ๊บ

1401
01:33:22,842 --> 01:33:26,842
ถึงที่ต้องทำต่อ

1402
01:33:26,844 --> 01:33:30,844
ขาดไปไหนนะ

1403
01:33:30,845 --> 01:33:34,845
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34,846 --> 01:33:38,846
แต่มันมาอยู่ใน...

1405
01:33:38,848 --> 01:33:42,848

1406
01:33:42,849 --> 01:33:46,849
เราจะเอามันไปใส่ใน

1407
01:33:46,854 --> 01:33:50,854
ไหนได้

1408
01:33:50,856 --> 01:33:54,856
sinin

1409
01:33:54,859 --> 01:33:58,859
เขาบอกว่า

1410
01:33:58,860 --> 01:34:02,860
ให้มันอยู่ตรง...

1411
01:34:02,862 --> 01:34:06,862

1412
01:34:06,863 --> 01:34:10,863

1413
01:34:10,865 --> 01:34:14,865
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14,872 --> 01:34:18,872
App Feature

1415
01:34:18,873 --> 01:34:22,873

1416
01:34:22,875 --> 01:34:26,875

1417
01:34:26,878 --> 01:34:30,878
Sign in

1418
01:34:30,880 --> 01:34:34,880
Sign in

1419
01:34:34,881 --> 01:34:38,881
Sing in Email

1420
01:34:38,883 --> 01:34:42,800

1421
01:34:42,884 --> 01:34:46,884
Sign in hello

1422
01:34:46,885 --> 01:34:50,885
Reset Password

1423
01:34:50,887 --> 01:34:54,887
Delete User Sign Up

1424
01:34:54,888 --> 01:34:58,888
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58,889 --> 01:35:02,889
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02,890 --> 01:35:06,890
Sign Up Do

1427
01:35:06,891 --> 01:35:10,891
Sign In do

1428
01:35:10,892 --> 01:35:14,793

1429
01:35:14,893 --> 01:35:18,893

1430
01:35:18,894 --> 01:35:22,894
ไม่ให้ใช้น่ะ

1431
01:35:22,898 --> 01:35:26,898
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26,900 --> 01:35:30,900
ใช้ไม่เหมือนกัน

1433
01:35:30,901 --> 01:35:34,901

1434
01:35:34,902 --> 01:35:38,902
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38,904 --> 01:35:42,904
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42,906 --> 01:35:46,906

1437
01:35:46,907 --> 01:35:50,907

1438
01:35:50,909 --> 01:35:54,909

1439
01:35:54,911 --> 01:35:58,911

1440
01:35:58,915 --> 01:36:02,915

1441
01:36:02,917 --> 01:36:06,917

1442
01:36:06,921 --> 01:36:10,921

1443
01:36:10,922 --> 01:36:14,922

1444
01:36:14,924 --> 01:36:18,924

1445
01:36:18,926 --> 01:36:22,926

1446
01:36:22,928 --> 01:36:26,928

1447
01:36:26,930 --> 01:36:30,930

1448
01:36:30,933 --> 01:36:34,933

1449
01:36:34,937 --> 01:36:38,937

1450
01:36:38,939 --> 01:36:42,939

1451
01:36:42,941 --> 01:36:46,941

1452
01:36:46,943 --> 01:36:50,943
ไม่เหมือนกันนะ

1453
01:36:50,946 --> 01:36:54,946
ใช้ไม่เหมือน

1454
01:36:54,948 --> 01:36:58,948

1455
01:36:59,060 --> 01:37:03,060

1456
01:37:03,076 --> 01:37:07,076

1457
01:37:07,079 --> 01:37:11,079

1458
01:37:11,089 --> 01:37:15,089

1459
01:37:15,091 --> 01:37:19,091
เดี๋ยวนะคะ Sign Up

1460
01:37:19,093 --> 01:37:23,093
อันนี้หรอ

1461
01:37:23,095 --> 01:37:27,095

1462
01:37:27,098 --> 01:37:31,098

1463
01:37:31,099 --> 01:37:35,099

1464
01:37:35,101 --> 01:37:39,101
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:39,102 --> 01:37:43,102
ให้ลงทะเบียน

1466
01:37:43,103 --> 01:37:47,103
โดยใช้ Email หรือ Passeord

1467
01:37:47,104 --> 01:37:51,104
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:51,105 --> 01:37:55,105

1469
01:37:55,106 --> 01:37:59,106

1470
01:37:59,107 --> 01:38:03,107

1471
01:38:03,109 --> 01:38:07,109
บอกว่าให้ก๊อป(ปี้)

1472
01:38:07,111 --> 01:38:11,111
ทำไม

1473
01:38:11,112 --> 01:38:15,112
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:15,113 --> 01:38:19,113
Thunkable X

1475
01:38:19,115 --> 01:38:23,068

1476
01:38:23,117 --> 01:38:27,117

1477
01:38:27,118 --> 01:38:31,118

1478
01:38:31,121 --> 01:38:35,121

1479
01:38:35,122 --> 01:38:39,122

1480
01:38:39,124 --> 01:38:43,124

1481
01:38:43,126 --> 01:38:47,126
เอามาจากไหนนะ Thunkable X

1482
01:38:47,128 --> 01:38:51,128

1483
01:38:51,129 --> 01:38:55,129

1484
01:38:55,133 --> 01:38:59,133

1485
01:38:59,134 --> 01:39:03,134

1486
01:39:03,135 --> 01:39:07,135
มันจะเพิ่ม Signin ได้

1487
01:39:07,137 --> 01:39:11,137
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:11,138 --> 01:39:15,138

1489
01:39:15,140 --> 01:39:19,140

1490
01:39:19,141 --> 01:39:23,141

1491
01:39:23,143 --> 01:39:27,143

1492
01:39:27,145 --> 01:39:31,145

1493
01:39:31,147 --> 01:39:35,147

1494
01:39:35,150 --> 01:39:39,150

1495
01:39:39,152 --> 01:39:43,152

1496
01:39:43,154 --> 01:39:47,154

1497
01:39:47,156 --> 01:39:51,156

1498
01:39:51,158 --> 01:39:55,158

1499
01:39:55,159 --> 01:39:59,159

1500
01:39:59,162 --> 01:40:03,162
อ๋อถ้า

1501
01:40:03,164 --> 01:40:07,164
Thunkable X ก็คือใช้ IOS

1502
01:40:07,165 --> 01:40:11,165
เข้าใจแล้ว

1503
01:40:11,170 --> 01:40:15,170

1504
01:40:15,172 --> 01:40:19,172

1505
01:40:19,175 --> 01:40:23,175

1506
01:40:23,179 --> 01:40:27,179

1507
01:40:27,182 --> 01:40:31,182
ทดสอบแอป

1508
01:40:31,184 --> 01:40:35,184
มันยังไม่ reresd

1509
01:40:35,188 --> 01:40:39,188
ใช้ไม่ได้ต้องเป็น

1510
01:40:39,189 --> 01:40:43,189
ข้อจำกัด

1511
01:40:43,190 --> 01:40:47,190
เยอะเหมือนกันนะนี่

1512
01:40:47,192 --> 01:40:51,192

1513
01:40:51,194 --> 01:40:55,194

1514
01:40:55,196 --> 01:40:59,196
โอเค เดี๋ยว

1515
01:40:59,198 --> 01:41:03,198
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:03,201 --> 01:41:07,201
ของเรามัน มันไม่เป็น

1517
01:41:07,204 --> 01:41:11,204
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:11,207 --> 01:41:15,207
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:15,209 --> 01:41:19,209
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:19,210 --> 01:41:23,210
ก็คือเราก้จะมา

1521
01:41:23,211 --> 01:41:27,211
ก็อป Firebase น่ะค่ะ

1522
01:41:27,212 --> 01:41:31,212
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:31,213 --> 01:41:35,213
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:35,214 --> 01:41:39,214
เดิมเรานี่ให้เป้น Thunk

1525
01:41:39,215 --> 01:41:43,215
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:43,217 --> 01:41:47,217
เราจะเอามาใช้งาน

1527
01:41:47,218 --> 01:41:51,218
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:51,219 --> 01:41:55,219
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:55,220 --> 01:41:59,220
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:59,222 --> 01:42:03,222
Thunkable เรามันเป็น Thunkable

1531
01:42:03,223 --> 01:42:07,223
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:07,224 --> 01:42:11,224
ตอนนี้มันเป็น Thunk

1533
01:42:11,229 --> 01:42:15,229
เนื่องจากสัปดาห์หน้า

1534
01:42:15,230 --> 01:42:19,230
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:19,230 --> 01:42:23,230
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:23,232 --> 01:42:27,232
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:27,233 --> 01:42:31,233
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:31,234 --> 01:42:35,234
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:35,235 --> 01:42:39,235
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:39,236 --> 01:42:43,236
แค่อัปเวอร์ชันมัน

1541
01:42:43,236 --> 01:42:47,236
จะนำมาไปใช้ตัวนี้

1542
01:42:47,238 --> 01:42:51,238
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:51,240 --> 01:42:55,240
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:55,242 --> 01:42:59,242
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:59,243 --> 01:43:03,243
สำหรับสัปดาห์นี้

1546
01:43:03,244 --> 01:43:07,244
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:07,245 --> 01:43:11,245
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:11,247 --> 01:43:15,247

1549
01:43:15,248 --> 01:43:19,248
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:19,249 --> 01:43:23,249
อ๋อ...

1551
01:43:23,252 --> 01:43:27,252
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:27,253 --> 01:43:31,253
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:31,254 --> 01:43:35,254

1554
01:43:35,259 --> 01:43:39,259

1555
01:43:39,261 --> 01:43:43,261
Thunkable X

1556
01:43:43,262 --> 01:43:47,262
ทำไมไม่อัปให้เรา

1557
01:43:47,264 --> 01:43:51,264

1558
01:43:51,265 --> 01:43:55,265

1559
01:43:55,266 --> 01:43:59,266

1560
01:43:59,267 --> 01:44:03,267

1561
01:44:03,269 --> 01:44:07,269

1562
01:44:07,271 --> 01:44:10,275

1563
01:44:11,275 --> 01:44:14,277

1564
01:44:15,277 --> 01:44:18,280

1565
01:44:19,280 --> 01:44:19,282

1566
01:44:23,283 --> 01:44:23,287

1567
01:44:35,300 --> 01:44:35,304

1568
01:44:27,288 --> 01:44:27,292

1569
01:44:31,295 --> 01:44:31,299