WEBVTT

1
00:00:00.000 --> 00:00:03.292

2
00:00:04.004 --> 00:00:07.292

3
00:00:08.006 --> 00:00:11.292

4
00:00:12.009 --> 00:00:15.292

5
00:00:16.010 --> 00:00:19.292

6
00:00:20.013 --> 00:00:23.292

7
00:00:24.015 --> 00:00:27.291

8
00:00:28.017 --> 00:00:31.292

9
00:00:32.019 --> 00:00:35.292

10
00:00:36.021 --> 00:00:39.292

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

12
00:00:44.025 --> 00:00:47.292
ใครที่เข้ามาแล้ว

13
00:00:48.027 --> 00:00:51.292
เปิด Google Chrome เรา แล้วก็เข้า

14
00:00:52.028 --> 00:00:55.291
Thunkable เหมือนเดิมนะคะเด็ก ๆ

15
00:00:56.029 --> 00:00:59.292
วันนี้จะพาทำ

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

17
00:01:04.035 --> 00:01:07.292
บางทีทำแอปนะ บางอันเขา

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

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

20
00:01:16.039 --> 00:01:19.295
พิมพ์ Thunkable ของเรา

21
00:01:20.040 --> 00:01:23.292
Thunkable ของเรา

22
00:01:24.042 --> 00:01:27.292

23
00:01:28.044 --> 00:01:31.292
Thunkable

24
00:01:32.048 --> 00:01:35.292

25
00:01:36.053 --> 00:01:39.291

26
00:01:40.054 --> 00:01:43.292
แล้วก็ให้ Login เข้า

27
00:01:44.056 --> 00:01:47.292
จำได้นะ Password ตัวเองอะไรนะ

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

29
00:01:52.059 --> 00:01:55.292
ในครั้งก่อนนะคะ ใช้อะไร ใช้ Google

30
00:01:56.061 --> 00:01:59.292

31
00:02:00.065 --> 00:02:03.292

32
00:02:04.066 --> 00:02:07.292

33
00:02:08.070 --> 00:02:11.292

34
00:02:12.074 --> 00:02:15.291

35
00:02:16.076 --> 00:02:19.292

36
00:02:20.078 --> 00:02:23.292
เข้าผิดอันสะบ่

37
00:02:24.079 --> 00:02:27.291

38
00:02:28.080 --> 00:02:31.291
สงสัย

39
00:02:32.083 --> 00:02:35.292
จะไม่ใช่ตัวนี้

40
00:02:36.087 --> 00:02:39.291
งง ๆ

41
00:02:40.089 --> 00:02:43.292
Google นะ แต่มี 2-3 ตัว

42
00:02:44.090 --> 00:02:47.292
ไม่ออกให้ผมด้วย

43
00:02:48.091 --> 00:02:51.292
ผมจะออกก่อน

44
00:02:52.093 --> 00:02:55.292
เข้าไม่ถูกอันน่ะ

45
00:02:56.094 --> 00:02:59.291

46
00:03:00.096 --> 00:03:03.292

47
00:03:04.097 --> 00:03:07.292
เข้าใหม่

48
00:03:08.099 --> 00:03:11.292
มีหลายตัวจำไม่ได้

49
00:03:12.100 --> 00:03:15.292

50
00:03:16.103 --> 00:03:19.292

51
00:03:20.106 --> 00:03:23.292
โอเค

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

53
00:03:28.110 --> 00:03:31.292
ตัวเดิมตัวเอง Login Thunkable ที่เรา

54
00:03:32.112 --> 00:03:35.292
สร้างไว้นะคะครั้งก่อน

55
00:03:36.113 --> 00:03:39.292
ทีนี้ตัวนี้โปรเจกต์

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

57
00:03:44.115 --> 00:03:47.292
Create new app เลือก New App

58
00:03:48.117 --> 00:03:51.291
ตั้งชื่อเหมือนเดิม

59
00:03:52.118 --> 00:03:55.292
จะตั้งชื่อว่าอะไรครับ

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

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

62
00:04:04.126 --> 00:04:07.292
มันก็จะเป็น

63
00:04:08.127 --> 00:04:11.292

64
00:04:12.130 --> 00:04:15.292
Category

65
00:04:16.133 --> 00:04:19.292
ให้เลือกเป็น Education แล้วกัน

66
00:04:20.134 --> 00:04:23.292

67
00:04:24.136 --> 00:04:27.292

68
00:04:28.139 --> 00:04:31.292

69
00:04:32.141 --> 00:04:35.292

70
00:04:36.143 --> 00:04:39.292

71
00:04:40.145 --> 00:04:43.292

72
00:04:44.146 --> 00:04:47.292

73
00:04:48.149 --> 00:04:51.292

74
00:04:52.151 --> 00:04:55.292

75
00:04:56.153 --> 00:04:59.292

76
00:05:00.154 --> 00:05:03.292

77
00:05:04.157 --> 00:05:07.292

78
00:05:08.159 --> 00:05:11.292

79
00:05:12.161 --> 00:05:15.292

80
00:05:16.163 --> 00:05:19.292

81
00:05:20.165 --> 00:05:23.292

82
00:05:24.168 --> 00:05:27.292

83
00:05:28.169 --> 00:05:31.292

84
00:05:32.171 --> 00:05:35.292

85
00:05:36.174 --> 00:05:39.292

86
00:05:40.176 --> 00:05:43.292

87
00:05:44.177 --> 00:05:47.292

88
00:05:48.179 --> 00:05:51.292

89
00:05:52.182 --> 00:05:55.292

90
00:05:56.184 --> 00:05:59.293

91
00:06:00.186 --> 00:06:03.292

92
00:06:04.188 --> 00:06:07.297

93
00:06:08.190 --> 00:06:11.292

94
00:06:12.192 --> 00:06:15.292

95
00:06:16.195 --> 00:06:19.292

96
00:06:20.197 --> 00:06:23.293

97
00:06:24.201 --> 00:06:27.293

98
00:06:28.203 --> 00:06:31.292

99
00:06:32.204 --> 00:06:35.292

100
00:06:36.207 --> 00:06:39.292

101
00:06:40.209 --> 00:06:43.292

102
00:06:44.211 --> 00:06:47.293

103
00:06:48.215 --> 00:06:51.293

104
00:06:52.217 --> 00:06:55.298

105
00:06:56.218 --> 00:06:59.292

106
00:07:00.220 --> 00:07:03.293

107
00:07:04.223 --> 00:07:07.292

108
00:07:08.225 --> 00:07:11.293

109
00:07:12.228 --> 00:07:15.293

110
00:07:16.231 --> 00:07:19.294

111
00:07:20.235 --> 00:07:23.292

112
00:07:24.238 --> 00:07:27.293

113
00:07:28.239 --> 00:07:31.293

114
00:07:32.241 --> 00:07:35.293

115
00:07:36.243 --> 00:07:39.293

116
00:07:40.246 --> 00:07:43.293

117
00:07:44.248 --> 00:07:47.293

118
00:07:48.249 --> 00:07:51.293

119
00:07:52.252 --> 00:07:55.293

120
00:07:56.257 --> 00:07:59.293

121
00:08:00.260 --> 00:08:03.293

122
00:08:04.263 --> 00:08:07.293

123
00:08:08.265 --> 00:08:11.293

124
00:08:12.267 --> 00:08:15.293

125
00:08:16.268 --> 00:08:19.293

126
00:08:20.271 --> 00:08:23.293

127
00:08:24.273 --> 00:08:27.293

128
00:08:28.275 --> 00:08:31.294

129
00:08:32.276 --> 00:08:35.293

130
00:08:36.278 --> 00:08:39.296

131
00:08:40.280 --> 00:08:43.293

132
00:08:44.282 --> 00:08:47.293

133
00:08:48.284 --> 00:08:51.293

134
00:08:52.285 --> 00:08:55.294

135
00:08:56.288 --> 00:08:59.295

136
00:09:00.290 --> 00:09:03.293

137
00:09:04.292 --> 00:09:07.293

138
00:09:08.295 --> 00:09:11.293

139
00:09:12.308 --> 00:09:16.293

140
00:09:16.311 --> 00:09:20.294

141
00:09:20.311 --> 00:09:24.293

142
00:09:24.313 --> 00:09:28.293
ดูนะ ในรูป

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

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

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

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

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

148
00:09:48.320 --> 00:09:52.299
User name ใช่ไหมลูก

149
00:09:52.321 --> 00:09:56.299
ล็อกอินใช่ไหมคะ

150
00:09:56.322 --> 00:10:00.299
นะคะ มันจะมีสัดส่วน

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

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

153
00:10:08.328 --> 00:10:12.294
แล้วสวยงามไม่ใช่โย้ไปโย้มา

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

155
00:10:16.335 --> 00:10:20.293
ใช้เครื่องมือที่

156
00:10:20.336 --> 00:10:24.293
ชื่อว่า...

157
00:10:24.337 --> 00:10:28.294

158
00:10:28.338 --> 00:10:32.294
Colum

159
00:10:32.339 --> 00:10:36.293
หาคำว่า "Colum"

160
00:10:36.340 --> 00:10:40.293
ขี้เกียจ Sue

161
00:10:40.341 --> 00:10:44.294
-l

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

163
00:10:48.343 --> 00:10:52.297
ลงไป c-o ทำไท

164
00:10:52.345 --> 00:10:56.293
l C-o-l-u-m-e

165
00:10:56.346 --> 00:11:00.294
u-m-e c-o

166
00:11:00.347 --> 00:11:04.294

167
00:11:04.348 --> 00:11:08.294

168
00:11:08.349 --> 00:11:12.294

169
00:11:12.350 --> 00:11:16.294

170
00:11:16.353 --> 00:11:20.294

171
00:11:20.354 --> 00:11:24.294

172
00:11:24.356 --> 00:11:28.294
ไม่มี Coolu

173
00:11:28.357 --> 00:11:32.294

174
00:11:32.359 --> 00:11:36.294
ทำไมล่ะ ๆ มี Componant

175
00:11:36.361 --> 00:11:40.294
ไหนอีกนี่

176
00:11:40.362 --> 00:11:44.293

177
00:11:44.364 --> 00:11:48.294

178
00:11:48.366 --> 00:11:52.294

179
00:11:52.367 --> 00:11:56.294

180
00:11:56.368 --> 00:12:00.296

181
00:12:00.369 --> 00:12:04.294

182
00:12:04.370 --> 00:12:08.295

183
00:12:08.371 --> 00:12:12.294

184
00:12:12.373 --> 00:12:16.294

185
00:12:16.374 --> 00:12:20.294

186
00:12:20.375 --> 00:12:24.295

187
00:12:24.376 --> 00:12:28.295

188
00:12:28.378 --> 00:12:32.294
ดูตัวอย่างเขานะ

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

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

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

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

193
00:12:48.385 --> 00:12:52.295
Image หรืออะไรลูก

194
00:12:52.386 --> 00:12:56.295

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

196
00:13:00.389 --> 00:13:04.294
ตำแหน่งนึกออกนะ

197
00:13:04.390 --> 00:13:08.294
จัดตำแหน่งตรงกลาง

198
00:13:08.392 --> 00:13:12.294
นะคะ

199
00:13:12.393 --> 00:13:16.295
แล้วก็ไปหารูปอะไร

200
00:13:16.394 --> 00:13:20.300
รุปเหมือนคนเลยใช่ไหม

201
00:13:20.396 --> 00:13:24.295

202
00:13:24.398 --> 00:13:28.295

203
00:13:28.400 --> 00:13:32.295

204
00:13:32.401 --> 00:13:36.294
จะมีให้ไหมรูปคน

205
00:13:36.403 --> 00:13:40.294

206
00:13:40.404 --> 00:13:44.295
Thunkable

207
00:13:44.406 --> 00:13:48.305
เราหา เราหาโลโก้รูปแบบน

208
00:13:48.408 --> 00:13:52.295
ไอ้อะไรนะอะไรนะ

209
00:13:52.409 --> 00:13:56.295
ี้

210
00:13:56.411 --> 00:14:00.295
เอาแบบนี้ก็ได้

211
00:14:00.413 --> 00:14:04.295

212
00:14:04.414 --> 00:14:08.296

213
00:14:08.415 --> 00:14:12.295
Search คำว่า "Icon" แล้วก็ล็อกอิน

214
00:14:12.417 --> 00:14:16.296
นะคะ

215
00:14:16.418 --> 00:14:20.295

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

217
00:14:24.421 --> 00:14:28.305
เลือกเอาเลย เอาตัวไหนดี

218
00:14:28.422 --> 00:14:32.298

219
00:14:32.423 --> 00:14:36.300

220
00:14:36.425 --> 00:14:40.297

221
00:14:40.427 --> 00:14:44.294

222
00:14:44.431 --> 00:14:48.295

223
00:14:48.432 --> 00:14:52.295

224
00:14:52.433 --> 00:14:56.296

225
00:14:56.434 --> 00:15:00.294

226
00:15:00.435 --> 00:15:04.295

227
00:15:04.437 --> 00:15:08.295

228
00:15:08.441 --> 00:15:12.295

229
00:15:12.442 --> 00:15:16.295

230
00:15:16.444 --> 00:15:20.295
ได้แล้วนะคะเราจะเอาตัวนี้

231
00:15:20.447 --> 00:15:24.298
ตัวนี้ดีกว่า

232
00:15:24.448 --> 00:15:28.295
ตัวนี้ดีกว่า หาเอาเองนะคะ

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

234
00:15:32.449 --> 00:15:36.295
สมมติจะเอาตัวนี้

235
00:15:36.450 --> 00:15:40.295
ดูด้วยนะ

236
00:15:40.451 --> 00:15:44.295
ฟรี ฟรี ฟรี

237
00:15:44.452 --> 00:15:48.302
Download Image

238
00:15:48.454 --> 00:15:52.295

239
00:15:52.458 --> 00:15:56.302

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

241
00:16:00.462 --> 00:16:04.295
ใช่ไหม

242
00:16:04.463 --> 00:16:08.296
ไหนบอกว่าฟรี

243
00:16:08.464 --> 00:16:12.296

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

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

246
00:16:20.470 --> 00:16:24.295
free downloas

247
00:16:24.472 --> 00:16:28.296
โอเค หาใหม่

248
00:16:28.474 --> 00:16:32.295
ไม่ได้ตัวนี้ ก็ต้องได้ตัวนี้ล่ะนะ

249
00:16:32.475 --> 00:16:36.296

250
00:16:36.477 --> 00:16:40.295
ตัวนี้ก็สวยอยู่นะ

251
00:16:40.478 --> 00:16:44.302
เอาตัวนี้ก็ได้ png ก็พอ

252
00:16:44.480 --> 00:16:48.295

253
00:16:48.482 --> 00:16:52.295
Premium free download

254
00:16:52.483 --> 00:16:56.295

255
00:16:56.485 --> 00:17:00.295
ไปไหนแล้ว

256
00:17:00.486 --> 00:17:04.295
ได้แล้วนะคะ แม่

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

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

259
00:17:12.489 --> 00:17:16.295
ก็ไปที่ Thunkable เรา

260
00:17:16.490 --> 00:17:20.296
แล้วก็ตรงชื่อ Picture นะ

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

262
00:17:24.494 --> 00:17:28.296
Logo loging

263
00:17:28.497 --> 00:17:32.295
ได้แล้วครับ ได้แล้ว

264
00:17:32.500 --> 00:17:36.295
กระผมได้แล้วครับ

265
00:17:36.502 --> 00:17:40.296
เด็ก ๆ ได้หรือยังครับ

266
00:17:40.503 --> 00:17:44.295
ได้แล้วนะคะ

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

268
00:17:48.506 --> 00:17:52.296
ก็คือมีอะไรคะ

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

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

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

272
00:18:04.510 --> 00:18:08.295
User Login แล้วกันนะนะคะ

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

274
00:18:12.513 --> 00:18:16.295
ต่อมาก็คือ lable คะ

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

276
00:18:20.516 --> 00:18:24.296
เห็นไหม Member Login ใช่ไหมคะ เราก็

277
00:18:24.518 --> 00:18:28.296
ใช้ Label ในการสร้าง

278
00:18:28.519 --> 00:18:32.296
ลาก label มาวาง

279
00:18:32.521 --> 00:18:36.296
อยู่ใต้รูปใช่ไหม

280
00:18:36.523 --> 00:18:40.295
แล้วตรง Page นะ เราก็แก้เป็นอะไร

281
00:18:40.524 --> 00:18:44.299
User พิมพ์คำว่า "User"

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

283
00:18:48.527 --> 00:18:52.295
g-i-n

284
00:18:52.529 --> 00:18:56.296
สัญญาณล่าม

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

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

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

288
00:19:08.534 --> 00:19:12.298
ลงไปนะ

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

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

291
00:19:20.538 --> 00:19:24.296
แล้วก็สี เปลี่ยนสีได้

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

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

294
00:19:32.542 --> 00:19:36.295
สีตรงข้าม เข็มอ่อน

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

296
00:19:40.546 --> 00:19:44.297
นะคะ หลักการ User Login

297
00:19:44.548 --> 00:19:48.296
นะคะ ตัวหนาไหม

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

299
00:19:52.550 --> 00:19:56.296

300
00:19:56.556 --> 00:20:00.296
Test Align นะคะ คือ

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

302
00:20:04.563 --> 00:20:08.295
นะคะ

303
00:20:08.564 --> 00:20:12.296
นะคะ 18 เล็กไป เพิ่ม

304
00:20:12.568 --> 00:20:16.296
เพิ่มขนาดได้

305
00:20:16.569 --> 00:20:20.297
เอาเท่าไหร่ 30 โอเคไหม

306
00:20:20.572 --> 00:20:24.296

307
00:20:24.576 --> 00:20:28.297

308
00:20:28.578 --> 00:20:32.296

309
00:20:32.579 --> 00:20:36.296

310
00:20:36.580 --> 00:20:40.297

311
00:20:40.581 --> 00:20:44.297

312
00:20:44.585 --> 00:20:48.296

313
00:20:48.588 --> 00:20:52.296
โอเคนะ

314
00:20:52.591 --> 00:20:56.296
ได้ส่วนของ User login แล้ว

315
00:20:56.593 --> 00:21:00.296
ทำอะไรต่อ

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

317
00:21:04.595 --> 00:21:08.297
Label Label อันนี้

318
00:21:08.598 --> 00:21:12.296

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

320
00:21:16.601 --> 00:21:20.297
ตรงนี้มันคืออะไรนะ ทุกครั้งนะคะ

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

322
00:21:24.604 --> 00:21:28.299
จะได้พอเราไปแก้ code น่ะคะ

323
00:21:28.605 --> 00:21:32.303
เราก็จะได้รู้ Image

324
00:21:32.607 --> 00:21:36.296
Image Image

325
00:21:36.611 --> 00:21:40.296
Icon Image ของเราก็คือ Icon

326
00:21:40.612 --> 00:21:44.296
login

327
00:21:44.613 --> 00:21:48.296
icon login l-o-g-i-n

328
00:21:48.615 --> 00:21:52.299
นะคะ ปุ๊บ

329
00:21:52.617 --> 00:21:56.296
1 2 3 ส่วนที่ 3

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

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

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

333
00:22:08.622 --> 00:22:12.297
2 อันขาว ๆ นี่เห็นนะ

334
00:22:12.623 --> 00:22:16.297
ไอ้ตัวขาว ๆ 2 อันนี้ ไอ้ตัว

335
00:22:16.624 --> 00:22:20.296
เราจะใส่ส่วนที่เรียกว่า

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

337
00:22:24.626 --> 00:22:28.297
ตรง Component เราน่ะ ไปที่...

338
00:22:28.627 --> 00:22:32.296
ถ้าหาไม่เจอพิมพ์ text feel

339
00:22:32.628 --> 00:22:36.296
หรือ Text input

340
00:22:36.629 --> 00:22:40.297
ของ Thunkable มันใช้ Text Input

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

342
00:22:44.632 --> 00:22:48.296
นะคะ เด็ก ๆ อันที่ 1

343
00:22:48.633 --> 00:22:52.296
อันที่ 2 ต่อกัน

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

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

346
00:23:00.639 --> 00:23:04.297
2 อันนะคะ

347
00:23:04.640 --> 00:23:08.296
ขยายขนาดด้วยนะคะ

348
00:23:08.642 --> 00:23:12.297
นะคะ

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

350
00:23:16.645 --> 00:23:20.297
ขนาดมันก็ควรจะเท่ากันนะ

351
00:23:20.646 --> 00:23:24.297

352
00:23:24.647 --> 00:23:28.298

353
00:23:28.651 --> 00:23:32.297

354
00:23:32.654 --> 00:23:36.297
เว้นช่องไฟ

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

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

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

358
00:23:48.664 --> 00:23:52.296

359
00:23:52.665 --> 00:23:56.296

360
00:23:56.667 --> 00:24:00.297
Test Input text input อันแรก

361
00:24:00.668 --> 00:24:04.297
Input 1 นี่เป็นอะไร

362
00:24:04.670 --> 00:24:08.297
ตัวบนนะคะ te

363
00:24:08.671 --> 00:24:12.296
ใส่ Username Text

364
00:24:12.672 --> 00:24:16.297
Input 1 นี่คือ User Name นะ

365
00:24:16.673 --> 00:24:20.297
Text Input Username

366
00:24:20.675 --> 00:24:24.296

367
00:24:24.676 --> 00:24:28.297

368
00:24:28.678 --> 00:24:32.296
นะคะ อันที่ 2

369
00:24:32.680 --> 00:24:36.297
เป็น Password ไหม Password นะคะ

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

371
00:24:40.683 --> 00:24:44.297
นะคะ เวลา Coding

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

373
00:24:48.689 --> 00:24:52.297
Text Input อันที่ 2 ชื่อว่า

374
00:24:52.694 --> 00:24:56.297
password

375
00:24:56.696 --> 00:25:00.297

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

377
00:25:04.698 --> 00:25:08.297
เราได้ 2 ส่วนแล้วนะ ทีนี้

378
00:25:08.700 --> 00:25:12.296
ใน Username

379
00:25:12.701 --> 00:25:16.297
ใน Username มันมีอะไรอยู่ด้วย

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

381
00:25:20.704 --> 00:25:24.298

382
00:25:24.707 --> 00:25:28.297

383
00:25:28.708 --> 00:25:32.316
ในตัวอย่าง ๆ

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

385
00:25:36.713 --> 00:25:40.297
รูปเป็นรูปคนกับรูปลูกกุญแจนะ

386
00:25:40.715 --> 00:25:44.297
เราจะให้มันเห็น icon นี้

387
00:25:44.716 --> 00:25:48.297
ไปที่

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

389
00:25:52.719 --> 00:25:56.298
ใส่เข้าไปในนี้

390
00:25:56.720 --> 00:26:00.297
ใส่ได้ไหม

391
00:26:00.721 --> 00:26:04.297

392
00:26:04.722 --> 00:26:08.297

393
00:26:08.725 --> 00:26:12.297

394
00:26:12.726 --> 00:26:16.297
เดี๋ยวให้ใส่เข้าไป

395
00:26:16.728 --> 00:26:20.298
Text ไหมล่ะ

396
00:26:20.729 --> 00:26:24.297

397
00:26:24.730 --> 00:26:28.298
ไม่ให้ใส่เข้าไปข้างในหรือ

398
00:26:28.731 --> 00:26:32.297
ไม่ให้ใส่ก็วางข้าง ๆ ได้

399
00:26:32.732 --> 00:26:36.297
ก็คือเราก็มี image เล็ก ๆ

400
00:26:36.742 --> 00:26:40.297
2 อันนะคะ

401
00:26:40.743 --> 00:26:44.297

402
00:26:44.745 --> 00:26:48.296

403
00:26:48.746 --> 00:26:52.297
โอเคไหมคะ

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

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

406
00:27:00.750 --> 00:27:04.296
หาต่อสิครับ

407
00:27:04.752 --> 00:27:08.296
รออะไร เมื่อกี้เปิดไว้แล้ ว

408
00:27:08.753 --> 00:27:12.296

409
00:27:12.755 --> 00:27:16.296

410
00:27:16.757 --> 00:27:20.296

411
00:27:20.758 --> 00:27:24.296

412
00:27:24.759 --> 00:27:28.295

413
00:27:28.760 --> 00:27:32.295
Free download เหมือนเดิมนะคะ

414
00:27:32.762 --> 00:27:36.295
รูปต่อไปก็คือ

415
00:27:36.763 --> 00:27:40.296
ก็คือรูปกุญแจ

416
00:27:40.764 --> 00:27:44.295

417
00:27:44.766 --> 00:27:48.295
หาต่อ ๆ

418
00:27:48.770 --> 00:27:52.295
หาต่อ ๆ

419
00:27:52.772 --> 00:27:56.296
แม่กุญแจ กุญแจอยู่ไหนนะ

420
00:27:56.773 --> 00:28:00.296
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

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

422
00:28:04.776 --> 00:28:08.295

423
00:28:08.778 --> 00:28:12.295

424
00:28:12.780 --> 00:28:16.295
หา Log ใช้คำว่า Lock

425
00:28:16.781 --> 00:28:20.294

426
00:28:20.782 --> 00:28:24.294

427
00:28:24.784 --> 00:28:28.300
เอาตัวนี้แล้วกัน

428
00:28:28.785 --> 00:28:32.294
แล้วกัน

429
00:28:32.787 --> 00:28:36.294

430
00:28:36.788 --> 00:28:40.294
เจอตัวไหนเอาก่อนน่ะ

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

432
00:28:44.792 --> 00:28:48.295
ใส่ไปเรื่อย ๆ

433
00:28:48.793 --> 00:28:52.295
ใคร

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

435
00:28:56.798 --> 00:29:00.293
อันที่ 1 รูปแรก

436
00:29:00.799 --> 00:29:04.293
Image1

437
00:29:04.801 --> 00:29:08.293
Picture เลือกอัปโหลดไฟล์

438
00:29:08.802 --> 00:29:12.293
login 1 open

439
00:29:12.803 --> 00:29:16.293

440
00:29:16.805 --> 00:29:20.293

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

442
00:29:24.811 --> 00:29:28.293
มันมันไม่เท่าก็ขยาย

443
00:29:28.812 --> 00:29:32.292
ย่อขยาย

444
00:29:32.815 --> 00:29:36.292
เอานะคะ

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

446
00:29:40.816 --> 00:29:44.292
คลิกที่ชื่อเขา

447
00:29:44.818 --> 00:29:48.295

448
00:29:48.819 --> 00:29:52.292

449
00:29:52.822 --> 00:29:56.292

450
00:29:56.823 --> 00:30:00.292

451
00:30:00.824 --> 00:30:04.292

452
00:30:04.825 --> 00:30:08.292
โอเคนะคะ เขาได้แล้วนะ

453
00:30:08.826 --> 00:30:12.291

454
00:30:12.827 --> 00:30:16.291

455
00:30:16.828 --> 00:30:20.292

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

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

458
00:30:28.833 --> 00:30:32.291

459
00:30:32.839 --> 00:30:36.291

460
00:30:36.849 --> 00:30:40.291
ขนาดมันไม่ได้ เราก็

461
00:30:40.850 --> 00:30:44.291
ยืดได้ หดได้นะ

462
00:30:44.851 --> 00:30:48.291
นะคะ

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

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

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

466
00:31:00.860 --> 00:31:04.292
ไม่ใช่ อีก 2 ส่วนสิ

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

468
00:31:08.863 --> 00:31:12.290

469
00:31:12.866 --> 00:31:16.290

470
00:31:16.868 --> 00:31:20.290
มีส่วนที่เหมือน

471
00:31:20.869 --> 00:31:24.293
กับ forget password

472
00:31:24.872 --> 00:31:28.290
มี Button 1 อันนะคะ ปุ่มกด

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

474
00:31:32.874 --> 00:31:36.290
ส่วนที่มีปิ๊ก ชื่อว่า

475
00:31:36.875 --> 00:31:40.290
Check box เห็นไหมคะ

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

477
00:31:44.878 --> 00:31:48.290
ลากไปวาง

478
00:31:48.879 --> 00:31:52.291
ให้เราได้ chack box แล้ว

479
00:31:52.880 --> 00:31:56.292
แล้วมีอะไรต่อจาก Checkbox

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

481
00:32:00.883 --> 00:32:04.294
Remember me มี Label

482
00:32:04.884 --> 00:32:08.291
เขียนคำว่า " remember

483
00:32:08.886 --> 00:32:12.290
ใส่ Label เข้าไปตรงนี้

484
00:32:12.887 --> 00:32:16.289
นะคะ พิมพ์คำว่า

485
00:32:16.888 --> 00:32:20.289
"Remember me" R-e Remember

486
00:32:20.889 --> 00:32:24.289

487
00:32:24.890 --> 00:32:28.289
b-e-r member

488
00:32:28.893 --> 00:32:32.289
แล้วมี me m-e นะคะ

489
00:32:32.894 --> 00:32:36.289

490
00:32:36.897 --> 00:32:40.289
เดี๋ยวเปลี่ยน font ก่อนสี

491
00:32:40.900 --> 00:32:44.289

492
00:32:44.901 --> 00:32:48.289
เห็นไหมคะ

493
00:32:48.904 --> 00:32:52.289
เห็นหรือเปล่า

494
00:32:52.905 --> 00:32:56.289
อะไรอีกนะ มีอะไรอีก

495
00:32:56.906 --> 00:33:00.289
มีอะไรอีก กดผิด แล้วก็มี

496
00:33:00.907 --> 00:33:04.289
for got password

497
00:33:04.917 --> 00:33:08.289
Forgot Password มันเป็นเหมือน Text Link น่ะ

498
00:33:08.919 --> 00:33:12.289
เราต้องใช้ตัว...

499
00:33:12.920 --> 00:33:16.288

500
00:33:16.922 --> 00:33:20.289

501
00:33:20.924 --> 00:33:24.289

502
00:33:24.926 --> 00:33:28.288
label

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

504
00:33:32.929 --> 00:33:36.288
ตอนเชื่อมนะ

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

506
00:33:40.932 --> 00:33:44.288
แล้วค่อยใส่ลิงก์นะคะ

507
00:33:44.933 --> 00:33:48.291
ตัวนี้

508
00:33:48.934 --> 00:33:52.288
Label นี้ ใส่คำว่า พื้นที่

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

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

511
00:34:00.939 --> 00:34:04.288
ใส่ for got password ไม่ได้

512
00:34:04.940 --> 00:34:08.288
ลดลง 14 พอ

513
00:34:08.944 --> 00:34:12.288
โอเค Remember me เหลือ 14 นะคะ

514
00:34:12.946 --> 00:34:16.288
แล้วก็

515
00:34:16.947 --> 00:34:20.288

516
00:34:20.949 --> 00:34:24.288
Forgot Password นะเด็ก ๆ

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

518
00:34:28.953 --> 00:34:32.288
นะคะ  f-o-r

519
00:34:32.955 --> 00:34:36.287
fot got

520
00:34:36.957 --> 00:34:40.287
g-o-t got

521
00:34:40.960 --> 00:34:44.287
จำไม่ได้ ช่วงนี้สงสมองไม่ค่อยจำ

522
00:34:44.962 --> 00:34:48.287
forgot

523
00:34:48.963 --> 00:34:52.287
แล้วก็ password

524
00:34:52.964 --> 00:34:56.287
Forgot แล้วก็ P

525
00:34:56.965 --> 00:35:00.287
P-a-s-s Pass W-

526
00:35:00.968 --> 00:35:04.289
o-r-d แล้วก้ตามด้วย

527
00:35:04.970 --> 00:35:08.287
เครื่องหมายคำถาม

528
00:35:08.971 --> 00:35:12.287
Forgot Password ก็ลดไซซ์

529
00:35:12.972 --> 00:35:16.287
ให้พอ ๆ กันไอ้นี่ล่ะนะ ไอ้ Remember me

530
00:35:16.973 --> 00:35:20.287
ก็คือ 14 ทำ ไซ

531
00:35:20.975 --> 00:35:24.287
แล้วก็สี

532
00:35:24.976 --> 00:35:28.286

533
00:35:28.978 --> 00:35:32.286

534
00:35:32.980 --> 00:35:36.287
สีแจ่มว้าวขึ้นมาหน่อย

535
00:35:36.981 --> 00:35:40.286
ให้เห็นความแตกต่าง

536
00:35:40.982 --> 00:35:44.287
ตำแหน่งควรจะตรง ๆ กัน

537
00:35:44.983 --> 00:35:48.287
No No No ตำแหน่งไม่ค่อยได้

538
00:35:48.986 --> 00:35:52.286
เดี๋ยวเลื่อนอีกนิดหนึ่ง

539
00:35:52.989 --> 00:35:56.286
color

540
00:35:56.991 --> 00:36:00.290
เอาสีอะไร เอาสี...

541
00:36:00.995 --> 00:36:04.287
สีเหลือง สีเขียว สีฟ้า

542
00:36:04.996 --> 00:36:08.286
โอเค

543
00:36:08.997 --> 00:36:12.286
โอเคแล้วนะ

544
00:36:12.998 --> 00:36:16.286

545
00:36:16.999 --> 00:36:20.286

546
00:36:21.001 --> 00:36:24.287
นะคะ

547
00:36:25.003 --> 00:36:28.286
โอเคนะ อันสุดท้ายคืออะไรคะ

548
00:36:29.004 --> 00:36:32.286
Login ใช่ไหม ปุ่ม

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

550
00:36:37.006 --> 00:36:40.287
ดูนะคะเราไปเลือก botton

551
00:36:41.007 --> 00:36:44.286
คลิก button แล้วลง

552
00:36:45.008 --> 00:36:48.286
ด้านล่างสุดใช่ไหม

553
00:36:49.009 --> 00:36:52.286
Button

554
00:36:53.010 --> 00:36:56.287
นี้

555
00:36:57.012 --> 00:37:00.285
พิมพ์คำว่า "Login" เข้าไป

556
00:37:01.013 --> 00:37:04.286
L-O ตัวใหญ่เลย L-O-G-

557
00:37:05.015 --> 00:37:08.288
i-n Login

558
00:37:09.016 --> 00:37:12.289
สีเอาสีอะไร

559
00:37:13.017 --> 00:37:16.286
ไปที่ Background นะ

560
00:37:17.018 --> 00:37:20.287
เลือกสีค่ะ สีปุ่ม

561
00:37:21.019 --> 00:37:24.286
มีความ

562
00:37:25.020 --> 00:37:28.286
แซ่บเบอร์ 10

563
00:37:29.021 --> 00:37:32.286
sab...

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

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

566
00:37:41.027 --> 00:37:44.289

567
00:37:45.028 --> 00:37:48.287

568
00:37:49.029 --> 00:37:52.287

569
00:37:53.031 --> 00:37:56.287

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

571
00:38:01.036 --> 00:38:04.290
แต่ตัวอักษรเขาจะเอา

572
00:38:05.037 --> 00:38:08.287
สีเข้ม ๆ นะครับ Color Color Color

573
00:38:09.038 --> 00:38:12.288
Text Color

574
00:38:13.039 --> 00:38:16.287
นะคะ สี...

575
00:38:17.041 --> 00:38:20.287

576
00:38:21.043 --> 00:38:24.293
สีม่วง

577
00:38:25.045 --> 00:38:28.288
โอเค

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

579
00:38:33.051 --> 00:38:36.288

580
00:38:37.054 --> 00:38:40.289
โอเคนะคะ

581
00:38:41.057 --> 00:38:44.288
ตัวนี้

582
00:38:45.058 --> 00:38:48.288
อยากได้เป็นโค้ง ๆ โค้งมากโค้งน้อยแก้

583
00:38:49.059 --> 00:38:52.289
ตรง

584
00:38:53.061 --> 00:38:56.289
Border ใช่ไหมคะ

585
00:38:57.062 --> 00:39:00.289
Ladian น่ะ

586
00:39:01.063 --> 00:39:04.289
ความ

587
00:39:05.067 --> 00:39:08.289
โค้งมนของวัตถุ

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

589
00:39:13.072 --> 00:39:16.289
โอเคไหม

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

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

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

593
00:39:29.081 --> 00:39:32.289
ก็คือพอใส่ชื่อลงไปนะคะ

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

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

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

597
00:39:45.088 --> 00:39:48.290
มันครบหรือยัง ตรงไหนลูก

598
00:39:49.090 --> 00:39:52.290

599
00:39:53.093 --> 00:39:56.290

600
00:39:57.094 --> 00:40:00.290
อ๋อ Remember me

601
00:40:01.095 --> 00:40:04.290
Forget Password ใช้ Label ธรรมดา ใช่ ๆ

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

603
00:40:09.098 --> 00:40:12.290
ในโค้ดน่ะ

604
00:40:13.098 --> 00:40:16.290
ยัง ๆ ๆ มันจะไปทำ

605
00:40:17.099 --> 00:40:20.291
ตอนเราสั่งมันน่ะ โอเคนะ

606
00:40:21.100 --> 00:40:24.291

607
00:40:25.103 --> 00:40:28.291

608
00:40:29.105 --> 00:40:32.291

609
00:40:33.108 --> 00:40:36.291

610
00:40:37.114 --> 00:40:40.291

611
00:40:41.118 --> 00:40:44.291

612
00:40:45.120 --> 00:40:48.291

613
00:40:49.122 --> 00:40:52.291

614
00:40:53.124 --> 00:40:56.291

615
00:40:57.125 --> 00:41:00.291

616
00:41:01.128 --> 00:41:04.291

617
00:41:05.135 --> 00:41:08.294

618
00:41:09.137 --> 00:41:12.292

619
00:41:13.139 --> 00:41:16.292

620
00:41:17.141 --> 00:41:20.292

621
00:41:21.143 --> 00:41:24.292

622
00:41:25.146 --> 00:41:28.292

623
00:41:29.148 --> 00:41:32.292

624
00:41:33.150 --> 00:41:36.292

625
00:41:37.152 --> 00:41:40.294

626
00:41:41.155 --> 00:41:44.292

627
00:41:45.156 --> 00:41:48.292

628
00:41:49.157 --> 00:41:52.292

629
00:41:53.161 --> 00:41:56.292

630
00:41:57.165 --> 00:42:00.293

631
00:42:01.166 --> 00:42:04.292

632
00:42:05.168 --> 00:42:08.292

633
00:42:09.170 --> 00:42:12.293

634
00:42:13.172 --> 00:42:16.293

635
00:42:17.174 --> 00:42:20.293

636
00:42:21.176 --> 00:42:24.293

637
00:42:25.178 --> 00:42:28.293
ดู อันที่ 2 ใบเตยต้องใส่

638
00:42:29.180 --> 00:42:32.293
label คำว่า login

639
00:42:33.182 --> 00:42:36.293
นะลูกนะ เห็นหรือเปล่า

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

641
00:42:41.184 --> 00:42:44.297
ส่วนที่ 3 กับ 4

642
00:42:45.185 --> 00:42:48.294
ช่องที่ 3 กับ 4 ใช้ text input

643
00:42:49.187 --> 00:42:52.294
ลาก Text Input

644
00:42:53.188 --> 00:42:56.294
ไปวาง 2 อัน

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

646
00:43:01.190 --> 00:43:04.294

647
00:43:05.192 --> 00:43:08.294
ก็เปลี่ยนเป็น User

648
00:43:09.195 --> 00:43:12.293

649
00:43:13.197 --> 00:43:16.294

650
00:43:17.199 --> 00:43:20.294

651
00:43:21.201 --> 00:43:24.294
มันตรงส่วนเชื่อน่ะ

652
00:43:25.202 --> 00:43:28.294
มันมีหลายตัวนะคะ เขาบอก

653
00:43:29.203 --> 00:43:32.294
บางคนเขาก็ใช้ Firebase

654
00:43:33.205 --> 00:43:36.294
mt อะไรหว่า

655
00:43:37.206 --> 00:43:40.294
เดี๋ยวดูก่อน

656
00:43:41.207 --> 00:43:44.295
นะคะ เดี๋ยวระหว่างรอเพื่อน

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

658
00:43:49.210 --> 00:43:52.294
text input อันที่

659
00:43:53.210 --> 00:43:56.296
3 กับ 4 นี่

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

661
00:44:01.212 --> 00:44:04.295
และก็เอารูปมาใส่

662
00:44:05.213 --> 00:44:08.295
ตรง 2 อันนี้ อันที่

663
00:44:09.214 --> 00:44:12.295
3 กับ 4 อันที่ 3 กับอันที่ 4

664
00:44:13.215 --> 00:44:16.295

665
00:44:17.218 --> 00:44:20.295

666
00:44:21.220 --> 00:44:24.295

667
00:44:25.226 --> 00:44:28.295

668
00:44:29.228 --> 00:44:32.295

669
00:44:33.232 --> 00:44:36.295

670
00:44:37.238 --> 00:44:40.295

671
00:44:41.240 --> 00:44:44.295

672
00:44:45.241 --> 00:44:48.295

673
00:44:49.244 --> 00:44:52.295

674
00:44:53.256 --> 00:44:56.296

675
00:44:57.258 --> 00:45:00.295

676
00:45:01.264 --> 00:45:04.295

677
00:45:05.268 --> 00:45:08.295

678
00:45:09.272 --> 00:45:12.295

679
00:45:13.273 --> 00:45:16.296

680
00:45:17.275 --> 00:45:20.296

681
00:45:21.278 --> 00:45:24.296

682
00:45:25.280 --> 00:45:28.296

683
00:45:29.282 --> 00:45:32.296

684
00:45:33.285 --> 00:45:36.296

685
00:45:37.286 --> 00:45:40.296

686
00:45:41.289 --> 00:45:44.296

687
00:45:45.290 --> 00:45:48.296

688
00:45:49.293 --> 00:45:52.296

689
00:45:53.297 --> 00:45:56.296

690
00:45:57.300 --> 00:46:01.296

691
00:46:01.302 --> 00:46:05.297

692
00:46:05.307 --> 00:46:09.300

693
00:46:09.312 --> 00:46:13.298

694
00:46:13.316 --> 00:46:17.296

695
00:46:17.317 --> 00:46:21.297

696
00:46:21.319 --> 00:46:25.300

697
00:46:25.320 --> 00:46:29.297

698
00:46:29.322 --> 00:46:33.297

699
00:46:33.324 --> 00:46:37.297

700
00:46:37.327 --> 00:46:41.297

701
00:46:41.331 --> 00:46:45.297

702
00:46:45.334 --> 00:46:49.297

703
00:46:49.339 --> 00:46:53.297

704
00:46:53.341 --> 00:46:57.303

705
00:46:57.342 --> 00:47:01.297

706
00:47:01.344 --> 00:47:05.298

707
00:47:05.347 --> 00:47:09.297

708
00:47:09.355 --> 00:47:13.297

709
00:47:13.356 --> 00:47:17.297

710
00:47:17.358 --> 00:47:21.298

711
00:47:21.360 --> 00:47:25.305

712
00:47:25.362 --> 00:47:29.309

713
00:47:29.364 --> 00:47:33.297

714
00:47:33.365 --> 00:47:37.297

715
00:47:37.366 --> 00:47:41.297

716
00:47:41.368 --> 00:47:45.301

717
00:47:45.369 --> 00:47:49.298

718
00:47:49.371 --> 00:47:53.297

719
00:47:53.373 --> 00:47:57.298

720
00:47:57.375 --> 00:48:01.298

721
00:48:01.376 --> 00:48:05.298

722
00:48:05.378 --> 00:48:09.298

723
00:48:09.379 --> 00:48:13.298

724
00:48:13.381 --> 00:48:17.299

725
00:48:17.384 --> 00:48:21.298

726
00:48:21.385 --> 00:48:25.308

727
00:48:25.388 --> 00:48:29.298

728
00:48:29.390 --> 00:48:33.299

729
00:48:33.392 --> 00:48:37.301

730
00:48:37.393 --> 00:48:41.298

731
00:48:41.397 --> 00:48:45.298

732
00:48:45.400 --> 00:48:49.299

733
00:48:49.401 --> 00:48:53.311

734
00:48:53.402 --> 00:48:57.300

735
00:48:57.403 --> 00:49:01.299

736
00:49:01.405 --> 00:49:05.299

737
00:49:05.407 --> 00:49:09.298

738
00:49:09.408 --> 00:49:13.300

739
00:49:13.410 --> 00:49:17.298

740
00:49:17.412 --> 00:49:21.299

741
00:49:21.413 --> 00:49:25.299

742
00:49:25.415 --> 00:49:29.300

743
00:49:29.416 --> 00:49:33.300

744
00:49:33.417 --> 00:49:37.303

745
00:49:37.418 --> 00:49:41.303

746
00:49:41.419 --> 00:49:45.299

747
00:49:45.420 --> 00:49:49.299

748
00:49:49.421 --> 00:49:53.299

749
00:49:53.423 --> 00:49:57.300

750
00:49:57.424 --> 00:50:01.299

751
00:50:01.425 --> 00:50:05.300

752
00:50:05.427 --> 00:50:09.309
โอเคไหมคะ ได้องค์ประกอบ

753
00:50:09.428 --> 00:50:13.301
ตัวนี้แล้วนะ เสร็จแล้วทีนี้

754
00:50:13.429 --> 00:50:17.300
สิ่งที่เราจะต้องทำเพิ่ม

755
00:50:17.430 --> 00:50:21.300

756
00:50:21.435 --> 00:50:25.303

757
00:50:25.436 --> 00:50:29.300

758
00:50:29.437 --> 00:50:33.301

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

760
00:50:37.443 --> 00:50:41.300
ที่เข้าใช่นะ

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

762
00:50:45.445 --> 00:50:49.299
"Firebase" นะคะ มันจะเป็นของต

763
00:50:49.446 --> 00:50:53.300

764
00:50:53.447 --> 00:50:57.305
F-i-n-d B-

765
00:50:57.448 --> 00:51:01.300
a-s-e

766
00:51:01.449 --> 00:51:05.302

767
00:51:05.451 --> 00:51:09.300
Find Base อยู่ไหน

768
00:51:09.454 --> 00:51:13.300
นี่ ๆ Firebase

769
00:51:13.456 --> 00:51:17.300
.google.com

770
00:51:17.457 --> 00:51:21.301
ให้เราหา Fire

771
00:51:21.458 --> 00:51:25.300
เจอไหม พิมพ์ F-i-r-e-

772
00:51:25.459 --> 00:51:29.300

773
00:51:29.460 --> 00:51:33.307
ให้

774
00:51:33.462 --> 00:51:37.300
ไปที่เว็บ Firebase.google.com นะคะ

775
00:51:37.463 --> 00:51:41.300

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

777
00:51:45.467 --> 00:51:49.300
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

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

779
00:51:53.469 --> 00:51:57.303
เราจะต้องกด

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

781
00:52:01.473 --> 00:52:05.303
ตอนนี้เปิดมาที่ fins bese หร

782
00:52:05.475 --> 00:52:09.301

783
00:52:09.478 --> 00:52:13.308

784
00:52:13.479 --> 00:52:17.300

785
00:52:17.481 --> 00:52:21.301

786
00:52:21.485 --> 00:52:25.304

787
00:52:25.486 --> 00:52:29.301

788
00:52:29.487 --> 00:52:33.302

789
00:52:33.489 --> 00:52:37.301

790
00:52:37.490 --> 00:52:41.301

791
00:52:41.491 --> 00:52:45.301

792
00:52:45.493 --> 00:52:49.300

793
00:52:49.494 --> 00:52:53.301

794
00:52:53.496 --> 00:52:57.300
เพราะ

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

796
00:53:01.498 --> 00:53:05.301

797
00:53:05.501 --> 00:53:09.301
เขาจะ Login

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

799
00:53:13.503 --> 00:53:17.301
ตั้งแต่ตอนที่เราใช้ตัวนััน

800
00:53:17.504 --> 00:53:21.302
ให้ไปเลือกอะไร เลือก Create

801
00:53:21.505 --> 00:53:25.301
a New projects ค่ะ

802
00:53:25.506 --> 00:53:29.301
เห็นไหมคะสร้าง projex

803
00:53:29.508 --> 00:53:33.301

804
00:53:33.510 --> 00:53:37.304
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37.511 --> 00:53:41.301
enter your pro

806
00:53:41.513 --> 00:53:45.301
เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

807
00:53:45.514 --> 00:53:49.301
Firebase

808
00:53:49.516 --> 00:53:53.302
อะไรนะ login นะ

809
00:53:53.518 --> 00:53:57.302
ทำไมมันไม่ให้พิมพ์

810
00:53:57.519 --> 00:54:01.301
L-o-g-i-n นะคะ

811
00:54:01.520 --> 00:54:05.301

812
00:54:05.521 --> 00:54:09.301

813
00:54:09.522 --> 00:54:13.301

814
00:54:13.523 --> 00:54:17.301
เราต้องยอมรับก่อนนะติ๊กยอม

815
00:54:17.524 --> 00:54:21.301
ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

816
00:54:21.525 --> 00:54:25.303
แล้วก็กด Continue

817
00:54:25.527 --> 00:54:29.302

818
00:54:29.528 --> 00:54:33.303

819
00:54:33.530 --> 00:54:37.303
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytic

820
00:54:37.531 --> 00:54:41.302
นะคะ for your

821
00:54:41.532 --> 00:54:45.301
file bet project

822
00:54:45.535 --> 00:54:49.302
เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

823
00:54:49.537 --> 00:54:53.302

824
00:54:53.539 --> 00:54:57.302
แล้วเราก็ถาม

825
00:54:57.540 --> 00:55:01.302
ว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

826
00:55:01.542 --> 00:55:05.301
T-h

827
00:55:05.543 --> 00:55:09.302

828
00:55:09.545 --> 00:55:13.301
แล้วก็ต้องติ๊กยอมรับ

829
00:55:13.546 --> 00:55:17.301
I Accept

830
00:55:17.549 --> 00:55:21.301
เลือก

831
00:55:21.550 --> 00:55:25.308
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

832
00:55:25.553 --> 00:55:29.302
ได้เลย

833
00:55:29.554 --> 00:55:33.302
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

834
00:55:33.556 --> 00:55:37.302
มันกำลังจะสร้างให้เรา เขากำลังจะหา...

835
00:55:37.557 --> 00:55:41.309
มันเป็นเหมือน Database

836
00:55:41.558 --> 00:55:45.308
แต่ออนไลน์ เราก็ต้องรอจนกว่า

837
00:55:45.564 --> 00:55:49.302
ไอ้เจ้านี่มันหมุนจนครบ

838
00:55:49.566 --> 00:55:53.302

839
00:55:53.569 --> 00:55:57.302

840
00:55:57.570 --> 00:56:01.307

841
00:56:01.573 --> 00:56:05.302

842
00:56:05.575 --> 00:56:09.302

843
00:56:09.576 --> 00:56:13.314

844
00:56:13.577 --> 00:56:17.319

845
00:56:17.578 --> 00:56:21.302

846
00:56:21.580 --> 00:56:25.302

847
00:56:25.582 --> 00:56:29.307

848
00:56:29.585 --> 00:56:33.304

849
00:56:33.588 --> 00:56:37.302

850
00:56:37.590 --> 00:56:41.308

851
00:56:41.591 --> 00:56:45.303

852
00:56:45.592 --> 00:56:49.312

853
00:56:49.593 --> 00:56:53.302

854
00:56:53.594 --> 00:56:57.302

855
00:56:57.595 --> 00:57:01.303

856
00:57:01.596 --> 00:57:05.303

857
00:57:05.597 --> 00:57:09.304

858
00:57:09.598 --> 00:57:13.307

859
00:57:13.599 --> 00:57:17.304

860
00:57:17.600 --> 00:57:21.311

861
00:57:21.602 --> 00:57:25.304

862
00:57:25.604 --> 00:57:29.304

863
00:57:29.605 --> 00:57:33.302

864
00:57:33.606 --> 00:57:37.302

865
00:57:37.609 --> 00:57:41.303

866
00:57:41.610 --> 00:57:45.303

867
00:57:45.613 --> 00:57:49.303

868
00:57:49.614 --> 00:57:53.303

869
00:57:53.616 --> 00:57:57.303

870
00:57:57.618 --> 00:58:01.303

871
00:58:01.621 --> 00:58:05.305

872
00:58:05.622 --> 00:58:09.303
บางคนอยู่หน้า

873
00:58:09.625 --> 00:58:13.304
your new project ready แล้ว

874
00:58:13.626 --> 00:58:17.304

875
00:58:17.628 --> 00:58:21.303
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

876
00:58:21.631 --> 00:58:25.303

877
00:58:25.632 --> 00:58:29.303

878
00:58:29.633 --> 00:58:33.303

879
00:58:33.635 --> 00:58:37.304

880
00:58:37.636 --> 00:58:41.304

881
00:58:41.637 --> 00:58:45.304

882
00:58:45.638 --> 00:58:49.306

883
00:58:49.639 --> 00:58:53.306

884
00:58:53.642 --> 00:58:57.303

885
00:58:57.643 --> 00:59:01.306

886
00:59:01.649 --> 00:59:05.304

887
00:59:05.653 --> 00:59:09.303

888
00:59:09.659 --> 00:59:13.304

889
00:59:13.662 --> 00:59:17.304

890
00:59:17.663 --> 00:59:21.303
ต่อไปนะคะ

891
00:59:21.666 --> 00:59:25.304
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือ

892
00:59:25.668 --> 00:59:29.305
ซ้ายมือนะ

893
00:59:29.671 --> 00:59:33.303
คลิกที่ Build

894
00:59:33.672 --> 00:59:37.303
เห็นไหมคะ

895
00:59:37.674 --> 00:59:41.304
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

896
00:59:41.675 --> 00:59:45.310
มีมอนิเตอร์มีอนารีเกต

897
00:59:45.676 --> 00:59:49.305
ีมี endgrade เราไปคลิกที่

898
00:59:49.677 --> 00:59:53.303
ไอ้รูป...

899
00:59:53.687 --> 00:59:57.304

900
00:59:57.688 --> 01:00:01.304

901
01:00:01.694 --> 01:00:05.304

902
01:00:05.695 --> 01:00:09.304
รูป

903
01:00:09.697 --> 01:00:13.303
ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

904
01:00:13.699 --> 01:00:17.303
แล้วคลิกที่ All tintication

905
01:00:17.702 --> 01:00:21.304
คลิก 1 ครั้ง

906
01:00:21.704 --> 01:00:25.304
มันจะเข้ามาที่

907
01:00:25.707 --> 01:00:29.304
หน้า Authetication ใช่ไหมคะ

908
01:00:29.708 --> 01:00:33.304
เราก็คลิก get start

909
01:00:33.709 --> 01:00:37.303

910
01:00:37.710 --> 01:00:41.305

911
01:00:41.713 --> 01:00:45.303

912
01:00:45.714 --> 01:00:49.304
ทีนี้

913
01:00:49.715 --> 01:00:53.316
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53.716 --> 01:00:57.305
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

915
01:00:57.717 --> 01:01:01.304
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

916
01:01:01.718 --> 01:01:05.304
เราใช้ Username ก็คื

917
01:01:05.719 --> 01:01:09.305
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09.720 --> 01:01:13.305
Enable

919
01:01:13.721 --> 01:01:17.305
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17.722 --> 01:01:21.305
ใช้...

921
01:01:21.723 --> 01:01:25.306

922
01:01:25.725 --> 01:01:29.306
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29.725 --> 01:01:33.305
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33.726 --> 01:01:37.305
แล้วใช้เบอร์โทรศัพท์

925
01:01:37.727 --> 01:01:41.310
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41.728 --> 01:01:45.306
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45.730 --> 01:01:49.306
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49.731 --> 01:01:53.306
login ด้วยตัวไหน

929
01:01:53.732 --> 01:01:57.316
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

930
01:01:57.733 --> 01:02:01.307
เห็นไหมคะ เรามี Password ด้วยใช่ไหม

931
01:02:01.735 --> 01:02:05.312
เราก็เลือกตัวนี้ และเราก็คลิก

932
01:02:05.736 --> 01:02:09.309
nable

933
01:02:09.737 --> 01:02:13.307
เพราะเรามี 2 ตัวนะ

934
01:02:13.741 --> 01:02:17.307
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17.742 --> 01:02:21.308

936
01:02:21.743 --> 01:02:25.311
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25.744 --> 01:02:29.307
Allten ที่

938
01:02:29.747 --> 01:02:33.308
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33.754 --> 01:02:37.308
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37.755 --> 01:02:41.308
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41.756 --> 01:02:45.308
Anominus

942
01:02:45.757 --> 01:02:49.309
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49.759 --> 01:02:53.309
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53.760 --> 01:02:57.309

945
01:02:57.768 --> 01:03:01.309

946
01:03:01.770 --> 01:03:05.309

947
01:03:05.771 --> 01:03:09.309

948
01:03:09.772 --> 01:03:13.309

949
01:03:13.775 --> 01:03:17.309

950
01:03:17.776 --> 01:03:21.309

951
01:03:21.779 --> 01:03:25.310

952
01:03:25.780 --> 01:03:29.316

953
01:03:29.783 --> 01:03:33.312

954
01:03:33.784 --> 01:03:37.310

955
01:03:37.785 --> 01:03:41.310

956
01:03:41.787 --> 01:03:45.310

957
01:03:45.790 --> 01:03:49.310

958
01:03:49.792 --> 01:03:53.311

959
01:03:53.793 --> 01:03:57.311

960
01:03:57.794 --> 01:04:01.311

961
01:04:01.796 --> 01:04:05.311

962
01:04:05.797 --> 01:04:09.311

963
01:04:09.800 --> 01:04:13.311

964
01:04:13.801 --> 01:04:17.311

965
01:04:17.804 --> 01:04:21.312

966
01:04:21.806 --> 01:04:25.313

967
01:04:25.808 --> 01:04:29.312

968
01:04:29.810 --> 01:04:33.312

969
01:04:33.813 --> 01:04:37.313

970
01:04:37.814 --> 01:04:41.312

971
01:04:41.815 --> 01:04:45.312

972
01:04:45.819 --> 01:04:49.312

973
01:04:49.822 --> 01:04:53.313

974
01:04:53.824 --> 01:04:57.312
อันนี้ พอเราย้อนกลับมานะคะ

975
01:04:57.825 --> 01:05:01.312
มาดู

976
01:05:01.826 --> 01:05:05.313
ตรงบิ้ว

977
01:05:05.827 --> 01:05:09.313

978
01:05:09.828 --> 01:05:13.313

979
01:05:13.830 --> 01:05:17.313
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

980
01:05:17.831 --> 01:05:21.313
มันจะขึ้นว่าสถานะตรงนี้

981
01:05:21.832 --> 01:05:25.317
Project overview

982
01:05:25.833 --> 01:05:29.313
แล้วเลือก Project Setting

983
01:05:29.834 --> 01:05:33.313
No No No

984
01:05:33.835 --> 01:05:37.314
มันจะเข้ามาที่หน้าที่ Project seting

985
01:05:37.836 --> 01:05:41.314
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

986
01:05:41.837 --> 01:05:45.314
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

987
01:05:45.840 --> 01:05:49.314
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

988
01:05:49.841 --> 01:05:53.315
มันเพราะตอนนี้มันบอกว่าเรา

989
01:05:53.843 --> 01:05:57.314
เรา ยังไม่มีแอปในโปรเจกนี้

990
01:05:57.845 --> 01:06:01.315
เราก็ต้องไปที่แอปของเรา

991
01:06:01.846 --> 01:06:05.315
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

992
01:06:05.849 --> 01:06:09.314
เห็นไหมคะ

993
01:06:09.851 --> 01:06:13.315
มันมี ids แล้วก็มีรู้ Printer

994
01:06:13.852 --> 01:06:17.315
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

995
01:06:17.853 --> 01:06:21.315
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

996
01:06:21.854 --> 01:06:25.315

997
01:06:25.856 --> 01:06:29.315

998
01:06:29.858 --> 01:06:33.316

999
01:06:33.860 --> 01:06:37.316
ตรงตำแหน่งนี้ My Web app นี่

1000
01:06:37.861 --> 01:06:41.316
คืออะไร เราต้องไปหน้าที่เราทำ

1001
01:06:41.865 --> 01:06:45.316

1002
01:06:45.867 --> 01:06:49.316

1003
01:06:49.869 --> 01:06:53.316
ของเราก็คือ E-Book ไหมคะ

1004
01:06:53.870 --> 01:06:57.316
มันจะใช้ว่าอะไรอันไหนไม่ใช้

1005
01:06:57.872 --> 01:07:01.322
จะปิดแล้วนะ

1006
01:07:01.873 --> 01:07:05.323

1007
01:07:05.877 --> 01:07:09.319

1008
01:07:09.879 --> 01:07:13.316
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

1009
01:07:13.880 --> 01:07:17.317
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค

1010
01:07:17.883 --> 01:07:21.316
เข้าใจนะ พิมพ์ลงไปนะคะ

1011
01:07:21.887 --> 01:07:25.317
E

1012
01:07:25.891 --> 01:07:29.317

1013
01:07:29.894 --> 01:07:33.317

1014
01:07:33.895 --> 01:07:37.317
เดี๋ยว

1015
01:07:37.896 --> 01:07:41.317
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

1016
01:07:41.897 --> 01:07:45.317
Ebook นะคะ

1017
01:07:45.899 --> 01:07:49.317
นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

1018
01:07:49.900 --> 01:07:53.318
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

1019
01:07:53.901 --> 01:07:57.317
แล้วก็พิมพ์ลงไป

1020
01:07:57.902 --> 01:08:01.317

1021
01:08:01.903 --> 01:08:05.318

1022
01:08:05.904 --> 01:08:09.317

1023
01:08:09.906 --> 01:08:13.318

1024
01:08:13.907 --> 01:08:17.318

1025
01:08:17.908 --> 01:08:21.318

1026
01:08:21.912 --> 01:08:25.318

1027
01:08:25.914 --> 01:08:29.318

1028
01:08:29.916 --> 01:08:33.318

1029
01:08:33.918 --> 01:08:37.318

1030
01:08:37.919 --> 01:08:41.319

1031
01:08:41.922 --> 01:08:45.319

1032
01:08:45.924 --> 01:08:49.319

1033
01:08:49.927 --> 01:08:53.319

1034
01:08:53.929 --> 01:08:57.319

1035
01:08:57.930 --> 01:09:01.319

1036
01:09:01.933 --> 01:09:05.319

1037
01:09:05.935 --> 01:09:09.319

1038
01:09:09.937 --> 01:09:13.319

1039
01:09:13.941 --> 01:09:17.319

1040
01:09:17.944 --> 01:09:21.319

1041
01:09:21.946 --> 01:09:25.319

1042
01:09:25.947 --> 01:09:29.321

1043
01:09:29.950 --> 01:09:33.320

1044
01:09:33.955 --> 01:09:37.320

1045
01:09:37.957 --> 01:09:41.320

1046
01:09:41.959 --> 01:09:45.322
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

1047
01:09:45.960 --> 01:09:49.320
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

1048
01:09:49.961 --> 01:09:53.320
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ตามแม่นะ

1049
01:09:53.963 --> 01:09:57.320
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

1050
01:09:57.964 --> 01:10:01.320
เสร็จแล้วกด Register App

1051
01:10:01.966 --> 01:10:05.320
ได้เลย

1052
01:10:05.967 --> 01:10:09.320

1053
01:10:09.969 --> 01:10:13.320
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

1054
01:10:13.988 --> 01:10:17.320
นี่ ๆ อยู่ข้างบนนี่

1055
01:10:17.992 --> 01:10:21.321

1056
01:10:21.993 --> 01:10:25.321
มันจะมี code มาเห้นไหมคะ

1057
01:10:25.997 --> 01:10:29.321
เขาบอกว่าเราต้องเอาโค้ดนี้

1058
01:10:29.998 --> 01:10:33.321
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปไปวางในแอปเร

1059
01:10:34.002 --> 01:10:37.321
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

1060
01:10:38.003 --> 01:10:41.321

1061
01:10:42.005 --> 01:10:45.321

1062
01:10:46.007 --> 01:10:49.321
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

1063
01:10:50.008 --> 01:10:53.322
ไม่แน่ใจจะเห็นไหมนี่

1064
01:10:54.010 --> 01:10:57.328

1065
01:10:58.012 --> 01:11:01.322
มันใช้ว่าอะไรหว่าอันนี้

1066
01:11:02.014 --> 01:11:05.322

1067
01:11:06.017 --> 01:11:09.322
Component

1068
01:11:10.019 --> 01:11:13.322

1069
01:11:14.022 --> 01:11:17.322

1070
01:11:18.024 --> 01:11:21.321

1071
01:11:22.026 --> 01:11:25.321

1072
01:11:26.029 --> 01:11:29.321
ไม่เจอ

1073
01:11:30.034 --> 01:11:33.321
มันจะไปต่อไม่ได้

1074
01:11:34.035 --> 01:11:37.321
มันต้องใช้อะไรนี่

1075
01:11:38.036 --> 01:11:41.321
Data viewer

1076
01:11:42.037 --> 01:11:45.320
data wever

1077
01:11:46.041 --> 01:11:49.323

1078
01:11:50.043 --> 01:11:53.320

1079
01:11:54.045 --> 01:11:57.321

1080
01:11:58.050 --> 01:12:01.321
data assen seting

1081
01:12:02.051 --> 01:12:05.320
setting

1082
01:12:06.052 --> 01:12:09.320
หาก่อนนะ

1083
01:12:10.053 --> 01:12:13.320

1084
01:12:14.057 --> 01:12:17.324
compronan

1085
01:12:18.058 --> 01:12:21.320

1086
01:12:22.062 --> 01:12:25.320

1087
01:12:26.064 --> 01:12:29.320

1088
01:12:30.066 --> 01:12:33.319
all ten singinm

1089
01:12:34.067 --> 01:12:37.325
ต้องการหา Signin

1090
01:12:38.068 --> 01:12:41.319
ไม่ใช่

1091
01:12:42.069 --> 01:12:45.319

1092
01:12:46.070 --> 01:12:49.319

1093
01:12:50.073 --> 01:12:53.319

1094
01:12:54.074 --> 01:12:57.319

1095
01:12:58.076 --> 01:13:01.320

1096
01:13:02.078 --> 01:13:05.319

1097
01:13:06.079 --> 01:13:09.319
My data sourse หรือ

1098
01:13:10.083 --> 01:13:13.318
ก็ไม่ใช่

1099
01:13:14.094 --> 01:13:17.318
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

1100
01:13:18.095 --> 01:13:21.318

1101
01:13:22.099 --> 01:13:25.318

1102
01:13:26.101 --> 01:13:29.318

1103
01:13:30.103 --> 01:13:33.318

1104
01:13:34.104 --> 01:13:37.318

1105
01:13:38.118 --> 01:13:41.318

1106
01:13:42.120 --> 01:13:45.322

1107
01:13:46.121 --> 01:13:49.318

1108
01:13:50.123 --> 01:13:53.318
ขอ Sea

1109
01:13:54.126 --> 01:13:57.317
ก่อนนะคะ Thunkable x คืออะไร

1110
01:13:58.127 --> 01:14:01.320
พิมพ์ผิดพิมพ์ถูกกันแล้ว

1111
01:14:02.129 --> 01:14:05.318

1112
01:14:06.131 --> 01:14:09.317

1113
01:14:10.133 --> 01:14:13.317

1114
01:14:14.135 --> 01:14:17.318

1115
01:14:18.137 --> 01:14:21.317

1116
01:14:22.139 --> 01:14:25.317
เราเลือกเวอร์ชันผิดใช่ไหมนี

1117
01:14:26.142 --> 01:14:29.317

1118
01:14:30.144 --> 01:14:33.317

1119
01:14:34.145 --> 01:14:37.317

1120
01:14:38.148 --> 01:14:41.317
update ยังไง

1121
01:14:42.149 --> 01:14:45.317
อาจจะต้อง Update Thunkable เราหน่อย

1122
01:14:46.150 --> 01:14:49.317
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้

1123
01:14:50.151 --> 01:14:53.317

1124
01:14:54.153 --> 01:14:57.317
ใช้

1125
01:14:58.154 --> 01:15:01.320
ฟังก์ชันนั้นไม่ได้น่ะ

1126
01:15:02.155 --> 01:15:05.316

1127
01:15:06.157 --> 01:15:09.317

1128
01:15:10.158 --> 01:15:13.321
มันไม่เหมือนกันหรอเดี๋ยว

1129
01:15:14.159 --> 01:15:17.316
แป๊บหนึ่งนะเด็ก ๆ

1130
01:15:18.160 --> 01:15:21.316
มันต่างกันหรือ

1131
01:15:22.165 --> 01:15:25.317
อยากรู้ ๆ

1132
01:15:26.166 --> 01:15:29.316
มันก็ขึ้น Thunkable เหมือนกันนี่

1133
01:15:30.211 --> 01:15:33.317

1134
01:15:34.217 --> 01:15:37.316
เพราะมัน

1135
01:15:38.221 --> 01:15:41.317
Components มันมีไม่ครบ

1136
01:15:42.222 --> 01:15:45.316

1137
01:15:46.225 --> 01:15:49.316
Solution

1138
01:15:50.226 --> 01:15:53.316
Solution เดี๋ยวนะ

1139
01:15:54.230 --> 01:15:57.316
Integration

1140
01:15:58.231 --> 01:16:01.316

1141
01:16:02.233 --> 01:16:05.316
เราจะต้อง

1142
01:16:06.235 --> 01:16:09.315

1143
01:16:10.238 --> 01:16:13.315
Using Thunkable

1144
01:16:14.239 --> 01:16:17.315

1145
01:16:18.244 --> 01:16:21.316
ก็ไม่ใช่ มันเป็น Test

1146
01:16:22.244 --> 01:16:25.315

1147
01:16:26.246 --> 01:16:29.318

1148
01:16:30.248 --> 01:16:33.315

1149
01:16:34.249 --> 01:16:37.315

1150
01:16:38.251 --> 01:16:41.315

1151
01:16:42.254 --> 01:16:45.315

1152
01:16:46.256 --> 01:16:49.315

1153
01:16:50.258 --> 01:16:53.315

1154
01:16:54.260 --> 01:16:57.315

1155
01:16:58.261 --> 01:17:01.315

1156
01:17:02.264 --> 01:17:05.315

1157
01:17:06.266 --> 01:17:09.315

1158
01:17:10.268 --> 01:17:13.315

1159
01:17:14.270 --> 01:17:17.315

1160
01:17:18.272 --> 01:17:21.314

1161
01:17:22.275 --> 01:17:25.315

1162
01:17:26.276 --> 01:17:29.316

1163
01:17:30.279 --> 01:17:33.315

1164
01:17:34.281 --> 01:17:37.315

1165
01:17:38.282 --> 01:17:41.315

1166
01:17:42.284 --> 01:17:45.314

1167
01:17:46.286 --> 01:17:49.314

1168
01:17:50.288 --> 01:17:53.314

1169
01:17:54.290 --> 01:17:57.314
เพราะเขาบอกว่า

1170
01:17:58.291 --> 01:18:01.314
เราจะก๊อปฯ ไอ้ตัวนี้แล้ว

1171
01:18:02.292 --> 01:18:05.315
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

1172
01:18:06.293 --> 01:18:09.315
ไม่มีใน App เรา

1173
01:18:10.297 --> 01:18:13.316
ใน Thunkable Tool ที่ Signin

1174
01:18:14.301 --> 01:18:18.301
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

1175
01:18:18.302 --> 01:18:22.302
มันก็จะวางไม่ได้

1176
01:18:22.303 --> 01:18:26.303

1177
01:18:26.308 --> 01:18:30.308
ใช้ตัวไหนนะ เดี๋ยวขอ Test

1178
01:18:30.312 --> 01:18:34.312
ดูนะคะ

1179
01:18:34.318 --> 01:18:38.314
คือตอนนี้ เรากรอก

1180
01:18:38.322 --> 01:18:42.315
ข้อมุลได้แต่จะไม่เก็บ

1181
01:18:42.328 --> 01:18:46.314
เขาเรียกว่าอะไรล่ะ ฐานข้อมูลนะ

1182
01:18:46.329 --> 01:18:50.314

1183
01:18:50.333 --> 01:18:54.320
ก็จะให้ไปเก็บ...

1184
01:18:54.334 --> 01:18:58.314

1185
01:18:58.335 --> 01:19:02.319
แบบ Tool Editing

1186
01:19:02.337 --> 01:19:06.323
เดี๋ยวเรามาลองที่ Box ของเรา

1187
01:19:06.339 --> 01:19:10.314
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

1188
01:19:10.349 --> 01:19:14.316
input 1 usernam

1189
01:19:14.352 --> 01:19:18.314
ไปที่ Text input1

1190
01:19:18.357 --> 01:19:22.314
เมื่อ Text input username

1191
01:19:22.360 --> 01:19:26.314
คลิก ไม่ใช่ มันจะต้องเป็น

1192
01:19:26.363 --> 01:19:30.315
นะ set text

1193
01:19:30.364 --> 01:19:34.323
input text to

1194
01:19:34.367 --> 01:19:38.314
Username Text

1195
01:19:38.401 --> 01:19:42.314
Keyboard Type

1196
01:19:42.403 --> 01:19:46.327

1197
01:19:46.411 --> 01:19:50.313

1198
01:19:50.415 --> 01:19:54.314

1199
01:19:54.418 --> 01:19:58.315
ฺBorder

1200
01:19:58.419 --> 01:20:02.313
มันจะต้องเป็นพิมพืเพระาฉะนั้น

1201
01:20:02.420 --> 01:20:06.314
Cheang

1202
01:20:06.422 --> 01:20:10.313
คลิก เมื่อมีการคลิก เมื่อ

1203
01:20:10.423 --> 01:20:14.313
คลิกที่ Text Input Username ปุ๊บ

1204
01:20:14.426 --> 01:20:18.314
เลือกอันนี้ออกไปก่อนเลือกออกมาวาง

1205
01:20:18.428 --> 01:20:22.314
เมื่อคลิกเข้าไปที่ Text Input

1206
01:20:22.431 --> 01:20:26.314
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

1207
01:20:26.432 --> 01:20:30.313
ทำ...

1208
01:20:30.433 --> 01:20:34.314

1209
01:20:34.436 --> 01:20:38.316

1210
01:20:38.439 --> 01:20:42.313

1211
01:20:42.440 --> 01:20:46.313
ให้กำหนดค่า Text Input Username เป็น Text

1212
01:20:46.441 --> 01:20:50.313
จาก taxt เป็นข้อความ

1213
01:20:50.442 --> 01:20:54.313

1214
01:20:54.444 --> 01:20:58.314
ดูสิ แล้วเราต้องไปเทสต์ว่ามัน

1215
01:20:58.445 --> 01:21:02.317
พิมพ์เข้าไปได้ไหม

1216
01:21:02.446 --> 01:21:06.313
ขึ้นไหมโอเคถูก

1217
01:21:06.449 --> 01:21:10.312
เห็นไหมคะ มันต้อง

1218
01:21:10.450 --> 01:21:14.313
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

1219
01:21:14.451 --> 01:21:18.312
โอเคนะคะ

1220
01:21:18.452 --> 01:21:22.313
เพราะตรงนี้ Userna

1221
01:21:22.457 --> 01:21:26.313
เหมือนกัน Text Input อันที่ 2

1222
01:21:26.461 --> 01:21:30.313
กลับไปที่ Back to Editting

1223
01:21:30.462 --> 01:21:34.313
ตอนนี้เด็ก ๆ ได้

1224
01:21:34.463 --> 01:21:38.315
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38.464 --> 01:21:42.313
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

1226
01:21:42.465 --> 01:21:46.313
Text Input อันที่ 1 ใช่ไหม

1227
01:21:46.467 --> 01:21:50.313
เรากลับไปที่ Block แล้ว

1228
01:21:50.478 --> 01:21:54.313
ตัวแรกที่เราเริ่มก็คือ

1229
01:21:54.479 --> 01:21:58.313
เมื่อกี้แม่ว่าแม่ลอง

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

1231
01:22:02.482 --> 01:22:06.313
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

1232
01:22:06.483 --> 01:22:10.313
แต่ตอนแรกที่ test

1233
01:22:10.484 --> 01:22:14.317
พอพิมพ์ปุ๊บ

1234
01:22:14.485 --> 01:22:18.320
เมื่อกี้มันน่าจะ Save ไว้แล้ว

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

1236
01:22:22.489 --> 01:22:26.312
นี่

1237
01:22:26.491 --> 01:22:30.313
โอเคนะคะ

1238
01:22:30.492 --> 01:22:34.313
โอเค

1239
01:22:34.493 --> 01:22:38.313
เพราะฉะนั้น สิ่งที่เราจะต้องทำ คือ กำหนดค่าให้

1240
01:22:38.494 --> 01:22:42.312
text input ตัวที่ 1 ของเรา

1241
01:22:42.495 --> 01:22:46.313
นะคะ

1242
01:22:46.499 --> 01:22:50.313

1243
01:22:50.500 --> 01:22:54.314
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

1244
01:22:54.502 --> 01:22:58.313
ลบทิ้ง อีกอันดูอ

1245
01:22:58.508 --> 01:23:02.315
มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

1246
01:23:02.509 --> 01:23:06.312
ไม่เป็นอะไร ให้

1247
01:23:06.510 --> 01:23:10.312
เราเลือก Components ที่ชื่อว่า Text Input นะ

1248
01:23:10.511 --> 01:23:14.312
สิ่งแรกก็คือเมื่อ text input

1249
01:23:14.513 --> 01:23:18.313
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

1250
01:23:18.523 --> 01:23:22.312
เราเลือกตัวนี้ออกมา

1251
01:23:22.526 --> 01:23:26.313
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือ

1252
01:23:26.528 --> 01:23:30.314
Username ก็คือ

1253
01:23:30.532 --> 01:23:34.313
ให้ set ค่าของ Text Input น่ะ

1254
01:23:34.560 --> 01:23:38.315
จะซ่อนเป็นพิมพ์น่ะ

1255
01:23:38.561 --> 01:23:42.314

1256
01:23:42.563 --> 01:23:46.312
นะ คะดูนะคะ

1257
01:23:46.564 --> 01:23:50.313
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

1258
01:23:50.566 --> 01:23:54.312

1259
01:23:54.568 --> 01:23:58.312

1260
01:23:58.569 --> 01:24:02.312
text Input

1261
01:24:02.573 --> 01:24:06.312
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

1262
01:24:06.575 --> 01:24:10.312

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

1264
01:24:14.582 --> 01:24:18.332
คือตัวที่ 2 ของเรา

1265
01:24:18.583 --> 01:24:22.313
password ก็เหมือนกัน

1266
01:24:22.585 --> 01:24:26.316
มี 2 อันใช่ไหมคะ

1267
01:24:26.586 --> 01:24:30.316
When เมื่อเราคลิกเข้าไปที่ Text Input

1268
01:24:30.587 --> 01:24:34.313
password wen...

1269
01:24:34.593 --> 01:24:38.313
คลิกโดนคลิกนี่ทำอะไร

1270
01:24:38.595 --> 01:24:42.312
เหมือนกัน ก็คือให้...

1271
01:24:42.597 --> 01:24:46.312
เซต Text นี้เป็น

1272
01:24:46.598 --> 01:24:50.313
ซ่อนซ่อนแล้วก็

1273
01:24:50.599 --> 01:24:54.314
ซ่อนเสร็จแล้วก็

1274
01:24:54.601 --> 01:24:58.316
มาแสดง แล้วก็ให้พิมพ์นะ

1275
01:24:58.602 --> 01:25:02.332
อันนี้ก็ทำเหมือนกัน ก็คือ...

1276
01:25:02.603 --> 01:25:06.313

1277
01:25:06.606 --> 01:25:10.313

1278
01:25:10.609 --> 01:25:14.312

1279
01:25:14.614 --> 01:25:18.312

1280
01:25:18.615 --> 01:25:22.313
รู้แล้วควา่มจริงเราต้องเลือกอันนี้

1281
01:25:22.616 --> 01:25:26.313
set text

1282
01:25:26.617 --> 01:25:30.312
Password นะคะ กำหนดให้

1283
01:25:30.618 --> 01:25:34.312
Text Input Password นี่

1284
01:25:34.619 --> 01:25:38.312
รับค่าจากการพิมพ์

1285
01:25:38.620 --> 01:25:42.314
เสร็จแล้วตรงนี้

1286
01:25:42.621 --> 01:25:46.320
เป็น Defult Default กำหนดเป็นค่าเริ่ม

1287
01:25:46.626 --> 01:25:50.312
เห็นไหม

1288
01:25:50.627 --> 01:25:54.315
set defil

1289
01:25:54.631 --> 01:25:58.312
เราไม่ได้ set defule

1290
01:25:58.632 --> 01:26:02.316
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

1291
01:26:02.633 --> 01:26:06.312
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

1292
01:26:06.634 --> 01:26:10.316
เมื่อพิมพ์ เมื่อคลิกเข้าไป

1293
01:26:10.635 --> 01:26:14.313
เกิดผลก็คือให้มันแสดง

1294
01:26:14.636 --> 01:26:18.313

1295
01:26:18.637 --> 01:26:22.312

1296
01:26:22.641 --> 01:26:26.316

1297
01:26:26.643 --> 01:26:30.315

1298
01:26:30.644 --> 01:26:34.313

1299
01:26:34.645 --> 01:26:38.312

1300
01:26:38.646 --> 01:26:42.314

1301
01:26:42.647 --> 01:26:46.312

1302
01:26:46.649 --> 01:26:50.314
Text to แล้วก็ข้อความ

1303
01:26:50.650 --> 01:26:54.312
ในนี้นะ

1304
01:26:54.651 --> 01:26:58.312
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

1305
01:26:58.653 --> 01:27:02.313
ก็

1306
01:27:02.655 --> 01:27:06.312
เป็นเซ็ต

1307
01:27:06.656 --> 01:27:10.312

1308
01:27:10.657 --> 01:27:14.312
มันต้องซ่อนสิ password

1309
01:27:14.662 --> 01:27:18.316
ต้องซ้อนนะ

1310
01:27:18.663 --> 01:27:22.314
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

1311
01:27:22.664 --> 01:27:26.312
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

1312
01:27:26.665 --> 01:27:30.312
เพราะตอนพิมพื password ต้องไม่แสดง

1313
01:27:30.668 --> 01:27:34.312
User น่ะไม่แสดง

1314
01:27:34.669 --> 01:27:38.312

1315
01:27:38.672 --> 01:27:42.312

1316
01:27:42.674 --> 01:27:46.312
User แสดงอย่างนี้ได้แต่ passwor

1317
01:27:46.677 --> 01:27:50.315
มันไม่ควรแสดงชื่อไหม

1318
01:27:50.679 --> 01:27:54.312
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

1319
01:27:54.682 --> 01:27:58.313

1320
01:27:58.683 --> 01:28:02.312
นี่ตอนนี้มันยังไม่ซ่อน

1321
01:28:02.685 --> 01:28:06.321
ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน

1322
01:28:06.687 --> 01:28:10.312
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10.688 --> 01:28:14.312
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14.691 --> 01:28:18.312
หน้าจะเป็น Too

1325
01:28:18.692 --> 01:28:22.328
หรือ Tool อะไร มีหลายตัว

1326
01:28:22.695 --> 01:28:26.313
เลือกเป็น...

1327
01:28:26.696 --> 01:28:30.314

1328
01:28:30.697 --> 01:28:34.312
เมื่อคลิก password

1329
01:28:34.699 --> 01:28:38.315
เมื่อคลิก Password

1330
01:28:38.700 --> 01:28:42.312
แล้ว

1331
01:28:42.703 --> 01:28:46.312
พิมพ์ Password ลงไปปุ๊บ

1332
01:28:46.704 --> 01:28:50.312

1333
01:28:50.706 --> 01:28:54.312

1334
01:28:54.707 --> 01:28:58.312

1335
01:28:58.708 --> 01:29:02.312

1336
01:29:02.710 --> 01:29:06.312

1337
01:29:06.712 --> 01:29:10.314
เมื่อพิมพ์ Password ลง

1338
01:29:10.714 --> 01:29:14.316
เป็นซ่อน

1339
01:29:14.716 --> 01:29:18.312
แล้วก็ To... ไม่ให้เอาออก

1340
01:29:18.726 --> 01:29:22.313

1341
01:29:22.728 --> 01:29:26.313

1342
01:29:26.730 --> 01:29:30.312
จัด Text

1343
01:29:30.731 --> 01:29:34.312
แล้วก็ทำให้ Text Input เป็นซ่อน

1344
01:29:34.732 --> 01:29:38.312
ลองดูสิ แก้เงื่อนไขมันก่อน

1345
01:29:38.737 --> 01:29:42.315
จาก Text

1346
01:29:42.738 --> 01:29:46.312
ให้มันซ่อน ได้ไหม

1347
01:29:46.749 --> 01:29:50.312
ขอลองอันล่างเลย

1348
01:29:50.752 --> 01:29:54.312
ไม่ซ่อนน่ะ

1349
01:29:54.754 --> 01:29:58.317
นี่ เราใส่สลับ

1350
01:29:58.755 --> 01:30:02.317
เอาใหม่ Edit ใหม่

1351
01:30:02.762 --> 01:30:06.327
ต้องไล่ให้ถูกนะนี่

1352
01:30:06.764 --> 01:30:10.314
เมื่อพิมพ์เข้าไปแล้ว ตคามหบักนะ เมื่อพิมพ์ปุ๊

1353
01:30:10.765 --> 01:30:14.312

1354
01:30:14.767 --> 01:30:18.313

1355
01:30:18.768 --> 01:30:22.312
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

1356
01:30:22.769 --> 01:30:26.312

1357
01:30:26.770 --> 01:30:30.316
ที่พิมพ์จากคีย์บอร์ด

1358
01:30:30.771 --> 01:30:34.312
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

1359
01:30:34.773 --> 01:30:38.314

1360
01:30:38.775 --> 01:30:42.313
มันจะซ่อนให้ไหมน่ะ

1361
01:30:42.776 --> 01:30:46.312
เมื่อกำหนดค่า

1362
01:30:46.779 --> 01:30:50.321
เมื่อกำหนดค่า เมื่อกำหนดค่า Text Input

1363
01:30:50.781 --> 01:30:54.315
เมื่อเราคลิกเข้าไปเสร็จ เซตเมื่อเราพิมพ์นะ Keyboard Type

1364
01:30:54.784 --> 01:30:58.312
keybrod

1365
01:30:58.786 --> 01:31:02.312
ให้มัน

1366
01:31:02.787 --> 01:31:06.313
ให้มัน...

1367
01:31:06.790 --> 01:31:10.313
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

1368
01:31:10.792 --> 01:31:14.314
มันจะซ่อนให้เราไหม

1369
01:31:14.793 --> 01:31:18.316
ยังติดอยู่นะคะ

1370
01:31:18.795 --> 01:31:22.321
ยังติดอยู่ในบ่วง Password ไม่ซ่อน

1371
01:31:22.796 --> 01:31:26.312

1372
01:31:26.799 --> 01:31:30.312
ขาดค่าอะไรไปอีกค่าหนึ่ง

1373
01:31:30.802 --> 01:31:34.313
ต้องกำหนดตัวแปรไหมละนี่

1374
01:31:34.803 --> 01:31:38.318
น่าจะใช่

1375
01:31:38.806 --> 01:31:42.312
กำหนดตัวแปลให้เก็บค่าของ Text Password

1376
01:31:42.807 --> 01:31:46.312
text username

1377
01:31:46.808 --> 01:31:50.312
Text Password

1378
01:31:50.809 --> 01:31:54.314
ไหน Block ที่ 1

1379
01:31:54.819 --> 01:31:58.313
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58.820 --> 01:32:02.312
whyriabl

1381
01:32:02.824 --> 01:32:06.312

1382
01:32:06.826 --> 01:32:10.313

1383
01:32:10.828 --> 01:32:14.316

1384
01:32:14.829 --> 01:32:18.314

1385
01:32:18.830 --> 01:32:22.312

1386
01:32:22.832 --> 01:32:26.313

1387
01:32:26.834 --> 01:32:30.312

1388
01:32:30.836 --> 01:32:34.316

1389
01:32:34.838 --> 01:32:38.313

1390
01:32:38.840 --> 01:32:42.312
ไปที่ Text ไปที่ Text

1391
01:32:42.841 --> 01:32:46.312
ทำให้เป็นตัวใหญ่

1392
01:32:46.841 --> 01:32:50.312
ทำให้ text

1393
01:32:50.845 --> 01:32:54.312

1394
01:32:54.849 --> 01:32:58.312

1395
01:32:58.850 --> 01:33:02.313

1396
01:33:02.854 --> 01:33:06.313

1397
01:33:06.855 --> 01:33:10.312
ไปที่ Color

1398
01:33:10.859 --> 01:33:14.313
เป็นจริง

1399
01:33:14.860 --> 01:33:18.312
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18.860 --> 01:33:22.312
เป็นจริงปุ๊บ

1401
01:33:22.861 --> 01:33:26.314
ถึงที่ต้องทำต่อ

1402
01:33:26.862 --> 01:33:30.313
ขาดไปไหนนะ

1403
01:33:30.864 --> 01:33:34.312
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34.865 --> 01:33:38.312
แต่มันมาอยู่ใน...

1405
01:33:38.866 --> 01:33:42.312

1406
01:33:42.869 --> 01:33:46.313
เราจะเอามันไปใส่ใน

1407
01:33:46.871 --> 01:33:50.312
ไหนได้

1408
01:33:50.873 --> 01:33:54.312
sinin

1409
01:33:54.876 --> 01:33:58.312
เขาบอกว่า

1410
01:33:58.877 --> 01:34:02.318
ให้มันอยู่ตรง...

1411
01:34:02.878 --> 01:34:06.314

1412
01:34:06.881 --> 01:34:10.313

1413
01:34:10.882 --> 01:34:14.312
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14.883 --> 01:34:18.312
App Feature

1415
01:34:18.884 --> 01:34:22.312

1416
01:34:22.886 --> 01:34:26.313

1417
01:34:26.888 --> 01:34:30.312
Sign in

1418
01:34:30.890 --> 01:34:34.313
Sign in

1419
01:34:34.891 --> 01:34:38.351
Sing in Email

1420
01:34:38.893 --> 01:34:42.313

1421
01:34:42.896 --> 01:34:46.313
Sign in hello

1422
01:34:46.897 --> 01:34:50.315
Reset Password

1423
01:34:50.898 --> 01:34:54.313
Delete User Sign Up

1424
01:34:54.900 --> 01:34:58.313
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58.901 --> 01:35:02.312
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02.902 --> 01:35:06.312
Sign Up Do

1427
01:35:06.903 --> 01:35:10.313
Sign In do

1428
01:35:10.904 --> 01:35:14.312

1429
01:35:14.909 --> 01:35:18.312

1430
01:35:18.910 --> 01:35:22.312
ไม่ให้ใช้น่ะ

1431
01:35:22.914 --> 01:35:26.314
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26.922 --> 01:35:30.311
ใช้ไม่เหมือนกัน

1433
01:35:30.926 --> 01:35:34.311

1434
01:35:34.927 --> 01:35:38.317
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38.929 --> 01:35:42.311
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42.930 --> 01:35:46.311

1437
01:35:46.932 --> 01:35:50.311

1438
01:35:50.934 --> 01:35:54.311

1439
01:35:54.936 --> 01:35:58.311

1440
01:35:58.938 --> 01:36:02.311

1441
01:36:02.941 --> 01:36:06.311

1442
01:36:06.942 --> 01:36:10.311

1443
01:36:10.945 --> 01:36:14.311

1444
01:36:14.949 --> 01:36:18.310

1445
01:36:18.950 --> 01:36:22.310

1446
01:36:22.952 --> 01:36:26.310

1447
01:36:26.953 --> 01:36:30.310

1448
01:36:30.954 --> 01:36:34.313

1449
01:36:34.956 --> 01:36:38.314

1450
01:36:38.958 --> 01:36:42.310

1451
01:36:42.962 --> 01:36:46.310

1452
01:36:46.964 --> 01:36:50.316
ไม่เหมือนกันนะ

1453
01:36:50.966 --> 01:36:54.319
ใช้ไม่เหมือน

1454
01:36:54.968 --> 01:36:58.309

1455
01:36:58.969 --> 01:37:02.309

1456
01:37:02.970 --> 01:37:06.309

1457
01:37:06.972 --> 01:37:10.310

1458
01:37:10.973 --> 01:37:14.309

1459
01:37:14.977 --> 01:37:18.309
เดี๋ยวนะคะ Sign Up

1460
01:37:18.978 --> 01:37:22.309
อันนี้หรอ

1461
01:37:22.979 --> 01:37:26.309

1462
01:37:26.980 --> 01:37:30.309

1463
01:37:30.987 --> 01:37:34.308

1464
01:37:34.992 --> 01:37:38.309
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:38.996 --> 01:37:42.310
ให้ลงทะเบียน

1466
01:37:42.997 --> 01:37:46.308
โดยใช้ Email หรือ Passeord

1467
01:37:46.998 --> 01:37:50.309
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:51.001 --> 01:37:54.308

1469
01:37:55.006 --> 01:37:58.308

1470
01:37:59.008 --> 01:38:02.309

1471
01:38:03.009 --> 01:38:06.308
บอกว่าให้ก๊อป(ปี้)

1472
01:38:07.012 --> 01:38:10.308
ทำไม

1473
01:38:11.432 --> 01:38:15.312
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:15.443 --> 01:38:19.308
Thunkable X

1475
01:38:19.444 --> 01:38:23.308

1476
01:38:23.446 --> 01:38:27.308

1477
01:38:27.447 --> 01:38:31.308

1478
01:38:31.449 --> 01:38:35.308

1479
01:38:35.450 --> 01:38:39.309

1480
01:38:39.451 --> 01:38:43.308

1481
01:38:43.453 --> 01:38:47.310
เอามาจากไหนนะ Thunkable X

1482
01:38:47.454 --> 01:38:51.308

1483
01:38:51.455 --> 01:38:55.307

1484
01:38:55.458 --> 01:38:59.309

1485
01:38:59.459 --> 01:39:03.307

1486
01:39:03.461 --> 01:39:07.307
มันจะเพิ่ม Signin ได้

1487
01:39:07.462 --> 01:39:11.313
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:11.463 --> 01:39:15.307

1489
01:39:15.466 --> 01:39:19.307

1490
01:39:19.466 --> 01:39:23.313

1491
01:39:23.469 --> 01:39:27.311

1492
01:39:27.470 --> 01:39:31.307

1493
01:39:31.472 --> 01:39:35.307

1494
01:39:35.473 --> 01:39:39.307

1495
01:39:39.474 --> 01:39:43.307

1496
01:39:43.476 --> 01:39:47.306

1497
01:39:47.477 --> 01:39:51.306

1498
01:39:51.478 --> 01:39:55.308

1499
01:39:55.479 --> 01:39:59.306

1500
01:39:59.480 --> 01:40:03.306
อ๋อถ้า

1501
01:40:03.481 --> 01:40:07.306
Thunkable X ก็คือใช้ IOS

1502
01:40:07.482 --> 01:40:11.306
เข้าใจแล้ว

1503
01:40:11.483 --> 01:40:15.306

1504
01:40:15.485 --> 01:40:19.306

1505
01:40:19.486 --> 01:40:23.306

1506
01:40:23.487 --> 01:40:27.313

1507
01:40:27.488 --> 01:40:31.306
ทดสอบแอป

1508
01:40:31.489 --> 01:40:35.306
มันยังไม่ reresd

1509
01:40:35.490 --> 01:40:39.306
ใช้ไม่ได้ต้องเป็น

1510
01:40:39.492 --> 01:40:43.306
ข้อจำกัด

1511
01:40:43.496 --> 01:40:47.306
เยอะเหมือนกันนะนี่

1512
01:40:47.500 --> 01:40:51.306

1513
01:40:51.501 --> 01:40:55.306

1514
01:40:55.502 --> 01:40:59.306
โอเค เดี๋ยว

1515
01:40:59.504 --> 01:41:03.306
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:03.506 --> 01:41:07.307
ของเรามัน มันไม่เป็น

1517
01:41:07.510 --> 01:41:11.307
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:11.512 --> 01:41:15.306
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:15.514 --> 01:41:19.308
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:19.515 --> 01:41:23.317
ก็คือเราก้จะมา

1521
01:41:23.516 --> 01:41:27.305
ก็อป Firebase น่ะค่ะ

1522
01:41:27.516 --> 01:41:31.306
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:31.517 --> 01:41:35.306
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:35.521 --> 01:41:39.305
เดิมเรานี่ให้เป้น Thunk

1525
01:41:39.522 --> 01:41:43.306
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:43.523 --> 01:41:47.308
เราจะเอามาใช้งาน

1527
01:41:47.524 --> 01:41:51.305
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:51.525 --> 01:41:55.308
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:55.527 --> 01:41:59.307
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:59.529 --> 01:42:03.305
Thunkable เรามันเป็น Thunkable

1531
01:42:03.530 --> 01:42:07.307
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:07.532 --> 01:42:11.305
ตอนนี้มันเป็น Thunk

1533
01:42:11.533 --> 01:42:15.306
เนื่องจากสัปดาห์หน้า

1534
01:42:15.538 --> 01:42:19.306
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:19.540 --> 01:42:23.305
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:23.540 --> 01:42:27.306
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:27.541 --> 01:42:31.305
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:31.543 --> 01:42:35.305
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:35.545 --> 01:42:39.305
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:39.546 --> 01:42:43.305
แค่อัปเวอร์ชันมัน

1541
01:42:43.547 --> 01:42:47.304
จะนำมาไปใช้ตัวนี้

1542
01:42:47.548 --> 01:42:51.305
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:51.549 --> 01:42:55.305
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:55.550 --> 01:42:59.306
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:59.551 --> 01:43:03.304
สำหรับสัปดาห์นี้

1546
01:43:03.552 --> 01:43:07.304
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:07.553 --> 01:43:11.304
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:11.554 --> 01:43:15.304

1549
01:43:15.555 --> 01:43:19.304
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:19.556 --> 01:43:23.309
อ๋อ...

1551
01:43:23.557 --> 01:43:27.304
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:27.560 --> 01:43:31.304
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:31.561 --> 01:43:35.304

1554
01:43:35.563 --> 01:43:39.304

1555
01:43:39.564 --> 01:43:43.304
Thunkable X

1556
01:43:43.565 --> 01:43:47.304
ทำไมไม่อัปให้เรา

1557
01:43:47.566 --> 01:43:51.304

1558
01:43:51.567 --> 01:43:55.304

1559
01:43:55.571 --> 01:43:59.304

1560
01:43:59.572 --> 01:44:03.303

1561
01:44:03.573 --> 01:44:07.573

1562
01:44:07.574 --> 01:44:11.574

1563
01:44:11.576 --> 01:44:11.577

1564
01:44:15.577 --> 01:44:15.581