WEBVTT

1
00:00:00.000 --> 00:00:03.550

2
00:00:04.008 --> 00:00:07.550

3
00:00:08.013 --> 00:00:11.549

4
00:00:12.018 --> 00:00:15.550

5
00:00:16.020 --> 00:00:19.550

6
00:00:20.022 --> 00:00:23.550

7
00:00:24.024 --> 00:00:27.550

8
00:00:28.027 --> 00:00:31.550

9
00:00:32.030 --> 00:00:35.550

10
00:00:36.032 --> 00:00:39.550

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

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

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

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

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

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

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

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

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

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

21
00:01:20.052 --> 00:01:23.550
Thunkable ของเรา

22
00:01:24.054 --> 00:01:27.550

23
00:01:28.055 --> 00:01:31.549
Thunkable

24
00:01:32.057 --> 00:01:35.550

25
00:01:36.060 --> 00:01:39.551

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

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

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

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

30
00:01:56.069 --> 00:01:59.549

31
00:02:00.071 --> 00:02:03.549

32
00:02:04.073 --> 00:02:07.550

33
00:02:08.076 --> 00:02:11.552

34
00:02:12.080 --> 00:02:15.550

35
00:02:16.085 --> 00:02:19.549

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

37
00:02:24.087 --> 00:02:27.550

38
00:02:28.088 --> 00:02:31.550
สงสัย

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

40
00:02:36.092 --> 00:02:39.550
งง ๆ

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

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

43
00:02:48.096 --> 00:02:51.549
ผมจะออกก่อน

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

45
00:02:56.099 --> 00:02:59.556

46
00:03:00.101 --> 00:03:03.550

47
00:03:04.102 --> 00:03:07.550
เข้าใหม่

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

49
00:03:12.106 --> 00:03:15.550

50
00:03:16.107 --> 00:03:19.550

51
00:03:20.110 --> 00:03:23.550
โอเค

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

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

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

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

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

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

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

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

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

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

62
00:04:04.129 --> 00:04:07.554
มันก็จะเป็น

63
00:04:08.131 --> 00:04:11.550

64
00:04:12.132 --> 00:04:15.550
Category

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

66
00:04:20.135 --> 00:04:23.550

67
00:04:24.137 --> 00:04:27.550

68
00:04:28.139 --> 00:04:31.550

69
00:04:32.140 --> 00:04:35.550

70
00:04:36.142 --> 00:04:39.552

71
00:04:40.144 --> 00:04:43.551

72
00:04:44.146 --> 00:04:47.551

73
00:04:48.149 --> 00:04:51.550

74
00:04:52.152 --> 00:04:55.554

75
00:04:56.154 --> 00:04:59.550

76
00:05:00.155 --> 00:05:03.550

77
00:05:04.156 --> 00:05:07.550

78
00:05:08.158 --> 00:05:11.551

79
00:05:12.160 --> 00:05:15.551

80
00:05:16.162 --> 00:05:19.550

81
00:05:20.163 --> 00:05:23.551

82
00:05:24.165 --> 00:05:27.550

83
00:05:28.168 --> 00:05:31.551

84
00:05:32.169 --> 00:05:35.551

85
00:05:36.171 --> 00:05:39.550

86
00:05:40.173 --> 00:05:43.550

87
00:05:44.174 --> 00:05:47.550

88
00:05:48.176 --> 00:05:51.551

89
00:05:52.178 --> 00:05:55.551

90
00:05:56.179 --> 00:05:59.552

91
00:06:00.180 --> 00:06:03.550

92
00:06:04.182 --> 00:06:07.551

93
00:06:08.184 --> 00:06:11.550

94
00:06:12.187 --> 00:06:15.550

95
00:06:16.189 --> 00:06:19.551

96
00:06:20.191 --> 00:06:23.551

97
00:06:24.192 --> 00:06:27.550

98
00:06:28.194 --> 00:06:31.550

99
00:06:32.195 --> 00:06:35.551

100
00:06:36.196 --> 00:06:39.554

101
00:06:40.199 --> 00:06:43.551

102
00:06:44.200 --> 00:06:47.551

103
00:06:48.202 --> 00:06:51.551

104
00:06:52.203 --> 00:06:55.556

105
00:06:56.206 --> 00:06:59.551

106
00:07:00.208 --> 00:07:03.551

107
00:07:04.209 --> 00:07:07.551

108
00:07:08.211 --> 00:07:11.551

109
00:07:12.215 --> 00:07:15.551

110
00:07:16.216 --> 00:07:19.551

111
00:07:20.219 --> 00:07:23.551

112
00:07:24.220 --> 00:07:27.551

113
00:07:28.222 --> 00:07:31.551

114
00:07:32.224 --> 00:07:35.550

115
00:07:36.225 --> 00:07:39.551

116
00:07:40.228 --> 00:07:43.551

117
00:07:44.229 --> 00:07:47.551

118
00:07:48.231 --> 00:07:51.551

119
00:07:52.233 --> 00:07:55.552

120
00:07:56.234 --> 00:07:59.551

121
00:08:00.235 --> 00:08:03.551

122
00:08:04.237 --> 00:08:07.553

123
00:08:08.239 --> 00:08:11.551

124
00:08:12.242 --> 00:08:15.551

125
00:08:16.244 --> 00:08:19.551

126
00:08:20.245 --> 00:08:23.551

127
00:08:24.247 --> 00:08:27.551

128
00:08:28.248 --> 00:08:31.551

129
00:08:32.250 --> 00:08:35.553

130
00:08:36.251 --> 00:08:39.551

131
00:08:40.253 --> 00:08:43.551

132
00:08:44.255 --> 00:08:47.555

133
00:08:48.256 --> 00:08:51.552

134
00:08:52.258 --> 00:08:55.551

135
00:08:56.260 --> 00:08:59.551

136
00:09:00.262 --> 00:09:03.551

137
00:09:04.263 --> 00:09:07.551

138
00:09:08.264 --> 00:09:11.551

139
00:09:12.267 --> 00:09:15.551

140
00:09:16.269 --> 00:09:19.552

141
00:09:20.272 --> 00:09:23.552

142
00:09:24.274 --> 00:09:27.552
ดูนะ ในรูป

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

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

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

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

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

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

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

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

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

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

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

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

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

156
00:10:20.304 --> 00:10:23.551
ชื่อว่า...

157
00:10:24.305 --> 00:10:27.554

158
00:10:28.307 --> 00:10:31.551
Colum

159
00:10:32.309 --> 00:10:35.551
หาคำว่า "Colum"

160
00:10:36.311 --> 00:10:39.551
ขี้เกียจ Sue

161
00:10:40.312 --> 00:10:43.552
-l

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

163
00:10:48.315 --> 00:10:51.552
ลงไป c-o ทำไท

164
00:10:52.319 --> 00:10:55.551
l C-o-l-u-m-e

165
00:10:56.320 --> 00:10:59.552
u-m-e c-o

166
00:11:00.321 --> 00:11:03.553

167
00:11:04.323 --> 00:11:07.551

168
00:11:08.326 --> 00:11:11.551

169
00:11:12.330 --> 00:11:15.552

170
00:11:16.331 --> 00:11:19.552

171
00:11:20.332 --> 00:11:23.552

172
00:11:24.334 --> 00:11:27.555
ไม่มี Coolu

173
00:11:28.336 --> 00:11:31.552

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

175
00:11:36.339 --> 00:11:39.553
ไหนอีกนี่

176
00:11:40.341 --> 00:11:43.552

177
00:11:44.342 --> 00:11:47.552

178
00:11:48.344 --> 00:11:51.552

179
00:11:52.346 --> 00:11:55.553

180
00:11:56.348 --> 00:11:59.551

181
00:12:00.351 --> 00:12:03.552

182
00:12:04.354 --> 00:12:07.552

183
00:12:08.356 --> 00:12:11.552

184
00:12:12.358 --> 00:12:15.552

185
00:12:16.362 --> 00:12:19.553

186
00:12:20.364 --> 00:12:23.551

187
00:12:24.365 --> 00:12:27.552

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

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

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

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

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

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

194
00:12:52.374 --> 00:12:55.555

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

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

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

198
00:13:08.382 --> 00:13:11.553
นะคะ

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

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

201
00:13:20.390 --> 00:13:23.552

202
00:13:24.392 --> 00:13:27.552

203
00:13:28.396 --> 00:13:31.553

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

205
00:13:36.400 --> 00:13:39.553

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

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

208
00:13:48.406 --> 00:13:51.552
ไอ้อะไรนะอะไรนะ

209
00:13:52.408 --> 00:13:55.553
ี้

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

211
00:14:00.411 --> 00:14:03.552

212
00:14:04.413 --> 00:14:07.576

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

214
00:14:12.415 --> 00:14:15.553
นะคะ

215
00:14:16.416 --> 00:14:19.553

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

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

218
00:14:28.421 --> 00:14:31.553

219
00:14:32.423 --> 00:14:35.552

220
00:14:36.424 --> 00:14:39.553

221
00:14:40.427 --> 00:14:43.553

222
00:14:44.428 --> 00:14:47.553

223
00:14:48.431 --> 00:14:51.553

224
00:14:52.434 --> 00:14:55.553

225
00:14:56.436 --> 00:14:59.552

226
00:15:00.437 --> 00:15:03.553

227
00:15:04.440 --> 00:15:07.553

228
00:15:08.441 --> 00:15:11.554

229
00:15:12.443 --> 00:15:15.555

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

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

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

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

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

235
00:15:36.452 --> 00:15:39.554
ดูด้วยนะ

236
00:15:40.455 --> 00:15:43.553
ฟรี ฟรี ฟรี

237
00:15:44.457 --> 00:15:47.553
Download Image

238
00:15:48.458 --> 00:15:51.556

239
00:15:52.461 --> 00:15:55.553

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

241
00:16:00.465 --> 00:16:03.562
ใช่ไหม

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

243
00:16:08.468 --> 00:16:11.556

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

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

246
00:16:20.478 --> 00:16:23.554
free downloas

247
00:16:24.479 --> 00:16:27.553
โอเค หาใหม่

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

249
00:16:32.482 --> 00:16:35.553

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

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

252
00:16:44.487 --> 00:16:47.553

253
00:16:48.488 --> 00:16:51.554
Premium free download

254
00:16:52.490 --> 00:16:55.553

255
00:16:56.492 --> 00:16:59.553
ไปไหนแล้ว

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

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

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

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

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

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

262
00:17:24.501 --> 00:17:27.553
Logo loging

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

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

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

266
00:17:40.506 --> 00:17:43.554
ได้แล้วนะคะ

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

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

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

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

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

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

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

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

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

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

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

278
00:18:28.529 --> 00:18:31.553
ลาก label มาวาง

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

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

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

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

283
00:18:48.544 --> 00:18:51.554
g-i-n

284
00:18:52.548 --> 00:18:55.553
สัญญาณล่าม

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

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

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

288
00:19:08.554 --> 00:19:11.554
ลงไปนะ

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

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

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

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

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

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

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

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

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

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

299
00:19:52.570 --> 00:19:56.553

300
00:19:56.571 --> 00:20:00.554
Test Align นะคะ คือ

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

302
00:20:04.573 --> 00:20:08.554
นะคะ

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

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

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

306
00:20:20.590 --> 00:20:24.556

307
00:20:24.591 --> 00:20:28.554

308
00:20:28.594 --> 00:20:32.554

309
00:20:32.595 --> 00:20:36.554

310
00:20:36.597 --> 00:20:40.558

311
00:20:40.598 --> 00:20:44.554

312
00:20:44.599 --> 00:20:48.554

313
00:20:48.601 --> 00:20:52.555
โอเคนะ

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

315
00:20:56.602 --> 00:21:00.554
ทำอะไรต่อ

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

317
00:21:04.604 --> 00:21:08.554
Label Label อันนี้

318
00:21:08.607 --> 00:21:12.554

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

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

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

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

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

324
00:21:32.617 --> 00:21:36.554
Image Image

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

326
00:21:40.619 --> 00:21:44.554
login

327
00:21:44.620 --> 00:21:48.557
icon login l-o-g-i-n

328
00:21:48.622 --> 00:21:52.554
นะคะ ปุ๊บ

329
00:21:52.623 --> 00:21:56.554
1 2 3 ส่วนที่ 3

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

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

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

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

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

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

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

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

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

339
00:22:32.632 --> 00:22:36.554
หรือ Text input

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

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

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

343
00:22:48.638 --> 00:22:52.554
อันที่ 2 ต่อกัน

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

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

346
00:23:00.643 --> 00:23:04.555
2 อันนะคะ

347
00:23:04.644 --> 00:23:08.554
ขยายขนาดด้วยนะคะ

348
00:23:08.645 --> 00:23:12.555
นะคะ

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

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

351
00:23:20.648 --> 00:23:24.555

352
00:23:24.650 --> 00:23:28.555

353
00:23:28.651 --> 00:23:32.554

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

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

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

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

358
00:23:48.656 --> 00:23:52.554

359
00:23:52.658 --> 00:23:56.562

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

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

362
00:24:04.662 --> 00:24:08.554
ตัวบนนะคะ te

363
00:24:08.663 --> 00:24:12.557
ใส่ Username Text

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

365
00:24:16.666 --> 00:24:20.555
Text Input Username

366
00:24:20.667 --> 00:24:24.554

367
00:24:24.668 --> 00:24:28.555

368
00:24:28.670 --> 00:24:32.555
นะคะ อันที่ 2

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

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

371
00:24:40.673 --> 00:24:44.555
นะคะ เวลา Coding

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

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

374
00:24:52.677 --> 00:24:56.555
password

375
00:24:56.678 --> 00:25:00.556

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

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

378
00:25:08.685 --> 00:25:12.555
ใน Username

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

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

381
00:25:20.692 --> 00:25:24.555

382
00:25:24.692 --> 00:25:28.556

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

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

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

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

387
00:25:44.700 --> 00:25:48.556
ไปที่

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

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

390
00:25:56.705 --> 00:26:00.555
ใส่ได้ไหม

391
00:26:00.706 --> 00:26:04.555

392
00:26:04.707 --> 00:26:08.555

393
00:26:08.709 --> 00:26:12.555

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

395
00:26:16.711 --> 00:26:20.555
Text ไหมล่ะ

396
00:26:20.713 --> 00:26:24.555

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

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

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

400
00:26:36.719 --> 00:26:40.556
2 อันนะคะ

401
00:26:40.720 --> 00:26:44.555

402
00:26:44.721 --> 00:26:48.555

403
00:26:48.722 --> 00:26:52.555
โอเคไหมคะ

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

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

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

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

408
00:27:08.731 --> 00:27:12.555

409
00:27:12.732 --> 00:27:16.555

410
00:27:16.734 --> 00:27:20.554

411
00:27:20.734 --> 00:27:24.554

412
00:27:24.735 --> 00:27:28.554

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

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

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

416
00:27:40.741 --> 00:27:44.554

417
00:27:44.742 --> 00:27:48.553
หาต่อ ๆ

418
00:27:48.743 --> 00:27:52.554
หาต่อ ๆ

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

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

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

422
00:28:04.747 --> 00:28:08.554

423
00:28:08.748 --> 00:28:12.553

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

425
00:28:16.750 --> 00:28:20.553

426
00:28:20.751 --> 00:28:24.553

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

428
00:28:28.754 --> 00:28:32.552
แล้วกัน

429
00:28:32.756 --> 00:28:36.552

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

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

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

433
00:28:48.762 --> 00:28:52.552
ใคร

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

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

436
00:29:00.765 --> 00:29:04.553
Image1

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

438
00:29:08.769 --> 00:29:12.560
login 1 open

439
00:29:12.770 --> 00:29:16.551

440
00:29:16.771 --> 00:29:20.551

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

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

443
00:29:28.774 --> 00:29:32.551
ย่อขยาย

444
00:29:32.777 --> 00:29:36.551
เอานะคะ

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

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

447
00:29:44.780 --> 00:29:48.550

448
00:29:48.783 --> 00:29:52.550

449
00:29:52.784 --> 00:29:56.550

450
00:29:56.787 --> 00:30:00.550

451
00:30:00.788 --> 00:30:04.550

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

453
00:30:08.790 --> 00:30:12.550

454
00:30:12.791 --> 00:30:16.550

455
00:30:16.792 --> 00:30:20.551

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

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

458
00:30:28.798 --> 00:30:32.549

459
00:30:32.798 --> 00:30:36.551

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

461
00:30:40.803 --> 00:30:44.549
ยืดได้ หดได้นะ

462
00:30:44.805 --> 00:30:48.549
นะคะ

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

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

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

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

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

468
00:31:08.814 --> 00:31:12.549

469
00:31:12.815 --> 00:31:16.549

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

471
00:31:20.817 --> 00:31:24.553
กับ forget password

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

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

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

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

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

477
00:31:44.836 --> 00:31:48.548
ลากไปวาง

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

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

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

481
00:32:00.845 --> 00:32:04.548
Remember me มี Label

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

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

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

485
00:32:16.851 --> 00:32:20.547
"Remember me" R-e Remember

486
00:32:20.851 --> 00:32:24.547

487
00:32:24.853 --> 00:32:28.547
b-e-r member

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

489
00:32:32.856 --> 00:32:36.547

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

491
00:32:40.859 --> 00:32:44.547

492
00:32:44.860 --> 00:32:48.547
เห็นไหมคะ

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

494
00:32:52.862 --> 00:32:56.548
อะไรอีกนะ มีอะไรอีก

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

496
00:33:00.865 --> 00:33:04.549
for got password

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

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

499
00:33:12.868 --> 00:33:16.547

500
00:33:16.869 --> 00:33:20.546

501
00:33:20.870 --> 00:33:24.546

502
00:33:24.871 --> 00:33:28.546
label

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

504
00:33:32.876 --> 00:33:36.547
ตอนเชื่อมนะ

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

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

507
00:33:44.879 --> 00:33:48.546
ตัวนี้

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

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

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

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

512
00:34:04.890 --> 00:34:08.546
ลดลง 14 พอ

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

514
00:34:12.893 --> 00:34:16.546
แล้วก็

515
00:34:16.896 --> 00:34:20.546

516
00:34:20.897 --> 00:34:24.546
Forgot Password นะเด็ก ๆ

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

518
00:34:28.899 --> 00:34:32.545
นะคะ  f-o-r

519
00:34:32.900 --> 00:34:36.546
fot got

520
00:34:36.901 --> 00:34:40.546
g-o-t got

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

522
00:34:44.903 --> 00:34:48.546
forgot

523
00:34:48.904 --> 00:34:52.545
แล้วก็ password

524
00:34:52.905 --> 00:34:56.546
Forgot แล้วก็ P

525
00:34:56.906 --> 00:35:00.545
P-a-s-s Pass W-

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

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

528
00:35:08.910 --> 00:35:12.545
Forgot Password ก็ลดไซซ์

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

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

531
00:35:20.914 --> 00:35:24.545
แล้วก็สี

532
00:35:24.917 --> 00:35:28.545

533
00:35:28.918 --> 00:35:32.546

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

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

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

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

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

539
00:35:52.929 --> 00:35:56.545
color

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

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

542
00:36:04.934 --> 00:36:08.545
โอเค

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

544
00:36:12.937 --> 00:36:16.544

545
00:36:16.938 --> 00:36:20.544

546
00:36:20.941 --> 00:36:24.544
นะคะ

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

548
00:36:28.943 --> 00:36:32.544
Login ใช่ไหม ปุ่ม

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

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

551
00:36:40.947 --> 00:36:44.545
คลิก button แล้วลง

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

553
00:36:48.949 --> 00:36:52.544
Button

554
00:36:52.952 --> 00:36:56.544
นี้

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

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

557
00:37:04.955 --> 00:37:08.544
i-n Login

558
00:37:08.956 --> 00:37:12.543
สีเอาสีอะไร

559
00:37:12.960 --> 00:37:16.544
ไปที่ Background นะ

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

561
00:37:20.962 --> 00:37:24.544
มีความ

562
00:37:24.963 --> 00:37:28.548
แซ่บเบอร์ 10

563
00:37:28.964 --> 00:37:32.544
sab...

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

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

566
00:37:40.967 --> 00:37:44.545

567
00:37:44.968 --> 00:37:48.545

568
00:37:48.970 --> 00:37:52.544

569
00:37:52.971 --> 00:37:56.545

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

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

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

573
00:38:08.976 --> 00:38:12.545
Text Color

574
00:38:12.977 --> 00:38:16.546
นะคะ สี...

575
00:38:16.978 --> 00:38:20.546

576
00:38:20.980 --> 00:38:24.546
สีม่วง

577
00:38:24.982 --> 00:38:28.545
โอเค

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

579
00:38:32.986 --> 00:38:36.547

580
00:38:36.987 --> 00:38:40.546
โอเคนะคะ

581
00:38:40.995 --> 00:38:44.546
ตัวนี้

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

583
00:38:48.998 --> 00:38:52.549
ตรง

584
00:38:52.999 --> 00:38:56.546
Border ใช่ไหมคะ

585
00:38:57.000 --> 00:39:00.548
Ladian น่ะ

586
00:39:01.001 --> 00:39:04.547
ความ

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

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

589
00:39:13.004 --> 00:39:16.548
โอเคไหม

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

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

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

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

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

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

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

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

598
00:39:49.013 --> 00:39:52.547

599
00:39:53.015 --> 00:39:56.549

600
00:39:57.016 --> 00:40:00.550
อ๋อ Remember me

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

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

603
00:40:09.020 --> 00:40:12.553
ในโค้ดน่ะ

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

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

606
00:40:21.024 --> 00:40:24.549

607
00:40:25.026 --> 00:40:28.548

608
00:40:29.027 --> 00:40:32.548

609
00:40:33.031 --> 00:40:36.550

610
00:40:37.033 --> 00:40:40.549

611
00:40:41.034 --> 00:40:44.549

612
00:40:45.036 --> 00:40:48.549

613
00:40:49.037 --> 00:40:52.549

614
00:40:53.038 --> 00:40:56.549

615
00:40:57.039 --> 00:41:00.550

616
00:41:01.041 --> 00:41:04.550

617
00:41:05.042 --> 00:41:08.550

618
00:41:09.045 --> 00:41:12.550

619
00:41:13.046 --> 00:41:16.550

620
00:41:17.047 --> 00:41:20.549

621
00:41:21.049 --> 00:41:24.550

622
00:41:25.050 --> 00:41:28.550

623
00:41:29.052 --> 00:41:32.553

624
00:41:33.054 --> 00:41:36.550

625
00:41:37.056 --> 00:41:40.551

626
00:41:41.060 --> 00:41:44.550

627
00:41:45.061 --> 00:41:48.551

628
00:41:49.062 --> 00:41:52.550

629
00:41:53.063 --> 00:41:56.551

630
00:41:57.064 --> 00:42:00.552

631
00:42:01.065 --> 00:42:04.550

632
00:42:05.067 --> 00:42:08.550

633
00:42:09.071 --> 00:42:12.550

634
00:42:13.072 --> 00:42:16.550

635
00:42:17.073 --> 00:42:20.551

636
00:42:21.076 --> 00:42:24.551

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

638
00:42:29.079 --> 00:42:32.551
label คำว่า login

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

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

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

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

643
00:42:49.092 --> 00:42:52.553
ลาก Text Input

644
00:42:53.094 --> 00:42:56.553
ไปวาง 2 อัน

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

646
00:43:01.097 --> 00:43:04.551

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

648
00:43:09.099 --> 00:43:12.552

649
00:43:13.100 --> 00:43:16.552

650
00:43:17.102 --> 00:43:20.553

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

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

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

654
00:43:33.109 --> 00:43:36.554
mt อะไรหว่า

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

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

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

658
00:43:49.119 --> 00:43:52.552
text input อันที่

659
00:43:53.120 --> 00:43:56.553
3 กับ 4 นี่

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

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

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

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

664
00:44:13.128 --> 00:44:16.553

665
00:44:17.130 --> 00:44:20.552

666
00:44:21.132 --> 00:44:24.555

667
00:44:25.133 --> 00:44:28.555

668
00:44:29.136 --> 00:44:32.556

669
00:44:33.137 --> 00:44:36.553

670
00:44:37.153 --> 00:44:40.554

671
00:44:41.154 --> 00:44:44.553

672
00:44:45.155 --> 00:44:48.557

673
00:44:49.157 --> 00:44:52.560

674
00:44:53.158 --> 00:44:56.556

675
00:44:57.159 --> 00:45:00.555

676
00:45:01.160 --> 00:45:04.555

677
00:45:05.162 --> 00:45:08.554

678
00:45:09.164 --> 00:45:12.554

679
00:45:13.166 --> 00:45:16.553

680
00:45:17.177 --> 00:45:20.553

681
00:45:21.184 --> 00:45:24.553

682
00:45:25.186 --> 00:45:28.555

683
00:45:29.187 --> 00:45:32.561

684
00:45:33.188 --> 00:45:36.554

685
00:45:37.190 --> 00:45:40.554

686
00:45:41.192 --> 00:45:44.554

687
00:45:45.196 --> 00:45:48.554

688
00:45:49.199 --> 00:45:52.555

689
00:45:53.200 --> 00:45:56.562

690
00:45:57.202 --> 00:46:00.557

691
00:46:01.203 --> 00:46:04.555

692
00:46:05.204 --> 00:46:08.555

693
00:46:09.206 --> 00:46:12.554

694
00:46:13.207 --> 00:46:16.554

695
00:46:17.209 --> 00:46:20.554

696
00:46:21.210 --> 00:46:24.554

697
00:46:25.212 --> 00:46:28.554

698
00:46:29.215 --> 00:46:32.556

699
00:46:33.217 --> 00:46:36.554

700
00:46:37.220 --> 00:46:40.558

701
00:46:41.222 --> 00:46:44.555

702
00:46:45.224 --> 00:46:48.555

703
00:46:49.226 --> 00:46:52.555

704
00:46:53.228 --> 00:46:56.555

705
00:46:57.229 --> 00:47:00.555

706
00:47:01.232 --> 00:47:04.555

707
00:47:05.234 --> 00:47:08.555

708
00:47:09.236 --> 00:47:12.555

709
00:47:13.238 --> 00:47:16.560

710
00:47:17.240 --> 00:47:20.555

711
00:47:21.241 --> 00:47:24.555

712
00:47:25.244 --> 00:47:28.555

713
00:47:29.247 --> 00:47:32.555

714
00:47:33.250 --> 00:47:36.555

715
00:47:37.251 --> 00:47:40.558

716
00:47:41.254 --> 00:47:44.556

717
00:47:45.255 --> 00:47:48.555

718
00:47:49.256 --> 00:47:52.555

719
00:47:53.258 --> 00:47:56.561

720
00:47:57.259 --> 00:48:00.562

721
00:48:01.260 --> 00:48:04.556

722
00:48:05.261 --> 00:48:08.555

723
00:48:09.264 --> 00:48:12.556

724
00:48:13.266 --> 00:48:16.556

725
00:48:17.267 --> 00:48:20.556

726
00:48:21.268 --> 00:48:24.556

727
00:48:25.270 --> 00:48:28.556

728
00:48:29.272 --> 00:48:32.559

729
00:48:33.273 --> 00:48:36.556

730
00:48:37.275 --> 00:48:40.557

731
00:48:41.277 --> 00:48:44.566

732
00:48:45.278 --> 00:48:48.556

733
00:48:49.280 --> 00:48:52.557

734
00:48:53.282 --> 00:48:56.557

735
00:48:57.283 --> 00:49:00.556

736
00:49:01.287 --> 00:49:04.557

737
00:49:05.290 --> 00:49:08.563

738
00:49:09.294 --> 00:49:12.557

739
00:49:13.297 --> 00:49:16.558

740
00:49:17.299 --> 00:49:20.556

741
00:49:21.301 --> 00:49:24.557

742
00:49:25.302 --> 00:49:28.557

743
00:49:29.304 --> 00:49:32.556

744
00:49:33.305 --> 00:49:36.558

745
00:49:37.308 --> 00:49:40.557

746
00:49:41.311 --> 00:49:44.558

747
00:49:45.315 --> 00:49:48.557

748
00:49:49.316 --> 00:49:52.557

749
00:49:53.319 --> 00:49:56.557

750
00:49:57.320 --> 00:50:00.557

751
00:50:01.322 --> 00:50:04.557

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

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

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

755
00:50:17.328 --> 00:50:20.557

756
00:50:21.328 --> 00:50:24.559

757
00:50:25.329 --> 00:50:28.557

758
00:50:29.334 --> 00:50:32.558

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

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

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

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

763
00:50:49.342 --> 00:50:52.558

764
00:50:53.345 --> 00:50:56.561
F-i-n-d B-

765
00:50:57.346 --> 00:51:00.557
a-s-e

766
00:51:01.347 --> 00:51:04.559

767
00:51:05.348 --> 00:51:08.564
Find Base อยู่ไหน

768
00:51:09.351 --> 00:51:12.569
นี่ ๆ Firebase

769
00:51:13.352 --> 00:51:16.558
.google.com

770
00:51:17.354 --> 00:51:20.558
ให้เราหา Fire

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

772
00:51:25.357 --> 00:51:28.558

773
00:51:29.360 --> 00:51:32.563
ให้

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

775
00:51:37.365 --> 00:51:40.558

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

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

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

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

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

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

782
00:52:05.373 --> 00:52:08.558

783
00:52:09.375 --> 00:52:12.558

784
00:52:13.376 --> 00:52:16.558

785
00:52:17.378 --> 00:52:20.562

786
00:52:21.380 --> 00:52:24.559

787
00:52:25.381 --> 00:52:28.561

788
00:52:29.384 --> 00:52:32.558

789
00:52:33.385 --> 00:52:36.559

790
00:52:37.386 --> 00:52:40.565

791
00:52:41.388 --> 00:52:44.559

792
00:52:45.389 --> 00:52:48.558

793
00:52:49.391 --> 00:52:52.559

794
00:52:53.393 --> 00:52:56.559
เพราะ

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

796
00:53:01.396 --> 00:53:04.559

797
00:53:05.399 --> 00:53:08.559
เขาจะ Login

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

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

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

801
00:53:21.405 --> 00:53:24.559
a New projects ค่ะ

802
00:53:25.408 --> 00:53:28.559
เห็นไหมคะสร้าง projex

803
00:53:29.409 --> 00:53:32.559

804
00:53:33.410 --> 00:53:36.560
ตรงช่องนี้นะเด็ก ๆ นะ

805
00:53:37.417 --> 00:53:40.560
enter your pro

806
00:53:41.418 --> 00:53:44.559
เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

807
00:53:45.420 --> 00:53:48.559
Firebase

808
00:53:49.422 --> 00:53:52.559
อะไรนะ login นะ

809
00:53:53.423 --> 00:53:56.560
ทำไมมันไม่ให้พิมพ์

810
00:53:57.424 --> 00:54:00.559
L-o-g-i-n นะคะ

811
00:54:01.425 --> 00:54:04.559

812
00:54:05.426 --> 00:54:08.560

813
00:54:09.428 --> 00:54:12.560

814
00:54:13.430 --> 00:54:16.559
เราต้องยอมรับก่อนนะติ๊กยอม

815
00:54:17.432 --> 00:54:20.559
ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

816
00:54:21.437 --> 00:54:24.559
แล้วก็กด Continue

817
00:54:25.438 --> 00:54:28.568

818
00:54:29.441 --> 00:54:32.559

819
00:54:33.443 --> 00:54:36.568
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytic

820
00:54:37.444 --> 00:54:40.561
นะคะ for your

821
00:54:41.446 --> 00:54:44.560
file bet project

822
00:54:45.447 --> 00:54:48.562
เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

823
00:54:49.448 --> 00:54:52.559

824
00:54:53.451 --> 00:54:56.560
แล้วเราก็ถาม

825
00:54:57.452 --> 00:55:00.560
ว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

826
00:55:01.453 --> 00:55:04.560
T-h

827
00:55:05.455 --> 00:55:08.560

828
00:55:09.457 --> 00:55:12.561
แล้วก็ต้องติ๊กยอมรับ

829
00:55:13.458 --> 00:55:16.561
I Accept

830
00:55:17.459 --> 00:55:20.560
เลือก

831
00:55:21.460 --> 00:55:24.560
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

832
00:55:25.462 --> 00:55:28.559
ได้เลย

833
00:55:29.463 --> 00:55:32.559
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

834
00:55:33.466 --> 00:55:36.560
มันกำลังจะสร้างให้เรา เขากำลังจะหา...

835
00:55:37.467 --> 00:55:40.560
มันเป็นเหมือน Database

836
00:55:41.469 --> 00:55:44.568
แต่ออนไลน์ เราก็ต้องรอจนกว่า

837
00:55:45.470 --> 00:55:48.560
ไอ้เจ้านี่มันหมุนจนครบ

838
00:55:49.472 --> 00:55:52.561

839
00:55:53.477 --> 00:55:56.560

840
00:55:57.478 --> 00:56:00.561

841
00:56:01.481 --> 00:56:04.560

842
00:56:05.482 --> 00:56:08.560

843
00:56:09.484 --> 00:56:12.560

844
00:56:13.486 --> 00:56:16.560

845
00:56:17.488 --> 00:56:20.560

846
00:56:21.489 --> 00:56:24.560

847
00:56:25.490 --> 00:56:28.571

848
00:56:29.492 --> 00:56:32.560

849
00:56:33.494 --> 00:56:36.560

850
00:56:37.496 --> 00:56:40.560

851
00:56:41.498 --> 00:56:44.561

852
00:56:45.500 --> 00:56:48.564

853
00:56:49.501 --> 00:56:52.569

854
00:56:53.504 --> 00:56:56.560

855
00:56:57.505 --> 00:57:00.561

856
00:57:01.507 --> 00:57:04.564

857
00:57:05.508 --> 00:57:08.560

858
00:57:09.510 --> 00:57:12.560

859
00:57:13.512 --> 00:57:16.561

860
00:57:17.514 --> 00:57:20.560

861
00:57:21.517 --> 00:57:24.562

862
00:57:25.518 --> 00:57:28.561

863
00:57:29.521 --> 00:57:32.560

864
00:57:33.523 --> 00:57:36.561

865
00:57:37.525 --> 00:57:40.562

866
00:57:41.528 --> 00:57:44.576

867
00:57:45.529 --> 00:57:48.560

868
00:57:49.531 --> 00:57:52.561

869
00:57:53.533 --> 00:57:56.561

870
00:57:57.535 --> 00:58:00.561

871
00:58:01.538 --> 00:58:04.562

872
00:58:05.539 --> 00:58:08.561
บางคนอยู่หน้า

873
00:58:09.540 --> 00:58:12.561
your new project ready แล้ว

874
00:58:13.544 --> 00:58:16.561

875
00:58:17.548 --> 00:58:20.561
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

876
00:58:21.550 --> 00:58:24.561

877
00:58:25.552 --> 00:58:28.565

878
00:58:29.554 --> 00:58:32.561

879
00:58:33.556 --> 00:58:36.561

880
00:58:37.558 --> 00:58:41.558

881
00:58:41.559 --> 00:58:45.559

882
00:58:45.560 --> 00:58:49.560

883
00:58:49.563 --> 00:58:53.561

884
00:58:53.564 --> 00:58:57.561

885
00:58:57.568 --> 00:59:01.561

886
00:59:01.570 --> 00:59:05.561

887
00:59:05.570 --> 00:59:09.561

888
00:59:09.571 --> 00:59:13.561

889
00:59:13.574 --> 00:59:17.561

890
00:59:17.575 --> 00:59:21.561
ต่อไปนะคะ

891
00:59:21.576 --> 00:59:25.561
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือ

892
00:59:25.577 --> 00:59:29.561
ซ้ายมือนะ

893
00:59:29.578 --> 00:59:33.561
คลิกที่ Build

894
00:59:33.579 --> 00:59:37.562
เห็นไหมคะ

895
00:59:37.580 --> 00:59:41.563
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

896
00:59:41.583 --> 00:59:45.564
มีมอนิเตอร์มีอนารีเกต

897
00:59:45.586 --> 00:59:49.561
ีมี endgrade เราไปคลิกที่

898
00:59:49.587 --> 00:59:53.561
ไอ้รูป...

899
00:59:53.588 --> 00:59:57.563

900
00:59:57.589 --> 01:00:01.562

901
01:00:01.589 --> 01:00:05.561

902
01:00:05.592 --> 01:00:09.562
รูป

903
01:00:09.593 --> 01:00:13.561
ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

904
01:00:13.605 --> 01:00:17.561
แล้วคลิกที่ All tintication

905
01:00:17.605 --> 01:00:21.561
คลิก 1 ครั้ง

906
01:00:21.606 --> 01:00:25.562
มันจะเข้ามาที่

907
01:00:25.607 --> 01:00:29.563
หน้า Authetication ใช่ไหมคะ

908
01:00:29.608 --> 01:00:33.561
เราก็คลิก get start

909
01:00:33.612 --> 01:00:37.562

910
01:00:37.613 --> 01:00:41.561

911
01:00:41.614 --> 01:00:45.562

912
01:00:45.615 --> 01:00:49.561
ทีนี้

913
01:00:49.616 --> 01:00:53.561
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

914
01:00:53.618 --> 01:00:57.561
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

915
01:00:57.619 --> 01:01:01.562
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

916
01:01:01.621 --> 01:01:05.562
เราใช้ Username ก็คื

917
01:01:05.622 --> 01:01:09.562
การระบุตัวตนน่ะ ที่เปิด Enable

918
01:01:09.623 --> 01:01:13.562
Enable

919
01:01:13.624 --> 01:01:17.562
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

920
01:01:17.625 --> 01:01:21.562
ใช้...

921
01:01:21.628 --> 01:01:25.563

922
01:01:25.629 --> 01:01:29.562
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพท์

923
01:01:29.630 --> 01:01:33.563
ิอย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

924
01:01:33.631 --> 01:01:37.564
แล้วใช้เบอร์โทรศัพท์

925
01:01:37.632 --> 01:01:41.563
เป็นตัวให้เข้าก็ไปคลิกที่

926
01:01:41.633 --> 01:01:45.564
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

927
01:01:45.634 --> 01:01:49.568
ให้นึกถึงหลักว่าเราใช้การ

928
01:01:49.636 --> 01:01:53.564
login ด้วยตัวไหน

929
01:01:53.639 --> 01:01:57.564
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

930
01:01:57.640 --> 01:02:01.577
เห็นไหมคะ เรามี Password ด้วยใช่ไหม

931
01:02:01.641 --> 01:02:05.564
เราก็เลือกตัวนี้ และเราก็คลิก

932
01:02:05.643 --> 01:02:09.565
nable

933
01:02:09.644 --> 01:02:13.564
เพราะเรามี 2 ตัวนะ

934
01:02:13.645 --> 01:02:17.564
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

935
01:02:17.646 --> 01:02:21.565

936
01:02:21.647 --> 01:02:25.566
ก็คือบอกให้ระบบมันรู้ว่า

937
01:02:25.654 --> 01:02:29.566
Allten ที่

938
01:02:29.655 --> 01:02:33.565
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

939
01:02:33.656 --> 01:02:37.565
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

940
01:02:37.657 --> 01:02:41.567
ตัวนี้คืออะไรนะ Username ใช้ไหมตร

941
01:02:41.658 --> 01:02:45.565
Anominus

942
01:02:45.659 --> 01:02:49.566
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

943
01:02:49.662 --> 01:02:53.567
เหมือนกัน แล้วไปไหนต่อ

944
01:02:53.663 --> 01:02:57.566

945
01:02:57.664 --> 01:03:01.566

946
01:03:01.665 --> 01:03:05.566

947
01:03:05.666 --> 01:03:09.570

948
01:03:09.666 --> 01:03:13.567

949
01:03:13.668 --> 01:03:17.567

950
01:03:17.670 --> 01:03:21.567

951
01:03:21.672 --> 01:03:25.567

952
01:03:25.675 --> 01:03:29.567

953
01:03:29.677 --> 01:03:33.568

954
01:03:33.678 --> 01:03:37.567

955
01:03:37.679 --> 01:03:41.567

956
01:03:41.680 --> 01:03:45.568

957
01:03:45.681 --> 01:03:49.568

958
01:03:49.683 --> 01:03:53.575

959
01:03:53.684 --> 01:03:57.568

960
01:03:57.685 --> 01:04:01.568

961
01:04:01.686 --> 01:04:05.569

962
01:04:05.687 --> 01:04:09.569

963
01:04:09.688 --> 01:04:13.569

964
01:04:13.689 --> 01:04:17.569

965
01:04:17.690 --> 01:04:21.569

966
01:04:21.691 --> 01:04:25.570

967
01:04:25.692 --> 01:04:29.570

968
01:04:29.693 --> 01:04:33.570

969
01:04:33.694 --> 01:04:37.570

970
01:04:37.695 --> 01:04:41.570

971
01:04:41.699 --> 01:04:45.569

972
01:04:45.700 --> 01:04:49.570

973
01:04:49.701 --> 01:04:53.570

974
01:04:53.705 --> 01:04:57.570
อันนี้ พอเราย้อนกลับมานะคะ

975
01:04:57.706 --> 01:05:01.572
มาดู

976
01:05:01.707 --> 01:05:05.570
ตรงบิ้ว

977
01:05:05.709 --> 01:05:09.570

978
01:05:09.711 --> 01:05:13.571

979
01:05:13.712 --> 01:05:17.571
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

980
01:05:17.713 --> 01:05:21.571
มันจะขึ้นว่าสถานะตรงนี้

981
01:05:21.714 --> 01:05:25.571
Project overview

982
01:05:25.715 --> 01:05:29.571
แล้วเลือก Project Setting

983
01:05:29.716 --> 01:05:33.572
No No No

984
01:05:33.717 --> 01:05:37.572
มันจะเข้ามาที่หน้าที่ Project seting

985
01:05:37.718 --> 01:05:41.571
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

986
01:05:41.719 --> 01:05:45.572
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

987
01:05:45.720 --> 01:05:49.572
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

988
01:05:49.721 --> 01:05:53.575
มันเพราะตอนนี้มันบอกว่าเรา

989
01:05:53.724 --> 01:05:57.572
เรา ยังไม่มีแอปในโปรเจกนี้

990
01:05:57.727 --> 01:06:01.572
เราก็ต้องไปที่แอปของเรา

991
01:06:01.728 --> 01:06:05.572
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

992
01:06:05.731 --> 01:06:09.573
เห็นไหมคะ

993
01:06:09.733 --> 01:06:13.572
มันมี ids แล้วก็มีรู้ Printer

994
01:06:13.734 --> 01:06:17.573
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

995
01:06:17.734 --> 01:06:21.573
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

996
01:06:21.736 --> 01:06:25.573

997
01:06:25.738 --> 01:06:29.573

998
01:06:29.740 --> 01:06:33.573

999
01:06:33.743 --> 01:06:37.573
ตรงตำแหน่งนี้ My Web app นี่

1000
01:06:37.745 --> 01:06:41.573
คืออะไร เราต้องไปหน้าที่เราทำ

1001
01:06:41.745 --> 01:06:45.573

1002
01:06:45.749 --> 01:06:49.574

1003
01:06:49.752 --> 01:06:53.573
ของเราก็คือ E-Book ไหมคะ

1004
01:06:53.754 --> 01:06:57.573
มันจะใช้ว่าอะไรอันไหนไม่ใช้

1005
01:06:57.757 --> 01:07:01.574
จะปิดแล้วนะ

1006
01:07:01.758 --> 01:07:05.574

1007
01:07:05.759 --> 01:07:09.575

1008
01:07:09.764 --> 01:07:13.575
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ Eboo k

1009
01:07:13.765 --> 01:07:17.575
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค

1010
01:07:17.766 --> 01:07:21.574
เข้าใจนะ พิมพ์ลงไปนะคะ

1011
01:07:21.767 --> 01:07:25.574
E

1012
01:07:25.768 --> 01:07:29.576

1013
01:07:29.774 --> 01:07:33.574

1014
01:07:33.775 --> 01:07:37.575
เดี๋ยว

1015
01:07:37.776 --> 01:07:41.575
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

1016
01:07:41.777 --> 01:07:45.575
Ebook นะคะ

1017
01:07:45.779 --> 01:07:49.575
นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

1018
01:07:49.780 --> 01:07:53.575
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

1019
01:07:53.781 --> 01:07:57.575
แล้วก็พิมพ์ลงไป

1020
01:07:57.783 --> 01:08:01.575

1021
01:08:01.784 --> 01:08:05.575

1022
01:08:05.785 --> 01:08:09.576

1023
01:08:09.786 --> 01:08:13.576

1024
01:08:13.788 --> 01:08:17.576

1025
01:08:17.791 --> 01:08:21.576

1026
01:08:21.793 --> 01:08:25.575

1027
01:08:25.794 --> 01:08:29.578

1028
01:08:29.795 --> 01:08:33.576

1029
01:08:33.796 --> 01:08:37.576

1030
01:08:37.797 --> 01:08:41.576

1031
01:08:41.799 --> 01:08:45.577

1032
01:08:45.801 --> 01:08:49.576

1033
01:08:49.803 --> 01:08:53.577

1034
01:08:53.804 --> 01:08:57.577

1035
01:08:57.805 --> 01:09:01.578

1036
01:09:01.806 --> 01:09:05.577

1037
01:09:05.809 --> 01:09:09.577

1038
01:09:09.810 --> 01:09:13.577

1039
01:09:13.811 --> 01:09:17.577

1040
01:09:17.812 --> 01:09:21.577

1041
01:09:21.813 --> 01:09:25.577

1042
01:09:25.814 --> 01:09:29.577

1043
01:09:29.816 --> 01:09:33.577

1044
01:09:33.817 --> 01:09:37.578

1045
01:09:37.822 --> 01:09:41.579

1046
01:09:41.823 --> 01:09:45.579
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

1047
01:09:45.824 --> 01:09:49.584
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

1048
01:09:49.825 --> 01:09:53.578
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ตามแม่นะ

1049
01:09:53.826 --> 01:09:57.578
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

1050
01:09:57.827 --> 01:10:01.578
เสร็จแล้วกด Register App

1051
01:10:01.829 --> 01:10:05.581
ได้เลย

1052
01:10:05.830 --> 01:10:09.578

1053
01:10:09.831 --> 01:10:13.582
ชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้าง

1054
01:10:13.832 --> 01:10:17.579
นี่ ๆ อยู่ข้างบนนี่

1055
01:10:17.832 --> 01:10:21.578

1056
01:10:21.834 --> 01:10:25.579
มันจะมี code มาเห้นไหมคะ

1057
01:10:25.835 --> 01:10:29.579
เขาบอกว่าเราต้องเอาโค้ดนี้

1058
01:10:29.841 --> 01:10:33.581
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อปไปวางในแอปเร

1059
01:10:33.843 --> 01:10:37.578
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

1060
01:10:37.844 --> 01:10:41.579

1061
01:10:41.846 --> 01:10:45.579

1062
01:10:45.847 --> 01:10:49.579
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

1063
01:10:49.848 --> 01:10:53.579
ไม่แน่ใจจะเห็นไหมนี่

1064
01:10:53.849 --> 01:10:57.583

1065
01:10:57.852 --> 01:11:01.580
มันใช้ว่าอะไรหว่าอันนี้

1066
01:11:01.853 --> 01:11:05.579

1067
01:11:05.854 --> 01:11:09.580
Component

1068
01:11:09.856 --> 01:11:13.581

1069
01:11:13.858 --> 01:11:17.580

1070
01:11:17.859 --> 01:11:21.579

1071
01:11:21.862 --> 01:11:25.580

1072
01:11:25.863 --> 01:11:29.579
ไม่เจอ

1073
01:11:29.864 --> 01:11:33.579
มันจะไปต่อไม่ได้

1074
01:11:33.866 --> 01:11:37.580
มันต้องใช้อะไรนี่

1075
01:11:37.867 --> 01:11:41.579
Data viewer

1076
01:11:41.884 --> 01:11:45.579
data wever

1077
01:11:45.886 --> 01:11:49.579

1078
01:11:49.888 --> 01:11:53.580

1079
01:11:53.892 --> 01:11:57.579

1080
01:11:57.894 --> 01:12:01.579
data assen seting

1081
01:12:01.895 --> 01:12:05.578
setting

1082
01:12:05.896 --> 01:12:09.579
หาก่อนนะ

1083
01:12:09.898 --> 01:12:13.579

1084
01:12:13.899 --> 01:12:17.581
compronan

1085
01:12:17.900 --> 01:12:21.578

1086
01:12:21.904 --> 01:12:25.578

1087
01:12:25.908 --> 01:12:29.579

1088
01:12:29.910 --> 01:12:33.578
all ten singinm

1089
01:12:33.911 --> 01:12:37.578
ต้องการหา Signin

1090
01:12:37.912 --> 01:12:41.578
ไม่ใช่

1091
01:12:41.914 --> 01:12:45.577

1092
01:12:45.915 --> 01:12:49.577

1093
01:12:49.916 --> 01:12:53.580

1094
01:12:53.919 --> 01:12:57.578

1095
01:12:57.920 --> 01:13:01.577

1096
01:13:01.921 --> 01:13:05.578

1097
01:13:05.922 --> 01:13:09.584
My data sourse หรือ

1098
01:13:09.923 --> 01:13:13.581
ก็ไม่ใช่

1099
01:13:13.924 --> 01:13:17.577
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

1100
01:13:17.926 --> 01:13:21.577

1101
01:13:21.927 --> 01:13:25.577

1102
01:13:25.928 --> 01:13:29.576

1103
01:13:29.930 --> 01:13:33.576

1104
01:13:33.931 --> 01:13:37.576

1105
01:13:37.933 --> 01:13:41.576

1106
01:13:41.935 --> 01:13:45.576

1107
01:13:45.936 --> 01:13:49.576

1108
01:13:49.937 --> 01:13:53.576
ขอ Sea

1109
01:13:53.939 --> 01:13:57.576
ก่อนนะคะ Thunkable x คืออะไร

1110
01:13:57.940 --> 01:14:01.576
พิมพ์ผิดพิมพ์ถูกกันแล้ว

1111
01:14:01.941 --> 01:14:05.576

1112
01:14:05.943 --> 01:14:09.576

1113
01:14:09.945 --> 01:14:13.576

1114
01:14:13.946 --> 01:14:17.576

1115
01:14:17.947 --> 01:14:21.577

1116
01:14:21.951 --> 01:14:25.577
เราเลือกเวอร์ชันผิดใช่ไหมนี

1117
01:14:25.952 --> 01:14:29.576

1118
01:14:29.954 --> 01:14:33.575

1119
01:14:33.954 --> 01:14:37.575

1120
01:14:37.956 --> 01:14:41.575
update ยังไง

1121
01:14:41.958 --> 01:14:45.575
อาจจะต้อง Update Thunkable เราหน่อย

1122
01:14:45.959 --> 01:14:49.575
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้

1123
01:14:49.967 --> 01:14:53.575

1124
01:14:53.969 --> 01:14:57.575
ใช้

1125
01:14:57.970 --> 01:15:01.575
ฟังก์ชันนั้นไม่ได้น่ะ

1126
01:15:01.971 --> 01:15:05.575

1127
01:15:05.972 --> 01:15:09.574

1128
01:15:09.974 --> 01:15:13.575
มันไม่เหมือนกันหรอเดี๋ยว

1129
01:15:13.975 --> 01:15:17.575
แป๊บหนึ่งนะเด็ก ๆ

1130
01:15:17.976 --> 01:15:21.578
มันต่างกันหรือ

1131
01:15:21.977 --> 01:15:25.575
อยากรู้ ๆ

1132
01:15:25.979 --> 01:15:29.574
มันก็ขึ้น Thunkable เหมือนกันนี่

1133
01:15:29.980 --> 01:15:33.574

1134
01:15:33.981 --> 01:15:37.574
เพราะมัน

1135
01:15:37.983 --> 01:15:41.574
Components มันมีไม่ครบ

1136
01:15:41.986 --> 01:15:45.575

1137
01:15:45.988 --> 01:15:49.574
Solution

1138
01:15:49.989 --> 01:15:53.574
Solution เดี๋ยวนะ

1139
01:15:53.990 --> 01:15:57.574
Integration

1140
01:15:57.991 --> 01:16:01.574

1141
01:16:01.992 --> 01:16:05.574
เราจะต้อง

1142
01:16:05.994 --> 01:16:09.574

1143
01:16:09.995 --> 01:16:13.575
Using Thunkable

1144
01:16:13.996 --> 01:16:17.574

1145
01:16:17.997 --> 01:16:21.574
ก็ไม่ใช่ มันเป็น Test

1146
01:16:21.999 --> 01:16:25.574

1147
01:16:26.000 --> 01:16:29.573

1148
01:16:30.001 --> 01:16:33.574

1149
01:16:34.002 --> 01:16:37.574

1150
01:16:38.004 --> 01:16:41.574

1151
01:16:42.005 --> 01:16:45.574

1152
01:16:46.006 --> 01:16:49.573

1153
01:16:50.008 --> 01:16:53.575

1154
01:16:54.010 --> 01:16:57.574

1155
01:16:58.012 --> 01:17:01.573

1156
01:17:02.013 --> 01:17:05.573

1157
01:17:06.014 --> 01:17:09.573

1158
01:17:10.015 --> 01:17:13.573

1159
01:17:14.020 --> 01:17:17.573

1160
01:17:18.021 --> 01:17:21.573

1161
01:17:22.023 --> 01:17:25.573

1162
01:17:26.025 --> 01:17:29.573

1163
01:17:30.027 --> 01:17:33.573

1164
01:17:34.028 --> 01:17:37.573

1165
01:17:38.030 --> 01:17:41.573

1166
01:17:42.034 --> 01:17:45.574

1167
01:17:46.037 --> 01:17:49.573

1168
01:17:50.038 --> 01:17:53.573

1169
01:17:54.039 --> 01:17:57.573
เพราะเขาบอกว่า

1170
01:17:58.040 --> 01:18:01.573
เราจะก๊อปฯ ไอ้ตัวนี้แล้ว

1171
01:18:02.042 --> 01:18:05.572
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

1172
01:18:06.043 --> 01:18:09.572
ไม่มีใน App เรา

1173
01:18:10.044 --> 01:18:13.572
ใน Thunkable Tool ที่ Signin

1174
01:18:14.070 --> 01:18:17.572
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

1175
01:18:18.071 --> 01:18:21.573
มันก็จะวางไม่ได้

1176
01:18:22.073 --> 01:18:25.577

1177
01:18:26.075 --> 01:18:29.573
ใช้ตัวไหนนะ เดี๋ยวขอ Test

1178
01:18:30.076 --> 01:18:33.572
ดูนะคะ

1179
01:18:34.077 --> 01:18:37.572
คือตอนนี้ เรากรอก

1180
01:18:38.080 --> 01:18:41.573
ข้อมุลได้แต่จะไม่เก็บ

1181
01:18:42.082 --> 01:18:45.573
เขาเรียกว่าอะไรล่ะ ฐานข้อมูลนะ

1182
01:18:46.084 --> 01:18:49.572

1183
01:18:50.086 --> 01:18:53.574
ก็จะให้ไปเก็บ...

1184
01:18:54.087 --> 01:18:57.573

1185
01:18:58.088 --> 01:19:01.572
แบบ Tool Editing

1186
01:19:02.089 --> 01:19:05.573
เดี๋ยวเรามาลองที่ Box ของเรา

1187
01:19:06.091 --> 01:19:09.578
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

1188
01:19:10.093 --> 01:19:13.572
input 1 usernam

1189
01:19:14.094 --> 01:19:17.574
ไปที่ Text input1

1190
01:19:18.095 --> 01:19:21.578
เมื่อ Text input username

1191
01:19:22.098 --> 01:19:25.572
คลิก ไม่ใช่ มันจะต้องเป็น

1192
01:19:26.099 --> 01:19:29.572
นะ set text

1193
01:19:30.100 --> 01:19:33.572
input text to

1194
01:19:34.103 --> 01:19:37.572
Username Text

1195
01:19:38.106 --> 01:19:41.572
Keyboard Type

1196
01:19:42.107 --> 01:19:45.572

1197
01:19:46.108 --> 01:19:49.595

1198
01:19:50.109 --> 01:19:53.576

1199
01:19:54.112 --> 01:19:57.573
ฺBorder

1200
01:19:58.114 --> 01:20:01.580
มันจะต้องเป็นพิมพืเพระาฉะนั้น

1201
01:20:02.117 --> 01:20:05.571
Cheang

1202
01:20:06.118 --> 01:20:09.572
คลิก เมื่อมีการคลิก เมื่อ

1203
01:20:10.120 --> 01:20:13.574
คลิกที่ Text Input Username ปุ๊บ

1204
01:20:14.121 --> 01:20:17.572
เลือกอันนี้ออกไปก่อนเลือกออกมาวาง

1205
01:20:18.122 --> 01:20:21.577
เมื่อคลิกเข้าไปที่ Text Input

1206
01:20:22.123 --> 01:20:25.571
Username ใช่ไหมคะ ให้มันทำอะไร มันต้อง

1207
01:20:26.124 --> 01:20:29.571
ทำ...

1208
01:20:30.126 --> 01:20:33.572

1209
01:20:34.128 --> 01:20:37.572

1210
01:20:38.129 --> 01:20:41.572

1211
01:20:42.131 --> 01:20:45.580
ให้กำหนดค่า Text Input Username เป็น Text

1212
01:20:46.132 --> 01:20:49.572
จาก taxt เป็นข้อความ

1213
01:20:50.134 --> 01:20:53.575

1214
01:20:54.136 --> 01:20:57.571
ดูสิ แล้วเราต้องไปเทสต์ว่ามัน

1215
01:20:58.137 --> 01:21:01.571
พิมพ์เข้าไปได้ไหม

1216
01:21:02.138 --> 01:21:05.572
ขึ้นไหมโอเคถูก

1217
01:21:06.140 --> 01:21:09.571
เห็นไหมคะ มันต้อง

1218
01:21:10.141 --> 01:21:13.571
ให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้

1219
01:21:14.146 --> 01:21:17.571
โอเคนะคะ

1220
01:21:18.147 --> 01:21:21.571
เพราะตรงนี้ Userna

1221
01:21:22.149 --> 01:21:25.571
เหมือนกัน Text Input อันที่ 2

1222
01:21:26.153 --> 01:21:29.571
กลับไปที่ Back to Editting

1223
01:21:30.157 --> 01:21:33.571
ตอนนี้เด็ก ๆ ได้

1224
01:21:34.158 --> 01:21:37.571
อยุ่ที่ seen 1 sinvpy'

1225
01:21:38.159 --> 01:21:41.571
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

1226
01:21:42.160 --> 01:21:45.571
Text Input อันที่ 1 ใช่ไหม

1227
01:21:46.161 --> 01:21:49.576
เรากลับไปที่ Block แล้ว

1228
01:21:50.163 --> 01:21:53.571
ตัวแรกที่เราเริ่มก็คือ

1229
01:21:54.164 --> 01:21:57.571
เมื่อกี้แม่ว่าแม่ลอง

1230
01:21:58.165 --> 01:22:01.571
ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

1231
01:22:02.166 --> 01:22:05.571
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

1232
01:22:06.167 --> 01:22:09.571
แต่ตอนแรกที่ test

1233
01:22:10.170 --> 01:22:13.571
พอพิมพ์ปุ๊บ

1234
01:22:14.172 --> 01:22:17.571
เมื่อกี้มันน่าจะ Save ไว้แล้ว

1235
01:22:18.173 --> 01:22:21.571
พอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะ ให้นึงถึงเหมือนมาพิมพ์ช่องนี้

1236
01:22:22.174 --> 01:22:25.571
นี่

1237
01:22:26.176 --> 01:22:29.571
โอเคนะคะ

1238
01:22:30.177 --> 01:22:33.581
โอเค

1239
01:22:34.179 --> 01:22:37.571
เพราะฉะนั้น สิ่งที่เราจะต้องทำ คือ กำหนดค่าให้

1240
01:22:38.180 --> 01:22:41.570
text input ตัวที่ 1 ของเรา

1241
01:22:42.183 --> 01:22:45.570
นะคะ

1242
01:22:46.185 --> 01:22:49.570

1243
01:22:50.187 --> 01:22:53.579
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

1244
01:22:54.189 --> 01:22:57.575
ลบทิ้ง อีกอันดูอ

1245
01:22:58.191 --> 01:23:01.571
มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

1246
01:23:02.219 --> 01:23:05.571
ไม่เป็นอะไร ให้

1247
01:23:06.220 --> 01:23:09.572
เราเลือก Components ที่ชื่อว่า Text Input นะ

1248
01:23:10.222 --> 01:23:13.571
สิ่งแรกก็คือเมื่อ text input

1249
01:23:14.224 --> 01:23:17.570
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

1250
01:23:18.225 --> 01:23:21.570
เราเลือกตัวนี้ออกมา

1251
01:23:22.226 --> 01:23:25.570
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือ

1252
01:23:26.227 --> 01:23:29.570
Username ก็คือ

1253
01:23:30.228 --> 01:23:33.571
ให้ set ค่าของ Text Input น่ะ

1254
01:23:34.229 --> 01:23:37.570
จะซ่อนเป็นพิมพ์น่ะ

1255
01:23:38.233 --> 01:23:41.571

1256
01:23:42.237 --> 01:23:45.571
นะ คะดูนะคะ

1257
01:23:46.239 --> 01:23:49.572
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

1258
01:23:50.240 --> 01:23:53.573

1259
01:23:54.242 --> 01:23:57.571

1260
01:23:58.244 --> 01:24:01.570
text Input

1261
01:24:02.245 --> 01:24:05.571
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

1262
01:24:06.250 --> 01:24:09.571

1263
01:24:10.252 --> 01:24:13.570
อะไรต่อ เสร็จแล้วทำอย่างไรต่อ มันมีอีกตัวหนึ่งใช่ไหม

1264
01:24:14.255 --> 01:24:17.575
คือตัวที่ 2 ของเรา

1265
01:24:18.256 --> 01:24:21.571
password ก็เหมือนกัน

1266
01:24:22.259 --> 01:24:25.574
มี 2 อันใช่ไหมคะ

1267
01:24:26.265 --> 01:24:29.570
When เมื่อเราคลิกเข้าไปที่ Text Input

1268
01:24:30.266 --> 01:24:33.573
password wen...

1269
01:24:34.267 --> 01:24:37.572
คลิกโดนคลิกนี่ทำอะไร

1270
01:24:38.272 --> 01:24:41.577
เหมือนกัน ก็คือให้...

1271
01:24:42.273 --> 01:24:45.571
เซต Text นี้เป็น

1272
01:24:46.274 --> 01:24:49.575
ซ่อนซ่อนแล้วก็

1273
01:24:50.276 --> 01:24:53.571
ซ่อนเสร็จแล้วก็

1274
01:24:54.277 --> 01:24:57.570
มาแสดง แล้วก็ให้พิมพ์นะ

1275
01:24:58.277 --> 01:25:01.591
อันนี้ก็ทำเหมือนกัน ก็คือ...

1276
01:25:02.279 --> 01:25:05.571

1277
01:25:06.281 --> 01:25:09.570

1278
01:25:10.283 --> 01:25:13.572

1279
01:25:14.287 --> 01:25:17.570

1280
01:25:18.291 --> 01:25:21.570
รู้แล้วควา่มจริงเราต้องเลือกอันนี้

1281
01:25:22.294 --> 01:25:25.570
set text

1282
01:25:26.298 --> 01:25:29.571
Password นะคะ กำหนดให้

1283
01:25:30.299 --> 01:25:33.570
Text Input Password นี่

1284
01:25:34.301 --> 01:25:37.571
รับค่าจากการพิมพ์

1285
01:25:38.303 --> 01:25:41.571
เสร็จแล้วตรงนี้

1286
01:25:42.307 --> 01:25:45.570
เป็น Defult Default กำหนดเป็นค่าเริ่ม

1287
01:25:46.311 --> 01:25:49.573
เห็นไหม

1288
01:25:50.313 --> 01:25:53.570
set defil

1289
01:25:54.315 --> 01:25:57.575
เราไม่ได้ set defule

1290
01:25:58.316 --> 01:26:01.574
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

1291
01:26:02.318 --> 01:26:05.570
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

1292
01:26:06.324 --> 01:26:09.570
เมื่อพิมพ์ เมื่อคลิกเข้าไป

1293
01:26:10.325 --> 01:26:13.570
เกิดผลก็คือให้มันแสดง

1294
01:26:14.325 --> 01:26:17.570

1295
01:26:18.327 --> 01:26:21.570

1296
01:26:22.329 --> 01:26:25.570

1297
01:26:26.329 --> 01:26:29.571

1298
01:26:30.330 --> 01:26:33.570

1299
01:26:34.332 --> 01:26:37.570

1300
01:26:38.336 --> 01:26:41.570

1301
01:26:42.339 --> 01:26:45.571

1302
01:26:46.340 --> 01:26:49.571
Text to แล้วก็ข้อความ

1303
01:26:50.341 --> 01:26:53.570
ในนี้นะ

1304
01:26:54.343 --> 01:26:57.570
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

1305
01:26:58.344 --> 01:27:01.569
ก็

1306
01:27:02.346 --> 01:27:05.570
เป็นเซ็ต

1307
01:27:06.347 --> 01:27:09.570

1308
01:27:10.350 --> 01:27:13.570
มันต้องซ่อนสิ password

1309
01:27:14.352 --> 01:27:17.570
ต้องซ้อนนะ

1310
01:27:18.353 --> 01:27:21.570
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

1311
01:27:22.354 --> 01:27:25.570
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

1312
01:27:26.355 --> 01:27:29.570
เพราะตอนพิมพื password ต้องไม่แสดง

1313
01:27:30.356 --> 01:27:33.572
User น่ะไม่แสดง

1314
01:27:34.357 --> 01:27:37.572

1315
01:27:38.359 --> 01:27:41.573

1316
01:27:42.360 --> 01:27:45.570
User แสดงอย่างนี้ได้แต่ passwor

1317
01:27:46.362 --> 01:27:49.571
มันไม่ควรแสดงชื่อไหม

1318
01:27:50.364 --> 01:27:53.570
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

1319
01:27:54.365 --> 01:27:57.570

1320
01:27:58.367 --> 01:28:01.571
นี่ตอนนี้มันยังไม่ซ่อน

1321
01:28:02.368 --> 01:28:05.573
ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน

1322
01:28:06.369 --> 01:28:09.570
กลับไปแก้ ซ่อนอะไรคะ Tool

1323
01:28:10.370 --> 01:28:13.571
To Default บ่ Password น่าจะเป็น to Default

1324
01:28:14.375 --> 01:28:17.570
หน้าจะเป็น Too

1325
01:28:18.376 --> 01:28:21.570
หรือ Tool อะไร มีหลายตัว

1326
01:28:22.377 --> 01:28:25.570
เลือกเป็น...

1327
01:28:26.378 --> 01:28:29.570

1328
01:28:30.380 --> 01:28:33.581
เมื่อคลิก password

1329
01:28:34.382 --> 01:28:37.571
เมื่อคลิก Password

1330
01:28:38.383 --> 01:28:41.570
แล้ว

1331
01:28:42.384 --> 01:28:45.570
พิมพ์ Password ลงไปปุ๊บ

1332
01:28:46.387 --> 01:28:49.570

1333
01:28:50.389 --> 01:28:53.569

1334
01:28:54.390 --> 01:28:57.570

1335
01:28:58.392 --> 01:29:01.570

1336
01:29:02.395 --> 01:29:05.570

1337
01:29:06.399 --> 01:29:09.570
เมื่อพิมพ์ Password ลง

1338
01:29:10.404 --> 01:29:13.570
เป็นซ่อน

1339
01:29:14.405 --> 01:29:17.570
แล้วก็ To... ไม่ให้เอาออก

1340
01:29:18.407 --> 01:29:21.572

1341
01:29:22.410 --> 01:29:25.572

1342
01:29:26.412 --> 01:29:29.570
จัด Text

1343
01:29:30.416 --> 01:29:33.570
แล้วก็ทำให้ Text Input เป็นซ่อน

1344
01:29:34.418 --> 01:29:37.571
ลองดูสิ แก้เงื่อนไขมันก่อน

1345
01:29:38.420 --> 01:29:41.576
จาก Text

1346
01:29:42.424 --> 01:29:45.570
ให้มันซ่อน ได้ไหม

1347
01:29:46.425 --> 01:29:49.570
ขอลองอันล่างเลย

1348
01:29:50.427 --> 01:29:53.573
ไม่ซ่อนน่ะ

1349
01:29:54.428 --> 01:29:57.576
นี่ เราใส่สลับ

1350
01:29:58.429 --> 01:30:01.587
เอาใหม่ Edit ใหม่

1351
01:30:02.430 --> 01:30:05.570
ต้องไล่ให้ถูกนะนี่

1352
01:30:06.446 --> 01:30:09.574
เมื่อพิมพ์เข้าไปแล้ว ตคามหบักนะ เมื่อพิมพ์ปุ๊

1353
01:30:10.447 --> 01:30:13.570

1354
01:30:14.449 --> 01:30:17.571

1355
01:30:18.451 --> 01:30:21.576
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

1356
01:30:22.452 --> 01:30:25.577

1357
01:30:26.453 --> 01:30:29.570
ที่พิมพ์จากคีย์บอร์ด

1358
01:30:30.456 --> 01:30:33.574
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

1359
01:30:34.457 --> 01:30:37.570

1360
01:30:38.459 --> 01:30:41.570
มันจะซ่อนให้ไหมน่ะ

1361
01:30:42.460 --> 01:30:45.570
เมื่อกำหนดค่า

1362
01:30:46.461 --> 01:30:49.570
เมื่อกำหนดค่า เมื่อกำหนดค่า Text Input

1363
01:30:50.463 --> 01:30:53.577
เมื่อเราคลิกเข้าไปเสร็จ เซตเมื่อเราพิมพ์นะ Keyboard Type

1364
01:30:54.464 --> 01:30:57.571
keybrod

1365
01:30:58.465 --> 01:31:01.570
ให้มัน

1366
01:31:02.466 --> 01:31:05.580
ให้มัน...

1367
01:31:06.467 --> 01:31:09.570
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

1368
01:31:10.467 --> 01:31:13.573
มันจะซ่อนให้เราไหม

1369
01:31:14.475 --> 01:31:17.570
ยังติดอยู่นะคะ

1370
01:31:18.476 --> 01:31:21.577
ยังติดอยู่ในบ่วง Password ไม่ซ่อน

1371
01:31:22.477 --> 01:31:25.571

1372
01:31:26.484 --> 01:31:29.570
ขาดค่าอะไรไปอีกค่าหนึ่ง

1373
01:31:30.485 --> 01:31:33.571
ต้องกำหนดตัวแปรไหมละนี่

1374
01:31:34.490 --> 01:31:37.570
น่าจะใช่

1375
01:31:38.491 --> 01:31:41.570
กำหนดตัวแปลให้เก็บค่าของ Text Password

1376
01:31:42.491 --> 01:31:45.570
text username

1377
01:31:46.494 --> 01:31:49.571
Text Password

1378
01:31:50.495 --> 01:31:53.571
ไหน Block ที่ 1

1379
01:31:54.496 --> 01:31:57.570
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

1380
01:31:58.498 --> 01:32:01.570
whyriabl

1381
01:32:02.499 --> 01:32:05.570

1382
01:32:06.502 --> 01:32:09.572

1383
01:32:10.505 --> 01:32:13.571

1384
01:32:14.507 --> 01:32:17.570

1385
01:32:18.508 --> 01:32:21.570

1386
01:32:22.510 --> 01:32:25.571

1387
01:32:26.512 --> 01:32:29.570

1388
01:32:30.514 --> 01:32:33.572

1389
01:32:34.517 --> 01:32:37.574

1390
01:32:38.519 --> 01:32:41.571
ไปที่ Text ไปที่ Text

1391
01:32:42.523 --> 01:32:45.570
ทำให้เป็นตัวใหญ่

1392
01:32:46.524 --> 01:32:49.570
ทำให้ text

1393
01:32:50.526 --> 01:32:53.571

1394
01:32:54.528 --> 01:32:57.570

1395
01:32:58.529 --> 01:33:01.571

1396
01:33:02.532 --> 01:33:05.570

1397
01:33:06.542 --> 01:33:09.570
ไปที่ Color

1398
01:33:10.544 --> 01:33:13.570
เป็นจริง

1399
01:33:14.546 --> 01:33:17.571
เมื่อคลิกแล้วจริงปุ๊บ

1400
01:33:18.547 --> 01:33:21.571
เป็นจริงปุ๊บ

1401
01:33:22.548 --> 01:33:25.572
ถึงที่ต้องทำต่อ

1402
01:33:26.549 --> 01:33:29.573
ขาดไปไหนนะ

1403
01:33:30.551 --> 01:33:33.571
Sign in ขึ้นมาแล้ว เจอแล้ว

1404
01:33:34.552 --> 01:33:37.570
แต่มันมาอยู่ใน...

1405
01:33:38.554 --> 01:33:41.570

1406
01:33:42.556 --> 01:33:45.571
เราจะเอามันไปใส่ใน

1407
01:33:46.557 --> 01:33:50.557
ไหนได้

1408
01:33:50.559 --> 01:33:54.559
sinin

1409
01:33:54.560 --> 01:33:58.560
เขาบอกว่า

1410
01:33:58.561 --> 01:34:02.561
ให้มันอยู่ตรง...

1411
01:34:02.562 --> 01:34:06.562

1412
01:34:06.570 --> 01:34:10.570

1413
01:34:10.573 --> 01:34:14.570
เดี๋ยวนะ มันเป็นอะไรล่ะ

1414
01:34:14.573 --> 01:34:18.570
App Feature

1415
01:34:18.574 --> 01:34:22.570

1416
01:34:22.578 --> 01:34:26.570

1417
01:34:26.581 --> 01:34:30.570
Sign in

1418
01:34:30.585 --> 01:34:34.570
Sign in

1419
01:34:34.586 --> 01:34:38.577
Sing in Email

1420
01:34:38.587 --> 01:34:42.570

1421
01:34:42.593 --> 01:34:46.570
Sign in hello

1422
01:34:46.594 --> 01:34:50.572
Reset Password

1423
01:34:50.596 --> 01:34:54.571
Delete User Sign Up

1424
01:34:54.598 --> 01:34:58.571
เขาให้กำหนดเป็นแบบนี้หรอ

1425
01:34:58.600 --> 01:35:02.570
เป็นแบบนี้หรือ ดู Sign up

1426
01:35:02.604 --> 01:35:06.578
Sign Up Do

1427
01:35:06.605 --> 01:35:10.571
Sign In do

1428
01:35:10.606 --> 01:35:14.570

1429
01:35:14.607 --> 01:35:18.570

1430
01:35:18.610 --> 01:35:22.571
ไม่ให้ใช้น่ะ

1431
01:35:22.611 --> 01:35:26.572
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

1432
01:35:26.613 --> 01:35:30.570
ใช้ไม่เหมือนกัน

1433
01:35:30.614 --> 01:35:34.570

1434
01:35:34.615 --> 01:35:38.570
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

1435
01:35:38.616 --> 01:35:42.569
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

1436
01:35:42.620 --> 01:35:46.570

1437
01:35:46.622 --> 01:35:50.570

1438
01:35:50.623 --> 01:35:54.570

1439
01:35:54.625 --> 01:35:58.570

1440
01:35:58.626 --> 01:36:02.570

1441
01:36:02.627 --> 01:36:06.569

1442
01:36:06.629 --> 01:36:10.569

1443
01:36:10.630 --> 01:36:14.569

1444
01:36:14.631 --> 01:36:18.569

1445
01:36:18.635 --> 01:36:22.569

1446
01:36:22.640 --> 01:36:26.569

1447
01:36:26.644 --> 01:36:30.568

1448
01:36:30.651 --> 01:36:34.568

1449
01:36:34.653 --> 01:36:38.568

1450
01:36:38.654 --> 01:36:42.568

1451
01:36:42.656 --> 01:36:46.568

1452
01:36:46.657 --> 01:36:50.568
ไม่เหมือนกันนะ

1453
01:36:50.658 --> 01:36:54.569
ใช้ไม่เหมือน

1454
01:36:54.659 --> 01:36:58.568

1455
01:36:58.660 --> 01:37:02.567

1456
01:37:02.662 --> 01:37:06.567

1457
01:37:06.663 --> 01:37:10.568

1458
01:37:10.664 --> 01:37:14.568

1459
01:37:14.665 --> 01:37:18.568
เดี๋ยวนะคะ Sign Up

1460
01:37:18.667 --> 01:37:22.567
อันนี้หรอ

1461
01:37:22.669 --> 01:37:26.567

1462
01:37:26.672 --> 01:37:30.567

1463
01:37:30.673 --> 01:37:34.567

1464
01:37:34.674 --> 01:37:38.567
ให้ทำอะไรให้ลงทะเบียน

1465
01:37:38.675 --> 01:37:42.567
ให้ลงทะเบียน

1466
01:37:42.676 --> 01:37:46.567
โดยใช้ Email หรือ Passeord

1467
01:37:46.681 --> 01:37:50.567
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1468
01:37:50.682 --> 01:37:54.567

1469
01:37:54.693 --> 01:37:58.567

1470
01:37:58.695 --> 01:38:02.567

1471
01:38:02.696 --> 01:38:06.566
บอกว่าให้ก๊อป(ปี้)

1472
01:38:06.698 --> 01:38:10.566
ทำไม

1473
01:38:10.699 --> 01:38:14.566
เราใช้ Thunkable x ไม่ได้ล่ะ

1474
01:38:14.701 --> 01:38:18.566
Thunkable X

1475
01:38:18.703 --> 01:38:22.646

1476
01:38:22.705 --> 01:38:26.567

1477
01:38:26.726 --> 01:38:30.566

1478
01:38:30.733 --> 01:38:34.567

1479
01:38:34.735 --> 01:38:38.566

1480
01:38:38.736 --> 01:38:42.566

1481
01:38:42.739 --> 01:38:46.566
เอามาจากไหนนะ Thunkable X

1482
01:38:46.740 --> 01:38:50.566

1483
01:38:50.742 --> 01:38:54.566

1484
01:38:54.743 --> 01:38:58.567

1485
01:38:58.744 --> 01:39:02.566

1486
01:39:02.745 --> 01:39:06.566
มันจะเพิ่ม Signin ได้

1487
01:39:06.748 --> 01:39:10.565
Sign in ได้ นี่ไงเขาบอก แต่ของเราไม่เป็น X

1488
01:39:10.748 --> 01:39:14.567

1489
01:39:14.753 --> 01:39:18.565

1490
01:39:18.754 --> 01:39:22.565

1491
01:39:22.755 --> 01:39:26.565

1492
01:39:26.758 --> 01:39:30.565

1493
01:39:30.759 --> 01:39:34.565

1494
01:39:34.763 --> 01:39:38.568

1495
01:39:38.764 --> 01:39:42.569

1496
01:39:42.765 --> 01:39:46.565

1497
01:39:46.771 --> 01:39:50.565

1498
01:39:50.772 --> 01:39:54.565

1499
01:39:54.773 --> 01:39:58.565

1500
01:39:58.774 --> 01:40:02.564
อ๋อถ้า

1501
01:40:02.775 --> 01:40:06.564
Thunkable X ก็คือใช้ IOS

1502
01:40:06.776 --> 01:40:10.564
เข้าใจแล้ว

1503
01:40:10.777 --> 01:40:14.564

1504
01:40:14.779 --> 01:40:18.564

1505
01:40:18.782 --> 01:40:22.564

1506
01:40:22.783 --> 01:40:26.564

1507
01:40:26.785 --> 01:40:30.564
ทดสอบแอป

1508
01:40:30.787 --> 01:40:34.564
มันยังไม่ reresd

1509
01:40:34.789 --> 01:40:38.564
ใช้ไม่ได้ต้องเป็น

1510
01:40:38.792 --> 01:40:42.574
ข้อจำกัด

1511
01:40:42.796 --> 01:40:46.564
เยอะเหมือนกันนะนี่

1512
01:40:46.798 --> 01:40:50.564

1513
01:40:50.799 --> 01:40:54.564

1514
01:40:54.801 --> 01:40:58.565
โอเค เดี๋ยว

1515
01:40:58.802 --> 01:41:02.566
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

1516
01:41:02.805 --> 01:41:06.564
ของเรามัน มันไม่เป็น

1517
01:41:06.806 --> 01:41:10.565
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

1518
01:41:10.808 --> 01:41:14.566
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

1519
01:41:14.810 --> 01:41:18.564
ถ้า Thunkable x น่ะ มันจะเป็น...

1520
01:41:18.812 --> 01:41:22.565
ก็คือเราก้จะมา

1521
01:41:22.816 --> 01:41:26.577
ก็อป Firebase น่ะค่ะ

1522
01:41:26.817 --> 01:41:30.564
เลย Components นี้ มันจะเป็นเหมือน

1523
01:41:30.819 --> 01:41:34.564
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1524
01:41:34.820 --> 01:41:38.563
เดิมเรานี่ให้เป้น Thunk

1525
01:41:38.822 --> 01:41:42.565
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

1526
01:41:42.823 --> 01:41:46.564
เราจะเอามาใช้งาน

1527
01:41:46.825 --> 01:41:50.563
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1528
01:41:50.826 --> 01:41:54.563
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1529
01:41:54.827 --> 01:41:58.564
ตอนนี้คือเชื่อมด้วย Fire base

1530
01:41:58.833 --> 01:42:02.564
Thunkable เรามันเป็น Thunkable

1531
01:42:02.834 --> 01:42:06.563
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1532
01:42:06.836 --> 01:42:10.567
ตอนนี้มันเป็น Thunk

1533
01:42:10.836 --> 01:42:14.568
เนื่องจากสัปดาห์หน้า

1534
01:42:14.837 --> 01:42:18.563
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1535
01:42:18.838 --> 01:42:22.565
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1536
01:42:22.839 --> 01:42:26.563
ทำให้เรียบร้อยก่อนนะคะ ระกว่างรอ

1537
01:42:26.840 --> 01:42:30.563
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

1538
01:42:30.841 --> 01:42:34.564
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1539
01:42:34.842 --> 01:42:38.563
เราแค่มาแก้อัปเวอร์ชันมัน

1540
01:42:38.843 --> 01:42:42.562
แค่อัปเวอร์ชันมัน

1541
01:42:42.845 --> 01:42:46.563
จะนำมาไปใช้ตัวนี้

1542
01:42:46.846 --> 01:42:50.563
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1543
01:42:50.847 --> 01:42:54.563
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

1544
01:42:54.850 --> 01:42:58.563
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1545
01:42:58.851 --> 01:43:02.562
สำหรับสัปดาห์นี้

1546
01:43:02.852 --> 01:43:06.563
เดี๋ยวจะขอพอแค่นี้นะคะ

1547
01:43:06.854 --> 01:43:10.565
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1548
01:43:10.858 --> 01:43:14.563

1549
01:43:14.860 --> 01:43:18.562
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1550
01:43:18.861 --> 01:43:22.562
อ๋อ...

1551
01:43:22.862 --> 01:43:26.562
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

1552
01:43:26.864 --> 01:43:30.562
งั้นเดี๋ยวปล่อยเลยนะคะ

1553
01:43:30.865 --> 01:43:34.562

1554
01:43:34.866 --> 01:43:38.562

1555
01:43:38.867 --> 01:43:42.563
Thunkable X

1556
01:43:42.870 --> 01:43:46.569
ทำไมไม่อัปให้เรา

1557
01:43:46.871 --> 01:43:50.562

1558
01:43:50.872 --> 01:43:54.562

1559
01:43:54.874 --> 01:43:58.562

1560
01:43:58.875 --> 01:44:02.562

1561
01:44:02.876 --> 01:44:06.562

1562
01:44:06.877 --> 01:44:10.562

1563
01:44:10.878 --> 01:44:14.562

1564
01:44:14.879 --> 01:44:18.562

1565
01:44:18.881 --> 01:44:22.565

1566
01:44:22.882 --> 01:44:26.882

1567
01:44:26.883 --> 01:44:30.883

1568
01:44:30.888 --> 01:44:30.892