1
00:13:47,216 --> 00:13:47,218

2
00:13:47,218 --> 00:13:48,249
จะมีให้ไหมรูปคน

3
00:13:48,249 --> 00:13:51,368
Thunkable

4
00:13:51,368 --> 00:13:55,368
เราหา เราหาโลโก้รูปแบบนี้

5
00:14:07,226 --> 00:14:11,226
ไอ้อะไรนะอะไรนะ เอาแบบนี้ก็ได้

6
00:14:15,227 --> 00:14:19,227

7
00:14:23,229 --> 00:14:23,229

8
00:14:23,229 --> 00:14:24,915
Search คำว่า "Icon" แล้วก็ล็อกอิน

9
00:14:24,915 --> 00:14:28,896
นะคะ

10
00:14:28,896 --> 00:14:32,896
เราหาไอคอนนี้กัน เราจะเอาตัวไหนใช้

11
00:14:32,935 --> 00:14:34,576
เลือกเอาเลย เอาตัวไหนดี

12
00:14:34,576 --> 00:14:36,158

13
00:14:36,158 --> 00:14:40,158

14
00:14:51,240 --> 00:14:55,240

15
00:14:55,244 --> 00:14:59,244

16
00:15:07,256 --> 00:15:11,254

17
00:15:11,254 --> 00:15:12,295

18
00:15:12,295 --> 00:15:16,295

19
00:15:27,267 --> 00:15:31,267
ได้แล้วนะคะ เราจะเอาตัวนี้ล่ะ

20
00:15:42,461 --> 00:15:39,894

21
00:15:29,725 --> 00:15:30,393
ตัวนี้ดีกว่า

22
00:15:30,393 --> 00:15:34,393
หาเอาเองนะคะ

23
00:15:36,423 --> 00:15:40,423
อยากได้แบบไหนหาเอา สมมติจะเอาตัวนี้

24
00:15:51,669 --> 00:15:55,508
ฟรีหรือเปล่านี่

25
00:15:38,849 --> 00:15:42,849

26
00:15:46,264 --> 00:15:50,264
ดูด้วยนะ ฟรี ฟรี ฟรี

27
00:15:52,439 --> 00:15:54,384
Download Image

28
00:15:54,384 --> 00:15:56,317

29
00:15:56,317 --> 00:16:00,317

30
00:16:11,290 --> 00:16:15,290
Standard Free Free นะ เราเลือกว่าฟรี

31
00:16:24,348 --> 00:16:21,783

32
00:16:15,293 --> 00:16:19,293
ใช่ไหม ไหนบอกว่าฟรี

33
00:16:26,428 --> 00:16:30,442
ขี้ตั๋ว

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

35
00:16:25,955 --> 00:16:29,378
Freedownload ด้วย เดี๋ยวติดลิขสิทธิ์อีก

36
00:16:29,378 --> 00:16:33,378
Free Download

37
00:16:39,305 --> 00:16:43,305
โอเค หาใหม่ ไม่ได้ตัวนี้ ก็ต้องได้ตัวนี้ล่ะนะ

38
00:16:43,633 --> 00:16:47,633
ตัวนี้ก็สวยอยู่นะ

39
00:16:49,110 --> 00:16:49,962
เอาตัวนี้ก็ได้ PNG ก็พอ

40
00:16:49,962 --> 00:16:53,962

41
00:17:03,319 --> 00:17:05,448
Premium free download

42
00:17:05,448 --> 00:17:09,448
ไปไหนแล้ว ได้แล้วนะคะ แม่

43
00:17:10,357 --> 00:17:14,357
ได้แล้วนะ เด็ก ๆ ได้หรือยัง โอเค

44
00:17:14,425 --> 00:17:18,425
เราจะใช้ตัวนี้นะคะ เหมือนเดิม

45
00:17:21,184 --> 00:17:25,184
ก็ไปที่ Thunkable เรา

46
00:17:32,528 --> 00:17:32,905

47
00:17:24,209 --> 00:17:28,209
แล้วก็ตรงชื่อ Picture นะ

48
00:17:36,905 --> 00:17:36,995
ก็

49
00:17:27,999 --> 00:17:31,999
อัปโหลดไฟล์ที่เมื่อกี้เราไปโหลดมา อยู่ไหนล่ะ Download ไหม

50
00:17:36,092 --> 00:17:40,092
Logo loging

51
00:17:46,463 --> 00:17:44,942
โอเค

52
00:17:41,517 --> 00:17:44,383
ได้แล้วครับ ได้แล้ว กระผมได้แล้วครับ

53
00:17:44,383 --> 00:17:44,439
เด็ก ๆ ได้หรือยังครับ

54
00:17:44,439 --> 00:17:48,439
ได้แล้วนะคะ

55
00:17:49,611 --> 00:17:53,611
มีรูปแล้ว ต่อไปสิ่งที่เราจะต้องมีในล็อกอิน

56
00:17:56,690 --> 00:18:00,094
ก็คือมีอะไรคะ

57
00:18:00,094 --> 00:18:04,094
มี Label ใช่ไหมคะ แสดงข้อความ

58
00:18:04,839 --> 00:18:08,839
ว่าให้ล็อกอินเข้าไป จะใช้ล็อกอิน หรือใช้คำว่าอะไล็อกอิน

59
00:18:14,394 --> 00:18:17,782
หรือใช้คำว่าอะไรดี User Login แล้วกันนะนะคะ

60
00:18:17,782 --> 00:18:19,935
เมื่อเราได้รูปแล้วสิ่งที่เราจะมีในบรรทัด

61
00:18:19,935 --> 00:18:23,935
ต่อมาก็คือ Lable ค่ะ

62
00:18:29,952 --> 00:18:33,249
เป็น Label นะคะ เด็ก ๆ เห็นไหมในตัวอย่าง

63
00:18:33,249 --> 00:18:36,869
เห็นไหม Member Login ใช่ไหมคะ เราก็

64
00:18:36,869 --> 00:18:40,869
ใช้ Label ในการสร้าง ลาก label มาวาง

65
00:18:45,703 --> 00:18:49,703
อยู่ใต้รูปใช่ไหม แล้วตรง Text นะ เราก็แก้เป็นอะไร

66
00:18:50,163 --> 00:18:53,616
User พิมพ์คำว่า "User"

67
00:18:53,616 --> 00:18:57,616
แล้วก็คำว่า "Login" เข้าไป l-o

68
00:19:02,940 --> 00:19:03,046
g-i-n สัญญาณล่าม

69
00:19:03,046 --> 00:19:07,046
โอเค ได้ยินอยู่นะ โอเคค่ะ นะคะ

70
00:19:10,459 --> 00:19:14,459
ใครที่วางรูปเสร็จแล้วให้พิมพ์

71
00:19:19,378 --> 00:19:23,378
เพื่อจะพิมพ์ข้อความคำว่า "Login" ลงไปนะ รูปแบบฟอนต์เด็ก ๆ ลองเลือกนะคะ

72
00:19:36,080 --> 00:19:40,080
อยากได้แบบไหน

73
00:19:39,599 --> 00:19:43,599
ลอ

74
00:19:51,450 --> 00:19:50,041
งเลือกได้

75
00:19:29,129 --> 00:19:33,129

76
00:19:35,385 --> 00:19:39,385
แล้วก็สีเปลี่ยนสีได้ เดี๋ยวเราจะขอฟอนต์ เนื่องจาก Background

77
00:19:39,606 --> 00:19:41,369
เราเป็นสีเข้ม เพราะฉะนั้น ตัวหนังสือเราก็จะใช้สีอ่อนนะคะ

78
00:19:41,369 --> 00:19:44,731
สีตรงข้าม เข็มอ่อน

79
00:19:44,731 --> 00:19:47,657
สีพื้นเข้ม ตัวหนังสือก็สีอ่อน

80
00:19:47,657 --> 00:19:51,498
นะคะ หลักการ User Login

81
00:19:51,498 --> 00:19:54,598
นะคะ ตัวหนาไหม

82
00:19:54,598 --> 00:19:58,598
ทำให้เป็นตัวหนาด้วยจัดแนวตรงไหนเอ่ย

83
00:20:06,405 --> 00:20:10,405
Test Align นะคะ คือ

84
00:20:10,551 --> 00:20:13,219
จัดกึ่งกลาง โอเค ขนาดตัวอักษรนะคะ

85
00:20:13,219 --> 00:20:16,534
18 เล็กไป เพิ่ม

86
00:20:16,534 --> 00:20:20,534
เพิ่มขนาดได้

87
00:20:22,950 --> 00:20:26,067
เอาเท่าไหร่ 30 โอเคไหม

88
00:20:26,067 --> 00:20:28,293

89
00:20:28,293 --> 00:20:32,293

90
00:20:33,518 --> 00:20:37,518

91
00:20:47,410 --> 00:20:51,410

92
00:20:59,414 --> 00:21:02,984
โอเคนะ

93
00:21:02,984 --> 00:21:06,980
ได้ส่วนของ User login แล้ว

94
00:21:06,980 --> 00:21:10,718
ก็คือส่วนของ Label แล้ว ทำอะไรต่อ บอกแล้วนะคะ ทำส่วนไหนปุ๊บ อย่าลืม

95
00:21:10,718 --> 00:21:14,718
Label Label อันนี้

96
00:21:17,641 --> 00:21:21,641

97
00:21:27,429 --> 00:21:28,575
อันนี้อย่าลืมใส่ชื่อจะได้รู้ว่าตรงนี้มันคืออะไรนะ ทุกครั้งนะคะ บอกเสมอว่าใส่ชื่อมันเข้าไปด้วย

98
00:21:28,575 --> 00:21:32,575
จะได้พอเราไปแก้ Code น่ะค่ะ

99
00:21:38,073 --> 00:21:42,073
เราก็จะได้รู้ Image

100
00:21:42,295 --> 00:21:42,860
Image ก็เหมือนกัน Image

101
00:21:42,860 --> 00:21:46,860
Icon Image ของเราก็คือ Icon

102
00:21:47,935 --> 00:21:51,935
login

103
00:21:52,870 --> 00:21:56,870
Icon login l-o-g-i-n

104
00:22:01,137 --> 00:22:04,526
นะคะ ปุ๊บ 1 2 3 ส่วนที่ 3

105
00:22:04,526 --> 00:22:06,956
ที่จะต้องใส่ เห็นไหมคะ

106
00:22:06,956 --> 00:22:10,956
อย่างนี้เขาเรียกว่า Tex field

107
00:22:18,376 --> 00:22:20,944
เพราะมันจะต้องเป็นให้กรอกข้อความได้ 2 อันขาว ๆ นี่เห็นนะ

108
00:22:20,944 --> 00:22:24,944
ไอ้ตัวขาว ๆ 2 อันนี้ ไอ้ตัว

109
00:22:28,430 --> 00:22:32,430
เราจะใส่ส่วนที่เรียกว่า Text Field นะลูก เห็นหรือยัง ใครหาไม่

110
00:22:39,472 --> 00:22:43,472
เจอ ตรง Component เราน่ะ ไปที่... ถ้าหาไม่เจอพิมพ์ Text f

111
00:22:46,606 --> 00:22:50,606
ield หรือ Text input ของ Thunkable มันใช้ Text Input

112
00:22:55,476 --> 00:22:56,281
เราก็ลากมา มีกี่อัน 2 อันใช่ไหมคะ เราก็ลากมา 2 อันนะคะ เด็ก ๆ อันที่ 1

113
00:22:56,281 --> 00:22:59,861
อันที่ 2 ต่อกัน

114
00:22:59,861 --> 00:23:03,861
เรียงต่อกัน Text Field เราใช้ 2 อัน

115
00:23:07,395 --> 00:23:09,727
เพราะฉะนั้น เราก็เอาลงมา 2 อัน 1 อัน 2 อันนะคะ

116
00:23:09,727 --> 00:23:13,727
ขยายขนาดด้วยนะคะ

117
00:23:15,125 --> 00:23:16,670

118
00:23:16,670 --> 00:23:20,670
เช็กอย่างไรให้มันเท่า ๆ กัน เอามาทาบใส่กันอย่างนี้นะคะ

119
00:23:26,607 --> 00:23:29,380
ขนาดมันก็ควรจะเท่ากันนะ

120
00:23:29,380 --> 00:23:33,380

121
00:23:43,487 --> 00:23:47,276

122
00:23:47,276 --> 00:23:51,276
เว้นช่องไฟ

123
00:23:51,496 --> 00:23:55,496
ให้สวยงามนะคะ เห็นหรือเปล่า ทีนี้ Text Field อยากได้สีอะไร เหมือนเดิมค่ะ

124
00:23:57,479 --> 00:24:01,479
ใส่สีเข้าไปให้เธอด้วยนะคะ

125
00:24:02,789 --> 00:24:06,789
Text Input Text Input อันแรก

126
00:24:12,622 --> 00:24:15,122
Text Input 1 นี่เป็นอะไร

127
00:24:15,122 --> 00:24:19,122
ตัวบนนะคะ

128
00:24:23,509 --> 00:24:25,253
Text Input ใส่ Username Text

129
00:24:25,253 --> 00:24:29,253
Input 1 นี่คือ User Name นะ

130
00:24:29,584 --> 00:24:31,319
Text Input Username

131
00:24:31,319 --> 00:24:33,535

132
00:24:33,535 --> 00:24:37,535
นะคะ อันที่ 2

133
00:24:38,765 --> 00:24:42,765
เป็น Password ไหม Password นะคะ

134
00:24:45,023 --> 00:24:49,023
บอกให้รู้ว่าแต่ละอันคืออะไร

135
00:24:50,765 --> 00:24:54,117
นะคะ เวลา Coding

136
00:24:54,117 --> 00:24:57,003
เราจะได้รู้นะ เราไปแก้ถูกอันหรือเปล่า

137
00:24:57,003 --> 00:25:00,461
Text Input อันที่ 2 ชื่อว่า

138
00:25:00,461 --> 00:25:03,991
Password

139
00:25:03,991 --> 00:25:07,164

140
00:25:07,164 --> 00:25:11,164
บอกแล้วว่าต้องใส่ชื่อให้มันทุกครั้งนะคะ

141
00:25:15,471 --> 00:25:19,471
เราได้ 2 ส่วนแล้วนะ ทีนี้ใน Username

142
00:25:26,424 --> 00:25:27,294
นะคะ ใน Username นี่มันมีอะไรอยู่ด้วย เห็นหรือเปล่า มันใส่อะไรเข้าไป

143
00:25:27,294 --> 00:25:28,621

144
00:25:28,621 --> 00:25:32,621

145
00:25:35,233 --> 00:25:37,791
ในตัวอย่าง ในตัวอย่าง

146
00:25:37,791 --> 00:25:41,791
กดผิดขอโทษ ในตัวอย่างเห็นไหมคะ มันมี Icon

147
00:25:49,725 --> 00:25:51,483
รูปเป็นรูปคนกับรูปลูกกุญแจนะ เราจะให้มันเห็น con นี้

148
00:25:51,483 --> 00:25:54,443
ไปที่

149
00:25:54,443 --> 00:25:58,443
หน้าจอเราเหมือนเดิมนะคะ เราก็เอารูปนี่

150
00:25:59,638 --> 00:26:02,068
ใส่เข้าไปในนี้

151
00:26:02,068 --> 00:26:05,236
ใส่ได้ไหม

152
00:26:05,236 --> 00:26:08,579

153
00:26:08,579 --> 00:26:12,579

154
00:26:23,567 --> 00:26:25,189
เดี๋ยวให้ใส่เข้าไปใน

155
00:26:25,189 --> 00:26:29,189
Text ไหมล่ะ

156
00:26:39,574 --> 00:26:41,715
ไม่ให้ใส่เข้าไปข้างในหรือ ไม่ให้ใส่ก็วางข้าง ๆ ได้นะ

157
00:26:41,715 --> 00:26:45,715
ก็คือเราก็มี image เล็ก ๆ นี่

158
00:26:45,814 --> 00:26:49,115
2 อันนะคะ

159
00:26:49,115 --> 00:26:53,115

160
00:26:56,596 --> 00:26:58,685
โอเคไหมคะ

161
00:26:58,685 --> 00:27:02,685
แล้วหารูปใส่นะเด็ก ๆ อย่าลืมนะคะ

162
00:27:07,941 --> 00:27:08,099
มีรูปอะไร รูปคนกับรูปกุญแจน่ะ

163
00:27:08,099 --> 00:27:09,496
หาต่อสิครับ

164
00:27:09,496 --> 00:27:13,496
รออะไร เมื่อกี้เปิดไว้แล้ว

165
00:27:26,552 --> 00:27:24,011

166
00:27:14,571 --> 00:27:16,769

167
00:27:16,769 --> 00:27:20,769

168
00:27:25,202 --> 00:27:26,819

169
00:27:26,819 --> 00:27:28,699

170
00:27:28,699 --> 00:27:32,699

171
00:27:43,606 --> 00:27:45,561
Free download เหมือนเดิมนะคะ รูปต่อไปก็คือ รูปกุญแจ

172
00:27:45,561 --> 00:27:49,561

173
00:27:59,614 --> 00:28:03,614
หาต่อ ๆ แม่กุญแจ กุญแจอยู่ไหนนะ

174
00:28:06,419 --> 00:28:10,419
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

175
00:28:12,211 --> 00:28:12,762
ไม่เจอแม่ แม่กุญแจ หาแม่กุญแจก่อนนะคะ

176
00:28:12,762 --> 00:28:16,762

177
00:28:17,714 --> 00:28:21,714
หา Lock ใช้คำว่า Lock

178
00:28:27,818 --> 00:28:28,695

179
00:28:28,695 --> 00:28:32,695
เอาตัวนี้แล้วกัน

180
00:28:36,825 --> 00:28:40,648

181
00:28:40,648 --> 00:28:44,648
เจอตัวไหนเอาก่อนน่ะ

182
00:28:49,323 --> 00:28:53,323
โอเคนะคะ ได้รูปแล้วได้องค์ประกอบแล้ว

183
00:28:53,466 --> 00:28:54,618
ใส่ไปเรื่อย ๆ

184
00:28:54,618 --> 00:28:58,618
ใคร

185
00:28:59,744 --> 00:29:03,744
ยังไม่ได้รูปหาใส่ด้วยนะครับ

186
00:29:05,327 --> 00:29:05,643
อันที่ 1 รูปแรก

187
00:29:05,643 --> 00:29:09,643
Image1 Image1

188
00:29:11,656 --> 00:29:15,656
Picture เลือกอัปโหลดไฟล์

189
00:29:17,048 --> 00:29:21,048
login1 open

190
00:29:25,429 --> 00:29:29,429

191
00:29:31,651 --> 00:29:31,857
ได้แล้ว ปรับขนาดเอาเองนะเด็ก ๆ

192
00:29:31,857 --> 00:29:35,857
มันมันไม่เท่าก็ขยาย

193
00:29:35,908 --> 00:29:39,908
ย่อขยาย

194
00:29:43,265 --> 00:29:47,265
เอานะคะ

195
00:29:47,365 --> 00:29:48,451
เราก็ไปที่ตำแหน่งของวัตถุชิ้นนั้น

196
00:29:48,451 --> 00:29:52,202
คลิกที่ชื่อเขาก็ได้ คลิกที่ชื่อเขา

197
00:29:52,202 --> 00:29:56,202

198
00:30:03,668 --> 00:30:07,668

199
00:30:07,671 --> 00:30:11,671

200
00:30:15,671 --> 00:30:16,751
โอเคนะคะ เขาได้แล้วนะ

201
00:30:16,751 --> 00:30:20,713

202
00:30:20,713 --> 00:30:24,713

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

204
00:30:36,392 --> 00:30:36,655
ก็เพิ่มอัปโหลดไฟล์เข้าไป

205
00:30:36,655 --> 00:30:40,655

206
00:30:51,706 --> 00:30:55,706
ขนาดมันไม่ได้ เราก็ยืดได้ หดได้นะ นะคะ

207
00:30:56,120 --> 00:31:00,120
เดี๋ยวเด็กไปแต่งเพิ่มเติมทีหลังเด้อ

208
00:31:01,746 --> 00:31:04,802
จะใส่สีใส่อะไรน่ะ บอกคร่าว ๆ ว่าองค์ประกอบ

209
00:31:04,802 --> 00:31:08,802
มันมีอะไร แล้วก็มีอีกส่วนหนึ่งใช่ไหมคะ อันล่างสุด

210
00:31:09,406 --> 00:31:13,406
เอ้ยไม่ใช่ อีก 2 ส่วนสิ

211
00:31:15,099 --> 00:31:16,694
มีส่วนของอะไรนะ เปิดให้ดูชัด ๆ

212
00:31:16,694 --> 00:31:20,694

213
00:31:22,790 --> 00:31:26,790
มีส่วนที่เหมือน

214
00:31:27,976 --> 00:31:31,976
ติ๊ก ๆ กับ Forget password

215
00:31:39,570 --> 00:31:39,697
มี Button1 อันนะคะ ปุ่มกด

216
00:31:39,697 --> 00:31:43,697
และก็ส่วนที่มีติ๊กอย่างนี้นะคะ ส่วนที่มี9ก ชื่อว่า

217
00:31:45,689 --> 00:31:49,689
Check box เห็นไหมคะ

218
00:31:52,360 --> 00:31:54,257
นะคะ แถบเครื่องมือ Check Box ลากลงไปเลย

219
00:31:54,257 --> 00:31:55,335
ลากไปวาง

220
00:31:55,335 --> 00:31:59,335
ให้เราได้ Check box แล้ว

221
00:32:05,426 --> 00:32:09,426
แล้วมีอะไรต่อจาก Check box

222
00:32:09,986 --> 00:32:13,906
ก็คือมี Label ใช่ไหมคะ บอกว่า Remember me มี Label

223
00:32:13,906 --> 00:32:17,906
เขียนคำว่า "Rememberme"

224
00:32:23,742 --> 00:32:27,742
ใส่ Label เข้าไปตรงนี้นะคะ พิมพ์คำว่า "Remember me" R-e-m-Remember

225
00:32:32,510 --> 00:32:36,510
b-e-r member

226
00:32:42,335 --> 00:32:43,137
แล้วมี me m-e นะคะ

227
00:32:43,137 --> 00:32:43,734

228
00:32:43,734 --> 00:32:47,734
เดี๋ยวเปลี่ยน font ก่อน สี

229
00:32:55,754 --> 00:32:59,751

230
00:32:59,751 --> 00:33:03,751
font เห็นไหมคะ เห็นหรือเปล่า อะไรอีกนะ มีอะไรอีก

231
00:33:04,180 --> 00:33:08,180
กดผิด แล้วก็มี

232
00:33:10,878 --> 00:33:12,658
forgot password

233
00:33:12,658 --> 00:33:16,658
Forgot Password มันเป็นเหมือน Text Link น่ะ

234
00:33:21,115 --> 00:33:22,126
เราต้องใช้ตัว...

235
00:33:22,126 --> 00:33:26,126

236
00:33:35,765 --> 00:33:39,765
Label

237
00:33:43,163 --> 00:33:44,742
นั่นล่ะ แล้วตอนเขาเรียกอะไรนะ ตอนเชื่อมน่ะนะ

238
00:33:44,742 --> 00:33:48,742
ตอน Coding น่ะ ค่อยเชื่อมให้มันเป็นลิงก์

239
00:33:48,831 --> 00:33:52,831
แล้วค่อยใส่ลิงก์นะคะ

240
00:33:53,261 --> 00:33:56,111
ตัวนี้

241
00:33:56,111 --> 00:33:59,702
Label นี้ ใส่คำว่า "พื้นที่"

242
00:33:59,702 --> 00:34:03,702
ตัวใหญ่ไปเสียละมั้ง เดี๋ยวลดไซซ์ Remember me

243
00:34:11,032 --> 00:34:11,202
ก่อนนะคะ มีความรู้สึกว่ามันใหญ่ไปมันจะ

244
00:34:11,202 --> 00:34:15,202
ใส่ forgot password ไม่ได้

245
00:34:18,218 --> 00:34:20,080
ลดลง 14 พอ โอเค Remember me เหลือ 14 นะคะ

246
00:34:20,080 --> 00:34:21,976
แล้วก็

247
00:34:21,976 --> 00:34:25,518

248
00:34:25,518 --> 00:34:29,518
Forgot Password นะเด็ก ๆ

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

250
00:34:39,367 --> 00:34:41,073
นะคะ  f-o-r

251
00:34:41,073 --> 00:34:45,073
f-o-r got

252
00:34:45,773 --> 00:34:47,278
g-o-t got

253
00:34:47,278 --> 00:34:51,278
จำไม่ได้ ช่วงนี้สงสมองไม่ค่อยจำ

254
00:34:53,336 --> 00:34:57,336
forgot

255
00:34:58,634 --> 00:35:02,634
f-o-r-g-o-t แล้วก็ password Forgot แล้วก็ P

256
00:35:05,835 --> 00:35:09,835
P-a-s-s Pass W-

257
00:35:13,998 --> 00:35:17,018
o-r-d แล้วก็ตามด้วย

258
00:35:17,018 --> 00:35:21,018
เครื่องหมายคำถาม Forgot Password ก็ลดไซซ์

259
00:35:21,550 --> 00:35:25,550
ให้พอ ๆ กับไอ้นี่ล่ะนะ ไอ้ Remember me

260
00:35:27,034 --> 00:35:31,034
ก็คือ 14 ทำไซซ์ให้เท่ากัน

261
00:35:35,819 --> 00:35:39,819
แล้วก็สี

262
00:35:43,820 --> 00:35:47,820
สีแจ่มว้าวขึ้นมาหน่อย

263
00:35:48,385 --> 00:35:50,820
ให้เห็นความแตกต่าง ตำแหน่งควรจะตรง ๆ กัน

264
00:35:50,820 --> 00:35:54,820
No No No ตำแหน่งไม่ค่อยได้

265
00:35:55,366 --> 00:35:59,366
เดี๋ยวเลื่อนอีกนิดหนึ่งนะ

266
00:36:01,097 --> 00:36:05,097
Color

267
00:36:06,756 --> 00:36:10,756
เอาสีอะไร เอาสี... สีเหลือง สีเขียว สีฟ้า

268
00:36:11,183 --> 00:36:13,499
โอเค

269
00:36:13,499 --> 00:36:17,499
โอเคแล้วนะ

270
00:36:17,741 --> 00:36:21,741

271
00:36:31,837 --> 00:36:35,837
นะคะ โอเคนะ อันสุดท้ายคืออะไรคะ

272
00:36:35,972 --> 00:36:39,972
Login ใช่ไหม ปุ่ม

273
00:36:47,302 --> 00:36:50,675
Button Button Login เด็ก ๆ อยากได้ปุ่มแบบไหน สีเหลี่ยม

274
00:36:50,675 --> 00:36:54,675
ดูนะคะ เราไปเลือก Botton

275
00:36:55,364 --> 00:36:58,963
คลิก Button แล้วลง

276
00:36:58,963 --> 00:37:00,277
ด้านล่างสุดใช่ไหม Button

277
00:37:00,277 --> 00:37:04,277
นี้

278
00:37:08,248 --> 00:37:08,759
พิมพ์ข้างในว่า "Login" เข้าไป

279
00:37:08,759 --> 00:37:12,759
L-O ตัวใหญ่เลย L-O-G-

280
00:37:18,354 --> 00:37:20,140
I-N  Login

281
00:37:20,140 --> 00:37:23,613
สีเอาสีอะไร ไปที่ Background นะ Back

282
00:37:23,613 --> 00:37:26,349
เลือกสีค่ะ สีปุ่ม

283
00:37:26,349 --> 00:37:30,349
มีความ

284
00:37:33,749 --> 00:37:37,749
แซ่บเบอร์ 10

285
00:37:42,982 --> 00:37:46,327
อยากได้สีชมพูอยู่ไหนนี่ สีชมพู

286
00:37:46,327 --> 00:37:47,676
เอาฟ้าน้ำทะเลก็ได้นะ

287
00:37:47,676 --> 00:37:49,367

288
00:37:49,367 --> 00:37:53,367

289
00:38:03,885 --> 00:38:07,883

290
00:38:07,883 --> 00:38:08,812
นี่ ๆ เขาอยากได้ประมาณนี้

291
00:38:08,812 --> 00:38:12,812
แต่ตัวอักษรเขาจะเอา

292
00:38:13,487 --> 00:38:16,988
สีเข้ม ๆ นะครับ Color Color Color

293
00:38:16,988 --> 00:38:20,988
Text Color

294
00:38:21,011 --> 00:38:24,108
นะคะ สี...

295
00:38:24,108 --> 00:38:28,108

296
00:38:30,331 --> 00:38:30,588
สีม่วงไหม

297
00:38:30,588 --> 00:38:34,588
โอเค

298
00:38:36,692 --> 00:38:40,692
ทำตัวหนาด้วย เปลี่ยนรูปแบบ Font ด้วย

299
00:38:47,631 --> 00:38:48,866

300
00:38:48,866 --> 00:38:51,997
โอเคนะคะ ตัวนี้

301
00:38:51,997 --> 00:38:55,997
อยากได้เป็นโค้ง ๆ โค้งมากโค้งน้อยบอกแล้วว่าให้แก้

302
00:39:03,938 --> 00:39:06,602
ตรงไหนคะ Border ใช่ไหมคะ

303
00:39:06,602 --> 00:39:10,602
Gradian นะ

304
00:39:11,419 --> 00:39:15,419
ความโค้งมนของวัตถุ

305
00:39:17,156 --> 00:39:21,156
นะคะ ความโค้งมนของวัตถุ ขึ้นอยู่กับ

306
00:39:26,657 --> 00:39:30,657
ค่า Radian เลย โอเคไหม ตอนนี้เราได้องค์ประกอบหนึ่งครบแล้ว

307
00:39:35,688 --> 00:39:39,204
ทีนี้มันจะเชื่อมอย่างไรนะ ทำให้ตัว Login มันเชื่อมได้

308
00:39:39,204 --> 00:39:39,278
ก็คือพอใส่ชื่อลงไปนะคะ ใส่ไอ้นี่ลงไปอมอย่างไรนะ ทำให้ตัว Login มันเชื่อมได้

309
00:39:39,278 --> 00:39:43,278
ใส่ไอ้นี่ลองไปแล้วกด login เข้าไป

310
00:39:50,269 --> 00:39:51,532
ไว้ที่ไหน เดี๋ยวขอเดินดูก่อนนะคะ

311
00:39:51,532 --> 00:39:52,187
ว่าเด็ก ๆ ทำองค์ประกอบ

312
00:39:52,187 --> 00:39:55,211
มันครบหรือยัง ตรงไหนลูก

313
00:39:55,211 --> 00:39:57,150

314
00:39:57,150 --> 00:40:01,150

315
00:40:04,283 --> 00:40:08,283
อ๋อ Remember me

316
00:40:11,162 --> 00:40:14,675
Forget Password ใช้ Label ธรรมดา ใช่ ๆ

317
00:40:14,675 --> 00:40:18,675
แล้วเราจะทำให้มันเป็นลิงก์

318
00:40:22,017 --> 00:40:24,956
ใน Box ในโค้ดน่ะ ยัง ๆ ๆ มันจะไปทำ

319
00:40:24,956 --> 00:40:27,019
ตอนเราสั่งมันน่ะ โอเคนะ

320
00:40:27,019 --> 00:40:31,019

321
00:40:39,977 --> 00:40:43,977

322
00:40:43,979 --> 00:40:47,979

323
00:40:47,984 --> 00:40:51,984

324
00:40:51,990 --> 00:40:55,990

325
00:40:59,992 --> 00:41:03,991

326
00:41:03,991 --> 00:41:07,991

327
00:41:07,992 --> 00:41:11,992

328
00:41:11,996 --> 00:41:15,996

329
00:41:16,004 --> 00:41:20,003

330
00:41:20,003 --> 00:41:24,003

331
00:41:28,007 --> 00:41:32,007

332
00:41:32,009 --> 00:41:36,009

333
00:41:36,014 --> 00:41:40,014

334
00:41:40,018 --> 00:41:44,018

335
00:41:48,023 --> 00:41:52,022

336
00:41:52,022 --> 00:41:56,022

337
00:41:56,025 --> 00:42:00,025

338
00:42:00,027 --> 00:42:04,027

339
00:42:04,034 --> 00:42:08,034

340
00:42:08,037 --> 00:42:12,037

341
00:42:16,041 --> 00:42:20,041

342
00:42:20,042 --> 00:42:24,042

343
00:42:24,045 --> 00:42:28,045

344
00:42:28,048 --> 00:42:31,207

345
00:42:31,207 --> 00:42:33,097

346
00:42:33,097 --> 00:42:37,097
ดูอันที่ 2 ใบเตยต้องใส่

347
00:42:37,130 --> 00:42:41,130
Label คำว่า User login

348
00:42:46,005 --> 00:42:47,155
นะลูกนะ เห็นหรือเปล่า

349
00:42:47,155 --> 00:42:50,683
เห็น Label ไหม เลือกอันนี้ แล้วก็มาวางส่วนที่ 2

350
00:42:50,683 --> 00:42:52,793
ส่วนที่ 3 กับ 4

351
00:42:52,793 --> 00:42:56,793
ช่องที่ 3 กับ 4 ใช้ Text Input

352
00:43:00,986 --> 00:43:01,600
ลาก Text Input

353
00:43:01,600 --> 00:43:01,824
ไปวาง 2 อัน

354
00:43:01,824 --> 00:43:05,824
3 กับ 4 ได้รูปแล้ว เสร็จแล้ว มาเอา Label

355
00:43:09,188 --> 00:43:13,188
ก็เปลี่ยนเป็น User Login เหมือนตัวอย่างนะ

356
00:43:19,232 --> 00:43:21,480

357
00:43:21,480 --> 00:43:25,017

358
00:43:25,017 --> 00:43:29,017
มันตรงส่วนการเชื่อมน่ะ

359
00:43:33,529 --> 00:43:36,643
มันมีหลายตัวนะคะ เขาบอก

360
00:43:36,643 --> 00:43:39,368
บางคนเขาก็ใช้ Firebase

361
00:43:39,368 --> 00:43:43,368
บางคนเขาก็ใช้ MT อะไรหว่า จำไม่ได้

362
00:43:46,366 --> 00:43:47,089
เดี๋ยวดูก่อน

363
00:43:47,089 --> 00:43:51,089
นะคะ เดี๋ยวระหว่างรอเพื่อน

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

365
00:43:58,678 --> 00:44:02,205
Text Input อันที่

366
00:44:02,205 --> 00:44:06,205
3 กับ 4 นี่

367
00:44:06,562 --> 00:44:10,562
เลือกไอ้ที่เป็น Text Input ไปวาง

368
00:44:11,547 --> 00:44:11,560
และก็เอารูปมาใส่

369
00:44:11,560 --> 00:44:15,560
ตรง 2 อันนี้นะคะ 3 กับ 4  อันที่

370
00:44:37,011 --> 00:44:44,961
อันที่ 3 กับอันที่ 4

371
00:44:20,240 --> 00:44:21,688
3 กับ 4

372
00:44:21,688 --> 00:44:25,688

373
00:44:32,128 --> 00:44:36,128

374
00:44:40,125 --> 00:44:44,125

375
00:44:44,128 --> 00:44:48,128

376
00:44:48,134 --> 00:44:52,134

377
00:44:56,135 --> 00:45:00,135

378
00:45:00,138 --> 00:45:04,138

379
00:45:04,140 --> 00:45:08,140

380
00:45:08,140 --> 00:45:12,139

381
00:45:12,139 --> 00:45:16,139

382
00:45:16,144 --> 00:45:20,144

383
00:45:20,146 --> 00:45:24,146

384
00:45:24,150 --> 00:45:28,150

385
00:45:28,151 --> 00:45:32,151

386
00:45:32,156 --> 00:45:36,156

387
00:45:36,156 --> 00:45:40,156

388
00:45:40,157 --> 00:45:44,157

389
00:45:44,158 --> 00:45:48,158

390
00:45:48,163 --> 00:45:52,163

391
00:45:52,165 --> 00:45:56,165

392
00:46:00,169 --> 00:46:04,169

393
00:46:04,171 --> 00:46:08,171

394
00:46:08,173 --> 00:46:12,173

395
00:46:16,180 --> 00:46:20,180

396
00:46:20,184 --> 00:46:24,184

397
00:46:24,186 --> 00:46:28,186

398
00:46:28,187 --> 00:46:32,187

399
00:46:32,188 --> 00:46:36,188

400
00:46:36,191 --> 00:46:40,191

401
00:46:40,193 --> 00:46:44,193

402
00:46:44,196 --> 00:46:48,196

403
00:46:52,197 --> 00:46:56,197

404
00:46:56,201 --> 00:47:00,201

405
00:47:00,205 --> 00:47:04,205

406
00:47:04,209 --> 00:47:08,209

407
00:47:08,214 --> 00:47:12,214

408
00:47:12,219 --> 00:47:16,219

409
00:47:16,219 --> 00:47:20,219

410
00:47:20,222 --> 00:47:24,222

411
00:47:24,225 --> 00:47:28,225

412
00:47:28,238 --> 00:47:32,238

413
00:47:32,238 --> 00:47:36,238

414
00:47:36,241 --> 00:47:40,241

415
00:47:40,243 --> 00:47:44,241

416
00:47:44,241 --> 00:47:48,241

417
00:47:52,249 --> 00:47:56,249

418
00:47:56,250 --> 00:48:00,250

419
00:48:00,252 --> 00:48:04,252

420
00:48:04,254 --> 00:48:08,254

421
00:48:08,254 --> 00:48:12,254

422
00:48:12,257 --> 00:48:16,257

423
00:48:16,260 --> 00:48:20,260

424
00:48:20,261 --> 00:48:24,261

425
00:48:24,265 --> 00:48:28,263

426
00:48:28,263 --> 00:48:32,263

427
00:48:32,265 --> 00:48:36,265

428
00:48:36,268 --> 00:48:40,268

429
00:48:40,273 --> 00:48:44,273

430
00:48:44,279 --> 00:48:44,280

431
00:48:44,280 --> 00:48:48,280

432
00:48:48,285 --> 00:48:52,285

433
00:48:52,287 --> 00:48:56,287

434
00:48:56,290 --> 00:49:00,290

435
00:49:00,290 --> 00:49:04,290

436
00:49:04,291 --> 00:49:08,291

437
00:49:08,293 --> 00:49:12,293

438
00:49:12,295 --> 00:49:16,295

439
00:49:16,296 --> 00:49:20,296

440
00:49:20,298 --> 00:49:24,298

441
00:49:24,301 --> 00:49:28,301

442
00:49:28,302 --> 00:49:32,302

443
00:49:32,303 --> 00:49:36,303

444
00:49:36,306 --> 00:49:40,306

445
00:49:40,309 --> 00:49:44,309

446
00:49:44,311 --> 00:49:48,311

447
00:49:48,312 --> 00:49:52,312

448
00:49:52,314 --> 00:49:56,314

449
00:49:56,318 --> 00:50:00,318

450
00:50:00,319 --> 00:50:04,319

451
00:50:04,325 --> 00:50:08,325

452
00:50:08,327 --> 00:50:11,900

453
00:50:11,900 --> 00:50:12,247

454
00:50:12,247 --> 00:50:16,247
โอเคไหมคะ ได้องค์ประกอบ

455
00:50:18,986 --> 00:50:20,758
ตัวนี้แล้วนะ เสร็จแล้วทีนี้

456
00:50:20,758 --> 00:50:24,758
สิ่งที่เราจะต้องทำเพิ่ม

457
00:50:25,650 --> 00:50:26,005

458
00:50:26,005 --> 00:50:29,407

459
00:50:29,407 --> 00:50:33,407

460
00:50:34,040 --> 00:50:37,437

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

462
00:50:45,448 --> 00:50:49,073
ที่เข้าใช่นะ

463
00:50:49,073 --> 00:50:53,073
มันจะชื่อว่าไปเปิด Google เด็ก ๆ เปิด Google แล้วพิมพ์

464
00:50:56,358 --> 00:51:00,356
"Firebase" นะคะ มันจะเป็นของ

465
00:51:00,356 --> 00:51:03,511

466
00:51:03,511 --> 00:51:06,836
Google F-i-n-พB-

467
00:51:06,836 --> 00:51:10,836
a-s-e

468
00:51:16,367 --> 00:51:16,629
Fire Base อยู่ไหน

469
00:51:16,629 --> 00:51:20,629
นี่ ๆ Firebase

470
00:51:21,308 --> 00:51:25,308
.google.com

471
00:51:28,372 --> 00:51:31,773
ให้เราหา Firebase

472
00:51:31,773 --> 00:51:35,773
เจอไหม พิมพ์ F-i-r-e-b-a-s-e

473
00:51:36,373 --> 00:51:40,373
ให้

474
00:51:40,599 --> 00:51:44,599
ไปที่เว็บ Firebase.google.com นะคะ

475
00:51:47,182 --> 00:51:51,182
ใครยังหาไม่เจอดูนะคะ

476
00:51:52,567 --> 00:51:56,197
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

477
00:51:56,197 --> 00:52:00,197
อันดับแรก ก็คือเราจะต้อง

478
00:52:04,386 --> 00:52:08,386
เราจะต้องกด Get Start เพราะเรายังไม่เคยใช้งานมันเลยนะคะ

479
00:52:09,296 --> 00:52:13,296
ตอนนี้เปิดมาที่ firebese หรือยัง

480
00:52:16,387 --> 00:52:20,387

481
00:52:24,388 --> 00:52:28,388

482
00:52:28,392 --> 00:52:32,392

483
00:52:32,392 --> 00:52:36,392

484
00:52:40,396 --> 00:52:44,396

485
00:52:44,398 --> 00:52:48,398

486
00:52:52,405 --> 00:52:56,405

487
00:52:56,408 --> 00:52:59,179

488
00:52:59,179 --> 00:53:03,179
เพราะ

489
00:53:04,524 --> 00:53:08,524
เราเพิ่งใช้งานครั้งแรก เราก็กด Get Start นะเด็ก ๆ

490
00:53:09,415 --> 00:53:13,415

491
00:53:16,418 --> 00:53:16,992
เขาจะ Login

492
00:53:16,992 --> 00:53:20,992
ให้เราด้วยบัญชี Google เพราะเราล็อกอินเข้าบัญชี Google ไปแล้วนะ ด้วยบัญชี

493
00:53:23,871 --> 00:53:27,871
ตั้งแต่ตอนที่เราใช้ตัวนัั

494
00:53:28,424 --> 00:53:29,996
้นให้ไปเลือกอะไร เลือก Create

495
00:53:29,996 --> 00:53:33,996
a New projects ค่ะ

496
00:53:34,676 --> 00:53:38,676
เห็นไหมคะ สร้าง Proje

497
00:53:40,425 --> 00:53:40,877

498
00:53:40,877 --> 00:53:41,364
ct ตรงช่องนี้นะเด็ก ๆ นะ

499
00:53:41,364 --> 00:53:45,364
Enter your pro

500
00:53:52,428 --> 00:53:55,068
ject เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

501
00:53:55,068 --> 00:53:56,987
Firebase

502
00:53:56,987 --> 00:54:00,987
อะไรนะ login นะ

503
00:54:02,565 --> 00:54:04,938
ทำไมมันไม่ให้พิมพ์

504
00:54:04,938 --> 00:54:08,938
L-o-g-i-n นะคะ

505
00:54:11,067 --> 00:54:15,067

506
00:54:16,441 --> 00:54:20,441

507
00:54:20,444 --> 00:54:21,755

508
00:54:21,755 --> 00:54:25,755
เราต้องยอมรับก่อนนะติ๊กยอม

509
00:54:28,446 --> 00:54:32,446
รับก่อน ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

510
00:54:32,456 --> 00:54:36,083
แล้วก็กด Continue

511
00:54:36,083 --> 00:54:40,083

512
00:54:41,158 --> 00:54:45,158
มันก็จะขึ้นมา บอกว่านี่คือ Google Analytics

513
00:54:47,327 --> 00:54:51,327
นะคะ for your

514
00:54:56,454 --> 00:55:00,454
filebase project เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

515
00:55:02,590 --> 00:55:06,590
แล้วเราก็ถาม

516
00:55:07,892 --> 00:55:11,892
ว่าเราอยู่ไหน เราก็ต้องเลือกนะ หา Thailand ลูก

517
00:55:12,175 --> 00:55:13,489
T-h

518
00:55:13,489 --> 00:55:17,489
แล้วก็ต้องติ๊กยอมรับนะคะ

519
00:55:21,356 --> 00:55:25,356
I Accept

520
00:55:28,131 --> 00:55:32,131
เลือก

521
00:55:34,268 --> 00:55:38,268
แล้วก็ติ๊ก Accept นะ แล้วก็โอเค

522
00:55:39,589 --> 00:55:41,292
ได้เลย มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

523
00:55:41,292 --> 00:55:45,292
มันกำลังจะสร้างให้เราน่ะ เขากำลังจะหา...

524
00:55:49,606 --> 00:55:53,606
มันเป็นเหมือน Database แต่ออนไลน์อย่างนี้นะคะ เราก็ต้องรอจนกว่า

525
00:55:55,133 --> 00:55:59,133
ไอ้เจ้านี่มันหมุนจนครบ

526
00:56:08,486 --> 00:56:12,486

527
00:56:16,488 --> 00:56:20,488

528
00:56:20,491 --> 00:56:24,491

529
00:56:24,495 --> 00:56:28,495

530
00:56:32,497 --> 00:56:36,497

531
00:56:36,498 --> 00:56:40,498

532
00:56:40,500 --> 00:56:44,500

533
00:56:48,502 --> 00:56:52,502

534
00:56:52,504 --> 00:56:56,504

535
00:56:56,507 --> 00:57:00,507

536
00:57:04,514 --> 00:57:08,514

537
00:57:08,516 --> 00:57:12,516

538
00:57:12,520 --> 00:57:16,520

539
00:57:20,526 --> 00:57:24,523

540
00:57:24,523 --> 00:57:28,523

541
00:57:28,528 --> 00:57:32,527

542
00:57:32,527 --> 00:57:36,527

543
00:57:36,529 --> 00:57:40,529

544
00:57:40,530 --> 00:57:44,530

545
00:57:44,532 --> 00:57:48,532

546
00:57:56,540 --> 00:58:00,540

547
00:58:00,544 --> 00:58:04,544

548
00:58:04,550 --> 00:58:08,550

549
00:58:08,550 --> 00:58:12,550

550
00:58:12,563 --> 00:58:16,560

551
00:58:16,560 --> 00:58:20,560
ทุกคนอยู่หน้า

552
00:58:24,204 --> 00:58:27,111
Your new project ready แล้ว

553
00:58:27,111 --> 00:58:31,111
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นแบบนี้

554
00:58:31,318 --> 00:58:35,318

555
00:58:40,580 --> 00:58:44,577

556
00:58:44,577 --> 00:58:48,577

557
00:58:48,580 --> 00:58:52,580

558
00:58:56,586 --> 00:59:00,586

559
00:59:00,586 --> 00:59:04,586

560
00:59:04,589 --> 00:59:08,589

561
00:59:12,595 --> 00:59:16,595

562
00:59:16,598 --> 00:59:20,598

563
00:59:20,600 --> 00:59:24,217

564
00:59:24,217 --> 00:59:28,217

565
00:59:28,417 --> 00:59:28,649
ต่อไปนะคะ

566
00:59:28,649 --> 00:59:32,649
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือ

567
00:59:35,330 --> 00:59:39,330
ด้านซ้ายมือนะ เด็ก ๆ คลิกที่คำว่า "Build"

568
00:59:40,002 --> 00:59:44,002
เห็นไหมคะ

569
00:59:44,881 --> 00:59:48,881
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

570
00:59:54,251 --> 00:59:55,619
มีมอนิเตอรมี

571
00:59:55,619 --> 00:59:59,577
Analytics มี endgrade เราไปคลิกที่

572
00:59:59,577 --> 01:00:02,846
ไอ้รูป...

573
01:00:02,846 --> 01:00:06,632

574
01:00:06,632 --> 01:00:10,632

575
01:00:20,625 --> 01:00:23,610
รูป ไอ้เหมือนลูกศรสามเหลี่ยมนี่นะคะ

576
01:00:23,610 --> 01:00:27,610
แล้วคลิกที่ All

577
01:00:29,377 --> 01:00:33,377
Authenication คลิก 1 ครั้ง มันจะเข้ามาที่

578
01:00:33,791 --> 01:00:37,791
หน้า Authentication ใช่ไหมคะ

579
01:00:38,768 --> 01:00:42,768
เราก็คลิก get start

580
01:00:43,650 --> 01:00:47,650

581
01:00:52,645 --> 01:00:56,645

582
01:00:56,645 --> 01:00:59,103
ทีนี้

583
01:00:59,103 --> 01:01:03,103
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

584
01:01:03,464 --> 01:01:03,961
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

585
01:01:03,961 --> 01:01:07,961
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

586
01:01:13,387 --> 01:01:17,387
เราใช้ Username ก็คื

587
01:01:20,659 --> 01:01:24,659
อการระบุตัวตนน่ะ ที่เปิด Enable Enable แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

588
01:01:27,905 --> 01:01:31,905
ใช้...

589
01:01:34,538 --> 01:01:38,538
สมมติมีตัวอื่นเพิ่มนะ ใช้เบอร์โทรศัพ

590
01:01:41,579 --> 01:01:43,147
ท์อย่างนี้  นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

591
01:01:43,147 --> 01:01:47,147
แล้วใช้เบอร์โทรศัพท์

592
01:01:48,055 --> 01:01:49,555
เป็นตัวให้เข้าก็ไปคลิกที่

593
01:01:49,555 --> 01:01:53,555
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

594
01:01:54,292 --> 01:01:58,292
ให้นึกถึงหลักว่าเราใช้การ

595
01:01:58,638 --> 01:02:02,638
Login ด้วยตัวไหน

596
01:02:05,970 --> 01:02:09,970
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

597
01:02:10,705 --> 01:02:12,723
หรือ Password เห็นไหมคะ เรามี Password ด้วยใช่ไหม เราก็เลือกตัวนี้ และเราก็คลิก

598
01:02:12,723 --> 01:02:16,389
Enable

599
01:02:16,389 --> 01:02:18,848
เพราะเรามี 2 ตัวนะ

600
01:02:18,848 --> 01:02:22,848
เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

601
01:02:26,754 --> 01:02:30,754
ก็คือบอกให้ระบบมันรู้ว่า

602
01:02:38,557 --> 01:02:41,279
Authen ที่

603
01:02:41,279 --> 01:02:45,279
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

604
01:02:47,398 --> 01:02:47,792
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

605
01:02:47,792 --> 01:02:51,792
ตัวนี้คืออะไร นะ Username ใช้ไห

606
01:02:56,692 --> 01:03:00,245
มตรง Anominus เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

607
01:03:00,245 --> 01:03:00,558
เหมือนกัน แล้วไปไหนต่อ

608
01:03:00,558 --> 01:03:02,552

609
01:03:02,552 --> 01:03:06,552

610
01:03:16,698 --> 01:03:20,698

611
01:03:20,701 --> 01:03:24,701

612
01:03:24,703 --> 01:03:28,703

613
01:03:28,707 --> 01:03:32,707

614
01:03:32,707 --> 01:03:36,707

615
01:03:36,708 --> 01:03:40,708

616
01:03:40,712 --> 01:03:44,712

617
01:03:44,713 --> 01:03:48,713

618
01:03:48,715 --> 01:03:52,715

619
01:03:52,717 --> 01:03:56,717

620
01:03:56,719 --> 01:04:00,719

621
01:04:00,722 --> 01:04:04,722

622
01:04:04,722 --> 01:04:08,722

623
01:04:08,726 --> 01:04:12,726

624
01:04:12,726 --> 01:04:16,726

625
01:04:16,729 --> 01:04:20,729

626
01:04:20,729 --> 01:04:24,729

627
01:04:24,732 --> 01:04:28,732

628
01:04:28,733 --> 01:04:32,733

629
01:04:32,739 --> 01:04:36,739

630
01:04:36,742 --> 01:04:40,742

631
01:04:40,744 --> 01:04:44,744

632
01:04:44,746 --> 01:04:48,746

633
01:04:48,746 --> 01:04:52,746

634
01:04:52,746 --> 01:04:56,746

635
01:04:56,750 --> 01:04:57,645

636
01:04:57,645 --> 01:04:58,477

637
01:04:58,477 --> 01:05:02,254

638
01:05:02,254 --> 01:05:03,023
อันนี้พอเราย้อนกลับมานะคะ

639
01:05:03,023 --> 01:05:05,896
มาดู

640
01:05:05,896 --> 01:05:09,896
ตรง Build

641
01:05:11,938 --> 01:05:15,938

642
01:05:19,957 --> 01:05:23,957

643
01:05:28,761 --> 01:05:29,984
มันจะขึ้นว่าสถานะตรงนี้ Enable ใช้งานได้แล้ว

644
01:05:29,984 --> 01:05:32,755
เสร็จแล้ว

645
01:05:32,755 --> 01:05:34,501
Project overview

646
01:05:34,501 --> 01:05:38,501
แล้วเลือก Project Setting

647
01:05:41,783 --> 01:05:42,779
No No No

648
01:05:42,779 --> 01:05:46,779
มันจะเข้ามาที่หน้าที่ Project seting นะ

649
01:05:52,512 --> 01:05:56,512
ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

650
01:05:58,344 --> 01:06:00,329
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

651
01:06:00,329 --> 01:06:00,356
มันเพราะตอนนี้ มันบอกว่าเรา

652
01:06:00,356 --> 01:06:04,356
เรา ยังไม่มีแอปในโปรเจกต์นี้

653
01:06:09,111 --> 01:06:13,111
เราก็ต้องไปที่แอปของเรา คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

654
01:06:14,204 --> 01:06:18,204
เห็นไหมคะ

655
01:06:19,297 --> 01:06:23,297
มันมี ids แล้วมีรูปเหมือน Printer

656
01:06:26,750 --> 01:06:28,958
เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

657
01:06:28,958 --> 01:06:32,958
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

658
01:06:40,784 --> 01:06:44,784

659
01:06:44,787 --> 01:06:48,787
ตรงตำแหน่งนี้ My Web app นี่

660
01:06:51,493 --> 01:06:55,493
คืออะไร เราต้องไปหน้าที่เราทำ

661
01:07:00,371 --> 01:07:00,684
ของเราก็คือ E-Book ไหมคะ

662
01:07:00,684 --> 01:07:04,684
มันจะใช้ว่าอะไร อันไหนไม่ใช้

663
01:07:11,504 --> 01:07:15,504
จะปิดแล้วนะ

664
01:07:20,803 --> 01:07:24,803
ลองพิมพ์ชื่อ ชื่อ App เราลงไปนะคะ Ebook

665
01:07:28,382 --> 01:07:29,773
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะะค เข้าใจนะ พิมพ์ลงไปนะคะ

666
01:07:29,773 --> 01:07:31,515
E...

667
01:07:31,515 --> 01:07:33,906

668
01:07:33,906 --> 01:07:37,906

669
01:07:48,815 --> 01:07:52,510
เดี๋ยวเพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

670
01:07:52,510 --> 01:07:56,510
Ebook เดี๋ยวว่าไม่รู้จักชื่อนี้นะคะ

671
01:07:57,192 --> 01:07:58,631
ให้ดูชื่อที่ตัวเองพิมพ์นะ

672
01:07:58,631 --> 01:08:02,581
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

673
01:08:02,581 --> 01:08:06,457
แล้วก็พิมพ์ลงไป

674
01:08:06,457 --> 01:08:10,457

675
01:08:20,836 --> 01:08:24,836

676
01:08:24,838 --> 01:08:28,838

677
01:08:28,840 --> 01:08:32,840

678
01:08:32,841 --> 01:08:36,841

679
01:08:36,845 --> 01:08:40,845

680
01:08:40,847 --> 01:08:41,578

681
01:08:41,578 --> 01:08:45,578

682
01:08:48,852 --> 01:08:52,852

683
01:08:52,854 --> 01:08:56,854

684
01:08:56,857 --> 01:09:00,857

685
01:09:00,858 --> 01:09:04,858

686
01:09:04,859 --> 01:09:08,859

687
01:09:08,861 --> 01:09:12,861

688
01:09:12,863 --> 01:09:16,863

689
01:09:16,865 --> 01:09:20,865

690
01:09:20,868 --> 01:09:24,868

691
01:09:24,870 --> 01:09:28,870

692
01:09:28,871 --> 01:09:32,871

693
01:09:32,874 --> 01:09:36,874

694
01:09:36,876 --> 01:09:40,876

695
01:09:40,878 --> 01:09:44,878

696
01:09:44,882 --> 01:09:46,221

697
01:09:46,221 --> 01:09:50,221

698
01:09:52,884 --> 01:09:56,884
เช็กนะคะ ว่าชื่อแอปของเรานะคะเด็ก ๆ ดูนะคะ ดูตรงหัวนี่

699
01:09:58,477 --> 01:10:02,477
ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์ Ebook ตามแม่นะ

700
01:10:08,247 --> 01:10:09,178
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ เสร็จแล้วกด Register App

701
01:10:09,178 --> 01:10:10,072
ได้เลย

702
01:10:10,072 --> 01:10:14,072

703
01:10:24,906 --> 01:10:28,906
ไม่ใช่สิชื่อที่จะใส่น่ะ เป็นชื่อแอปที่เราสร้างนี่ ๆ อยู่ข้างบนนี่

704
01:10:31,002 --> 01:10:35,002
มันจะมี Code มาเห็นไหมคะ

705
01:10:35,062 --> 01:10:35,827
เขาบอกว่าเราต้องเอาโค้ดนี้

706
01:10:35,827 --> 01:10:39,827
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อป(ปี้)ไปวางในแอปเร

707
01:10:48,919 --> 01:10:51,265
จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

708
01:10:51,265 --> 01:10:55,265
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือที่ชื่อว่า

709
01:11:02,099 --> 01:11:06,099
ไม่แน่ใจจะเห็นไหมนี่

710
01:11:12,926 --> 01:11:16,926
มันใช้ว่าอะไรหว่า Version นี้

711
01:11:20,926 --> 01:11:24,926
Components

712
01:11:36,857 --> 01:11:33,750

713
01:11:21,464 --> 01:11:25,464

714
01:11:32,931 --> 01:11:36,931

715
01:11:36,931 --> 01:11:40,931

716
01:11:40,937 --> 01:11:42,387
Sign in ไม่เจอ มันจะไปต่อไม่ได้

717
01:11:42,387 --> 01:11:46,387
มันต้องใช้อะไรนี่ Data viewer list ไม่ได้

718
01:11:56,089 --> 01:12:00,089
Data view

719
01:12:00,214 --> 01:12:04,214

720
01:12:08,956 --> 01:12:12,956
data assen

721
01:12:16,685 --> 01:12:18,064
setting หาก่อนนะ

722
01:12:18,064 --> 01:12:22,064
component

723
01:12:27,342 --> 01:12:31,342

724
01:12:36,968 --> 01:12:40,968

725
01:12:40,968 --> 01:12:44,968
s Authen si

726
01:12:48,971 --> 01:12:50,028
gn ต้องการหา Signin ไม่ใช่

727
01:12:50,028 --> 01:12:54,028

728
01:13:04,979 --> 01:13:08,979

729
01:13:08,979 --> 01:13:12,979

730
01:13:12,980 --> 01:13:16,980

731
01:13:20,987 --> 01:13:24,987
My data source หรือ ก็ไม่ใช่ เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

732
01:13:28,448 --> 01:13:32,448

733
01:13:40,998 --> 01:13:44,998

734
01:13:45,000 --> 01:13:49,000

735
01:13:53,006 --> 01:13:57,006

736
01:13:57,009 --> 01:13:57,959

737
01:13:57,959 --> 01:14:01,959
ขอ Sea

738
01:14:09,016 --> 01:14:11,049
rch ก่อนนะคะ Thunkable X คืออะไร พิมพ์ผิดพิมพ์ถูกกันแล้ว

739
01:14:11,049 --> 01:14:15,049

740
01:14:25,026 --> 01:14:29,026

741
01:14:29,027 --> 01:14:33,027

742
01:14:33,028 --> 01:14:37,028
เราเลือกเวอร์ชันผิดใช่ไหมนี่

743
01:14:41,034 --> 01:14:45,034

744
01:14:49,037 --> 01:14:53,037
Update อย่างไร

745
01:14:53,767 --> 01:14:57,767
อาจจะต้อง Update Thunkable เราหน่อย

746
01:14:59,899 --> 01:15:01,411
มันจะใช้ เขาเรียกว่าอย่างไรล่ะ ใช้

747
01:15:01,411 --> 01:15:05,344
ใช้

748
01:15:05,344 --> 01:15:07,551
ฟังก์ชันนั้นไม่ได้น่ะ

749
01:15:07,551 --> 01:15:11,551

750
01:15:21,054 --> 01:15:25,054
มันไม่เหมือนกันหรือเดี๋ยว

751
01:15:28,228 --> 01:15:32,228
แป๊บหนึ่งนะเด็ก ๆ มันต่างกันหรือ อยากรู้ ๆ

752
01:15:33,510 --> 01:15:37,510
มันก็ขึ้น Thunkable เหมือนกันนี่

753
01:15:43,620 --> 01:15:43,880

754
01:15:43,880 --> 01:15:44,214
เพราะมัน

755
01:15:44,214 --> 01:15:46,729
Components มันมีไม่ครบ

756
01:15:46,729 --> 01:15:49,929

757
01:15:49,929 --> 01:15:53,929
Thunkable Solution

758
01:15:59,289 --> 01:16:00,368
เดี๋ยวนะ

759
01:16:00,368 --> 01:16:04,368
Integration...

760
01:16:12,151 --> 01:16:16,151
เราจะต้อง

761
01:16:25,080 --> 01:16:25,406
Using Taskable

762
01:16:25,406 --> 01:16:26,696
ก็ไม่ใช่ มันเป็น Test

763
01:16:26,696 --> 01:16:30,696

764
01:16:41,090 --> 01:16:45,090

765
01:16:49,097 --> 01:16:53,093

766
01:16:53,093 --> 01:16:57,093

767
01:16:57,096 --> 01:17:01,096

768
01:17:05,106 --> 01:17:09,106

769
01:17:13,113 --> 01:17:17,113

770
01:17:21,124 --> 01:17:25,124

771
01:17:25,126 --> 01:17:29,126

772
01:17:29,133 --> 01:17:33,133

773
01:17:33,133 --> 01:17:37,133

774
01:17:37,139 --> 01:17:41,139

775
01:17:41,139 --> 01:17:45,139

776
01:17:45,139 --> 01:17:49,139

777
01:17:53,148 --> 01:17:57,147

778
01:17:57,147 --> 01:18:01,147

779
01:18:01,158 --> 01:18:01,403

780
01:18:01,403 --> 01:18:02,214
เพราะเขาบอกว่า

781
01:18:02,214 --> 01:18:06,214
เราจะก๊อปฯ ไอ้ตัวนี้แล้ว

782
01:18:14,327 --> 01:18:18,327
เอาไปวาง แต่ทีนี้ Tools หนึ่งที่เรา

783
01:18:19,145 --> 01:18:23,145
ไม่มีใน App เราน่ะใน Thunkable Tools ที่ Signin

784
01:18:28,991 --> 01:18:32,477
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น มันก็จะวางไม่ได้

785
01:18:32,477 --> 01:18:36,477
ใช้ตัวไหนนะ เดี๋ยวขอ Test

786
01:18:37,143 --> 01:18:38,398
ดูนะคะ

787
01:18:38,398 --> 01:18:42,398
คือตอนนี้ เรากรอก

788
01:18:46,484 --> 01:18:50,484
ข้อมูลได้อะไรได้ แต่มันจะไม่เก็บ

789
01:18:52,428 --> 01:18:56,313
เขาเรียกว่าอะไรล่ะ ในฐานข้อมูลนะ

790
01:18:56,313 --> 01:19:00,313
ก็จะให้ไปเก็บ...

791
01:19:03,804 --> 01:19:07,804

792
01:19:13,184 --> 01:19:17,184
Back Tool Editing เดี๋ยวเรามาลองที่ Box ของเรา

793
01:19:19,736 --> 01:19:23,367
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

794
01:19:23,367 --> 01:19:27,367
input 1 usernam

795
01:19:29,192 --> 01:19:33,192
e ไปที่ Text input1 เมื่อ Text input username

796
01:19:34,869 --> 01:19:37,716
คลิก ไม่ใช่ มันจะต้องเป็น

797
01:19:37,716 --> 01:19:41,716
นะ set text

798
01:19:44,793 --> 01:19:45,912
input text to Username Text

799
01:19:45,912 --> 01:19:47,676
Keyboard Type

800
01:19:47,676 --> 01:19:51,676

801
01:20:01,201 --> 01:20:05,201

802
01:20:05,202 --> 01:20:09,202

803
01:20:09,204 --> 01:20:13,204
ฺ Border มันจะต้องเป็นพิมพ์ เพราะฉะนั้น

804
01:20:13,558 --> 01:20:16,401
Cheang

805
01:20:16,401 --> 01:20:19,599
คลิก เมื่อมีการคลิก เมื่อ

806
01:20:19,599 --> 01:20:23,599
คลิกที่ Text Input Username ปุ๊บ

807
01:20:23,847 --> 01:20:26,197
เลือกอันนี้ออกไปก่อนเลือกออกมาวาง

808
01:20:26,197 --> 01:20:30,197
เมื่อคลิกเข้าไปที่ Text Input

809
01:20:31,317 --> 01:20:35,317
Username ใช่ไหมคะ ให้ทำอะไร มันต้อง

810
01:20:39,912 --> 01:20:43,912
เริ่มทำ...

811
01:20:51,126 --> 01:20:55,126
ให้กำหนดค่า Text Input Username เป็น Text

812
01:20:59,046 --> 01:21:03,046
to ข้อความ

813
01:21:03,122 --> 01:21:07,122
ดูสิแล้วเราต้องไป Test ว่ามัน

814
01:21:08,599 --> 01:21:12,599
พิมพ์เข้าไปได้ไหม ขึ้นไหมโอเคถูก

815
01:21:17,752 --> 01:21:21,752
เห็นไหมคะ มันต้องให้พิมพ์ข้อความ แล้วแสดงข้อความนั้นได้

816
01:21:23,671 --> 01:21:27,671
โอเคนะคะ เพราะตรงนี้ Userna

817
01:21:37,252 --> 01:21:41,252
me เหมือนกัน Text Input อันที่ 2 กลับไปที่ Back to Editting

818
01:21:41,733 --> 01:21:45,179
ตอนนี้เด็ก ๆ ได้

819
01:21:45,179 --> 01:21:48,218
อยู่ที่ Screen 1

820
01:21:48,218 --> 01:21:51,949
ตอนนี้ที่เราจะกำหนดค่า ก็คือ

821
01:21:51,949 --> 01:21:55,949
Text Input อันที่ 1 ใช่ไหม

822
01:21:57,549 --> 01:22:00,272
เรากลับไปที่ Box แล้ว

823
01:22:00,272 --> 01:22:04,272
ตัวแรกที่เราเริ่ม ก็คือ

824
01:22:04,829 --> 01:22:08,829
เมื่อกี้แม่ว่าแม่ลอง ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

825
01:22:11,679 --> 01:22:14,173
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

826
01:22:14,173 --> 01:22:18,173
แต่ตอนแรกที่ Test

827
01:22:23,674 --> 01:22:25,524
พอพิมพ์ปุ๊บ เมื่อกี้มันน่าจะ Save ไว้แล้ว

828
01:22:25,524 --> 01:22:29,524
พอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะ ให้นึงถึงเหมือนมาพิมพ์ตรงช่องนี้

829
01:22:34,121 --> 01:22:34,276
นี่ โอเคนะคะ

830
01:22:34,276 --> 01:22:38,276
โอเค

831
01:22:43,028 --> 01:22:45,677
เพราะฉะนั้น สิ่งที่เราจะต้องทำ ก็คือเราจะกำหนดค่าให้

832
01:22:45,677 --> 01:22:49,677
Text input ตัวที่ 1 ของเรา

833
01:22:52,987 --> 01:22:54,790
นะคะ

834
01:22:54,790 --> 01:22:58,790
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

835
01:23:05,217 --> 01:23:06,026
ลบทิ้ง

836
01:23:06,026 --> 01:23:08,737
Edit Undo มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

837
01:23:08,737 --> 01:23:12,737
ไม่เป็นอะไร ให้

838
01:23:13,228 --> 01:23:17,228
เราเลือก Components ที่ชื่อว่า Text Input นะ

839
01:23:20,572 --> 01:23:23,434
สิ่งแรกก็คือเมื่อ Text Input

840
01:23:23,434 --> 01:23:27,434
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

841
01:23:29,957 --> 01:23:33,957
เราเลือกตัวนี้ออกมา สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือ

842
01:23:37,780 --> 01:23:41,780

843
01:23:43,704 --> 01:23:44,259
มันจะให้ Set ค่าของ Text Input น่ะ จะซ่อนเป็นพิมพ์น่ะ

844
01:23:44,259 --> 01:23:46,378

845
01:23:46,378 --> 01:23:50,378
นะคะดูนะคะ

846
01:24:00,647 --> 01:24:02,289
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

847
01:24:02,289 --> 01:24:06,289
Text Input

848
01:24:15,040 --> 01:24:17,341
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

849
01:24:17,341 --> 01:24:21,341
อะไรต่อ เสร็จแล้วทำอย่างไรต่อ มันมีอีกตัวหนึ่งใช่ไหม

850
01:24:22,981 --> 01:24:25,882
คือตัวที่ 2 ของเรา

851
01:24:25,882 --> 01:24:29,882
Password ก็เหมือนกัน

852
01:24:31,630 --> 01:24:35,630
เมื่อคลิกที่ Password มี 2 อันใช่ไหมคะ

853
01:24:36,477 --> 01:24:39,582
When เมื่อเราคลิกเข้าไปที่ Text Input

854
01:24:39,582 --> 01:24:43,582
Password When..

855
01:24:45,758 --> 01:24:48,186
. คลิกโดนคลิกนี่ทำอะไร เหมือนกัน ก็คือให้...

856
01:24:48,186 --> 01:24:52,186
Set Text นี้เป็น

857
01:24:57,227 --> 01:24:59,642

858
01:24:59,642 --> 01:24:59,947
ซ่อนเสร็จแล้วก็

859
01:24:59,947 --> 01:25:03,947
มาแสดง แล้วก็ให้พิมพ์นะ

860
01:25:04,892 --> 01:25:08,892
อันนี้ก็ทำเหมือนกัน ก็คือ...

861
01:25:09,239 --> 01:25:10,361

862
01:25:10,361 --> 01:25:14,361

863
01:25:25,354 --> 01:25:29,354

864
01:25:29,362 --> 01:25:33,362
รู้แล้วความจริงเราต้องเลือกอันนี้

865
01:25:35,042 --> 01:25:35,561
Set Text

866
01:25:35,561 --> 01:25:38,014
Password นะคะ กำหนดให้

867
01:25:38,014 --> 01:25:41,656
Text Input Password นี่

868
01:25:41,656 --> 01:25:45,656
รับค่าจากการพิมพ์

869
01:25:46,192 --> 01:25:49,908
เสร็จแล้วตรงนี้

870
01:25:49,908 --> 01:25:53,908
เป็น Defult Default กำหนดเป็นค่าเริ่ม

871
01:26:01,175 --> 01:26:05,175
เห็นไหม Set

872
01:26:09,373 --> 01:26:11,773
Default เราไม่ได้ Set default

873
01:26:11,773 --> 01:26:13,754
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

874
01:26:13,754 --> 01:26:17,754
เมื่อพิมพ์ เมื่อคลิกเข้าไป

875
01:26:19,103 --> 01:26:19,619
เกิดผลก็คือให้มันแสดง

876
01:26:19,619 --> 01:26:22,459

877
01:26:22,459 --> 01:26:26,459

878
01:26:27,823 --> 01:26:31,823

879
01:26:41,384 --> 01:26:45,384

880
01:26:45,388 --> 01:26:49,388

881
01:26:49,393 --> 01:26:53,056

882
01:26:53,056 --> 01:26:56,061

883
01:26:56,061 --> 01:27:00,061
Text to แล้วก็ข้อความ

884
01:27:01,634 --> 01:27:01,899
ในนี้นะ

885
01:27:01,899 --> 01:27:05,899
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

886
01:27:11,116 --> 01:27:14,213
Text In Password ก็เป็น S

887
01:27:14,213 --> 01:27:16,086

888
01:27:16,086 --> 01:27:20,086
มันต้องซ่อนสิ Password

889
01:27:27,942 --> 01:27:31,942
ต้องซ่อนนะ เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

890
01:27:32,148 --> 01:27:34,073
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

891
01:27:34,073 --> 01:27:38,073
เพราะตอนพิมพ์ Password ต้องไม่แสดง

892
01:27:45,426 --> 01:27:48,194
User น่ะไม่แสดง

893
01:27:48,194 --> 01:27:49,168

894
01:27:49,168 --> 01:27:53,168
User แสดงอย่างนี้ได้นะเหมือนแสดงชื่อ แต่ Passwor

895
01:28:01,433 --> 01:28:02,995
d มันไม่ควรแสดงชื่อไหม มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

896
01:28:02,995 --> 01:28:06,430

897
01:28:06,430 --> 01:28:10,430

898
01:28:15,767 --> 01:28:19,767
นี่ตอนนี้มันยังไม่ซ่อน เดี๋ยวเราต้องให้มันซ่อน กลับไปแก้ซ่อนอะไรคะ

899
01:28:24,508 --> 01:28:28,508
To Default บ่ Password น่าจะเป็น To Default

900
01:28:29,226 --> 01:28:33,226
น่าจะเป็น T

901
01:28:33,450 --> 01:28:34,719
o หรือ Tool อะไร มีหลายตัว เลือกเป็น...

902
01:28:34,719 --> 01:28:38,719
เมื่อคลิก Password

903
01:28:45,679 --> 01:28:48,170
เมื่อคลิก Password แล้ว

904
01:28:48,170 --> 01:28:52,170
พิมพ์ Password ลงไปปุ๊บ

905
01:28:53,327 --> 01:28:54,500

906
01:28:54,500 --> 01:28:58,500

907
01:28:58,913 --> 01:29:02,913

908
01:29:13,458 --> 01:29:13,910

909
01:29:13,910 --> 01:29:17,910
เมื่อพิมพ์ Password ลงนะคะ Set Text

910
01:29:20,475 --> 01:29:21,160
เป็นซ่อน

911
01:29:21,160 --> 01:29:25,160
แล้วก็ To... ไม่ให้เอาออก

912
01:29:26,032 --> 01:29:26,444

913
01:29:26,444 --> 01:29:30,444

914
01:29:41,474 --> 01:29:42,623
จัด Text แล้วก็ทำให้ Text Input เป็นซ่อน

915
01:29:42,623 --> 01:29:46,623
ลองดูสิ ถูกไหม แก้เงื่อนไขมันก่อน

916
01:29:47,120 --> 01:29:50,453
จาก Text

917
01:29:50,453 --> 01:29:53,298
ใช่ไหม จาก Text ให้มันซ่อน ได้ไหม

918
01:29:53,298 --> 01:29:55,174
ขอลองอันล่างเลย

919
01:29:55,174 --> 01:29:59,174
ไม่ซ่อนน่ะ

920
01:30:01,902 --> 01:30:02,753
นี่หรือเราใส่สลับ

921
01:30:02,753 --> 01:30:06,753
เอาใหม่ Edit ใหม่

922
01:30:08,497 --> 01:30:12,497
ต้องไล่ให้ถูกนะนี่

923
01:30:13,744 --> 01:30:17,744
เมื่อพิมพ์เข้าไปแล้ว ตามหลักนะ เมื่อพิมพ์ปุ๊

924
01:30:25,496 --> 01:30:29,496
บ ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

925
01:30:32,384 --> 01:30:36,384
ที่พิมพ์จากคีย์บอร์ด

926
01:30:44,195 --> 01:30:47,614
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนนะ เราอยากให้มันซ่อน

927
01:30:47,614 --> 01:30:49,897
มันจะซ่อนให้ไหมน่ะ Text In...

928
01:30:49,897 --> 01:30:52,201

929
01:30:52,201 --> 01:30:56,201
เมื่อกำหนดค่า Text Input

930
01:31:04,059 --> 01:31:07,211
เมื่อเราคลิกเข้าไปเสร็จ Set เมื่อเราพิมพ์นะ Keyboard Type

931
01:31:07,211 --> 01:31:11,211
keyboard

932
01:31:12,891 --> 01:31:16,891
ให้มันให้มัน... ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

933
01:31:21,953 --> 01:31:25,953
มันจะซ่อนให้เราไหม

934
01:31:27,436 --> 01:31:31,436
ยังติดอยู่นะคะ ยังติดอยู่ในบ่วง Password ไม่ซ่อน

935
01:31:32,578 --> 01:31:36,578
ขาดค่าอะไรไปอีกค่าหนึ่ง

936
01:31:40,401 --> 01:31:40,793
ต้องกำหนดตัวแปรหรือเปล่าล่ะนี่

937
01:31:40,793 --> 01:31:42,808
น่าจะใช่

938
01:31:42,808 --> 01:31:46,808
กำหนดตัวแปรให้เก็บค่าของ Text Password

939
01:31:54,960 --> 01:31:58,960
Text Username

940
01:31:59,514 --> 01:32:03,514
Text Password ไหน Block ที่ 1

941
01:32:04,537 --> 01:32:08,537
ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

942
01:32:09,040 --> 01:32:13,040
Variable

943
01:32:30,638 --> 01:32:33,230
Variable

944
01:32:17,540 --> 01:32:21,540

945
01:32:21,543 --> 01:32:25,543

946
01:32:25,543 --> 01:32:26,911

947
01:32:26,911 --> 01:32:30,911

948
01:32:41,550 --> 01:32:45,550

949
01:32:49,552 --> 01:32:51,752
ไปที่ Text ไปที่ Text

950
01:32:51,752 --> 01:32:53,509
ทำให้เป็นตัวใหญ่

951
01:32:53,509 --> 01:32:57,509
ทำให้ Text

952
01:33:03,896 --> 01:33:07,896

953
01:33:09,561 --> 01:33:13,561

954
01:33:13,562 --> 01:33:15,380

955
01:33:15,380 --> 01:33:15,631
ไปที่ List ไปที่ Color

956
01:33:15,631 --> 01:33:19,631
เป็นจริง

957
01:33:21,367 --> 01:33:24,695
เมื่อคลิกแล้วจริงปุ๊บ

958
01:33:24,695 --> 01:33:28,695
เป็นจริงปุ๊บ

959
01:33:30,835 --> 01:33:31,622
เห็นทีจะต้องทำต่อ

960
01:33:31,622 --> 01:33:35,622
ขาดไปไหนนะ

961
01:33:37,294 --> 01:33:41,294
Sign in ขึ้นมาแล้ว เจอแล้ว

962
01:33:47,612 --> 01:33:48,489
แต่มันมาอยู่ใน...

963
01:33:48,489 --> 01:33:52,489
เราจะเอามันไปใส่ใน

964
01:33:57,845 --> 01:34:01,845
ไหนได้

965
01:34:09,586 --> 01:34:10,754
Signin เขาบอกว่าให้มันอยู่ตรง...

966
01:34:10,754 --> 01:34:14,754

967
01:34:15,722 --> 01:34:19,156
เดี๋ยวนะ มันเป็นอะไรล่ะ

968
01:34:19,156 --> 01:34:23,156
App Feature

969
01:34:27,115 --> 01:34:31,115

970
01:34:41,605 --> 01:34:42,613
Sign in

971
01:34:42,613 --> 01:34:46,613
Hello Email

972
01:34:49,339 --> 01:34:53,339
Sign in hello

973
01:34:54,563 --> 01:34:58,563
Reset Password

974
01:35:02,082 --> 01:35:06,082
Delete User Sign Up เขาให้กำหนดเป็นแบบนี้หรอ

975
01:35:10,751 --> 01:35:11,316
เป็นแบบนี้หรือ ดู Sign Up

976
01:35:11,316 --> 01:35:15,316
Sign Up Do

977
01:35:17,636 --> 01:35:18,520
Sign In do

978
01:35:18,520 --> 01:35:22,520

979
01:35:33,621 --> 01:35:34,155
ไม่ให้ใช้น่ะ ไม่ยอมให้ใช้ Features นี้น่ะ

980
01:35:34,155 --> 01:35:38,155
ใช้ไม่เหมือนกัน

981
01:35:40,136 --> 01:35:44,136

982
01:35:44,969 --> 01:35:48,969
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

983
01:35:51,355 --> 01:35:55,355
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

984
01:36:01,636 --> 01:36:05,636

985
01:36:09,638 --> 01:36:13,638

986
01:36:17,646 --> 01:36:21,646

987
01:36:21,647 --> 01:36:25,647

988
01:36:25,654 --> 01:36:29,654

989
01:36:33,652 --> 01:36:37,652

990
01:36:37,658 --> 01:36:41,658

991
01:36:41,659 --> 01:36:42,637

992
01:36:42,637 --> 01:36:46,637

993
01:36:49,662 --> 01:36:53,662

994
01:36:53,665 --> 01:36:57,665

995
01:36:57,669 --> 01:37:00,981
ไม่เหมือนกันนะ

996
01:37:00,981 --> 01:37:04,981
ใช้ไม่เหมือน

997
01:37:05,841 --> 01:37:06,929

998
01:37:06,929 --> 01:37:10,929

999
01:37:12,104 --> 01:37:14,873

1000
01:37:14,873 --> 01:37:18,873

1001
01:37:22,967 --> 01:37:26,967
เดี๋ยวนะคะ Sign Up

1002
01:37:29,829 --> 01:37:30,786
อันนี้หรอ

1003
01:37:30,786 --> 01:37:31,014

1004
01:37:31,014 --> 01:37:35,014

1005
01:37:45,827 --> 01:37:47,956
ให้ทำอะไรให้ลงทะเบียน

1006
01:37:47,956 --> 01:37:51,956
ให้ลงทะเบียน โดยใช้ Email หรือ Passeord

1007
01:38:01,488 --> 01:38:05,488
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

1008
01:38:09,834 --> 01:38:13,834

1009
01:38:13,834 --> 01:38:17,834

1010
01:38:17,836 --> 01:38:19,734
บอกว่าให้ก๊อปฯ ทำไม

1011
01:38:19,734 --> 01:38:23,734
เราใช้ Thunkable x ไม่ได้ล่ะ

1012
01:38:24,978 --> 01:38:26,798
Thunkable X

1013
01:38:26,798 --> 01:38:30,798

1014
01:38:41,847 --> 01:38:45,847

1015
01:38:45,847 --> 01:38:49,847

1016
01:38:49,850 --> 01:38:53,850

1017
01:38:57,855 --> 01:39:00,508
เอามาจากไหนนะ Thunkable X

1018
01:39:00,508 --> 01:39:04,508

1019
01:39:13,862 --> 01:39:17,862
มันจะเพิ่ม Sign In ได้

1020
01:39:21,105 --> 01:39:23,261
นี่ไงเขาบอกแต่ของเราไม่เป็น X

1021
01:39:23,261 --> 01:39:27,261

1022
01:39:33,870 --> 01:39:37,870

1023
01:39:37,872 --> 01:39:41,872

1024
01:39:45,877 --> 01:39:49,876

1025
01:39:49,876 --> 01:39:53,876

1026
01:39:53,879 --> 01:39:56,624

1027
01:39:56,624 --> 01:40:00,624

1028
01:40:01,884 --> 01:40:05,884

1029
01:40:05,884 --> 01:40:09,884

1030
01:40:09,886 --> 01:40:13,886
อ๋อถ้า

1031
01:40:16,057 --> 01:40:17,379
Thunkable X ก็คือต้องใช้ iOS เข้าใจแล้ว

1032
01:40:17,379 --> 01:40:19,160

1033
01:40:19,160 --> 01:40:23,160

1034
01:40:33,903 --> 01:40:37,903

1035
01:40:37,904 --> 01:40:41,904

1036
01:40:41,907 --> 01:40:45,907
ทดสอบแอป มันยังไม่ Release

1037
01:40:48,024 --> 01:40:50,101
ใช้ไม่ได้ มันต้องเป็นข้อจำกัด

1038
01:40:50,101 --> 01:40:50,936
เยอะเหมือนกันนะนี่

1039
01:40:50,936 --> 01:40:54,936

1040
01:41:05,923 --> 01:41:09,234
โอเค เดี๋ยว

1041
01:41:09,234 --> 01:41:13,234
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ ของเรามัน มันไม่เป็น

1042
01:41:15,185 --> 01:41:19,185
มันไม่เป็น Thunkable X น่ะ

1043
01:41:20,612 --> 01:41:24,612
มันไม่ให้ใช้ฟีเจอร์นี้ Sign In น่ะ

1044
01:41:28,567 --> 01:41:32,567
ถ้า Thunkable X น่ะ มันจะเป็น... ก็คือเรากจะมา

1045
01:41:33,677 --> 01:41:37,677
ก๊อปฯ Firebase น่ะค่ะ

1046
01:41:41,942 --> 01:41:45,942
เลย Components นี้ มันจะเป็นเหมือนให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

1047
01:41:46,721 --> 01:41:50,721
เดิมเรานี่ให้เป็น Thunk

1048
01:41:53,944 --> 01:41:57,944
able ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไปเราจะเอามาใช้งาน เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

1049
01:42:04,595 --> 01:42:07,770
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

1050
01:42:07,770 --> 01:42:11,770
ตอนนี้คือเชื่อมด้วย Firebase

1051
01:42:13,051 --> 01:42:17,051
Thunkable เรามันเป็น Thunkable ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

1052
01:42:19,547 --> 01:42:23,547
ตอนนี้มันเป็น Thunk

1053
01:42:25,955 --> 01:42:27,953
able เนื่องจากสัปดาห์หน้าทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

1054
01:42:27,953 --> 01:42:30,399
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

1055
01:42:30,399 --> 01:42:34,399
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

1056
01:42:37,514 --> 01:42:41,514
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

1057
01:42:45,091 --> 01:42:49,091
เราแค่มาแก้อัปเวอร์ชันมัน

1058
01:42:49,374 --> 01:42:53,374
แค่อัปเวอร์ชันมัน

1059
01:42:57,967 --> 01:42:59,330
จะนำมาไปใช้ตัวนี้ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

1060
01:42:59,330 --> 01:43:03,330
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะ สัปดาห์หน้าไม่อยู่

1061
01:43:04,623 --> 01:43:08,623
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

1062
01:43:11,464 --> 01:43:11,715
สำหรับสัปดาห์นี้

1063
01:43:11,715 --> 01:43:13,760
เดี๋ยวจะขอพอแค่นี้นะคะ

1064
01:43:13,760 --> 01:43:17,760
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

1065
01:43:18,697 --> 01:43:20,499

1066
01:43:20,499 --> 01:43:24,499
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

1067
01:43:28,112 --> 01:43:29,376
อ๋อ...

1068
01:43:29,376 --> 01:43:33,376
แม่ไม่ไปปล่อย ก็เลยไม่ไป อย่างนั้น

1069
01:43:36,301 --> 01:43:40,301
นั้นเดี๋ยวปล่อยแล้วนะคะ

1070
01:43:43,399 --> 01:43:43,497

1071
01:43:43,497 --> 01:43:47,497
(นักศึกษาชาย) นักศึกษาทั้งหมดทำความเคารพ (อาจารย์สุธิรา)  Thunkable X

1072
01:43:52,220 --> 01:43:56,220
ทำไมไม่อัปให้เรา

1073
01:44:13,477 --> 01:44:13,566
[สิ้นสุดการถอดความ]

1074
01:43:53,458 --> 01:43:57,458

1075
01:44:05,992 --> 01:44:09,992

1076
01:44:09,993 --> 01:44:13,993