WEBVTT

1
00:00:00.000 --> 00:00:03.602

2
00:00:04.001 --> 00:00:07.602

3
00:00:08.003 --> 00:00:11.602

4
00:00:12.012 --> 00:00:15.602

5
00:00:16.014 --> 00:00:19.602

6
00:00:20.017 --> 00:00:23.602

7
00:00:24.018 --> 00:00:27.605

8
00:00:28.020 --> 00:00:31.602

9
00:00:32.024 --> 00:00:35.603

10
00:00:36.026 --> 00:00:39.602

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

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

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

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

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

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

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

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

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

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

21
00:01:20.050 --> 00:01:23.602
Thunkable ของเรา

22
00:01:24.051 --> 00:01:27.601

23
00:01:28.052 --> 00:01:31.602
Thunkable

24
00:01:32.054 --> 00:01:35.602

25
00:01:36.055 --> 00:01:39.602

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

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

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

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

30
00:01:56.062 --> 00:01:59.602

31
00:02:00.064 --> 00:02:03.602

32
00:02:04.066 --> 00:02:07.602

33
00:02:08.068 --> 00:02:11.602

34
00:02:12.070 --> 00:02:15.602

35
00:02:16.072 --> 00:02:19.605

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

37
00:02:24.076 --> 00:02:27.602

38
00:02:28.078 --> 00:02:31.602
สงสัย

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

40
00:02:36.080 --> 00:02:39.602
งง ๆ

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

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

43
00:02:48.085 --> 00:02:51.602
ผมจะออกก่อน

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

45
00:02:56.088 --> 00:02:59.602

46
00:03:00.090 --> 00:03:03.602

47
00:03:04.091 --> 00:03:07.602
เข้าใหม่

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

49
00:03:12.094 --> 00:03:15.602

50
00:03:16.095 --> 00:03:19.603

51
00:03:20.097 --> 00:03:23.602
โอเค

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

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

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

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

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

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

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

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

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

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

62
00:04:04.117 --> 00:04:07.603
มันก็จะเป็น

63
00:04:08.119 --> 00:04:11.602

64
00:04:12.121 --> 00:04:15.602
Category

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

66
00:04:20.124 --> 00:04:23.602

67
00:04:24.126 --> 00:04:27.603

68
00:04:28.128 --> 00:04:31.602

69
00:04:32.129 --> 00:04:35.603

70
00:04:36.132 --> 00:04:39.602

71
00:04:40.134 --> 00:04:43.602

72
00:04:44.138 --> 00:04:47.602

73
00:04:48.139 --> 00:04:51.603

74
00:04:52.141 --> 00:04:55.603

75
00:04:56.142 --> 00:04:59.605

76
00:05:00.145 --> 00:05:03.602

77
00:05:04.150 --> 00:05:07.602

78
00:05:08.153 --> 00:05:11.602

79
00:05:12.158 --> 00:05:15.603

80
00:05:16.159 --> 00:05:19.603

81
00:05:20.167 --> 00:05:23.602

82
00:05:24.169 --> 00:05:27.602

83
00:05:28.171 --> 00:05:31.603

84
00:05:32.172 --> 00:05:35.602

85
00:05:36.174 --> 00:05:39.604

86
00:05:40.177 --> 00:05:43.606

87
00:05:44.179 --> 00:05:47.604

88
00:05:48.180 --> 00:05:51.603

89
00:05:52.183 --> 00:05:55.603

90
00:05:56.184 --> 00:05:59.603

91
00:06:00.186 --> 00:06:03.606

92
00:06:04.188 --> 00:06:07.603

93
00:06:08.190 --> 00:06:11.603

94
00:06:12.194 --> 00:06:15.603

95
00:06:16.197 --> 00:06:19.603

96
00:06:20.201 --> 00:06:23.603

97
00:06:24.207 --> 00:06:27.603

98
00:06:28.209 --> 00:06:31.603

99
00:06:32.211 --> 00:06:35.603

100
00:06:36.212 --> 00:06:39.603

101
00:06:40.213 --> 00:06:43.603

102
00:06:44.216 --> 00:06:47.605

103
00:06:48.217 --> 00:06:51.603

104
00:06:52.219 --> 00:06:55.602

105
00:06:56.221 --> 00:06:59.602

106
00:07:00.222 --> 00:07:03.602

107
00:07:04.224 --> 00:07:07.603

108
00:07:08.227 --> 00:07:11.603

109
00:07:12.229 --> 00:07:15.603

110
00:07:16.230 --> 00:07:19.604

111
00:07:20.232 --> 00:07:23.603

112
00:07:24.237 --> 00:07:27.603

113
00:07:28.238 --> 00:07:31.605

114
00:07:32.240 --> 00:07:35.603

115
00:07:36.241 --> 00:07:39.603

116
00:07:40.244 --> 00:07:43.604

117
00:07:44.246 --> 00:07:47.605

118
00:07:48.249 --> 00:07:51.603

119
00:07:52.251 --> 00:07:55.603

120
00:07:56.253 --> 00:07:59.603

121
00:08:00.255 --> 00:08:03.603

122
00:08:04.257 --> 00:08:07.603

123
00:08:08.259 --> 00:08:11.603

124
00:08:12.261 --> 00:08:15.604

125
00:08:16.262 --> 00:08:19.603

126
00:08:20.266 --> 00:08:23.603

127
00:08:24.268 --> 00:08:27.603

128
00:08:28.269 --> 00:08:31.603

129
00:08:32.271 --> 00:08:35.603

130
00:08:36.272 --> 00:08:39.603

131
00:08:40.274 --> 00:08:43.607

132
00:08:44.276 --> 00:08:47.603

133
00:08:48.278 --> 00:08:51.606

134
00:08:52.279 --> 00:08:55.603

135
00:08:56.280 --> 00:08:59.604

136
00:09:00.283 --> 00:09:03.603

137
00:09:04.284 --> 00:09:07.603

138
00:09:08.287 --> 00:09:11.603

139
00:09:12.291 --> 00:09:15.603

140
00:09:16.292 --> 00:09:19.603

141
00:09:20.294 --> 00:09:23.603

142
00:09:24.296 --> 00:09:27.603
ดูนะ ในรูป

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

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

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

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

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

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

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

150
00:09:56.309 --> 00:09:59.603
นะคะ มันจะมีสัดส่วน

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

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

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

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

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

156
00:10:20.317 --> 00:10:23.604
ชื่อว่า...

157
00:10:24.319 --> 00:10:27.605

158
00:10:28.320 --> 00:10:31.603
Colum

159
00:10:32.323 --> 00:10:35.603
หาคำว่า "Colum"

160
00:10:36.324 --> 00:10:39.604
ขี้เกียจ Sue

161
00:10:40.325 --> 00:10:43.604
-l

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

163
00:10:48.328 --> 00:10:51.604
ลงไป c-o ทำไท

164
00:10:52.329 --> 00:10:55.604
l C-o-l-u-m-e

165
00:10:56.331 --> 00:10:59.606
u-m-e c-o

166
00:11:00.337 --> 00:11:03.604

167
00:11:04.339 --> 00:11:07.604

168
00:11:08.341 --> 00:11:11.604

169
00:11:12.342 --> 00:11:15.604

170
00:11:16.346 --> 00:11:19.606

171
00:11:20.348 --> 00:11:23.604

172
00:11:24.350 --> 00:11:27.606
ไม่มี Coolu

173
00:11:28.351 --> 00:11:31.608

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

175
00:11:36.354 --> 00:11:39.604
ไหนอีกนี่

176
00:11:40.355 --> 00:11:43.604

177
00:11:44.357 --> 00:11:47.604

178
00:11:48.359 --> 00:11:51.604

179
00:11:52.361 --> 00:11:55.604

180
00:11:56.363 --> 00:11:59.604

181
00:12:00.364 --> 00:12:03.605

182
00:12:04.367 --> 00:12:07.605

183
00:12:08.368 --> 00:12:11.604

184
00:12:12.370 --> 00:12:15.605

185
00:12:16.371 --> 00:12:19.604

186
00:12:20.373 --> 00:12:23.604

187
00:12:24.374 --> 00:12:27.605

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

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

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

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

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

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

194
00:12:52.386 --> 00:12:55.605

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

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

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

198
00:13:08.393 --> 00:13:11.604
นะคะ

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

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

201
00:13:20.401 --> 00:13:23.605

202
00:13:24.403 --> 00:13:27.619

203
00:13:28.404 --> 00:13:31.605

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

205
00:13:36.407 --> 00:13:39.605

206
00:13:40.411 --> 00:13:43.605
Thunkable

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

208
00:13:48.414 --> 00:13:51.605
ไอ้อะไรนะอะไรนะ

209
00:13:52.417 --> 00:13:55.605
ี้

210
00:13:56.421 --> 00:13:59.604
เอาแบบนี้ก็ได้

211
00:14:00.422 --> 00:14:03.605

212
00:14:04.424 --> 00:14:07.606

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

214
00:14:12.429 --> 00:14:15.604
นะคะ

215
00:14:16.431 --> 00:14:19.604

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

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

218
00:14:28.439 --> 00:14:31.605

219
00:14:32.441 --> 00:14:35.606

220
00:14:36.443 --> 00:14:39.604

221
00:14:40.445 --> 00:14:43.605

222
00:14:44.447 --> 00:14:47.606

223
00:14:48.448 --> 00:14:51.605

224
00:14:52.451 --> 00:14:55.605

225
00:14:56.452 --> 00:14:59.605

226
00:15:00.454 --> 00:15:03.605

227
00:15:04.456 --> 00:15:07.605

228
00:15:08.458 --> 00:15:11.605

229
00:15:12.461 --> 00:15:15.606

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

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

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

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

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

235
00:15:36.472 --> 00:15:39.605
ดูด้วยนะ

236
00:15:40.475 --> 00:15:43.606
ฟรี ฟรี ฟรี

237
00:15:44.476 --> 00:15:47.606
Download Image

238
00:15:48.477 --> 00:15:51.606

239
00:15:52.480 --> 00:15:55.605

240
00:15:56.481 --> 00:15:59.605
Standard Free เราเลือกว่าฟรี

241
00:16:00.483 --> 00:16:03.605
ใช่ไหม

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

243
00:16:08.486 --> 00:16:11.605

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

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

246
00:16:20.492 --> 00:16:23.605
free downloas

247
00:16:24.496 --> 00:16:27.606
โอเค หาใหม่

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

249
00:16:32.500 --> 00:16:35.605

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

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

252
00:16:44.503 --> 00:16:47.606

253
00:16:48.506 --> 00:16:51.607
Premium free download

254
00:16:52.508 --> 00:16:55.605

255
00:16:56.510 --> 00:16:59.605
ไปไหนแล้ว

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

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

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

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

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

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

262
00:17:24.518 --> 00:17:27.605
Logo loging

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

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

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

266
00:17:40.523 --> 00:17:43.605
ได้แล้วนะคะ

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

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

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

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

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

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

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

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

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

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

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

278
00:18:28.536 --> 00:18:31.606
ลาก label มาวาง

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

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

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

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

283
00:18:48.541 --> 00:18:51.606
g-i-n

284
00:18:52.542 --> 00:18:55.607
สัญญาณล่าม

285
00:18:56.543 --> 00:18:59.606
โอเค ได้ยินอยู่นะ โอเคค่ะ นะคะ

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

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

288
00:19:08.547 --> 00:19:11.606
ลงไปนะ

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

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

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

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

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

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

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

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

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

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

299
00:19:52.561 --> 00:19:55.605

300
00:19:56.562 --> 00:19:59.607
Test Align นะคะ คือ

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

302
00:20:04.565 --> 00:20:07.606
นะคะ

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

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

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

306
00:20:20.570 --> 00:20:23.606

307
00:20:24.572 --> 00:20:27.606

308
00:20:28.574 --> 00:20:31.606

309
00:20:32.577 --> 00:20:35.606

310
00:20:36.579 --> 00:20:39.606

311
00:20:40.581 --> 00:20:43.606

312
00:20:44.583 --> 00:20:47.607

313
00:20:48.585 --> 00:20:51.606
โอเคนะ

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

315
00:20:56.589 --> 00:20:59.606
ทำอะไรต่อ

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

317
00:21:04.591 --> 00:21:07.609
Label Label อันนี้

318
00:21:08.593 --> 00:21:11.610

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

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

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

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

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

324
00:21:32.604 --> 00:21:35.606
Image Image

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

326
00:21:40.607 --> 00:21:43.606
login

327
00:21:44.608 --> 00:21:47.606
icon login l-o-g-i-n

328
00:21:48.612 --> 00:21:52.606
นะคะ ปุ๊บ

329
00:21:52.613 --> 00:21:56.606
1 2 3 ส่วนที่ 3

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

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

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

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

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

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

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

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

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

339
00:22:32.638 --> 00:22:36.607
หรือ Text input

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

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

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

343
00:22:48.644 --> 00:22:52.606
อันที่ 2 ต่อกัน

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

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

346
00:23:00.650 --> 00:23:04.606
2 อันนะคะ

347
00:23:04.651 --> 00:23:08.607
ขยายขนาดด้วยนะคะ

348
00:23:08.653 --> 00:23:12.607
นะคะ

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

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

351
00:23:20.659 --> 00:23:24.607

352
00:23:24.662 --> 00:23:28.606

353
00:23:28.666 --> 00:23:32.606

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

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

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

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

358
00:23:48.673 --> 00:23:52.607

359
00:23:52.674 --> 00:23:56.607

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

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

362
00:24:04.679 --> 00:24:08.607
ตัวบนนะคะ te

363
00:24:08.681 --> 00:24:12.610
ใส่ Username Text

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

365
00:24:16.683 --> 00:24:20.607
Text Input Username

366
00:24:20.684 --> 00:24:24.608

367
00:24:24.685 --> 00:24:28.607

368
00:24:28.687 --> 00:24:32.611
นะคะ อันที่ 2

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

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

371
00:24:40.690 --> 00:24:44.607
นะคะ เวลา Coding

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

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

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

375
00:24:56.695 --> 00:25:00.607

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

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

378
00:25:08.698 --> 00:25:12.608
ใน Username

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

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

381
00:25:20.705 --> 00:25:24.607

382
00:25:24.708 --> 00:25:28.607

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

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

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

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

387
00:25:44.714 --> 00:25:48.607
ไปที่

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

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

390
00:25:56.718 --> 00:26:00.608
ใส่ได้ไหม

391
00:26:00.719 --> 00:26:04.607

392
00:26:04.720 --> 00:26:08.607

393
00:26:08.722 --> 00:26:12.607

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

395
00:26:16.727 --> 00:26:20.607
Text ไหมล่ะ

396
00:26:20.731 --> 00:26:24.607

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

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

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

400
00:26:36.737 --> 00:26:40.607
2 อันนะคะ

401
00:26:40.738 --> 00:26:44.607

402
00:26:44.739 --> 00:26:48.606

403
00:26:48.740 --> 00:26:52.606
โอเคไหมคะ

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

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

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

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

408
00:27:08.747 --> 00:27:12.605

409
00:27:12.750 --> 00:27:16.606

410
00:27:16.752 --> 00:27:20.605

411
00:27:20.753 --> 00:27:24.605

412
00:27:24.754 --> 00:27:28.606

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

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

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

416
00:27:40.758 --> 00:27:44.605

417
00:27:44.760 --> 00:27:48.605
หาต่อ ๆ

418
00:27:48.763 --> 00:27:52.604
หาต่อ ๆ

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

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

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

422
00:28:04.768 --> 00:28:08.604

423
00:28:08.769 --> 00:28:12.604

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

425
00:28:16.772 --> 00:28:20.604

426
00:28:20.780 --> 00:28:24.604

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

428
00:28:28.783 --> 00:28:32.606
แล้วกัน

429
00:28:32.784 --> 00:28:36.613

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

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

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

433
00:28:48.788 --> 00:28:52.604
ใคร

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

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

436
00:29:00.792 --> 00:29:04.604
Image1

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

438
00:29:08.796 --> 00:29:12.602
login 1 open

439
00:29:12.797 --> 00:29:16.602

440
00:29:16.799 --> 00:29:20.602

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

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

443
00:29:28.804 --> 00:29:32.602
ย่อขยาย

444
00:29:32.806 --> 00:29:36.602
เอานะคะ

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

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

447
00:29:44.813 --> 00:29:48.602

448
00:29:48.815 --> 00:29:52.601

449
00:29:52.818 --> 00:29:56.601

450
00:29:56.819 --> 00:30:00.602

451
00:30:00.820 --> 00:30:04.602

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

453
00:30:08.822 --> 00:30:12.601

454
00:30:12.825 --> 00:30:16.601

455
00:30:16.826 --> 00:30:20.602

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

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

458
00:30:28.831 --> 00:30:32.601

459
00:30:32.832 --> 00:30:36.601

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

461
00:30:40.837 --> 00:30:44.602
ยืดได้ หดได้นะ

462
00:30:44.840 --> 00:30:48.601
นะคะ

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

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

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

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

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

468
00:31:08.847 --> 00:31:12.600

469
00:31:12.850 --> 00:31:16.600

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

471
00:31:20.851 --> 00:31:24.600
กับ forget password

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

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

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

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

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

477
00:31:44.857 --> 00:31:48.599
ลากไปวาง

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

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

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

481
00:32:00.862 --> 00:32:04.600
Remember me มี Label

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

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

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

485
00:32:16.870 --> 00:32:20.599
"Remember me" R-e Remember

486
00:32:20.871 --> 00:32:24.602

487
00:32:24.872 --> 00:32:28.601
b-e-r member

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

489
00:32:32.875 --> 00:32:36.598

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

491
00:32:40.877 --> 00:32:44.598

492
00:32:44.879 --> 00:32:48.598
เห็นไหมคะ

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

494
00:32:52.882 --> 00:32:56.599
อะไรอีกนะ มีอะไรอีก

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

496
00:33:00.884 --> 00:33:04.598
for got password

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

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

499
00:33:12.888 --> 00:33:16.598

500
00:33:16.889 --> 00:33:20.599

501
00:33:20.890 --> 00:33:24.599

502
00:33:24.892 --> 00:33:28.598
label

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

504
00:33:32.896 --> 00:33:36.598
ตอนเชื่อมนะ

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

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

507
00:33:44.901 --> 00:33:48.598
ตัวนี้

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

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

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

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

512
00:34:04.910 --> 00:34:08.598
ลดลง 14 พอ

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

514
00:34:12.912 --> 00:34:16.597
แล้วก็

515
00:34:16.913 --> 00:34:20.598

516
00:34:20.914 --> 00:34:24.598
Forgot Password นะเด็ก ๆ

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

518
00:34:28.918 --> 00:34:32.598
นะคะ  f-o-r

519
00:34:32.920 --> 00:34:36.600
fot got

520
00:34:36.921 --> 00:34:40.597
g-o-t got

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

522
00:34:44.923 --> 00:34:48.597
forgot

523
00:34:48.924 --> 00:34:52.597
แล้วก็ password

524
00:34:52.925 --> 00:34:56.597
Forgot แล้วก็ P

525
00:34:56.926 --> 00:35:00.597
P-a-s-s Pass W-

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

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

528
00:35:08.939 --> 00:35:12.596
Forgot Password ก็ลดไซซ์

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

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

531
00:35:20.944 --> 00:35:24.596
แล้วก็สี

532
00:35:24.946 --> 00:35:28.598

533
00:35:28.947 --> 00:35:32.597

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

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

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

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

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

539
00:35:52.955 --> 00:35:56.596
color

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

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

542
00:36:04.960 --> 00:36:08.597
โอเค

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

544
00:36:12.964 --> 00:36:16.596

545
00:36:16.965 --> 00:36:20.596

546
00:36:20.966 --> 00:36:24.596
นะคะ

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

548
00:36:28.968 --> 00:36:32.596
Login ใช่ไหม ปุ่ม

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

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

551
00:36:40.975 --> 00:36:44.596
คลิก button แล้วลง

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

553
00:36:48.979 --> 00:36:52.596
Button

554
00:36:52.980 --> 00:36:56.596
นี้

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

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

557
00:37:04.985 --> 00:37:08.597
i-n Login

558
00:37:08.986 --> 00:37:12.597
สีเอาสีอะไร

559
00:37:12.987 --> 00:37:16.597
ไปที่ Background นะ

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

561
00:37:20.992 --> 00:37:24.597
มีความ

562
00:37:24.994 --> 00:37:28.597
แซ่บเบอร์ 10

563
00:37:28.995 --> 00:37:32.601
sab...

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

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

566
00:37:40.997 --> 00:37:44.603

567
00:37:44.999 --> 00:37:48.598

568
00:37:49.000 --> 00:37:52.597

569
00:37:53.002 --> 00:37:56.598

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

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

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

573
00:38:09.007 --> 00:38:12.598
Text Color

574
00:38:13.008 --> 00:38:16.601
นะคะ สี...

575
00:38:17.009 --> 00:38:20.598

576
00:38:21.014 --> 00:38:24.598
สีม่วง

577
00:38:25.015 --> 00:38:28.599
โอเค

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

579
00:38:33.018 --> 00:38:36.599

580
00:38:37.020 --> 00:38:40.599
โอเคนะคะ

581
00:38:41.021 --> 00:38:44.599
ตัวนี้

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

583
00:38:49.025 --> 00:38:52.613
ตรง

584
00:38:53.026 --> 00:38:56.599
Border ใช่ไหมคะ

585
00:38:57.027 --> 00:39:00.599
Ladian น่ะ

586
00:39:01.029 --> 00:39:04.599
ความ

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

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

589
00:39:13.034 --> 00:39:16.599
โอเคไหม

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

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

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

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

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

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

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

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

598
00:39:49.048 --> 00:39:52.602

599
00:39:53.051 --> 00:39:56.600

600
00:39:57.052 --> 00:40:00.601
อ๋อ Remember me

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

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

603
00:40:09.057 --> 00:40:12.601
ในโค้ดน่ะ

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

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

606
00:40:21.060 --> 00:40:24.602

607
00:40:25.062 --> 00:40:28.602

608
00:40:29.064 --> 00:40:32.602

609
00:40:33.065 --> 00:40:36.602

610
00:40:37.067 --> 00:40:40.602

611
00:40:41.069 --> 00:40:44.601

612
00:40:45.071 --> 00:40:48.602

613
00:40:49.072 --> 00:40:52.607

614
00:40:53.075 --> 00:40:56.603

615
00:40:57.078 --> 00:41:00.602

616
00:41:01.081 --> 00:41:04.603

617
00:41:05.083 --> 00:41:08.602

618
00:41:09.087 --> 00:41:12.606

619
00:41:13.090 --> 00:41:16.602

620
00:41:17.097 --> 00:41:20.603

621
00:41:21.099 --> 00:41:24.604

622
00:41:25.100 --> 00:41:28.602

623
00:41:29.102 --> 00:41:32.602

624
00:41:33.103 --> 00:41:36.603

625
00:41:37.103 --> 00:41:40.602

626
00:41:41.104 --> 00:41:44.604

627
00:41:45.105 --> 00:41:48.603

628
00:41:49.108 --> 00:41:52.603

629
00:41:53.110 --> 00:41:56.603

630
00:41:57.113 --> 00:42:00.604

631
00:42:01.115 --> 00:42:04.603

632
00:42:05.116 --> 00:42:08.604

633
00:42:09.118 --> 00:42:12.605

634
00:42:13.120 --> 00:42:16.607

635
00:42:17.121 --> 00:42:20.603

636
00:42:21.124 --> 00:42:24.603

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

638
00:42:29.127 --> 00:42:32.605
label คำว่า login

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

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

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

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

643
00:42:49.133 --> 00:42:52.604
ลาก Text Input

644
00:42:53.134 --> 00:42:56.606
ไปวาง 2 อัน

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

646
00:43:01.140 --> 00:43:04.605

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

648
00:43:09.143 --> 00:43:12.605

649
00:43:13.144 --> 00:43:16.604

650
00:43:17.146 --> 00:43:20.605

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

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

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

654
00:43:33.154 --> 00:43:36.606
mt อะไรหว่า

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

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

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

658
00:43:49.162 --> 00:43:52.605
text input อันที่

659
00:43:53.163 --> 00:43:56.608
3 กับ 4 นี่

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

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

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

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

664
00:44:13.171 --> 00:44:16.606

665
00:44:17.173 --> 00:44:20.606

666
00:44:21.175 --> 00:44:24.605

667
00:44:25.177 --> 00:44:28.607

668
00:44:29.179 --> 00:44:32.609

669
00:44:33.180 --> 00:44:36.605

670
00:44:37.181 --> 00:44:40.605

671
00:44:41.182 --> 00:44:44.605

672
00:44:45.184 --> 00:44:48.605

673
00:44:49.188 --> 00:44:52.609

674
00:44:53.190 --> 00:44:56.606

675
00:44:57.192 --> 00:45:00.606

676
00:45:01.195 --> 00:45:04.606

677
00:45:05.198 --> 00:45:08.606

678
00:45:09.202 --> 00:45:12.609

679
00:45:13.205 --> 00:45:16.606

680
00:45:17.206 --> 00:45:20.606

681
00:45:21.207 --> 00:45:24.607

682
00:45:25.208 --> 00:45:28.606

683
00:45:29.209 --> 00:45:32.607

684
00:45:33.212 --> 00:45:36.606

685
00:45:37.217 --> 00:45:40.606

686
00:45:41.219 --> 00:45:44.606

687
00:45:45.221 --> 00:45:48.606

688
00:45:49.223 --> 00:45:52.607

689
00:45:53.225 --> 00:45:56.611

690
00:45:57.226 --> 00:46:00.607

691
00:46:01.227 --> 00:46:04.607

692
00:46:05.228 --> 00:46:08.608

693
00:46:09.230 --> 00:46:12.607

694
00:46:13.231 --> 00:46:16.609

695
00:46:17.234 --> 00:46:20.607

696
00:46:21.235 --> 00:46:24.607

697
00:46:25.237 --> 00:46:28.607

698
00:46:29.238 --> 00:46:32.607

699
00:46:33.240 --> 00:46:36.607

700
00:46:37.242 --> 00:46:40.609

701
00:46:41.245 --> 00:46:44.607

702
00:46:45.246 --> 00:46:48.607

703
00:46:49.249 --> 00:46:52.607

704
00:46:53.251 --> 00:46:56.607

705
00:46:57.252 --> 00:47:00.609

706
00:47:01.255 --> 00:47:04.607

707
00:47:05.257 --> 00:47:08.608

708
00:47:09.258 --> 00:47:12.607

709
00:47:13.260 --> 00:47:16.607

710
00:47:17.262 --> 00:47:20.607

711
00:47:21.264 --> 00:47:24.609

712
00:47:25.266 --> 00:47:28.608

713
00:47:29.268 --> 00:47:32.607

714
00:47:33.270 --> 00:47:36.608

715
00:47:37.271 --> 00:47:40.608

716
00:47:41.273 --> 00:47:44.608

717
00:47:45.274 --> 00:47:48.608

718
00:47:49.278 --> 00:47:52.608

719
00:47:53.280 --> 00:47:56.609

720
00:47:57.282 --> 00:48:00.611

721
00:48:01.287 --> 00:48:04.624

722
00:48:05.289 --> 00:48:08.608

723
00:48:09.293 --> 00:48:12.609

724
00:48:13.297 --> 00:48:16.610

725
00:48:17.336 --> 00:48:20.609

726
00:48:21.338 --> 00:48:24.608

727
00:48:25.340 --> 00:48:28.613

728
00:48:29.342 --> 00:48:32.609

729
00:48:33.346 --> 00:48:36.609

730
00:48:37.350 --> 00:48:40.610

731
00:48:41.355 --> 00:48:44.609

732
00:48:45.359 --> 00:48:48.608

733
00:48:49.361 --> 00:48:52.609

734
00:48:53.363 --> 00:48:56.608

735
00:48:57.366 --> 00:49:00.610

736
00:49:01.368 --> 00:49:04.610

737
00:49:05.371 --> 00:49:08.611

738
00:49:09.374 --> 00:49:12.610

739
00:49:13.378 --> 00:49:16.610

740
00:49:17.379 --> 00:49:20.609

741
00:49:21.381 --> 00:49:24.609

742
00:49:25.383 --> 00:49:28.612

743
00:49:29.385 --> 00:49:32.609

744
00:49:33.386 --> 00:49:36.609

745
00:49:37.388 --> 00:49:40.609

746
00:49:41.390 --> 00:49:44.609

747
00:49:45.391 --> 00:49:48.610

748
00:49:49.393 --> 00:49:52.613

749
00:49:53.394 --> 00:49:56.610

750
00:49:57.395 --> 00:50:00.610

751
00:50:01.397 --> 00:50:04.610

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

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

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

755
00:50:17.401 --> 00:50:20.613

756
00:50:21.403 --> 00:50:24.612

757
00:50:25.404 --> 00:50:28.610

758
00:50:29.406 --> 00:50:32.610

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

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

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

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

763
00:50:49.417 --> 00:50:52.610

764
00:50:53.418 --> 00:50:56.619
F-i-n-d B-

765
00:50:57.420 --> 00:51:00.610
a-s-e

766
00:51:01.421 --> 00:51:04.611

767
00:51:05.426 --> 00:51:08.610
Find Base อยู่ไหน

768
00:51:09.428 --> 00:51:12.610
นี่ ๆ Firebase

769
00:51:13.436 --> 00:51:16.610
.google.com

770
00:51:17.437 --> 00:51:20.610
ให้เราหา Fire

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

772
00:51:25.440 --> 00:51:28.610

773
00:51:29.443 --> 00:51:32.610
ให้

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

775
00:51:37.446 --> 00:51:40.610

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

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

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

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

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

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

782
00:52:05.453 --> 00:52:08.610

783
00:52:09.455 --> 00:52:12.610

784
00:52:13.457 --> 00:52:16.611

785
00:52:17.460 --> 00:52:20.612

786
00:52:21.462 --> 00:52:24.611

787
00:52:25.464 --> 00:52:28.611

788
00:52:29.465 --> 00:52:32.611

789
00:52:33.468 --> 00:52:36.610

790
00:52:37.469 --> 00:52:40.617

791
00:52:41.471 --> 00:52:44.611

792
00:52:45.475 --> 00:52:48.611

793
00:52:49.478 --> 00:52:52.611

794
00:52:53.480 --> 00:52:56.611
เพราะ

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

796
00:53:01.482 --> 00:53:04.611

797
00:53:05.483 --> 00:53:08.612
เขาจะ Login

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

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

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

801
00:53:21.489 --> 00:53:24.611
a New projects ค่ะ

802
00:53:25.490 --> 00:53:28.611
เห็นไหมคะสร้าง projex

803
00:53:29.492 --> 00:53:32.612

804
00:53:33.494 --> 00:53:36.613
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37.495 --> 00:53:40.611
enter your pro

806
00:53:41.496 --> 00:53:44.611
เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

807
00:53:45.497 --> 00:53:48.611
Firebase

808
00:53:49.499 --> 00:53:52.611
อะไรนะ login นะ

809
00:53:53.501 --> 00:53:56.611
ทำไมมันไม่ให้พิมพ์

810
00:53:57.507 --> 00:54:00.615
L-o-g-i-n นะคะ

811
00:54:01.508 --> 00:54:04.613

812
00:54:05.510 --> 00:54:08.612

813
00:54:09.512 --> 00:54:12.617

814
00:54:13.515 --> 00:54:16.611
เราต้องยอมรับก่อนนะติ๊กยอม

815
00:54:17.516 --> 00:54:20.612
ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

816
00:54:21.517 --> 00:54:24.612
แล้วก็กด Continue

817
00:54:25.518 --> 00:54:28.612

818
00:54:29.520 --> 00:54:32.612

819
00:54:33.522 --> 00:54:36.612
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytic

820
00:54:37.523 --> 00:54:40.612
นะคะ for your

821
00:54:41.524 --> 00:54:44.611
file bet project

822
00:54:45.525 --> 00:54:48.612
เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

823
00:54:49.527 --> 00:54:52.611

824
00:54:53.529 --> 00:54:56.611
แล้วเราก็ถาม

825
00:54:57.530 --> 00:55:00.611
ว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

826
00:55:01.531 --> 00:55:04.612
T-h

827
00:55:05.533 --> 00:55:08.612

828
00:55:09.535 --> 00:55:12.618
แล้วก็ต้องติ๊กยอมรับ

829
00:55:13.537 --> 00:55:16.612
I Accept

830
00:55:17.538 --> 00:55:20.613
เลือก

831
00:55:21.539 --> 00:55:24.612
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

832
00:55:25.540 --> 00:55:28.612
ได้เลย

833
00:55:29.541 --> 00:55:32.612
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

834
00:55:33.542 --> 00:55:36.612
มันกำลังจะสร้างให้เรา เขากำลังจะหา...

835
00:55:37.544 --> 00:55:40.612
มันเป็นเหมือน Database

836
00:55:41.545 --> 00:55:44.612
แต่ออนไลน์ เราก็ต้องรอจนกว่า

837
00:55:45.547 --> 00:55:48.612
ไอ้เจ้านี่มันหมุนจนครบ

838
00:55:49.548 --> 00:55:52.624

839
00:55:53.549 --> 00:55:56.613

840
00:55:57.551 --> 00:56:00.612

841
00:56:01.554 --> 00:56:04.612

842
00:56:05.556 --> 00:56:08.615

843
00:56:09.558 --> 00:56:12.616

844
00:56:13.560 --> 00:56:16.613

845
00:56:17.562 --> 00:56:20.620

846
00:56:21.563 --> 00:56:24.613

847
00:56:25.568 --> 00:56:28.622

848
00:56:29.573 --> 00:56:32.612

849
00:56:33.575 --> 00:56:36.612

850
00:56:37.578 --> 00:56:40.613

851
00:56:41.580 --> 00:56:44.612

852
00:56:45.582 --> 00:56:48.614

853
00:56:49.584 --> 00:56:52.614

854
00:56:53.586 --> 00:56:56.614

855
00:56:57.588 --> 00:57:00.612

856
00:57:01.594 --> 00:57:04.628

857
00:57:05.596 --> 00:57:08.613

858
00:57:09.598 --> 00:57:12.612

859
00:57:13.600 --> 00:57:16.613

860
00:57:17.602 --> 00:57:20.613

861
00:57:21.604 --> 00:57:24.613

862
00:57:25.608 --> 00:57:28.613

863
00:57:29.610 --> 00:57:33.610

864
00:57:33.613 --> 00:57:37.613

865
00:57:37.616 --> 00:57:41.613

866
00:57:41.619 --> 00:57:45.614

867
00:57:45.628 --> 00:57:49.613

868
00:57:49.632 --> 00:57:53.613

869
00:57:53.635 --> 00:57:57.613

870
00:57:57.638 --> 00:58:01.613

871
00:58:01.642 --> 00:58:05.614

872
00:58:05.647 --> 00:58:09.618
บางคนอยู่หน้า

873
00:58:09.648 --> 00:58:13.613
your new project ready แล้ว

874
00:58:13.648 --> 00:58:17.613

875
00:58:17.649 --> 00:58:21.613
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

876
00:58:21.650 --> 00:58:25.613

877
00:58:25.651 --> 00:58:29.613

878
00:58:29.653 --> 00:58:33.613

879
00:58:33.655 --> 00:58:37.613

880
00:58:37.658 --> 00:58:41.613

881
00:58:41.662 --> 00:58:45.613

882
00:58:45.667 --> 00:58:49.613

883
00:58:49.670 --> 00:58:53.617

884
00:58:53.671 --> 00:58:57.616

885
00:58:57.673 --> 00:59:01.615

886
00:59:01.675 --> 00:59:05.618

887
00:59:05.676 --> 00:59:09.617

888
00:59:09.678 --> 00:59:13.613

889
00:59:13.689 --> 00:59:17.613

890
00:59:17.690 --> 00:59:21.613
ต่อไปนะคะ

891
00:59:21.692 --> 00:59:25.614
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือ

892
00:59:25.693 --> 00:59:29.613
ซ้ายมือนะ

893
00:59:29.696 --> 00:59:33.614
คลิกที่ Build

894
00:59:33.697 --> 00:59:37.613
เห็นไหมคะ

895
00:59:37.699 --> 00:59:41.613
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

896
00:59:41.702 --> 00:59:45.613
มีมอนิเตอร์มีอนารีเกต

897
00:59:45.707 --> 00:59:49.614
ีมี endgrade เราไปคลิกที่

898
00:59:49.708 --> 00:59:53.616
ไอ้รูป...

899
00:59:53.709 --> 00:59:57.613

900
00:59:57.710 --> 01:00:01.614

901
01:00:01.712 --> 01:00:05.613

902
01:00:05.713 --> 01:00:09.614
รูป

903
01:00:09.715 --> 01:00:13.613
ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

904
01:00:13.716 --> 01:00:17.613
แล้วคลิกที่ All tintication

905
01:00:17.718 --> 01:00:21.613
คลิก 1 ครั้ง

906
01:00:21.719 --> 01:00:25.613
มันจะเข้ามาที่

907
01:00:25.720 --> 01:00:29.614
หน้า Authetication ใช่ไหมคะ

908
01:00:29.721 --> 01:00:33.614
เราก็คลิก get start

909
01:00:33.722 --> 01:00:37.614

910
01:00:37.723 --> 01:00:41.614

911
01:00:41.724 --> 01:00:45.614

912
01:00:45.725 --> 01:00:49.615
ทีนี้

913
01:00:49.726 --> 01:00:53.614
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53.727 --> 01:00:57.615
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

915
01:00:57.728 --> 01:01:01.616
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

916
01:01:01.729 --> 01:01:05.616
เราใช้ Username ก็คื

917
01:01:05.730 --> 01:01:09.616
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09.733 --> 01:01:13.616
Enable

919
01:01:13.735 --> 01:01:17.616
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17.736 --> 01:01:21.616
ใช้...

921
01:01:21.738 --> 01:01:25.629

922
01:01:25.739 --> 01:01:29.616
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29.741 --> 01:01:33.617
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33.743 --> 01:01:37.616
แล้วใช้เบอร์โทรศัพท์

925
01:01:37.744 --> 01:01:41.617
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41.745 --> 01:01:45.618
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45.745 --> 01:01:49.618
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49.746 --> 01:01:53.620
login ด้วยตัวไหน

929
01:01:53.749 --> 01:01:57.617
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

930
01:01:57.750 --> 01:02:01.617
เห็นไหมคะ เรามี Password ด้วยใช่ไหม

931
01:02:01.751 --> 01:02:05.620
เราก็เลือกตัวนี้ และเราก็คลิก

932
01:02:05.751 --> 01:02:09.617
nable

933
01:02:09.752 --> 01:02:13.618
เพราะเรามี 2 ตัวนะ

934
01:02:13.753 --> 01:02:17.619
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17.755 --> 01:02:21.618

936
01:02:21.756 --> 01:02:25.618
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25.757 --> 01:02:29.618
Allten ที่

938
01:02:29.758 --> 01:02:33.618
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33.759 --> 01:02:37.619
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37.760 --> 01:02:41.619
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41.762 --> 01:02:45.619
Anominus

942
01:02:45.763 --> 01:02:49.619
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49.764 --> 01:02:53.619
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53.765 --> 01:02:57.619

945
01:02:57.766 --> 01:03:01.619

946
01:03:01.769 --> 01:03:05.619

947
01:03:05.773 --> 01:03:09.620

948
01:03:09.777 --> 01:03:13.620

949
01:03:13.778 --> 01:03:17.621

950
01:03:17.780 --> 01:03:21.620

951
01:03:21.781 --> 01:03:25.620

952
01:03:25.782 --> 01:03:29.621

953
01:03:29.785 --> 01:03:33.621

954
01:03:33.786 --> 01:03:37.621

955
01:03:37.787 --> 01:03:41.621

956
01:03:41.788 --> 01:03:45.621

957
01:03:45.791 --> 01:03:49.622

958
01:03:49.793 --> 01:03:53.622

959
01:03:53.794 --> 01:03:57.622

960
01:03:57.797 --> 01:04:01.622

961
01:04:01.798 --> 01:04:05.622

962
01:04:05.799 --> 01:04:09.622

963
01:04:09.800 --> 01:04:13.622

964
01:04:13.802 --> 01:04:17.622

965
01:04:17.803 --> 01:04:21.625

966
01:04:21.805 --> 01:04:25.622

967
01:04:25.806 --> 01:04:29.622

968
01:04:29.808 --> 01:04:33.622

969
01:04:33.809 --> 01:04:37.623

970
01:04:37.810 --> 01:04:41.623

971
01:04:41.814 --> 01:04:45.623

972
01:04:45.817 --> 01:04:49.623

973
01:04:49.818 --> 01:04:53.623

974
01:04:53.820 --> 01:04:57.624
อันนี้ พอเราย้อนกลับมานะคะ

975
01:04:57.821 --> 01:05:01.623
มาดู

976
01:05:01.823 --> 01:05:05.623
ตรงบิ้ว

977
01:05:05.824 --> 01:05:09.624

978
01:05:09.825 --> 01:05:13.624

979
01:05:13.828 --> 01:05:17.625
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

980
01:05:17.829 --> 01:05:21.624
มันจะขึ้นว่าสถานะตรงนี้

981
01:05:21.831 --> 01:05:25.624
Project overview

982
01:05:25.833 --> 01:05:29.625
แล้วเลือก Project Setting

983
01:05:29.834 --> 01:05:33.625
No No No

984
01:05:33.835 --> 01:05:37.624
มันจะเข้ามาที่หน้าที่ Project seting

985
01:05:37.836 --> 01:05:41.625
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

986
01:05:41.837 --> 01:05:45.625
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

987
01:05:45.838 --> 01:05:49.625
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

988
01:05:49.839 --> 01:05:53.625
มันเพราะตอนนี้มันบอกว่าเรา

989
01:05:53.840 --> 01:05:57.625
เรา ยังไม่มีแอปในโปรเจกนี้

990
01:05:57.841 --> 01:06:01.625
เราก็ต้องไปที่แอปของเรา

991
01:06:01.843 --> 01:06:05.625
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

992
01:06:05.846 --> 01:06:09.625
เห็นไหมคะ

993
01:06:09.848 --> 01:06:13.626
มันมี ids แล้วก็มีรู้ Printer

994
01:06:13.849 --> 01:06:17.625
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

995
01:06:17.850 --> 01:06:21.625
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

996
01:06:21.851 --> 01:06:25.626

997
01:06:25.852 --> 01:06:29.626

998
01:06:29.853 --> 01:06:33.628

999
01:06:33.854 --> 01:06:37.627
ตรงตำแหน่งนี้ My Web app นี่

1000
01:06:37.855 --> 01:06:41.626
คืออะไร เราต้องไปหน้าที่เราทำ

1001
01:06:41.859 --> 01:06:45.627

1002
01:06:45.860 --> 01:06:49.630

1003
01:06:49.864 --> 01:06:53.628
ของเราก็คือ E-Book ไหมคะ

1004
01:06:53.865 --> 01:06:57.627
มันจะใช้ว่าอะไรอันไหนไม่ใช้

1005
01:06:57.866 --> 01:07:01.627
จะปิดแล้วนะ

1006
01:07:01.867 --> 01:07:05.627

1007
01:07:05.868 --> 01:07:09.627

1008
01:07:09.869 --> 01:07:13.628
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

1009
01:07:13.870 --> 01:07:17.627
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค

1010
01:07:17.871 --> 01:07:21.627
เข้าใจนะ พิมพ์ลงไปนะคะ

1011
01:07:21.872 --> 01:07:25.627
E

1012
01:07:25.876 --> 01:07:29.627

1013
01:07:29.878 --> 01:07:33.628

1014
01:07:33.879 --> 01:07:37.628
เดี๋ยว

1015
01:07:37.880 --> 01:07:41.628
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

1016
01:07:41.882 --> 01:07:45.628
Ebook นะคะ

1017
01:07:45.883 --> 01:07:49.632
นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

1018
01:07:49.884 --> 01:07:53.629
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

1019
01:07:53.885 --> 01:07:57.628
แล้วก็พิมพ์ลงไป

1020
01:07:57.886 --> 01:08:01.635

1021
01:08:01.888 --> 01:08:05.628

1022
01:08:05.889 --> 01:08:09.629

1023
01:08:09.890 --> 01:08:13.629

1024
01:08:13.892 --> 01:08:17.632

1025
01:08:17.893 --> 01:08:21.629

1026
01:08:21.896 --> 01:08:25.629

1027
01:08:25.898 --> 01:08:29.630

1028
01:08:29.899 --> 01:08:33.629

1029
01:08:33.900 --> 01:08:37.629

1030
01:08:37.901 --> 01:08:41.629

1031
01:08:41.902 --> 01:08:45.629

1032
01:08:45.903 --> 01:08:49.630

1033
01:08:49.904 --> 01:08:53.629

1034
01:08:53.906 --> 01:08:57.629

1035
01:08:57.908 --> 01:09:01.630

1036
01:09:01.909 --> 01:09:05.631

1037
01:09:05.910 --> 01:09:09.631

1038
01:09:09.911 --> 01:09:13.630

1039
01:09:13.912 --> 01:09:17.629

1040
01:09:17.913 --> 01:09:21.630

1041
01:09:21.916 --> 01:09:25.630

1042
01:09:25.920 --> 01:09:29.641

1043
01:09:29.921 --> 01:09:33.630

1044
01:09:33.922 --> 01:09:37.630

1045
01:09:37.926 --> 01:09:41.631

1046
01:09:41.929 --> 01:09:45.630
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

1047
01:09:45.932 --> 01:09:49.635
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

1048
01:09:49.934 --> 01:09:53.630
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ตามแม่นะ

1049
01:09:53.936 --> 01:09:57.634
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

1050
01:09:57.941 --> 01:10:01.631
เสร็จแล้วกด Register App

1051
01:10:01.942 --> 01:10:05.631
ได้เลย

1052
01:10:05.945 --> 01:10:09.631

1053
01:10:09.946 --> 01:10:13.631
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

1054
01:10:13.950 --> 01:10:17.631
นี่ ๆ อยู่ข้างบนนี่

1055
01:10:17.951 --> 01:10:21.631

1056
01:10:21.958 --> 01:10:25.632
มันจะมี code มาเห้นไหมคะ

1057
01:10:25.959 --> 01:10:29.633
เขาบอกว่าเราต้องเอาโค้ดนี้

1058
01:10:29.960 --> 01:10:33.632
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปไปวางในแอปเร

1059
01:10:33.961 --> 01:10:37.633
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

1060
01:10:37.962 --> 01:10:41.639

1061
01:10:41.967 --> 01:10:45.631

1062
01:10:45.969 --> 01:10:49.632
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

1063
01:10:49.970 --> 01:10:53.631
ไม่แน่ใจจะเห็นไหมนี่

1064
01:10:53.971 --> 01:10:57.631

1065
01:10:57.972 --> 01:11:01.632
มันใช้ว่าอะไรหว่าอันนี้

1066
01:11:01.977 --> 01:11:05.631

1067
01:11:05.979 --> 01:11:09.631
Component

1068
01:11:09.980 --> 01:11:13.632

1069
01:11:13.981 --> 01:11:17.632

1070
01:11:17.983 --> 01:11:21.631

1071
01:11:21.985 --> 01:11:25.631

1072
01:11:25.986 --> 01:11:29.631
ไม่เจอ

1073
01:11:29.988 --> 01:11:33.631
มันจะไปต่อไม่ได้

1074
01:11:33.989 --> 01:11:37.631
มันต้องใช้อะไรนี่

1075
01:11:37.990 --> 01:11:41.633
Data viewer

1076
01:11:41.991 --> 01:11:45.630
data wever

1077
01:11:45.992 --> 01:11:49.631

1078
01:11:49.993 --> 01:11:53.631

1079
01:11:53.994 --> 01:11:57.632

1080
01:11:57.998 --> 01:12:01.630
data assen seting

1081
01:12:01.999 --> 01:12:05.633
setting

1082
01:12:06.000 --> 01:12:09.630
หาก่อนนะ

1083
01:12:10.002 --> 01:12:13.629

1084
01:12:14.005 --> 01:12:17.629
compronan

1085
01:12:18.007 --> 01:12:21.630

1086
01:12:22.008 --> 01:12:25.629

1087
01:12:26.009 --> 01:12:29.630

1088
01:12:30.010 --> 01:12:33.629
all ten singinm

1089
01:12:34.011 --> 01:12:37.629
ต้องการหา Signin

1090
01:12:38.012 --> 01:12:41.629
ไม่ใช่

1091
01:12:42.013 --> 01:12:45.629

1092
01:12:46.015 --> 01:12:49.629

1093
01:12:50.016 --> 01:12:53.628

1094
01:12:54.028 --> 01:12:57.628

1095
01:12:58.030 --> 01:13:01.628

1096
01:13:02.031 --> 01:13:05.629

1097
01:13:06.033 --> 01:13:09.628
My data sourse หรือ

1098
01:13:10.034 --> 01:13:13.628
ก็ไม่ใช่

1099
01:13:14.036 --> 01:13:17.628
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

1100
01:13:18.038 --> 01:13:21.628

1101
01:13:22.038 --> 01:13:25.628

1102
01:13:26.039 --> 01:13:29.628

1103
01:13:30.041 --> 01:13:33.628

1104
01:13:34.044 --> 01:13:37.628

1105
01:13:38.045 --> 01:13:41.628

1106
01:13:42.046 --> 01:13:45.631

1107
01:13:46.047 --> 01:13:49.629

1108
01:13:50.049 --> 01:13:53.627
ขอ Sea

1109
01:13:54.051 --> 01:13:57.630
ก่อนนะคะ Thunkable x คืออะไร

1110
01:13:58.052 --> 01:14:01.627
พิมพ์ผิดพิมพ์ถูกกันแล้ว

1111
01:14:02.055 --> 01:14:05.627

1112
01:14:06.056 --> 01:14:09.631

1113
01:14:10.058 --> 01:14:13.627

1114
01:14:14.061 --> 01:14:17.628

1115
01:14:18.062 --> 01:14:21.627

1116
01:14:22.065 --> 01:14:25.628
เราเลือกเวอร์ชันผิดใช่ไหมนี

1117
01:14:26.066 --> 01:14:29.627

1118
01:14:30.068 --> 01:14:33.627

1119
01:14:34.069 --> 01:14:37.627

1120
01:14:38.071 --> 01:14:41.627
update ยังไง

1121
01:14:42.073 --> 01:14:45.629
อาจจะต้อง Update Thunkable เราหน่อย

1122
01:14:46.075 --> 01:14:49.627
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้

1123
01:14:50.076 --> 01:14:53.626

1124
01:14:54.083 --> 01:14:57.626
ใช้

1125
01:14:58.084 --> 01:15:01.626
ฟังก์ชันนั้นไม่ได้น่ะ

1126
01:15:02.086 --> 01:15:05.626

1127
01:15:06.088 --> 01:15:09.627

1128
01:15:10.090 --> 01:15:13.626
มันไม่เหมือนกันหรอเดี๋ยว

1129
01:15:14.091 --> 01:15:17.626
แป๊บหนึ่งนะเด็ก ๆ

1130
01:15:18.092 --> 01:15:21.626
มันต่างกันหรือ

1131
01:15:22.094 --> 01:15:25.627
อยากรู้ ๆ

1132
01:15:26.095 --> 01:15:29.626
มันก็ขึ้น Thunkable เหมือนกันนี่

1133
01:15:30.096 --> 01:15:33.626

1134
01:15:34.100 --> 01:15:37.625
เพราะมัน

1135
01:15:38.101 --> 01:15:41.626
Components มันมีไม่ครบ

1136
01:15:42.103 --> 01:15:45.626

1137
01:15:46.104 --> 01:15:49.626
Solution

1138
01:15:50.105 --> 01:15:53.629
Solution เดี๋ยวนะ

1139
01:15:54.107 --> 01:15:57.626
Integration

1140
01:15:58.111 --> 01:16:01.626

1141
01:16:02.113 --> 01:16:05.626
เราจะต้อง

1142
01:16:06.114 --> 01:16:09.626

1143
01:16:10.115 --> 01:16:13.628
Using Thunkable

1144
01:16:14.116 --> 01:16:17.630

1145
01:16:18.118 --> 01:16:21.625
ก็ไม่ใช่ มันเป็น Test

1146
01:16:22.122 --> 01:16:25.625

1147
01:16:26.123 --> 01:16:29.625

1148
01:16:30.126 --> 01:16:33.625

1149
01:16:34.129 --> 01:16:37.626

1150
01:16:38.130 --> 01:16:41.626

1151
01:16:42.134 --> 01:16:45.630

1152
01:16:46.138 --> 01:16:49.626

1153
01:16:50.140 --> 01:16:53.625

1154
01:16:54.140 --> 01:16:57.625

1155
01:16:58.142 --> 01:17:01.625

1156
01:17:02.144 --> 01:17:05.625

1157
01:17:06.147 --> 01:17:09.626

1158
01:17:10.151 --> 01:17:13.624

1159
01:17:14.152 --> 01:17:17.625

1160
01:17:18.154 --> 01:17:21.625

1161
01:17:22.155 --> 01:17:25.625

1162
01:17:26.157 --> 01:17:29.624

1163
01:17:30.159 --> 01:17:33.624

1164
01:17:34.161 --> 01:17:37.624

1165
01:17:38.163 --> 01:17:41.624

1166
01:17:42.164 --> 01:17:45.625

1167
01:17:46.166 --> 01:17:49.624

1168
01:17:50.168 --> 01:17:53.625

1169
01:17:54.169 --> 01:17:57.624
เพราะเขาบอกว่า

1170
01:17:58.172 --> 01:18:01.624
เราจะก๊อปฯ ไอ้ตัวนี้แล้ว

1171
01:18:02.173 --> 01:18:05.625
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

1172
01:18:06.175 --> 01:18:09.625
ไม่มีใน App เรา

1173
01:18:10.175 --> 01:18:13.625
ใน Thunkable Tool ที่ Signin

1174
01:18:14.179 --> 01:18:17.624
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

1175
01:18:18.181 --> 01:18:21.625
มันก็จะวางไม่ได้

1176
01:18:22.182 --> 01:18:25.624

1177
01:18:26.183 --> 01:18:29.624
ใช้ตัวไหนนะ เดี๋ยวขอ Test

1178
01:18:30.184 --> 01:18:33.630
ดูนะคะ

1179
01:18:34.185 --> 01:18:37.624
คือตอนนี้ เรากรอก

1180
01:18:38.186 --> 01:18:41.626
ข้อมุลได้แต่จะไม่เก็บ

1181
01:18:42.187 --> 01:18:45.624
เขาเรียกว่าอะไรล่ะ ฐานข้อมูลนะ

1182
01:18:46.188 --> 01:18:49.624

1183
01:18:50.189 --> 01:18:53.624
ก็จะให้ไปเก็บ...

1184
01:18:54.191 --> 01:18:57.624

1185
01:18:58.193 --> 01:19:01.624
แบบ Tool Editing

1186
01:19:02.194 --> 01:19:05.632
เดี๋ยวเรามาลองที่ Box ของเรา

1187
01:19:06.196 --> 01:19:09.624
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

1188
01:19:10.197 --> 01:19:13.624
input 1 usernam

1189
01:19:14.197 --> 01:19:17.624
ไปที่ Text input1

1190
01:19:18.199 --> 01:19:21.641
เมื่อ Text input username

1191
01:19:22.200 --> 01:19:25.626
คลิก ไม่ใช่ มันจะต้องเป็น

1192
01:19:26.201 --> 01:19:29.623
นะ set text

1193
01:19:30.203 --> 01:19:33.624
input text to

1194
01:19:34.204 --> 01:19:37.625
Username Text

1195
01:19:38.206 --> 01:19:41.623
Keyboard Type

1196
01:19:42.207 --> 01:19:45.624

1197
01:19:46.209 --> 01:19:49.623

1198
01:19:50.211 --> 01:19:53.625

1199
01:19:54.212 --> 01:19:57.623
ฺBorder

1200
01:19:58.214 --> 01:20:01.633
มันจะต้องเป็นพิมพืเพระาฉะนั้น

1201
01:20:02.215 --> 01:20:05.623
Cheang

1202
01:20:06.218 --> 01:20:09.623
คลิก เมื่อมีการคลิก เมื่อ

1203
01:20:10.220 --> 01:20:13.629
คลิกที่ Text Input Username ปุ๊บ

1204
01:20:14.223 --> 01:20:17.626
เลือกอันนี้ออกไปก่อนเลือกออกมาวาง

1205
01:20:18.224 --> 01:20:21.624
เมื่อคลิกเข้าไปที่ Text Input

1206
01:20:22.225 --> 01:20:25.624
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

1207
01:20:26.226 --> 01:20:29.623
ทำ...

1208
01:20:30.227 --> 01:20:33.625

1209
01:20:34.228 --> 01:20:37.623

1210
01:20:38.230 --> 01:20:41.624

1211
01:20:42.232 --> 01:20:45.626
ให้กำหนดค่า Text Input Username เป็น Text

1212
01:20:46.232 --> 01:20:49.623
จาก taxt เป็นข้อความ

1213
01:20:50.235 --> 01:20:53.623

1214
01:20:54.236 --> 01:20:57.623
ดูสิ แล้วเราต้องไปเทสต์ว่ามัน

1215
01:20:58.237 --> 01:21:01.628
พิมพ์เข้าไปได้ไหม

1216
01:21:02.238 --> 01:21:05.623
ขึ้นไหมโอเคถูก

1217
01:21:06.239 --> 01:21:09.623
เห็นไหมคะ มันต้อง

1218
01:21:10.240 --> 01:21:13.629
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

1219
01:21:14.241 --> 01:21:17.623
โอเคนะคะ

1220
01:21:18.243 --> 01:21:21.623
เพราะตรงนี้ Userna

1221
01:21:22.244 --> 01:21:25.623
เหมือนกัน Text Input อันที่ 2

1222
01:21:26.245 --> 01:21:29.623
กลับไปที่ Back to Editting

1223
01:21:30.246 --> 01:21:33.623
ตอนนี้เด็ก ๆ ได้

1224
01:21:34.247 --> 01:21:37.623
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38.249 --> 01:21:41.625
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

1226
01:21:42.250 --> 01:21:45.623
Text Input อันที่ 1 ใช่ไหม

1227
01:21:46.251 --> 01:21:49.622
เรากลับไปที่ Block แล้ว

1228
01:21:50.253 --> 01:21:53.624
ตัวแรกที่เราเริ่มก็คือ

1229
01:21:54.254 --> 01:21:57.633
เมื่อกี้แม่ว่าแม่ลอง

1230
01:21:58.255 --> 01:22:01.623
ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

1231
01:22:02.257 --> 01:22:05.629
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

1232
01:22:06.258 --> 01:22:09.634
แต่ตอนแรกที่ test

1233
01:22:10.259 --> 01:22:13.622
พอพิมพ์ปุ๊บ

1234
01:22:14.261 --> 01:22:17.625
เมื่อกี้มันน่าจะ Save ไว้แล้ว

1235
01:22:18.262 --> 01:22:21.625
พอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะ ให้นึงถึงเหมือนมาพิมพ์ช่องนี้

1236
01:22:22.265 --> 01:22:25.623
นี่

1237
01:22:26.269 --> 01:22:29.623
โอเคนะคะ

1238
01:22:30.270 --> 01:22:33.624
โอเค

1239
01:22:34.271 --> 01:22:37.623
เพราะฉะนั้น สิ่งที่เราจะต้องทำ คือ กำหนดค่าให้

1240
01:22:38.272 --> 01:22:41.634
text input ตัวที่ 1 ของเรา

1241
01:22:42.273 --> 01:22:45.622
นะคะ

1242
01:22:46.274 --> 01:22:49.622

1243
01:22:50.278 --> 01:22:53.626
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

1244
01:22:54.280 --> 01:22:57.626
ลบทิ้ง อีกอันดูอ

1245
01:22:58.281 --> 01:23:01.622
มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

1246
01:23:02.282 --> 01:23:05.623
ไม่เป็นอะไร ให้

1247
01:23:06.283 --> 01:23:09.623
เราเลือก Components ที่ชื่อว่า Text Input นะ

1248
01:23:10.287 --> 01:23:13.623
สิ่งแรกก็คือเมื่อ text input

1249
01:23:14.288 --> 01:23:17.625
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

1250
01:23:18.289 --> 01:23:21.623
เราเลือกตัวนี้ออกมา

1251
01:23:22.290 --> 01:23:25.628
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือ

1252
01:23:26.295 --> 01:23:29.623
Username ก็คือ

1253
01:23:30.297 --> 01:23:33.631
ให้ set ค่าของ Text Input น่ะ

1254
01:23:34.298 --> 01:23:37.622
จะซ่อนเป็นพิมพ์น่ะ

1255
01:23:38.299 --> 01:23:41.622

1256
01:23:42.302 --> 01:23:45.622
นะ คะดูนะคะ

1257
01:23:46.308 --> 01:23:49.623
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

1258
01:23:50.309 --> 01:23:53.622

1259
01:23:54.311 --> 01:23:57.642

1260
01:23:58.312 --> 01:24:01.627
text Input

1261
01:24:02.319 --> 01:24:05.627
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

1262
01:24:06.320 --> 01:24:09.623

1263
01:24:10.322 --> 01:24:13.623
อะไรต่อ เสร็จแล้วทำอย่างไรต่อ มันมีอีกตัวหนึ่งใช่ไหม

1264
01:24:14.324 --> 01:24:17.623
คือตัวที่ 2 ของเรา

1265
01:24:18.325 --> 01:24:21.624
password ก็เหมือนกัน

1266
01:24:22.326 --> 01:24:25.622
มี 2 อันใช่ไหมคะ

1267
01:24:26.328 --> 01:24:29.623
When เมื่อเราคลิกเข้าไปที่ Text Input

1268
01:24:30.329 --> 01:24:33.623
password wen...

1269
01:24:34.331 --> 01:24:37.622
คลิกโดนคลิกนี่ทำอะไร

1270
01:24:38.332 --> 01:24:41.628
เหมือนกัน ก็คือให้...

1271
01:24:42.333 --> 01:24:45.622
เซต Text นี้เป็น

1272
01:24:46.336 --> 01:24:49.622
ซ่อนซ่อนแล้วก็

1273
01:24:50.338 --> 01:24:53.622
ซ่อนเสร็จแล้วก็

1274
01:24:54.338 --> 01:24:57.622
มาแสดง แล้วก็ให้พิมพ์นะ

1275
01:24:58.339 --> 01:25:01.625
อันนี้ก็ทำเหมือนกัน ก็คือ...

1276
01:25:02.340 --> 01:25:05.626

1277
01:25:06.341 --> 01:25:09.622

1278
01:25:10.344 --> 01:25:13.622

1279
01:25:14.346 --> 01:25:17.622

1280
01:25:18.348 --> 01:25:21.624
รู้แล้วควา่มจริงเราต้องเลือกอันนี้

1281
01:25:22.349 --> 01:25:25.623
set text

1282
01:25:26.351 --> 01:25:29.623
Password นะคะ กำหนดให้

1283
01:25:30.352 --> 01:25:33.622
Text Input Password นี่

1284
01:25:34.353 --> 01:25:37.632
รับค่าจากการพิมพ์

1285
01:25:38.354 --> 01:25:41.623
เสร็จแล้วตรงนี้

1286
01:25:42.355 --> 01:25:45.622
เป็น Defult Default กำหนดเป็นค่าเริ่ม

1287
01:25:46.356 --> 01:25:49.623
เห็นไหม

1288
01:25:50.359 --> 01:25:53.623
set defil

1289
01:25:54.361 --> 01:25:57.623
เราไม่ได้ set defule

1290
01:25:58.365 --> 01:26:01.622
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

1291
01:26:02.367 --> 01:26:05.622
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

1292
01:26:06.368 --> 01:26:09.623
เมื่อพิมพ์ เมื่อคลิกเข้าไป

1293
01:26:10.369 --> 01:26:13.623
เกิดผลก็คือให้มันแสดง

1294
01:26:14.370 --> 01:26:17.622

1295
01:26:18.372 --> 01:26:21.622

1296
01:26:22.374 --> 01:26:25.622

1297
01:26:26.375 --> 01:26:29.622

1298
01:26:30.377 --> 01:26:33.622

1299
01:26:34.379 --> 01:26:37.622

1300
01:26:38.380 --> 01:26:41.622

1301
01:26:42.382 --> 01:26:45.622

1302
01:26:46.383 --> 01:26:49.622
Text to แล้วก็ข้อความ

1303
01:26:50.385 --> 01:26:53.622
ในนี้นะ

1304
01:26:54.386 --> 01:26:57.637
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

1305
01:26:58.387 --> 01:27:01.624
ก็

1306
01:27:02.388 --> 01:27:05.622
เป็นเซ็ต

1307
01:27:06.390 --> 01:27:09.622

1308
01:27:10.391 --> 01:27:13.622
มันต้องซ่อนสิ password

1309
01:27:14.392 --> 01:27:17.622
ต้องซ้อนนะ

1310
01:27:18.393 --> 01:27:21.625
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

1311
01:27:22.394 --> 01:27:25.629
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

1312
01:27:26.395 --> 01:27:29.625
เพราะตอนพิมพื password ต้องไม่แสดง

1313
01:27:30.396 --> 01:27:33.622
User น่ะไม่แสดง

1314
01:27:34.397 --> 01:27:37.623

1315
01:27:38.398 --> 01:27:41.622

1316
01:27:42.400 --> 01:27:45.622
User แสดงอย่างนี้ได้แต่ passwor

1317
01:27:46.401 --> 01:27:49.622
มันไม่ควรแสดงชื่อไหม

1318
01:27:50.402 --> 01:27:53.622
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

1319
01:27:54.403 --> 01:27:57.622

1320
01:27:58.404 --> 01:28:01.623
นี่ตอนนี้มันยังไม่ซ่อน

1321
01:28:02.406 --> 01:28:05.623
ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน

1322
01:28:06.407 --> 01:28:09.622
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10.408 --> 01:28:13.622
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14.409 --> 01:28:17.623
หน้าจะเป็น Too

1325
01:28:18.411 --> 01:28:21.622
หรือ Tool อะไร มีหลายตัว

1326
01:28:22.414 --> 01:28:25.622
เลือกเป็น...

1327
01:28:26.418 --> 01:28:29.622

1328
01:28:30.420 --> 01:28:33.622
เมื่อคลิก password

1329
01:28:34.422 --> 01:28:37.622
เมื่อคลิก Password

1330
01:28:38.424 --> 01:28:41.622
แล้ว

1331
01:28:42.425 --> 01:28:45.622
พิมพ์ Password ลงไปปุ๊บ

1332
01:28:46.426 --> 01:28:49.624

1333
01:28:50.428 --> 01:28:53.626

1334
01:28:54.431 --> 01:28:57.622

1335
01:28:58.434 --> 01:29:01.623

1336
01:29:02.436 --> 01:29:05.623

1337
01:29:06.442 --> 01:29:09.622
เมื่อพิมพ์ Password ลง

1338
01:29:10.446 --> 01:29:13.622
เป็นซ่อน

1339
01:29:14.449 --> 01:29:17.622
แล้วก็ To... ไม่ให้เอาออก

1340
01:29:18.450 --> 01:29:21.622

1341
01:29:22.454 --> 01:29:25.622

1342
01:29:26.456 --> 01:29:29.622
จัด Text

1343
01:29:30.461 --> 01:29:33.622
แล้วก็ทำให้ Text Input เป็นซ่อน

1344
01:29:34.465 --> 01:29:37.625
ลองดูสิ แก้เงื่อนไขมันก่อน

1345
01:29:38.466 --> 01:29:41.623
จาก Text

1346
01:29:42.468 --> 01:29:45.622
ให้มันซ่อน ได้ไหม

1347
01:29:46.470 --> 01:29:49.622
ขอลองอันล่างเลย

1348
01:29:50.472 --> 01:29:53.625
ไม่ซ่อนน่ะ

1349
01:29:54.474 --> 01:29:57.623
นี่ เราใส่สลับ

1350
01:29:58.476 --> 01:30:01.622
เอาใหม่ Edit ใหม่

1351
01:30:02.477 --> 01:30:05.622
ต้องไล่ให้ถูกนะนี่

1352
01:30:06.481 --> 01:30:09.633
เมื่อพิมพ์เข้าไปแล้ว ตคามหบักนะ เมื่อพิมพ์ปุ๊

1353
01:30:10.482 --> 01:30:13.622

1354
01:30:14.484 --> 01:30:17.624

1355
01:30:18.485 --> 01:30:21.627
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

1356
01:30:22.486 --> 01:30:25.622

1357
01:30:26.487 --> 01:30:29.630
ที่พิมพ์จากคีย์บอร์ด

1358
01:30:30.488 --> 01:30:33.622
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

1359
01:30:34.489 --> 01:30:37.622

1360
01:30:38.491 --> 01:30:41.634
มันจะซ่อนให้ไหมน่ะ

1361
01:30:42.493 --> 01:30:45.623
เมื่อกำหนดค่า

1362
01:30:46.494 --> 01:30:49.623
เมื่อกำหนดค่า เมื่อกำหนดค่า Text Input

1363
01:30:50.495 --> 01:30:53.622
เมื่อเราคลิกเข้าไปเสร็จ เซตเมื่อเราพิมพ์นะ Keyboard Type

1364
01:30:54.496 --> 01:30:57.623
keybrod

1365
01:30:58.497 --> 01:31:01.630
ให้มัน

1366
01:31:02.508 --> 01:31:05.622
ให้มัน...

1367
01:31:06.510 --> 01:31:09.622
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

1368
01:31:10.512 --> 01:31:13.623
มันจะซ่อนให้เราไหม

1369
01:31:14.513 --> 01:31:17.623
ยังติดอยู่นะคะ

1370
01:31:18.514 --> 01:31:21.622
ยังติดอยู่ในบ่วง Password ไม่ซ่อน

1371
01:31:22.518 --> 01:31:25.626

1372
01:31:26.520 --> 01:31:29.627
ขาดค่าอะไรไปอีกค่าหนึ่ง

1373
01:31:30.521 --> 01:31:33.627
ต้องกำหนดตัวแปรไหมละนี่

1374
01:31:34.522 --> 01:31:37.625
น่าจะใช่

1375
01:31:38.524 --> 01:31:41.622
กำหนดตัวแปลให้เก็บค่าของ Text Password

1376
01:31:42.526 --> 01:31:45.624
text username

1377
01:31:46.528 --> 01:31:49.628
Text Password

1378
01:31:50.530 --> 01:31:53.622
ไหน Block ที่ 1

1379
01:31:54.532 --> 01:31:57.624
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58.533 --> 01:32:01.622
whyriabl

1381
01:32:02.535 --> 01:32:05.623

1382
01:32:06.536 --> 01:32:09.622

1383
01:32:10.539 --> 01:32:13.626

1384
01:32:14.540 --> 01:32:17.628

1385
01:32:18.543 --> 01:32:21.622

1386
01:32:22.546 --> 01:32:25.623

1387
01:32:26.548 --> 01:32:29.622

1388
01:32:30.549 --> 01:32:33.622

1389
01:32:34.553 --> 01:32:37.622

1390
01:32:38.555 --> 01:32:41.623
ไปที่ Text ไปที่ Text

1391
01:32:42.557 --> 01:32:45.623
ทำให้เป็นตัวใหญ่

1392
01:32:46.558 --> 01:32:49.622
ทำให้ text

1393
01:32:50.560 --> 01:32:53.623

1394
01:32:54.562 --> 01:32:57.622

1395
01:32:58.563 --> 01:33:01.622

1396
01:33:02.565 --> 01:33:05.622

1397
01:33:06.568 --> 01:33:09.622
ไปที่ Color

1398
01:33:10.569 --> 01:33:13.623
เป็นจริง

1399
01:33:14.570 --> 01:33:17.623
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18.572 --> 01:33:21.623
เป็นจริงปุ๊บ

1401
01:33:22.573 --> 01:33:25.623
ถึงที่ต้องทำต่อ

1402
01:33:26.574 --> 01:33:29.623
ขาดไปไหนนะ

1403
01:33:30.576 --> 01:33:33.622
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34.580 --> 01:33:37.623
แต่มันมาอยู่ใน...

1405
01:33:38.582 --> 01:33:41.626

1406
01:33:42.584 --> 01:33:45.624
เราจะเอามันไปใส่ใน

1407
01:33:46.587 --> 01:33:49.623
ไหนได้

1408
01:33:50.589 --> 01:33:53.622
sinin

1409
01:33:54.590 --> 01:33:57.622
เขาบอกว่า

1410
01:33:58.595 --> 01:34:01.633
ให้มันอยู่ตรง...

1411
01:34:02.597 --> 01:34:05.623

1412
01:34:06.600 --> 01:34:09.622

1413
01:34:10.602 --> 01:34:13.623
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14.603 --> 01:34:17.625
App Feature

1415
01:34:18.604 --> 01:34:21.623

1416
01:34:22.610 --> 01:34:26.610

1417
01:34:26.612 --> 01:34:30.612
Sign in

1418
01:34:30.615 --> 01:34:34.615
Sign in

1419
01:34:34.616 --> 01:34:38.616
Sing in Email

1420
01:34:38.617 --> 01:34:42.617

1421
01:34:42.618 --> 01:34:46.618
Sign in hello

1422
01:34:46.620 --> 01:34:50.620
Reset Password

1423
01:34:50.622 --> 01:34:54.622
Delete User Sign Up

1424
01:34:54.627 --> 01:34:58.622
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58.628 --> 01:35:02.622
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02.657 --> 01:35:06.622
Sign Up Do

1427
01:35:06.659 --> 01:35:10.622
Sign In do

1428
01:35:10.660 --> 01:35:14.622

1429
01:35:14.661 --> 01:35:18.621

1430
01:35:18.662 --> 01:35:22.622
ไม่ให้ใช้น่ะ

1431
01:35:22.663 --> 01:35:26.622
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26.664 --> 01:35:30.622
ใช้ไม่เหมือนกัน

1433
01:35:30.666 --> 01:35:34.621

1434
01:35:34.669 --> 01:35:38.621
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38.670 --> 01:35:42.621
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42.671 --> 01:35:46.621

1437
01:35:46.675 --> 01:35:50.621

1438
01:35:50.677 --> 01:35:54.620

1439
01:35:54.678 --> 01:35:58.620

1440
01:35:58.679 --> 01:36:02.620

1441
01:36:02.680 --> 01:36:06.620

1442
01:36:06.681 --> 01:36:10.620

1443
01:36:10.682 --> 01:36:14.620

1444
01:36:14.686 --> 01:36:18.621

1445
01:36:18.687 --> 01:36:22.620

1446
01:36:22.688 --> 01:36:26.619

1447
01:36:26.691 --> 01:36:30.619

1448
01:36:30.694 --> 01:36:34.620

1449
01:36:34.695 --> 01:36:38.620

1450
01:36:38.697 --> 01:36:42.620

1451
01:36:42.698 --> 01:36:46.621

1452
01:36:46.699 --> 01:36:50.619
ไม่เหมือนกันนะ

1453
01:36:50.700 --> 01:36:54.619
ใช้ไม่เหมือน

1454
01:36:54.702 --> 01:36:58.619

1455
01:36:58.703 --> 01:37:02.619

1456
01:37:02.705 --> 01:37:06.619

1457
01:37:06.706 --> 01:37:10.620

1458
01:37:10.708 --> 01:37:14.619

1459
01:37:14.710 --> 01:37:18.619
เดี๋ยวนะคะ Sign Up

1460
01:37:18.711 --> 01:37:22.619
อันนี้หรอ

1461
01:37:22.713 --> 01:37:26.619

1462
01:37:26.714 --> 01:37:30.618

1463
01:37:30.716 --> 01:37:34.618

1464
01:37:34.717 --> 01:37:38.618
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:38.718 --> 01:37:42.618
ให้ลงทะเบียน

1466
01:37:42.719 --> 01:37:46.719
โดยใช้ Email หรือ Passeord

1467
01:37:46.720 --> 01:37:50.618
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:50.777 --> 01:37:54.618

1469
01:37:54.801 --> 01:37:58.618

1470
01:37:58.803 --> 01:38:02.618

1471
01:38:02.804 --> 01:38:06.618
บอกว่าให้ก๊อป(ปี้)

1472
01:38:06.805 --> 01:38:10.618
ทำไม

1473
01:38:10.807 --> 01:38:14.618
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:14.808 --> 01:38:18.618
Thunkable X

1475
01:38:18.809 --> 01:38:22.618

1476
01:38:22.811 --> 01:38:26.626

1477
01:38:26.814 --> 01:38:30.617

1478
01:38:30.815 --> 01:38:34.618

1479
01:38:34.818 --> 01:38:38.618

1480
01:38:38.820 --> 01:38:42.617

1481
01:38:42.821 --> 01:38:46.618
เอามาจากไหนนะ Thunkable X

1482
01:38:46.822 --> 01:38:50.617

1483
01:38:50.823 --> 01:38:54.618

1484
01:38:54.824 --> 01:38:58.617

1485
01:38:58.826 --> 01:39:02.623

1486
01:39:02.828 --> 01:39:06.621
มันจะเพิ่ม Signin ได้

1487
01:39:06.829 --> 01:39:10.617
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:10.830 --> 01:39:14.617

1489
01:39:14.832 --> 01:39:18.617

1490
01:39:18.833 --> 01:39:22.616

1491
01:39:22.835 --> 01:39:26.616

1492
01:39:26.837 --> 01:39:30.616

1493
01:39:30.839 --> 01:39:34.618

1494
01:39:34.840 --> 01:39:38.616

1495
01:39:38.843 --> 01:39:42.616

1496
01:39:42.844 --> 01:39:46.616

1497
01:39:46.845 --> 01:39:50.616

1498
01:39:50.847 --> 01:39:54.616

1499
01:39:54.848 --> 01:39:58.618

1500
01:39:58.851 --> 01:40:02.616
อ๋อถ้า

1501
01:40:02.853 --> 01:40:06.619
Thunkable X ก็คือใช้ IOS

1502
01:40:06.854 --> 01:40:10.616
เข้าใจแล้ว

1503
01:40:10.856 --> 01:40:14.616

1504
01:40:14.858 --> 01:40:18.617

1505
01:40:18.859 --> 01:40:22.616

1506
01:40:22.862 --> 01:40:26.616

1507
01:40:26.863 --> 01:40:30.616
ทดสอบแอป

1508
01:40:30.865 --> 01:40:34.616
มันยังไม่ reresd

1509
01:40:34.866 --> 01:40:38.616
ใช้ไม่ได้ต้องเป็น

1510
01:40:38.870 --> 01:40:42.615
ข้อจำกัด

1511
01:40:42.872 --> 01:40:46.617
เยอะเหมือนกันนะนี่

1512
01:40:46.873 --> 01:40:50.616

1513
01:40:50.876 --> 01:40:54.616

1514
01:40:54.878 --> 01:40:58.616
โอเค เดี๋ยว

1515
01:40:58.879 --> 01:41:02.616
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:02.880 --> 01:41:06.615
ของเรามัน มันไม่เป็น

1517
01:41:06.882 --> 01:41:10.616
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:10.883 --> 01:41:14.616
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:14.885 --> 01:41:18.615
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:18.888 --> 01:41:22.616
ก็คือเราก้จะมา

1521
01:41:22.892 --> 01:41:26.616
ก็อป Firebase น่ะค่ะ

1522
01:41:26.893 --> 01:41:30.615
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:30.895 --> 01:41:34.615
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:34.896 --> 01:41:38.616
เดิมเรานี่ให้เป้น Thunk

1525
01:41:38.899 --> 01:41:42.616
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:42.902 --> 01:41:46.617
เราจะเอามาใช้งาน

1527
01:41:46.903 --> 01:41:50.615
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:50.908 --> 01:41:54.616
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:54.912 --> 01:41:58.615
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:58.913 --> 01:42:02.615
Thunkable เรามันเป็น Thunkable

1531
01:42:02.915 --> 01:42:06.621
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:06.916 --> 01:42:10.615
ตอนนี้มันเป็น Thunk

1533
01:42:10.918 --> 01:42:14.615
เนื่องจากสัปดาห์หน้า

1534
01:42:14.919 --> 01:42:18.615
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:18.920 --> 01:42:22.615
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:22.921 --> 01:42:26.614
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:26.922 --> 01:42:30.616
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:30.923 --> 01:42:34.616
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:34.926 --> 01:42:38.618
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:38.928 --> 01:42:42.615
แค่อัปเวอร์ชันมัน

1541
01:42:42.929 --> 01:42:46.614
จะนำมาไปใช้ตัวนี้

1542
01:42:46.930 --> 01:42:50.614
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:50.931 --> 01:42:54.614
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:54.932 --> 01:42:58.614
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:58.936 --> 01:43:02.614
สำหรับสัปดาห์นี้

1546
01:43:02.938 --> 01:43:06.614
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:06.939 --> 01:43:10.614
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:10.942 --> 01:43:14.614

1549
01:43:14.943 --> 01:43:18.614
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:18.944 --> 01:43:22.615
อ๋อ...

1551
01:43:22.946 --> 01:43:26.614
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:26.947 --> 01:43:30.614
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:30.951 --> 01:43:34.614

1554
01:43:34.952 --> 01:43:38.613

1555
01:43:38.954 --> 01:43:42.616
Thunkable X

1556
01:43:42.954 --> 01:43:46.954
ทำ

1557
01:43:46.955 --> 01:43:50.955

1558
01:43:50.959 --> 01:43:50.959

1559
01:43:54.960 --> 01:43:54.964

1560
01:43:58.964 --> 01:43:58.965