WEBVTT

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