1
00:00:39,912 --> 00:00:43,912
(อาจารย์สุธิรา) สวัสดีค่ะ ได้ยินนะคะ

2
00:00:43,915 --> 00:00:47,915
ใครที่เข้ามาแล้ว

3
00:00:47,918 --> 00:00:51,918
เปิด Google Chrome เรา แล้วก็เข้า

4
00:00:51,921 --> 00:00:55,921
Thunkable เหมือนเดิมนะคะเด็ก ๆ

5
00:00:55,922 --> 00:00:59,922
วันนี้จะพาทำ

6
00:00:59,925 --> 00:01:03,925
หน้า Login ทำอย่างไร

7
00:01:03,928 --> 00:01:07,928
บางทีทำแอปนะ บางอันเขา

8
00:01:07,932 --> 00:01:11,932
ก็จะมีให้ล็อกอินเข้าไปใช่หรือเปล่า

9
00:01:11,933 --> 00:01:15,933
เพราะฉะนั้น เราจะทำหน้า Login นี่เราจะทำอย่างไร

10
00:01:15,937 --> 00:01:19,937
พิมพ์ Thunkable ของเรา

11
00:01:19,939 --> 00:01:23,939
Thunkable ของเรา

12
00:01:27,945 --> 00:01:31,945
Thunkable

13
00:01:39,955 --> 00:01:43,955
แล้วก็ให้ Login เข้า

14
00:01:43,955 --> 00:01:47,955
จำได้นะ Password ตัวเองอะไรนะ

15
00:01:47,958 --> 00:01:51,958
แล้วเราก็ล็อกอินเข้าที่เราสร้างไว้

16
00:01:51,960 --> 00:01:55,960
นะ ในครั้งก่อนนะคะ ใช้อะไร ใช้ Google

17
00:02:19,978 --> 00:02:23,978
เข้าผิดอันสะบ่

18
00:02:27,984 --> 00:02:31,984
ช่างเถอะ สงสัย

19
00:02:31,984 --> 00:02:35,984
จะไม่ใช่ตัวนี้

20
00:02:35,984 --> 00:02:39,984
งง ๆ

21
00:02:39,989 --> 00:02:43,989
Google นะ แต่มี 2-3 ตัว

22
00:02:43,989 --> 00:02:47,989
ไม่ออกให้ผมด้วย

23
00:02:47,992 --> 00:02:51,992
ผมจะออกก่อน

24
00:02:51,992 --> 00:02:55,992
Sign Out เข้าไม่ถูกอันน่ะ

25
00:03:03,998 --> 00:03:07,998
เข้าใหม่

26
00:03:08,002 --> 00:03:12,002
มีหลายตัวจำไม่ได้

27
00:03:20,010 --> 00:03:24,010
เข้าตัวนี้หรือ โอเค

28
00:03:24,011 --> 00:03:28,011
เข้าถูกอันแล้ว จำได้หรือเปล่า

29
00:03:28,013 --> 00:03:32,013
ตัวเดิมตัวเอง Login Thunkable ที่เรา

30
00:03:32,015 --> 00:03:36,015
สร้างไว้นะคะ ครั้งก่อน

31
00:03:36,016 --> 00:03:40,016
ทีนี้ตัวนี้โปรเจกต์

32
00:03:40,022 --> 00:03:44,021
ใหม่อยู่แล้วนะคะ ให้เราคลิกที่

33
00:03:44,021 --> 00:03:48,021
Create new app เลือก New App

34
00:03:48,029 --> 00:03:52,028
ตั้งชื่อเหมือนเดิม

35
00:03:52,028 --> 00:03:56,028
จะตั้งชื่อว่าอะไรครับ

36
00:03:56,035 --> 00:04:00,035
จะตั้งชื่อแอปนี้ว่า

37
00:04:00,036 --> 00:04:04,036
อะไร สมมติส่วนใหญ่ ถ้าแอปพวกมี Login เข้าไป

38
00:04:04,040 --> 00:04:08,040
มันก็จะเป็น

39
00:04:12,045 --> 00:04:16,044
Category

40
00:04:16,044 --> 00:04:20,044
นะคะ ให้เลือกเป็น Education แล้วกัน

41
00:09:24,246 --> 00:09:28,246
ดูนะ ในรูป

42
00:09:28,250 --> 00:09:32,250
ที่เปิดให้ดูนี่คือส่วนของ

43
00:09:32,250 --> 00:09:36,250
Login ที่เขาสร้างไว้นะเป็นตัวอย่างว่านี่ ถ้าเขาทำให้

44
00:09:36,252 --> 00:09:40,252
ให้มีลักษณะแบบนี้ มีช่องกรอก ๆ

45
00:09:40,255 --> 00:09:44,255
นี่ เราจะทำอย่างไร

46
00:09:44,258 --> 00:09:48,258
จัดวางอย่างไรนะคะ มันก็จะมีส่วนของ

47
00:09:48,262 --> 00:09:52,262
เหมือน Username ใช่ไหมลูก

48
00:09:52,262 --> 00:09:56,262
ล็อกอินใช่ไหมคะ

49
00:09:56,266 --> 00:10:00,266
นะคะ มันจะมีสัดส่วน

50
00:10:00,267 --> 00:10:04,267
ของมันอยู่นะ เราจะวางอย่างไร ให้มัน

51
00:10:04,272 --> 00:10:08,272
... นี่เห็นไหม ระดับช่องไฟระดับอะไรนี่ เรียงได้

52
00:10:08,272 --> 00:10:12,271
แล้วสวยงาม ไม่ใช่เรียงแล้วโย้ไปโย้มา

53
00:10:12,271 --> 00:10:16,271
เคลื่อนที่ไปมานะคะ วิธีการนี้คื

54
00:10:16,275 --> 00:10:20,275
อใช้เครื่องมือที่

55
00:10:20,276 --> 00:10:24,276
ชื่อว่า...

56
00:10:28,280 --> 00:10:32,280
Colum

57
00:10:32,283 --> 00:10:36,283
n หาคำว่า "Column"

58
00:10:36,287 --> 00:10:40,287
พิมพ์ค่ะ ขี้เกียจ

59
00:10:40,288 --> 00:10:44,288

60
00:10:44,292 --> 00:10:48,292
Search

61
00:10:48,293 --> 00:10:52,293
c-o-l-u-m-n   me

62
00:10:52,296 --> 00:10:56,296
l C-o-l-u-m-e

63
00:10:56,299 --> 00:11:00,299
u-m-e c-o

64
00:11:24,319 --> 00:11:28,319
ไม่มี Column

65
00:11:32,321 --> 00:11:36,321
หรือ ทำไมล่ะ ทำไมล่ะ  มี Component

66
00:11:36,325 --> 00:11:40,325
ไหนอีกนี่

67
00:12:28,365 --> 00:12:32,365
ดูตัวอย่างเขานะ

68
00:12:32,367 --> 00:12:36,367
ดูตัวอย่างเขามีส่วนของอะไรบ้าง

69
00:12:36,371 --> 00:12:40,371
มีเหมือนมีรูป ใส่ไหมคะ อยากใส่ไหม

70
00:12:40,375 --> 00:12:44,375
สมมติเราจะใส่รูปเหมือนอย่างนี้นะคะ

71
00:12:44,376 --> 00:12:48,376
สมมติเราจะใส่รูปเหมือนตัวอย่างแบบนี้ เราก็ไปที่

72
00:12:48,378 --> 00:12:52,378
Image หรืออะไรลูก

73
00:12:56,384 --> 00:13:00,384
เลือกมาใช่ไหม เลือก Image แล้วก็วาง

74
00:13:00,389 --> 00:13:04,389
ตำแหน่งนึกออกนะ

75
00:13:04,393 --> 00:13:08,393
จัดตำแหน่งตรงกลาง

76
00:13:08,395 --> 00:13:12,395
นะคะ

77
00:13:12,399 --> 00:13:16,399
แล้วก็ไปหารูปอะไร

78
00:13:16,399 --> 00:13:20,399
รูปเหมือนคนเลยใช่ไหม

79
00:13:32,412 --> 00:13:36,412
จะมีให้ไหมนะ รูปคน

80
00:13:40,419 --> 00:13:44,419
Thunkable

81
00:13:44,423 --> 00:13:48,423
กับ... เราหานะคะ หาโลโก้รูปแบบน

82
00:13:48,426 --> 00:13:52,426
ี้ ไอ้อะไรน ะอะไรนะ

83
00:13:52,429 --> 00:13:56,429

84
00:13:56,433 --> 00:14:00,433
เอาแบบไหน นี้แบก็ได้

85
00:14:08,443 --> 00:14:12,443
Search คำว่า "Icon" แล้วก็ล็อกอิน

86
00:14:12,447 --> 00:14:16,447
นะคะ

87
00:14:20,450 --> 00:14:24,450
เราหา Icon นี้กัน เราจะเอาตัวไหนใช้

88
00:14:24,454 --> 00:14:28,454
เลือกเอาเลย เอาตัวไหนดี

89
00:15:16,484 --> 00:15:20,484
ได้แล้วนะคะ เราจะเอาตัวนี้

90
00:15:20,487 --> 00:15:24,487
ล่ะ ตัวนี้ดีกว่า

91
00:15:24,491 --> 00:15:28,491
หาเอาเองนะคะ

92
00:15:28,494 --> 00:15:32,494
อยากได้แบบไหนหาเอา สมมติจะเอาตัวนี้

93
00:15:32,497 --> 00:15:36,497

94
00:15:36,499 --> 00:15:40,499
ฟรีหรือเปล่านี่ ดูด้วยนะ

95
00:15:40,503 --> 00:15:44,503
ฟรี ฟรี ฟรี

96
00:15:44,506 --> 00:15:48,506
Download Image

97
00:15:56,514 --> 00:16:00,514
Standard Free ฟรีนะ เราเลือกว่าฟรี

98
00:16:00,518 --> 00:16:04,518
Standrad ใช่ไหม

99
00:16:04,521 --> 00:16:08,521
ไหนบอกว่าฟรี

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

101
00:16:16,525 --> 00:16:20,525
Free download ด้วย เดี๋ยวติดลิขสิทธิ์อีก

102
00:16:20,528 --> 00:16:24,528
free downloa

103
00:16:24,533 --> 00:16:28,531
d โอเค หาใหม่

104
00:16:28,531 --> 00:16:32,531
ไม่ได้ตัวนี้ ก็ต้องได้ตัวนี้ล่ะนะ

105
00:16:36,536 --> 00:16:40,535
ตัวนี้ก็สวยอยู่นะ

106
00:16:40,535 --> 00:16:44,535
เอาตัวนี้ก็ได้ PNG ก็พอ

107
00:16:48,540 --> 00:16:52,540
Premium Free Download

108
00:16:56,542 --> 00:17:00,542
ไปไหนแล้ว

109
00:17:00,543 --> 00:17:04,543
ได้แล้วนะคะ แม่

110
00:17:04,547 --> 00:17:08,547
ได้แล้วนะ เด็ก ๆ ได้หรือยัง โอเค

111
00:17:08,550 --> 00:17:12,550
เราจะใช้ตัวนี้นะคะ เหมือนเดิม

112
00:17:12,552 --> 00:17:16,552
ก็ไปที่ Thunkable เรา

113
00:17:16,557 --> 00:17:20,557
แล้วก็ตรงชื่อ Picture นะ

114
00:17:20,558 --> 00:17:24,558
ก็อัปโหลดไฟล์ที่เมื่อกี้เราไปโหลดมา อยู่ไหนล่ะ Download ไหม

115
00:17:24,561 --> 00:17:28,561
Logo loging

116
00:17:28,565 --> 00:17:32,565
โอเค ได้แล้วครับ ได้แล้ว

117
00:17:32,568 --> 00:17:36,568
กระผมได้แล้วครับ

118
00:17:36,580 --> 00:17:40,580
เด็ก ๆ ได้หรือยังครับ

119
00:17:40,582 --> 00:17:44,582
ได้แล้วนะคะ

120
00:17:44,585 --> 00:17:48,585
มีรูปแล้ว ต่อไปสิ่งที่เราจะต้องมีใน Login

121
00:17:48,604 --> 00:17:52,590
ก็คือมีอะไรคะ

122
00:17:52,590 --> 00:17:56,590
มี Label ใช่ไหมคะ แสดงข้อความ

123
00:17:56,592 --> 00:18:00,592
ว่าให้ Login เข้าไป จะใช้ Login หรือใช้คำว่าล็อกอิน

124
00:18:00,593 --> 00:18:04,593
หรือใช้คำว่าอะไรดี

125
00:18:04,597 --> 00:18:08,597
User Login แล้วกันนะนะคะ

126
00:18:08,599 --> 00:18:12,599
เมื่อเราได้รูปแล้วสิ่งที่เราจะมีในบรรทัด

127
00:18:12,603 --> 00:18:16,603
ต่อมา ก็คือ lable ค่ะ

128
00:18:16,605 --> 00:18:20,605
ใช่ไหม เป็น Label นะคะเด็ก ๆ เห็นไหม ในตัวอย่าง

129
00:18:20,609 --> 00:18:24,609
เห็นไหม Member Login ใช่ไหมคะ เราก็

130
00:18:24,612 --> 00:18:28,612
ใช้ Label ในการสร้าง

131
00:18:28,615 --> 00:18:32,615
ลาก label มาวาง

132
00:18:32,617 --> 00:18:36,617
อยู่ใต้รูปใช่ไหม

133
00:18:36,618 --> 00:18:40,618
แล้วตรง Text นะ เราก็แก้เป็นอะไร

134
00:18:40,618 --> 00:18:44,618
User พิมพ์คำว่า "User"

135
00:18:44,621 --> 00:18:48,621
แล้วก็คำว่า "Login " เข้าไป l-o

136
00:18:48,622 --> 00:18:52,622
-g-i-n

137
00:18:52,626 --> 00:18:56,626
สัญญาณล่าม

138
00:18:56,626 --> 00:19:00,626
โอเคได้ยินอยู่นะ โอเคค่ะ นะคะ

139
00:19:00,632 --> 00:19:04,632
ใครที่วางรูปเสร็จแล้ว

140
00:19:04,635 --> 00:19:08,635
ให้วาง Label นะคะ เพื่อจะพิมพ์ข้อความคำว่า "Login"

141
00:19:08,638 --> 00:19:12,638
ลงไปนะ

142
00:19:12,640 --> 00:19:16,640
รูปแบบฟอนต์เด็ก ๆ ลองเลือกนะคะ

143
00:19:16,643 --> 00:19:20,643
อยากได้

144
00:19:20,646 --> 00:19:24,646
แบบไหน แล้วก็สี เปลี่ยนสีได้

145
00:19:24,647 --> 00:19:28,647
เดี๋ยวเราจะขอฟอนต์ เนื่องจาก Background

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

147
00:19:32,652 --> 00:19:36,652
สีตรงข้ามเข็มอ่อน

148
00:19:36,655 --> 00:19:40,655
สีพื้นเข้ม ตัวหนังสือก็สีอ่อน

149
00:19:40,658 --> 00:19:44,658
นะคะหลักการ User Login

150
00:19:44,659 --> 00:19:48,659
นะคะ ตัวหนาไหม

151
00:19:48,661 --> 00:19:52,661
ทำให้เป็นตัวหนาด้วย จัดแนวตรงไหนเอ่ย

152
00:19:56,668 --> 00:20:00,668
Test Align นะคะ คือ

153
00:20:00,672 --> 00:20:04,672
จัดกึ่งกลาง โอเค ขนาดตัวอักษร

154
00:20:04,676 --> 00:20:08,676
นะคะ

155
00:20:08,679 --> 00:20:12,679
18 เล็กไป เพิ่ม

156
00:20:12,679 --> 00:20:16,679
เพิ่มขนาดได้

157
00:20:16,682 --> 00:20:20,682
เอาเท่าไหร่ 30 โอเคไหม

158
00:20:48,706 --> 00:20:52,706
โอเคนะ

159
00:20:52,707 --> 00:20:56,707
ได้ส่วนของ User login แล้ว

160
00:20:56,710 --> 00:21:00,710
ก็คือส่วนของ Label แล้ว ทำอะไรต่อ

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

162
00:21:04,715 --> 00:21:08,715
Label Label อันนี้

163
00:21:12,720 --> 00:21:16,720
อันนี้อย่าลืมใส่ชื่อจะได้รู้ว่า

164
00:21:16,724 --> 00:21:20,724
ตรงนี้มันคืออะไรนะ ทุกครั้งนะคะ

165
00:21:20,728 --> 00:21:24,728
บอกเสมอว่าใส่ชื่อมันเข้าไปด้วย

166
00:21:24,728 --> 00:21:28,728
จะได้พอเราไปแก้ code น่ะค่ะ

167
00:21:28,731 --> 00:21:32,731
เราก็จะได้รู้ Image

168
00:21:32,731 --> 00:21:36,731
Image ก็เหมือนกัน Image

169
00:21:36,736 --> 00:21:40,736
Icon Image ของเรา ก็คือ Icon

170
00:21:40,740 --> 00:21:44,740
login

171
00:21:44,741 --> 00:21:48,741
icon login l-o-g-i-n

172
00:21:48,744 --> 00:21:52,744
นะคะ ปุ๊บ

173
00:21:52,748 --> 00:21:56,748
1 2 3 ส่วนที่ 3

174
00:21:56,748 --> 00:22:00,748
ที่จะต้องใส่ เห็นไหมคะ

175
00:22:00,752 --> 00:22:04,752
อย่างนี้เขาเรียกว่า

176
00:22:04,754 --> 00:22:08,754
Text field เพราะมันจะต้องเป็นให้กรอกข้อความได้

177
00:22:08,757 --> 00:22:12,757
เห2 อันขาว ๆ นี่เห็นนะ

178
00:22:12,760 --> 00:22:16,760
ไอ้ตัวขาว ๆ 2 อันนี้ ไอ้ตัว

179
00:22:16,764 --> 00:22:20,764
เราจะใส่ส่วนที่เรียกว่า

180
00:22:20,767 --> 00:22:24,767
Text Field นะลูก เห็นหรือยัง ใครหาไม่ด

181
00:22:24,770 --> 00:22:28,770
ตรง Component เราน่ะ ไปที่...

182
00:22:28,773 --> 00:22:32,773
ถ้าหาไม่เจอพิมพ์ text Field

183
00:22:32,775 --> 00:22:36,775
หรือ Text input

184
00:22:36,778 --> 00:22:40,778
ของ Thunkable มันใช้ Text Input

185
00:22:40,782 --> 00:22:44,782
นะคะ เราก็ลากมา มีกี่อัน 2 อัน ใช่ไหมคะ เราก็ลากมา 2 อัน

186
00:22:44,784 --> 00:22:48,784
นะคะเด็ก ๆ อันที่ 1

187
00:22:48,787 --> 00:22:52,787
อันที่ 2 ต่อกัน

188
00:22:52,789 --> 00:22:56,789
เรียงต่อกัน Text Field เราใช้ 2

189
00:22:56,794 --> 00:23:00,794
อัน เพราะฉะนั้น เราก็เอาลงมา 2 อัน 1 อัน

190
00:23:00,797 --> 00:23:04,797
2 อันนะคะ

191
00:23:04,799 --> 00:23:08,799
ขยายขนาดด้วย

192
00:23:08,802 --> 00:23:12,802
นะคะ

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

194
00:23:16,808 --> 00:23:20,808
ขนาดมันก็ควรจะเท่ากันนะ

195
00:23:32,820 --> 00:23:36,820
เว้นช่องไฟ

196
00:23:36,820 --> 00:23:40,820
ให้สวยงามนะคะ เห็นหรือเปล่า

197
00:23:40,823 --> 00:23:44,823
ทีนี้ Text Field อยากได้สีอะไรเหมือนเดิมค่ะ

198
00:23:44,824 --> 00:23:48,824
ใส่สีเข้าไปให้เธอด้วยนะคะ

199
00:23:56,830 --> 00:24:00,830
Text Input Text input อันแรก

200
00:24:00,833 --> 00:24:04,833
Input 1 นี่ เป็นอะไร

201
00:24:04,836 --> 00:24:08,836
เอ่ย ตัวบนนะคะ te

202
00:24:08,840 --> 00:24:12,840
xt input 1 มันจะเป็นใส่ Username Text

203
00:24:12,842 --> 00:24:16,842
Input 1 นี่คือ User Name นะ

204
00:24:16,846 --> 00:24:20,846
Text Input Username

205
00:24:28,852 --> 00:24:32,852
นะคะ อันที่ 2

206
00:24:32,853 --> 00:24:36,853
เป็น Password ไหม Password นะคะ

207
00:24:36,856 --> 00:24:40,856
บอกให้รู้ว่าแต่ละอันคืออะไร

208
00:24:40,859 --> 00:24:44,857
นะคะ เวลา Coding

209
00:24:44,857 --> 00:24:48,857
เราจะได้รู้นะ เราไปแก้ถูกอันหรือเปล่า

210
00:24:48,860 --> 00:24:52,860
Text Input อันที่ 2 ชื่อว่า

211
00:24:52,863 --> 00:24:56,863
"Password"

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

213
00:25:04,870 --> 00:25:08,870
เราได้ 2 ส่วนแล้วนะ ทีนี้

214
00:25:08,873 --> 00:25:12,873
ใน Username

215
00:25:12,875 --> 00:25:16,875
นะคะ ใน Username นี่ มันมีอะไรอยู่ด้วย

216
00:25:16,879 --> 00:25:20,879
เห็นหรือเปล่า มันใส่อะไรเข้าไป

217
00:25:28,888 --> 00:25:32,888
ในตัวอย่าง ในตัว

218
00:25:32,890 --> 00:25:36,890
อย่าง กดผิด ขอโทษ ในตัวอย่างเห็นไหมคะ มันมี

219
00:25:36,895 --> 00:25:40,895
Icon รูปเป็นรูปคนกับรูปลูกกุญแจนะ

220
00:25:40,898 --> 00:25:44,898
เราจะให้มันเห็น icon นี้

221
00:25:44,901 --> 00:25:48,901
ทำอย่างไร ไปที่

222
00:25:48,904 --> 00:25:52,904
หน้าจอเราเหมือนเดิมนะคะ เราก็เอารูปนี่

223
00:25:52,907 --> 00:25:56,907
ใส่เข้าไปในนี้

224
00:25:56,910 --> 00:26:00,910
ใส่ได้ไหมให้ใส่เข้าไปไหมนี่

225
00:26:12,924 --> 00:26:16,924
เดี๋ยวให้ใส่เข้าไป

226
00:26:16,927 --> 00:26:20,927
Text ไหมล่ะ

227
00:26:24,933 --> 00:26:28,933
ไม่ให้ใส่เข้าไปข้างใน

228
00:26:28,937 --> 00:26:32,937
ไม่ให้ใส่ก็วางข้าง ๆ ได้นะ

229
00:26:32,939 --> 00:26:36,939
ก็คือเราก็จะมี image เล็ก ๆ

230
00:26:36,942 --> 00:26:40,942
2 อันนะคะ

231
00:26:48,952 --> 00:26:52,952
โอเคไหมคะ

232
00:26:52,954 --> 00:26:56,954
แล้วหารูปใส่นะเด็ก ๆ อย่าลืม

233
00:26:56,958 --> 00:27:00,958
นะคะ มีรูปอะไร รูปคนกับรูปกุญแจนะ

234
00:27:00,961 --> 00:27:04,961
หาต่อสิครับ

235
00:27:04,964 --> 00:27:08,964
รออะไร เมื่อกี้เปิดไว้แล้ว

236
00:27:28,982 --> 00:27:32,982
เอาตัวนี้แล้วกัน Free download เหมือนเดิมนะคะ

237
00:27:32,984 --> 00:27:36,984
รูปต่อไปก็คือ

238
00:27:36,987 --> 00:27:40,987
ก็คือรูปกุญแจ

239
00:27:44,993 --> 00:27:48,993
หาต่อ ๆ

240
00:27:48,995 --> 00:27:52,995
หาต่อ ๆ

241
00:27:52,995 --> 00:27:56,995
แม่กุญแจ กุญแจอยู่ไหนนะ

242
00:27:56,998 --> 00:28:00,998
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

243
00:28:01,001 --> 00:28:05,001
ไม่เจอแม่ แม่กุญแจหาแม่กุญแจก่อนนะคะ

244
00:28:13,011 --> 00:28:17,011
หา Lock ใช้คำว่า "Lock

245
00:28:25,020 --> 00:28:29,020
" เอาตัวนี้แล้วกัน

246
00:28:29,023 --> 00:28:33,023

247
00:28:37,027 --> 00:28:41,027
เจอตัวไหนเอาก่อน

248
00:28:41,031 --> 00:28:45,031
ล่ะ โอเคนะคะ ได้รูปแล้วได้องค์ประกอบแล้ว

249
00:28:45,034 --> 00:28:49,034
ใส่ไปเรื่อย ๆ

250
00:28:49,034 --> 00:28:53,034
ใคร

251
00:28:53,037 --> 00:28:57,037
ยังไม่ได้รูปหาใส่ด้วยนะคะ

252
00:28:57,038 --> 00:29:01,038
อันที่ 1 ฃ รูปแรก

253
00:29:01,041 --> 00:29:05,041
Image1

254
00:29:05,044 --> 00:29:09,044
Image1 Picture เลือกอัปโหลดไฟล์

255
00:29:09,047 --> 00:29:13,047
login 1 open

256
00:29:21,055 --> 00:29:25,055
ได้แล้วปรับขนาดเอาเองนะเด็ก ๆ

257
00:29:25,058 --> 00:29:29,058
มันมันไม่เท่าก็ขยาย

258
00:29:29,061 --> 00:29:33,061
ย่อขยาย

259
00:29:33,063 --> 00:29:37,063
เอานะคะ

260
00:29:37,068 --> 00:29:41,068
เราก็ไไปที่ตำแหน่งของวัตถุชิ้นนั้น

261
00:29:41,073 --> 00:29:45,073
คลิกที่ชื่อเขาก็ได้ คลิกที่ชื่อเขา

262
00:30:05,089 --> 00:30:09,089
โอเคนะคะ เขาได้แล้วนะ

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

264
00:30:25,100 --> 00:30:29,100
ก็เพิ่ม อัปโหลดไฟล์เข้าไป

265
00:30:37,111 --> 00:30:41,111
ขนาดมันไม่ได้ เราก็

266
00:30:41,113 --> 00:30:45,113
ยืดได้ หดได้นะ

267
00:30:45,117 --> 00:30:49,117
นะคะ

268
00:30:49,119 --> 00:30:53,119
เดี๋ยวเด็กไปแต่งเพิ่มเติมทีหลังเด้อ

269
00:30:53,124 --> 00:30:57,124
จะใส่สีใส่อะไรน่ะ บอกคร่าว ๆ ว่าองค์ประกอบ

270
00:30:57,124 --> 00:31:01,124
มันมีอะไร แล้วก็มีอีกส่วนหนึ่งใช่ไหมคะ อันล่างสุด

271
00:31:01,127 --> 00:31:05,127
ไม่ใช่ อีก 2 ส่วนสิ

272
00:31:05,130 --> 00:31:09,130
มีส่วนของเดี๋ยวนะเปิดให้ดูชัด ๆ

273
00:31:17,136 --> 00:31:21,136
มีส่วนที่เหมือน

274
00:31:21,138 --> 00:31:25,138
ติ๊ก ๆ อย่างนี้ กับ forget password

275
00:31:25,138 --> 00:31:29,138
มี Button 1 อันนะคะ ปุ่มกด

276
00:31:29,145 --> 00:31:33,144
และก็ส่วนที่มีติ๊กอย่างนี้นะคะ

277
00:31:33,144 --> 00:31:37,144
ส่วนที่มีติ๊กเห็นไหมคะ ชื่อว่า

278
00:31:37,147 --> 00:31:41,147
Check box  เด็ก ๆ เห็น ฉเห็นไหมคะ

279
00:31:41,152 --> 00:31:45,152
นะคะ แถบเครื่องมือ Check Box ลากลงไปเลย

280
00:31:45,155 --> 00:31:49,155
ลากไปวาง

281
00:31:49,158 --> 00:31:53,158
ให้เราได้ chck box แล้ว

282
00:31:53,160 --> 00:31:57,160
แล้วมีอะไรต่อจาก Check box

283
00:31:57,163 --> 00:32:01,163
ก็คือมี Label ใช่ไหมคะ บอกว่า

284
00:32:01,164 --> 00:32:05,164
Remember me มี Label

285
00:32:05,168 --> 00:32:09,168
เขียนคำว่า "remember

286
00:32:09,170 --> 00:32:13,170
me" ใส่ Label เข้าไปตรงนี้

287
00:32:13,173 --> 00:32:17,173
นะคะ พิมพ์คำว่า

288
00:32:17,177 --> 00:32:21,177
"Remember me" R-e Remember

289
00:32:25,184 --> 00:32:29,184
me b-e-r member

290
00:32:29,186 --> 00:32:33,186
แล้วมี me m-e นะคะ

291
00:32:37,191 --> 00:32:41,191
เดี๋ยวเปลี่ยน font สี

292
00:32:45,198 --> 00:32:49,198
font ก่อนจะได้เห็น เห็นไหมคะ

293
00:32:49,200 --> 00:32:53,200
เห็นหรือเปล่า

294
00:32:53,203 --> 00:32:57,203
อะไรอีกนะ มีอะไรอีก

295
00:32:57,207 --> 00:33:01,207
กดผิด แล้วก็มี

296
00:33:01,211 --> 00:33:05,211
for got Password

297
00:33:05,214 --> 00:33:09,214
For got Password มันเป็นเหมือน Text Link น่ะ

298
00:33:09,214 --> 00:33:13,214
เราต้องใช้ตัว...

299
00:33:25,227 --> 00:33:29,227
label

300
00:33:29,230 --> 00:33:33,230
นั่นล่ะ แล้วตอนเขาเรียกอะไรนะ

301
00:33:33,232 --> 00:33:37,232
ตอนเชื่อมนะ

302
00:33:37,236 --> 00:33:41,236
ตอน Coding น่ะ ค่อยเชื่อมให้มันเป็นลิงก์

303
00:33:41,242 --> 00:33:45,242
แล้วค่อยใส่ลิงก์นะคะ

304
00:33:45,244 --> 00:33:49,244
ตัวนี้

305
00:33:49,249 --> 00:33:53,248
Label นี้ ใส่คำว่า... เดี๋ยวพื้นที่

306
00:33:53,248 --> 00:33:57,248
ตัวใหญ่ไปเสียละมั้ง เดี๋ยวลดไซซ์ Remember me

307
00:33:57,251 --> 00:34:01,251
มีความรู้สึกว่ามันใหญ่ไปมันจะ

308
00:34:01,254 --> 00:34:05,254
ใส่ for got Password ไม่ได้

309
00:34:05,257 --> 00:34:09,257
18 ใหญ่ไป ลดลง 14 พอ

310
00:34:09,260 --> 00:34:13,260
โอเค Remember me เหลือ 14 นะคะ

311
00:34:13,265 --> 00:34:17,265
แล้วก็

312
00:34:21,271 --> 00:34:25,271
For got Password นะเด็ก ๆ

313
00:34:25,274 --> 00:34:29,274
อีก Label หนึ่ง เราจะใช้คำว่า "For got"

314
00:34:29,277 --> 00:34:33,277
นะคะ  F-o-r

315
00:34:33,279 --> 00:34:37,279
For got

316
00:34:37,282 --> 00:34:41,282
g-o-t got

317
00:34:41,286 --> 00:34:45,285
จำไม่ได้ช่วงนี้สมงสมองไม่ค่อย

318
00:34:45,285 --> 00:34:49,285
จำ forgot

319
00:34:49,286 --> 00:34:53,286
f-o-r-g-o-tแล้วก็ password

320
00:34:53,292 --> 00:34:57,292
Forgot แล้วก็ P

321
00:34:57,293 --> 00:35:01,293
P-a-s-s Pass W-

322
00:35:01,295 --> 00:35:05,295
o-r-d แล้วก็ตามด้วย

323
00:35:05,297 --> 00:35:09,297
เครื่องหมายคำถาม

324
00:35:09,299 --> 00:35:13,299
Forgot Password ก็ลดไซซ์

325
00:35:13,301 --> 00:35:17,301
ให้พอ ๆ กับไอ้นี่ล่ะนะ ไอ้ Remember me นี่ล่ะ

326
00:35:17,304 --> 00:35:21,304
Remember me ก็คือ 14 ทำ ไซ

327
00:35:21,307 --> 00:35:25,307
ซืแล้วก็สี

328
00:35:33,316 --> 00:35:37,316
สีแจ่มว้าวขึ้นมาหน่อย

329
00:35:37,319 --> 00:35:41,319
ให้เห็นความแตกต่าง

330
00:35:41,322 --> 00:35:45,322
ตำแหน่งควรจะตรง ๆ กัน

331
00:35:45,322 --> 00:35:49,322
No No No ตำแหน่งไม่ค่อยได้

332
00:35:49,323 --> 00:35:53,323
เดี๋ยวเลื่อนอีกนิดหนึ่ง

333
00:35:53,324 --> 00:35:57,324
color

334
00:35:57,326 --> 00:36:01,326
เอาสีอะไร เอาสี...

335
00:36:01,328 --> 00:36:05,328
สีเหลือง สีเขียว สีฟ้า

336
00:36:05,329 --> 00:36:09,329
โอเค

337
00:36:09,332 --> 00:36:13,332
โอเคแล้วนะ

338
00:36:21,340 --> 00:36:25,340
นะคะ

339
00:36:25,343 --> 00:36:29,343
โอเคนะ อันสุดท้ายคืออะไรคะ

340
00:36:29,346 --> 00:36:33,346
Login ใช่ไหม ปุ่ม

341
00:36:33,351 --> 00:36:37,351
Button Button Login เด็ก ๆ อยากได้ปุ่มแบบไหน สีเหลี่ยม

342
00:36:37,355 --> 00:36:41,355
ดูนะคะ เราไปเลือก botton

343
00:36:41,359 --> 00:36:45,359
คลิก button แล้วลาก

344
00:36:45,362 --> 00:36:49,362
มาวางด้านล่างสุดใช่ไหม

345
00:36:49,365 --> 00:36:53,365
Button

346
00:36:53,368 --> 00:36:57,368
นี้

347
00:36:57,371 --> 00:37:01,371
พิมพ์ข้างในว่าคำว่า "Login" นะคะ พิมพ์คำว่าเข้าไป

348
00:37:01,376 --> 00:37:05,376
L-O ตัวใหญ่เลย L-O-G-

349
00:37:05,376 --> 00:37:09,376
-n Login

350
00:37:09,379 --> 00:37:13,379
สีเอาสีอะไร

351
00:37:13,381 --> 00:37:17,381
ไปที่ Background นะ

352
00:37:17,384 --> 00:37:21,384
เลือกสีค่ะ สีปุ่ม

353
00:37:21,388 --> 00:37:25,388
มีความ

354
00:37:25,389 --> 00:37:29,389
แซ่บเบอร์ 10

355
00:37:29,392 --> 00:37:33,392

356
00:37:33,396 --> 00:37:37,396
อยากได้สีชมพูอยู่ไหนนี่ สีชมพู

357
00:37:37,399 --> 00:37:41,399
เอาฟ้าน้ำทะเลก็ได้นะ

358
00:37:57,410 --> 00:38:01,410
นี่ ๆ เขาอยากได้ประมาณนี้

359
00:38:01,413 --> 00:38:05,413
แต่ตัวอักษรเขาจะเอา

360
00:38:05,418 --> 00:38:09,418
สีเข้ม ๆ นะคะ Color Color Color

361
00:38:09,421 --> 00:38:13,421
Text Color

362
00:38:13,423 --> 00:38:17,423
สีน้ำเงินไหม นะคะ สี...

363
00:38:21,430 --> 00:38:25,430
สีม่วง

364
00:38:25,434 --> 00:38:29,434
โอเค

365
00:38:29,437 --> 00:38:33,437
ทำตัวหนาด้วย เปลี่ยนรูปแบบ font ด้วย

366
00:38:37,442 --> 00:38:41,442
โอเคนะคะ

367
00:38:41,445 --> 00:38:45,445
ตัวนี้

368
00:38:45,448 --> 00:38:49,448
อยากได้เป็นโค้ง ๆ โค้งมาก โค้งน้อย บอกให้แก้

369
00:38:49,451 --> 00:38:53,450
ตรง

370
00:38:53,450 --> 00:38:57,450
ไหนคะ ตรง Border ใช่ไหมคะ

371
00:38:57,455 --> 00:39:01,455
Radian น่ะ

372
00:39:01,458 --> 00:39:05,458
ตรง Radian ot ความ

373
00:39:05,461 --> 00:39:09,461
โค้งมนของวัตถุ

374
00:39:09,464 --> 00:39:13,464
นะคะ ความโค้งมนของวัตถุ ขึ้นอยู่กับ

375
00:39:13,469 --> 00:39:17,469
โอเคไหม

376
00:39:17,470 --> 00:39:21,470
ตอนนี้เราได้องค์ประกอบหนึ่งครบแล้ว

377
00:39:21,474 --> 00:39:25,474
ทีนี้มันจะเชื่อมอย่างไร

378
00:39:25,477 --> 00:39:29,477
ทำให้ตัว Login มันเชื่อมได้

379
00:39:29,479 --> 00:39:33,479
ก็คือพอใส่ชื่อลงไปนะคะ

380
00:39:33,484 --> 00:39:37,484
ใส่ไอ้นี่ลงไปแล้วกด login เข้าไปนี่ มันจะไปเก็บ

381
00:39:37,488 --> 00:39:41,488
ไว้ที่ไหน เดี๋ยวขอเดินดูก่อนนะคะ

382
00:39:41,492 --> 00:39:45,492
ว่าเด็ก ๆ ทำองค์ประกอบ

383
00:39:45,495 --> 00:39:49,495
มันครบหรือยัง ตรงไหนลูก

384
00:39:57,504 --> 00:40:01,504
อะไรนะ อ๋อ Remember me

385
00:40:01,507 --> 00:40:05,507
Forget Password ใช้ Label ธรรมดา ใช่ ๆ

386
00:40:05,511 --> 00:40:09,511
แล้วเราจะทำให้มันเป็นลิงก์ ตอนเราไปใน

387
00:40:09,513 --> 00:40:13,513
ในโค้ดน่ะ

388
00:40:13,518 --> 00:40:17,518
ยัง ๆ ๆ มันจะไปทำ

389
00:40:17,521 --> 00:40:21,521
ตอนเราสั่งมันน่ะ โอเคนะ

390
00:42:25,619 --> 00:42:29,619
ดูอันที่ 2 ใบเตยต้องใส่

391
00:42:29,623 --> 00:42:33,623
label คำว่า "User Login

392
00:42:33,625 --> 00:42:37,625
" นะลูกนะ เห็นหรือเปล่า

393
00:42:37,628 --> 00:42:41,628
เห็น Label ไหม เลือกอันนี้ แล้วก็มาวางส่วนที่ 2

394
00:42:41,632 --> 00:42:45,632
ส่วนที่ 3 กับ 4

395
00:42:45,638 --> 00:42:49,638
ช่องที่ 3 กับ 4 ใช้ Text Input

396
00:42:49,640 --> 00:42:53,640
ลาก Text Input

397
00:42:53,643 --> 00:42:57,643
ไปวาง 2 อัน

398
00:42:57,647 --> 00:43:01,647
3 กับ 4 ได้รูปแล้ว เสร็จแล้ว มา Label

399
00:43:05,653 --> 00:43:09,653
-ข้างในก็เปลี่ยนเป็น User

400
00:43:21,659 --> 00:43:25,658
มันตรงส่วนการเชื่อมน่ะ

401
00:43:25,658 --> 00:43:29,658
มันมีหลายตัวนะคะ เขาบอก

402
00:43:29,661 --> 00:43:33,661
บางคนเขาก็ใช้ Firebase

403
00:43:33,662 --> 00:43:37,662
บางคนเขาก็ใช้ MT อะไรหว่า

404
00:43:37,665 --> 00:43:41,665
จำไม่ได้ เดี๋ยวดูก่อน

405
00:43:41,668 --> 00:43:45,668
นะคะ เดี๋ยวระหว่างรอเพื่อน

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

407
00:43:49,675 --> 00:43:53,675
อันนี้ลูก Text input อันที่

408
00:43:53,678 --> 00:43:57,678
3 กับ 4 นี่

409
00:43:57,682 --> 00:44:01,682
เลือกไอ้ที่เป็น Text Input ไปวาง

410
00:44:01,686 --> 00:44:05,686
และก็เอารูปมาใส่

411
00:44:05,689 --> 00:44:09,689
ตรง 2 อันนี้นะคะ อันที่

412
00:44:09,692 --> 00:44:13,692
3 กับ 4 อันที่ 3 กับอันที่ 4

413
00:50:05,917 --> 00:50:09,917
โอเคไหมคะ ได้องค์ประกอบ

414
00:50:09,920 --> 00:50:13,920
ตัวนี้แล้วนะ เสร็จแล้วทีนี้

415
00:50:13,922 --> 00:50:17,922
สิ่งที่เราจะต้องทำเพิ่ม

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

417
00:50:37,943 --> 00:50:41,943
ที่เขาใช้นะ

418
00:50:41,946 --> 00:50:45,946
มันจะชื่อว่าเด็ก ๆ ไปเปิด Google เด็ก ๆ เปิด Google แล้วพิมพ์

419
00:50:45,949 --> 00:50:49,949
"Firebase" นะคะ มันจะเป็นของ

420
00:50:53,957 --> 00:50:57,957
Google F-i-

421
00:50:57,960 --> 00:51:01,960
r-e-b-a-s-e

422
00:51:05,963 --> 00:51:09,963
Firebase อยู่ไหน

423
00:51:09,966 --> 00:51:13,966
นี่ ๆ Firebase

424
00:51:13,968 --> 00:51:17,968
.google.com นะคะ

425
00:51:17,972 --> 00:51:21,972
ให้เราหา Fire

426
00:51:21,975 --> 00:51:25,975
base.google.com นะคะ เจอไหม พิมพ์ F-i-r-e-

427
00:51:29,979 --> 00:51:33,979
ให้

428
00:51:33,980 --> 00:51:37,980
ไปที่เว็บ Firebase.google.com ตัวนี้นะ

429
00:51:41,985 --> 00:51:45,985
ใครยังหาไม่เจอ ดูนะคะ

430
00:51:45,989 --> 00:51:49,989
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

431
00:51:49,991 --> 00:51:53,991
อันดับแรก ก็คือเราจะต้อง

432
00:51:53,992 --> 00:51:57,992
เราจะต้องกด get s

433
00:51:57,995 --> 00:52:01,995
Get Start เพราะเรายังไม่เคยใช้งานมันเลยนะคะ

434
00:52:01,999 --> 00:52:05,999
ตอนนี้เปิดมาที่ Firebase หรือยัง

435
00:52:54,034 --> 00:52:58,034
Get Start นี่นะคะ เพราะ

436
00:52:58,038 --> 00:53:02,038
เราเพิ่งใช้งานครั้งแรก เราก็กด Get Start นะเด็ก ๆ

437
00:53:06,046 --> 00:53:10,046
เขาจะ Login

438
00:53:10,048 --> 00:53:14,048
ให้เราด้วยบัญชี Google เพราะเรา Login เข้าบัญชี

439
00:53:14,053 --> 00:53:18,053
Google ตั้งแต่ตอนที่เราใช้ตัวนััน

440
00:53:18,056 --> 00:53:22,056
ให้ไปเลือกอะไร เลือก Create

441
00:53:22,059 --> 00:53:26,059
a New projects ค่ะ

442
00:53:26,063 --> 00:53:30,063
เห็นไหมคะ สร้าง proje

443
00:53:34,069 --> 00:53:38,069
ct ตรงช่องนี้นะเด็ก ๆ นะ

444
00:53:38,072 --> 00:53:42,072
Enter your pro

445
00:53:42,075 --> 00:53:46,075
ject name เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

446
00:53:46,079 --> 00:53:50,079
Firebase

447
00:53:50,079 --> 00:53:54,079
อะไรนะ Log in นะ

448
00:53:54,081 --> 00:53:58,081
ทำไมมันไม่ให้พิมพ์

449
00:53:58,085 --> 00:54:02,085
L-o-g-i-n นะคะ

450
00:54:14,096 --> 00:54:18,096
เราต้องยอมรับก่อนนะ ติ๊กยอม

451
00:54:18,100 --> 00:54:22,100
รับก่อน ติ๊กยอมรับของเขาด้วยนะ ไม่อย่างนั้นเขาไม่ให้ใช้งาน

452
00:54:22,104 --> 00:54:26,104
แล้วก็กด Continue

453
00:54:34,108 --> 00:54:38,108
มันก็จะขึ้นมาบอกว่านี่คือ Google Analytic

454
00:54:38,112 --> 00:54:42,112
นะคะ for your

455
00:54:42,115 --> 00:54:46,115
Firebase project

456
00:54:46,118 --> 00:54:50,118
เ สร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

457
00:54:54,119 --> 00:54:58,119
แล้วเขาก็ถาม

458
00:54:58,121 --> 00:55:02,121
ว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

459
00:55:02,124 --> 00:55:06,124
T-h

460
00:55:10,132 --> 00:55:14,132
แล้วก็ต้องติ๊กยอมรับ

461
00:55:14,135 --> 00:55:18,135
I Accept

462
00:55:18,138 --> 00:55:22,138
เลือก

463
00:55:22,141 --> 00:55:26,141
Analytic Location แล้วก็ติ๊ก Accept นะ แล้วก็คลิก Accept Pfoโอเค

464
00:55:26,144 --> 00:55:30,144
ได้เลย

465
00:55:30,148 --> 00:55:34,148
มันก็จะหมุน ๆ จนกว่ามันจะเต็มนะ

466
00:55:34,150 --> 00:55:38,150
มันกำลังจะสร้างให้เรา เขากำลังจะหา...

467
00:55:38,153 --> 00:55:42,153
มันเป็นเหมือน Database

468
00:55:42,155 --> 00:55:46,155
แต่ออนไลน์ เราก็ต้องรอจนกว่า

469
00:55:46,158 --> 00:55:50,158
ไอ้เจ้านี่ มันจะหมุนจนครบ

470
00:58:06,255 --> 00:58:10,255
บางคนอยู่หน้า

471
00:58:10,258 --> 00:58:14,258
your new project is ready แล้ว

472
00:58:18,263 --> 00:58:22,263
คลิก Continue ค่ะ Login หรือยัง บางทีต้อง Login ก่อน มันขึ้นแบบนี้

473
00:59:18,307 --> 00:59:22,307
ต่อไปนะคะ

474
00:59:22,311 --> 00:59:26,311
ให้มาเลือกที่... เห็นไหม มันจะมีแถบเครื่องมือด้า

475
00:59:26,314 --> 00:59:30,314
ซ้ายมือนะ

476
00:59:30,317 --> 00:59:34,317
เด็ก ๆ คลิกที่คำว่า "Build

477
00:59:34,319 --> 00:59:38,319
" เห็นไหมคะ

478
00:59:38,322 --> 00:59:42,322
แถบเครื่องมือทางซ้ายมือนี่ ๆ มันจะมี Build มี Release

479
00:59:42,326 --> 00:59:46,326
มี Monitor มี

480
00:59:46,330 --> 00:59:50,330
Analytic มี endgrade เราไปคลิกที่

481
00:59:50,332 --> 00:59:54,332
ไอ้รูป...

482
01:00:06,345 --> 01:00:10,345
รูป

483
01:00:10,348 --> 01:00:14,348
ไอ้เหมือนสามเหลี่ยมลูกศรสามเหลี่ยมนี่นะคะ

484
01:00:14,351 --> 01:00:18,351
แล้วคลิกที่ All tintication

485
01:00:18,356 --> 01:00:22,356
คลิก 1 ครั้ง

486
01:00:22,358 --> 01:00:26,358
มันจะเข้ามาที่

487
01:00:26,362 --> 01:00:30,362
หน้า Authetication ใช่ไหมคะ

488
01:00:30,364 --> 01:00:34,364
เราก็คลิก Get start

489
01:00:46,374 --> 01:00:50,374
ทีนี้

490
01:00:50,377 --> 01:00:54,377
สิ่งที่เราใช้เมื่อกี้นี้ ก็คือ

491
01:00:54,379 --> 01:00:58,379
ตัวนี้ใช่ไหม ตัวที่เป็น คือ

492
01:00:58,383 --> 01:01:02,383
เขาบอกว่าไอ้ที่เราจะให้มัน Login เข้าไปน่ะ เราใช้อะไร

493
01:01:02,386 --> 01:01:06,386
เราใช้ Username ก็คื

494
01:01:06,389 --> 01:01:10,389
อ Anonymous นะ การไม่ระบุตัวตนน่ะ ที่เปิด Enable

495
01:01:10,392 --> 01:01:14,392

496
01:01:14,394 --> 01:01:18,394
แล้วก็ Save นึกออกนะ ถ้าสมมติ แล้วถ้าสมมติเด็ก ๆ

497
01:01:18,398 --> 01:01:22,398
ใช้...

498
01:01:26,405 --> 01:01:30,405
สมมติมีตัวอื่นเพิ่มนะ เช่น ใช้เบอร์โทรศัพ

499
01:01:30,405 --> 01:01:34,405
ิท์อย่างนี้ นึกออกนะ สมมติถ้าไปทำของตัวเองแล้ว

500
01:01:34,410 --> 01:01:38,410
แล้วใช้เบอร์โทรศัพท์

501
01:01:38,412 --> 01:01:42,412
เป็นตัวให้เข้าก็ไปคลิกที่

502
01:01:42,413 --> 01:01:46,413
เราก็เลือก Enable เหมือนกัน นึกออกนะคะ

503
01:01:46,416 --> 01:01:50,416
ให้นึกถึงหลักว่าเราใช้การ

504
01:01:50,418 --> 01:01:54,418
Login ด้วยตัวไหน

505
01:01:54,420 --> 01:01:58,420
ถ้าสมมติเมื่อกี้นี้ล็อกอินผ่าน Email

506
01:01:58,424 --> 01:02:02,424
หรือ Password เห็นไหมคะ เรามี Password ด้วยใช่ไหม

507
01:02:02,427 --> 01:02:06,427
เราก็เลือกตัวนี้ และเราก็คลิก

508
01:02:06,429 --> 01:02:10,429
Enable

509
01:02:10,431 --> 01:02:14,431
เพราะเรามี 2 ตัวใช่ไหมคะ

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

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

512
01:02:26,442 --> 01:02:30,442
Allten ที่

513
01:02:30,442 --> 01:02:34,442
เราใช้สิ่งนี้นะคะ ใช่ไหม ของเรา

514
01:02:34,444 --> 01:02:38,444
ใช้แค่ 2 ตัว เรามาย้อนดูนี่ ตัวนี้กับตัวนี้นะ

515
01:02:38,444 --> 01:02:42,444
ตัวนี้คืออะไรนะ Username ใช่ไหม ชื่อ

516
01:02:42,451 --> 01:02:46,451

517
01:02:46,454 --> 01:02:50,454
Username ชื่อ Anonymous เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

518
01:02:50,458 --> 01:02:54,458
เหมือนกัน แล้วไปไหนต่อ

519
01:04:54,536 --> 01:04:58,536
อันนี้พอเราย้อนกลับมานะคะ

520
01:04:58,539 --> 01:05:02,539
มาดู

521
01:05:02,542 --> 01:05:06,542
ตรง Build

522
01:05:14,547 --> 01:05:18,547
มันจะขึ้นว่า "สถานะตรงนี้ Enable" ใช้งานได้แล้ว

523
01:05:18,548 --> 01:05:22,548

524
01:05:22,552 --> 01:05:26,552
เสร็จแล้วให้มาที่ตรงนี้ Project  Project overview

525
01:05:26,553 --> 01:05:30,553
แล้วเลือก Project Setting

526
01:05:30,555 --> 01:05:34,555
No No No

527
01:05:34,557 --> 01:05:38,557
มันจะเข้ามาที่หน้าที่ Project setting

528
01:05:38,562 --> 01:05:42,562
นะ ใครยังไม่เข้ามาหน้านี้ ยกมือนะคะ

529
01:05:42,565 --> 01:05:46,565
ไปไม่ถูก เดี๋ยวตามไม่ทันนะ แล้วไปที่ด้านล่าง

530
01:05:46,566 --> 01:05:50,566
ให้มาที่ด้านล่าง Your App เห็นไหมคะ แอปของคุณ

531
01:05:50,567 --> 01:05:54,567
มันเพราะตอนนี้มันบอกว่าเรา

532
01:05:54,568 --> 01:05:58,568
ยังไม่มีแอปในโปรเจกนี้

533
01:05:58,571 --> 01:06:02,571
เราก็ต้องไปที่แอปของเรา

534
01:06:02,572 --> 01:06:06,572
คลิกที่รูปนี่ ไอ้ตัวที่ 3 น่ะค่ะ

535
01:06:06,576 --> 01:06:10,576
เห็นไหมคะ

536
01:06:10,579 --> 01:06:14,579
มันมี ids แล้วก็มีรู้ Printer

537
01:06:14,581 --> 01:06:18,581
แล้วก็รูปที่เป็นเหมือนลูกศร เครื่องหมายมากกว่า-น้อยกว่าน่ะ คลิกที่

538
01:06:18,584 --> 01:06:22,584
ตัวนี้ 1 ครั้งนะคะ คลิกเลือก

539
01:06:34,595 --> 01:06:38,595
ตรงตำแหน่งนี้ My Web app นี่

540
01:06:38,598 --> 01:06:42,598
คืออะไร เราต้องไปหน้าที่เราทำตัวนี้

541
01:06:50,605 --> 01:06:54,605
ของเราก็คือ E-Book ใช่ไหมคะ

542
01:06:54,607 --> 01:06:58,607
มันจะใช้ว่าอะไรอันไหนไม่ใช้

543
01:06:58,610 --> 01:07:02,610
จะปิดแล้วนะ

544
01:07:10,617 --> 01:07:14,617
ลองพิมพ์ชื่อ ชื่อ app เราลงไปนะคะ E-book

545
01:07:14,619 --> 01:07:18,619
เด็ก ๆ ดูนะคะ ชื่อแอปอันนี้นะ

546
01:07:18,623 --> 01:07:22,623
คะ เข้าใจนะ พิมพ์ลงไปนะคะ

547
01:07:22,625 --> 01:07:26,625
E...

548
01:07:34,634 --> 01:07:38,634
เดี๋ยว

549
01:07:38,638 --> 01:07:42,638
เพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะ

550
01:07:42,641 --> 01:07:46,641
E-book

551
01:07:46,644 --> 01:07:50,644
เดี๋ยวว่าไม่รู้จักชื่อนี้นะคะ ให้ดูชื่อที่ตัวเองพิมพ์นะ

552
01:07:50,647 --> 01:07:54,647
พิมพ์ให้มันเหมือนเลยนะ ดูชื่อนี้ไว้นะ

553
01:07:54,649 --> 01:07:58,649
แล้วก็พิมพ์ลงไป

554
01:09:42,724 --> 01:09:46,724
เช็กนะคะ ว่าชื่อแอปของเรานะคะ

555
01:09:46,726 --> 01:09:50,726
เด็ก ๆ ดูนะคะ ดูตรงหัวนี่

556
01:09:50,732 --> 01:09:54,732
ใส่ชื่อของใครของมันนะ ไม่ใช่มาพิมพ์ E-book ตามแม่นะ

557
01:09:54,732 --> 01:09:58,732
พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

558
01:09:58,735 --> 01:10:02,735
เสร็จแล้วกด Register App

559
01:10:02,738 --> 01:10:06,738
ได้เลย

560
01:10:10,742 --> 01:10:14,742
ไหนนะ ไม่ใช่สิชื่อที่จะใส่น่ะ คือชื่อแอปที่เราสร้าง

561
01:10:14,744 --> 01:10:18,744
นี่ ๆ อยู่ข้างบนนี่

562
01:10:22,752 --> 01:10:26,752
มันจะมี Code มาเห็นไหมคะ

563
01:10:26,756 --> 01:10:30,756
เขาบอกว่าเราต้องเอาโค้ดนี้

564
01:10:30,759 --> 01:10:34,759
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อบฯ ไปวางในแอปเร

565
01:10:34,761 --> 01:10:38,761
านั่นเอง จะขึ้นอย่างนี้ไหม ใครยังไม่ขึ้น

566
01:10:46,770 --> 01:10:50,770
เสร็จแล้วเรากลับมาที่แอปเรานะคะ หาเครื่องมือ ที่ชื่อว่า...

567
01:10:50,770 --> 01:10:54,770
ไม่แน่ใจจะเห็นไหมนี่

568
01:10:58,775 --> 01:11:02,775
มันใช้ว่าอะไรหว่าเวอร์ชันนี้

569
01:11:06,776 --> 01:11:10,776
Component

570
01:11:26,789 --> 01:11:30,789
Sign in ไม่เจอ

571
01:11:30,792 --> 01:11:34,792
มันจะไปต่อไม่ได้

572
01:11:34,795 --> 01:11:38,795
มันต้องใช้อะไรนี่

573
01:11:38,797 --> 01:11:42,797

574
01:11:42,798 --> 01:11:46,798
Data Viewer data Vie

575
01:11:58,807 --> 01:12:02,807
wer

576
01:12:02,811 --> 01:12:06,811
Data Assend setting

577
01:12:06,814 --> 01:12:10,814
หาก่อนนะ

578
01:12:14,819 --> 01:12:18,819
คะ Component

579
01:12:30,832 --> 01:12:34,832
allten sing in

580
01:12:34,834 --> 01:12:38,834
ต้องการหา Sign in

581
01:12:38,842 --> 01:12:42,842
loading locatไม่ใช่

582
01:13:06,860 --> 01:13:10,860
My data sourse หรือ

583
01:13:10,862 --> 01:13:14,862
ก็ไม่ใช่

584
01:13:14,865 --> 01:13:18,865
เดี๋ยวนะ ขอเพิ่มอีก 1 Thunkable

585
01:13:50,893 --> 01:13:54,893
ขอ

586
01:13:54,896 --> 01:13:58,896
Search ตัวนี้ก่อตัวหนึ่งนะก่อนนะคะ Thunkable x คืออะไร

587
01:13:58,898 --> 01:14:02,898
พิมพ์ผิดพิมพ์ถูกกันแล้ว

588
01:14:22,920 --> 01:14:26,920
เราเลือกเวอร์ชันผิดใช่ไหมนี่

589
01:14:38,927 --> 01:14:42,927
Update

590
01:14:42,930 --> 01:14:46,930
อย่างไร เดี๋ยว ๆ อาจจะต้อง Update Thunkable เราสักหน่อย

591
01:14:46,934 --> 01:14:50,934
มันจะใช้เขาเรียกว่าอย่างไรล่ะ ใช้

592
01:14:54,939 --> 01:14:58,939

593
01:14:58,942 --> 01:15:02,942
ใช้ฟังก์ชันนั้นไม่ได้น่ะ

594
01:15:10,951 --> 01:15:14,951
มันไม่เหมือนกันหรือเดี๋ยว

595
01:15:14,953 --> 01:15:18,953
ขอเทสต์ตัวนี้ แป๊บหนึ่งนะเด็ก ๆ

596
01:15:18,955 --> 01:15:22,955
มันต่างกันหรือ

597
01:15:22,958 --> 01:15:26,958
อยากรู้ อยากรู้

598
01:15:26,959 --> 01:15:30,959
มันก็ขึ้น Thunkable เหมือนกันนี่

599
01:15:34,963 --> 01:15:38,963
เพราะมัน

600
01:15:38,969 --> 01:15:42,969
Components มันมีไม่ครบ

601
01:15:46,974 --> 01:15:50,974
Thunkable Solution

602
01:15:50,976 --> 01:15:54,976
เดี๋ยวนะ

603
01:15:54,982 --> 01:15:58,982
Integration

604
01:16:02,986 --> 01:16:06,986
dox resourch เราจะต้อง

605
01:16:10,990 --> 01:16:14,990
Using Thunkable lik

606
01:16:18,995 --> 01:16:22,995
ก็ไม่ใช่มันเป็น Test

607
01:17:55,064 --> 01:17:59,064
เพราะเขาบอกว่า

608
01:17:59,069 --> 01:18:03,069
เราจะก๊อบไอ้ตัวนี้แล้ว

609
01:18:03,071 --> 01:18:07,071
เอามาวางแต่ทีนี้ Tools หนึ่งที่เรา

610
01:18:07,072 --> 01:18:11,072
ไม่มีใน App เรา

611
01:18:11,074 --> 01:18:15,074
น่ะ ใน Thunkable Tools ที่ Sign in

612
01:18:15,078 --> 01:18:19,078
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

613
01:18:19,083 --> 01:18:23,083
มันก็จะวางไม่ได้

614
01:18:27,089 --> 01:18:31,089
ใช้ตัวไหนนะ เดี๋ยวขอ Test

615
01:18:31,090 --> 01:18:35,090
ดูนะคะ

616
01:18:35,094 --> 01:18:39,094
คือตอนนี้ เรากรอก

617
01:18:39,097 --> 01:18:43,097
ข้อมูลได้อะไรได้ แต่จะไม่เก็บ

618
01:18:43,100 --> 01:18:47,100
เขาเรียกว่าอะไรล่ะ เก็บในฐานข้อมูลนะ

619
01:18:51,104 --> 01:18:55,104
ก็จะให้ไปเก็บ...

620
01:18:59,108 --> 01:19:03,108
back Tool Editing

621
01:19:03,111 --> 01:19:07,110
เดี๋ยวเรามาลองที่ Block ของเรา

622
01:19:07,110 --> 01:19:11,110
ตัวแรกเลย ก็คือ Text Input1 ไปที่

623
01:19:11,113 --> 01:19:15,113
Text Input1 Usernam

624
01:19:15,115 --> 01:19:19,115
e ใช่ไหม ไปที่ Text input1

625
01:19:19,117 --> 01:19:23,117
เมื่อ Text input username

626
01:19:23,118 --> 01:19:27,118
คลิกไม่ใช่ มันจะต้องเป็น

627
01:19:27,118 --> 01:19:31,118
นะ set text

628
01:19:31,125 --> 01:19:35,125
input text to

629
01:19:35,125 --> 01:19:39,125
Username Text

630
01:19:39,126 --> 01:19:43,126
Keyboard Type

631
01:19:55,141 --> 01:19:59,141
Border

632
01:19:59,145 --> 01:20:03,145
มันจะต้องเป็นพิมพ์ เพราะฉะนั้น

633
01:20:03,148 --> 01:20:07,148
Chang

634
01:20:07,152 --> 01:20:11,152
e แสรแา เมื่อมีการคลิก เมื่อ

635
01:20:11,155 --> 01:20:15,155
คลิกที่ Text Input Username ปุ๊บ

636
01:20:15,157 --> 01:20:19,157
เลือกอันนี้ออกไปก่อน เลือกออกมาวาง

637
01:20:19,158 --> 01:20:23,158
เมื่อคลิกเข้าไปที่ Text Input

638
01:20:23,161 --> 01:20:27,161
Username ใช่ไหมคะ ให้มันทำอะไรมันจะต้อง

639
01:20:27,166 --> 01:20:31,166
ทำ...

640
01:20:43,176 --> 01:20:47,176
ให้กำหนดค่า Text Input Username เป็น Text

641
01:20:47,179 --> 01:20:51,179
to ข้อความ

642
01:20:55,186 --> 01:20:59,186
ดูสิแล้วเราต้องไป Test ว่ามัน

643
01:20:59,190 --> 01:21:03,190
พิมพ์เข้าไปได้ไหม

644
01:21:03,194 --> 01:21:07,194
ขึ้นไหมโอเคถูก

645
01:21:07,194 --> 01:21:11,194
เห็นไหมคะ มันต้อง

646
01:21:11,199 --> 01:21:15,198
ให้พิมพ์ข้อความ แล้วแสดงข้อความนั้นได้

647
01:21:15,198 --> 01:21:19,198
โอเคนะคะ

648
01:21:19,202 --> 01:21:23,202
เพราะตรงนี้ Userna

649
01:21:23,206 --> 01:21:27,206
me นะ  เหมือนกัน Text Input อันที่ 2

650
01:21:27,208 --> 01:21:31,208
กลับไปที่ Back to Editting

651
01:21:31,210 --> 01:21:35,210
ตอนนี้เด็ก ๆ ได้

652
01:21:35,212 --> 01:21:39,212
อยู่ที่ Scene 1

653
01:21:39,215 --> 01:21:43,215
Scene 1 ตอนนี้ที่เราจะกำหนดค่า ก็คือ

654
01:21:43,218 --> 01:21:47,218
Text Input อันที่ 1 ใช่ไหม

655
01:21:47,219 --> 01:21:51,219
เรากลับไปที่ Box แล้ว

656
01:21:51,222 --> 01:21:55,222
ตัวแรกที่เราเริ่ม ก็คือ

657
01:21:55,223 --> 01:21:59,223
เมื่อกี้แม่ว่าแม่ลอง

658
01:21:59,228 --> 01:22:03,228
ให้นึกถึงนะ เมื่อเราคลิกเข้าไปที่ตัวนี้

659
01:22:03,231 --> 01:22:07,231
แล้วพิมพ์ มันก็ต้องมีการเปลี่ยนแปลง

660
01:22:07,234 --> 01:22:11,234
แต่ตอนแรกที่ est

661
01:22:11,237 --> 01:22:15,237
พอพิมพ์ปุ๊บ

662
01:22:15,240 --> 01:22:19,240
เมื่อกี้มันน่าจะ Save ไว้แล้ว

663
01:22:19,244 --> 01:22:23,244
พอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะ ให้นึกถึงเหมือนมาพิมพ์ช่องนี้

664
01:22:23,246 --> 01:22:27,246
นี่

665
01:22:27,250 --> 01:22:31,250
โอเคนะคะ

666
01:22:31,255 --> 01:22:35,255
โอเค

667
01:22:35,255 --> 01:22:39,255
เพราะฉะนั้น สิ่งที่เราจะต้องทำ ก็คือเราจะกำหนดค่าให้

668
01:22:39,256 --> 01:22:43,256
text input ตัวที่ 1 ของเรา

669
01:22:43,262 --> 01:22:47,262
นะคะ

670
01:22:51,266 --> 01:22:55,266
เพราะฉะนั้น ไปที่ Box เมื่อกี้ไม่ได้

671
01:22:55,268 --> 01:22:59,268
ลบทิ้ง Edit Undo อีกอัน

672
01:22:59,271 --> 01:23:03,271
มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

673
01:23:03,275 --> 01:23:07,275
ไม่เป็นอะไร ให้

674
01:23:07,278 --> 01:23:11,278
เราเลือก Components ที่ชื่อว่า Text Input นะ

675
01:23:11,281 --> 01:23:15,281
สิ่งแรกก็คือเมื่อ Text Input

676
01:23:15,284 --> 01:23:19,284
โดนคลิกลงไป ก็คือโดนคลิกเข้าไปที่ Text Input

677
01:23:19,288 --> 01:23:23,288
เราเลือกตัวนี้ออกมา

678
01:23:23,291 --> 01:23:27,291
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input

679
01:23:27,294 --> 01:23:31,294
ก็คือ

680
01:23:31,297 --> 01:23:35,297
มันจะต้องให้ set ค่าของ Text Input น่ะ

681
01:23:35,302 --> 01:23:39,302
จะซ่อนเป็นพิมพ์น่ะ

682
01:23:43,305 --> 01:23:47,305
นะคะ ดูนะคะ

683
01:23:47,308 --> 01:23:51,308
ลอง Test ดู มันขึ้นเหมือนที่บอกไหม

684
01:23:59,315 --> 01:24:03,315
text Input

685
01:24:03,317 --> 01:24:07,317
จะต้องทำงานนะคะ ตั้งเงื่อนไขให้มัน

686
01:24:11,324 --> 01:24:15,324
อะไรต่อเสร็จแล้วทำอย่างไรต่อมันมีอีกตัวหนึ่งใช่ไหม

687
01:24:15,326 --> 01:24:19,326
คือตัวที่ 2 ของเรา

688
01:24:19,329 --> 01:24:23,329
Password ก็เหมือนกัน

689
01:24:23,332 --> 01:24:27,332
เมื่อคลิกที่ Password มี 2 อันใช่ไหมคะ

690
01:24:27,335 --> 01:24:31,335
When เมื่อเราคลิกเข้าไปที่ Text Input

691
01:24:31,339 --> 01:24:35,339
Password when...

692
01:24:35,342 --> 01:24:39,342
คลิกโดนคลิกนี่ ทำอะไร

693
01:24:39,343 --> 01:24:43,343
เหมือนกัน ก็คือให้...

694
01:24:43,347 --> 01:24:47,347
เซต Text นี้เป็น

695
01:24:47,348 --> 01:24:51,348
ซ่อนซ่อนแล้วก็

696
01:24:51,351 --> 01:24:55,351
ซ่อนเสร็จแล้วก็

697
01:24:55,353 --> 01:24:59,353
มาแสดงแล้วก็ให้พิมพ์นะ

698
01:24:59,356 --> 01:25:03,356
อันนี้ก็ทำเหมือนกัน ก็คือ...

699
01:25:19,371 --> 01:25:23,371
รูแล้วความจริงเราต้องเลือกอันนี้

700
01:25:23,373 --> 01:25:27,373
Set Text

701
01:25:27,376 --> 01:25:31,376
Password นะคะ กำหนดให้

702
01:25:31,381 --> 01:25:35,381
Text Input Password นี่

703
01:25:35,382 --> 01:25:39,382
รับค่าจากการพิมพ์

704
01:25:39,386 --> 01:25:43,386
นะ KEYBOARD เสร็จแล้วตรงนี้

705
01:25:43,390 --> 01:25:47,390
เป็น Defult Default กำหนดเป็นค่าเริ่ม

706
01:25:47,394 --> 01:25:51,394
เห็นไหม

707
01:25:51,399 --> 01:25:55,399
set

708
01:25:55,399 --> 01:25:59,398
Default เราไม่ได้ set defule

709
01:25:59,398 --> 01:26:03,398
ไม่ได้ให้ซ่อนด้วย เอาใหม่นะคะ

710
01:26:03,399 --> 01:26:07,399
ที่แน่ ๆ เราจะต้องเซตค่าให้ไอ้ 2 ตัวนี้ล่ะ

711
01:26:07,402 --> 01:26:11,402
เมื่อพิมพ์เมื่อคลิกเข้าไป

712
01:26:11,402 --> 01:26:15,402
ปุ๊บสิ่งจะต้องเกิดผล ก็คือให้มันแสดง

713
01:26:47,422 --> 01:26:51,422
Text to แล้วก็ข้อความ

714
01:26:51,424 --> 01:26:55,424
ในนี้นะ

715
01:26:55,427 --> 01:26:59,426
เหมือนกันนะคะ 2 อันนี้ทำเหมือนกัน

716
01:26:59,426 --> 01:27:03,426
Text in Password ก็

717
01:27:03,429 --> 01:27:07,429
เป็น

718
01:27:11,437 --> 01:27:15,434
Set มันต้องซ่อนสิ Password

719
01:27:15,434 --> 01:27:19,434
ไม่ให้โชว์นะ ต้องซ้อนนะ

720
01:27:19,436 --> 01:27:23,436
เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

721
01:27:23,436 --> 01:27:27,436
จะซ่อนให้เราไหมล่ะ เราลองเทสต์ดูนะคะ

722
01:27:27,437 --> 01:27:31,437
เพราะตอนพิมพ์ Password ตาต้องไม่แสดง

723
01:27:31,438 --> 01:27:35,438
User น่ะไม่แสดง

724
01:27:43,443 --> 01:27:47,442
User แสดงอย่างนี้ได้ แต่ passwor

725
01:27:47,442 --> 01:27:51,442
d นี่มันไม่ควรแสดงชื่อไหม

726
01:27:51,445 --> 01:27:55,445
มันไม่ควรแสดงข้อความไหม ให้มันซ่อนนะ

727
01:27:59,448 --> 01:28:03,448
นี่ตอนนี้มันยังไม่ซ่อน

728
01:28:03,453 --> 01:28:07,453
เดี๋ยวเราต้องให้มันซ่อน

729
01:28:07,453 --> 01:28:11,453
กลับไปแก้ซ่อนอะไรนะ

730
01:28:11,456 --> 01:28:15,456
To Default บ่ Password น่าจะเป็น to Default

731
01:28:15,456 --> 01:28:19,456
น่าจะเป็น Too

732
01:28:19,460 --> 01:28:23,460
หรือ Tools อะไร มีหลายตัว

733
01:28:23,464 --> 01:28:27,464
เลือกเป็น...

734
01:28:31,469 --> 01:28:35,469
เมื่อคลิก Password

735
01:28:35,473 --> 01:28:39,473

736
01:28:39,476 --> 01:28:43,476
แล้ว

737
01:28:43,479 --> 01:28:47,479
พิมพ์ Password ลงไป ปุ๊บ

738
01:29:07,498 --> 01:29:11,498
เมื่อพิมพ์ Password ลง

739
01:29:11,500 --> 01:29:15,500
นะคะ Set Text Input Passwordเป็นซ่อน

740
01:29:15,502 --> 01:29:19,502
แล้วก็ To... ไม่ให้เอาออก

741
01:29:27,510 --> 01:29:31,510
จัด Text

742
01:29:31,519 --> 01:29:35,519
แล้วก็ทำให้ Text Input เป็นซ่อน

743
01:29:35,521 --> 01:29:39,521
ลองดูสิถูกไหม แก้เงื่อนไขมันก่อน

744
01:29:39,525 --> 01:29:43,525
จาก Text

745
01:29:43,529 --> 01:29:47,529
ให้มันซ่อนได้ไหม

746
01:29:47,533 --> 01:29:51,533
ขอลองอันล่างเลย

747
01:29:51,533 --> 01:29:55,533
ไม่ซ่อนนะ

748
01:29:55,537 --> 01:29:59,537
นี่เราใส่สลับ

749
01:29:59,540 --> 01:30:03,540
เอาใหม่ Edit ใหม่

750
01:30:03,542 --> 01:30:07,542
ต้องไล่ให้ถูกนะนี่

751
01:30:07,542 --> 01:30:11,542
เมื่อพิมพ์เข้าไปแล้ว ตามหลักนะ เมื่อพิมพ์ปุ๊บ

752
01:30:19,545 --> 01:30:23,545
ถ้าใช้อันไหนนะ จาก Default เปลี่ยนเป็น...

753
01:30:27,553 --> 01:30:31,553
ที่พิมพ์จากคีย์บอร์ด

754
01:30:31,562 --> 01:30:35,562
เปลี่ยนเป็นอะไรได้ อยากให้มันซ่อนน่ะ ลเราอยากให้มันซ่อน

755
01:30:39,560 --> 01:30:43,560
มันจะซ่อนให้ไหมน่ะ

756
01:30:43,563 --> 01:30:47,563
Text In... เมื่อกำหนดค่า

757
01:30:47,564 --> 01:30:51,564
เมื่อกำหนดค่า Text Input

758
01:30:51,566 --> 01:30:55,566
เมื่อเราคลิกเข้าไปเสร็จ Set เมื่อเราพิมพ์นะ Keyboard Type

759
01:30:55,569 --> 01:30:59,569

760
01:30:59,579 --> 01:31:03,574
Keyboard ให้มัน

761
01:31:03,574 --> 01:31:07,574
ให้มัน...

762
01:31:07,577 --> 01:31:11,577
ให้ Text Password มันซ่อน มันจะซ่อนให้เราไหม

763
01:31:11,578 --> 01:31:15,578

764
01:31:15,581 --> 01:31:19,581
ยังติดอยู่นะคะ

765
01:31:19,584 --> 01:31:23,584
ยังติดอยู่ในบ่วง Text Password ไม่ซ่อน

766
01:31:27,588 --> 01:31:31,588
ขาดค่าอะไรไปอีกค่าหนึ่ง

767
01:31:31,590 --> 01:31:35,590
ต้องกำหนดตัวแปรไหมละนี่

768
01:31:35,594 --> 01:31:39,594
น่าจะใช่

769
01:31:39,597 --> 01:31:43,597
กำหนดตัวแปลให้เก็บค่าของ Text Password

770
01:31:43,600 --> 01:31:47,600
Text username

771
01:31:47,603 --> 01:31:51,603
Text Password

772
01:31:51,606 --> 01:31:55,606
ใน Block ที่ 1

773
01:31:55,606 --> 01:31:59,606
ไอ้ Block ที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

774
01:31:59,610 --> 01:32:03,610

775
01:32:39,641 --> 01:32:43,641
Variable Variable ไปที่ Text ไปที่ Text

776
01:32:43,644 --> 01:32:47,644
ทำให้เป็นตัวใหญ่

777
01:32:47,648 --> 01:32:51,648
ทำให้ Text

778
01:33:07,658 --> 01:33:11,658
ไปที่ List ไปที่ Color

779
01:33:11,661 --> 01:33:15,661
เป็นจริง

780
01:33:15,663 --> 01:33:19,663
เมื่อคลิกแล้วจริงปุ๊บ

781
01:33:19,667 --> 01:33:23,667
เป็นจริง ปุ๊บ

782
01:33:23,671 --> 01:33:27,671
สิ่งที่จะต้องทำต่อ

783
01:33:27,675 --> 01:33:31,675
ขาดไปไหนนะ

784
01:33:31,677 --> 01:33:35,677
Sign in ขึ้นมาแล้ว เจอแล้ว

785
01:33:35,680 --> 01:33:39,680
แต่มันมาอยู่ใน...

786
01:33:43,687 --> 01:33:47,687
เราจะเอามันไปใส่ใน

787
01:33:47,688 --> 01:33:51,688
ไหนได้

788
01:33:51,691 --> 01:33:55,691
Sign in

789
01:33:55,694 --> 01:33:59,694
มันจะต้อง เขาบอกว่า

790
01:33:59,697 --> 01:34:03,697
ให้มันอยู่ตรง...

791
01:34:11,704 --> 01:34:15,704
มันจะไปอยู่ที่ Block หรือ เดี๋ยวนะ มันเป็นอะไรล่ะ

792
01:34:15,705 --> 01:34:19,705
App Feature

793
01:34:27,712 --> 01:34:31,712
Sign in

794
01:34:31,715 --> 01:34:35,715
Sign in

795
01:34:35,718 --> 01:34:39,718
Sing in Email

796
01:34:43,727 --> 01:34:47,727
Sign in hello

797
01:34:47,730 --> 01:34:51,730
Reset Password

798
01:34:51,733 --> 01:34:55,733
Delete User Sign Up

799
01:34:55,733 --> 01:34:59,733
เขาให้กำหนดเป็นแบบนี้หรอ

800
01:34:59,736 --> 01:35:03,736
เป็นแบบนี้หรือ ดู Sign up

801
01:35:03,736 --> 01:35:07,736
Sign Up Do

802
01:35:07,740 --> 01:35:11,740
Sign In do

803
01:35:19,747 --> 01:35:23,747
ไม่ให้ใช้น่ะ

804
01:35:23,750 --> 01:35:27,750
ไม่ยอมให้ใช้ฟีเจอร์นี้น่ะ

805
01:35:27,754 --> 01:35:31,754
ใช้ไม่เหมือนกันน่ะ

806
01:35:35,758 --> 01:35:39,758
ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

807
01:35:39,763 --> 01:35:43,763
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

808
01:36:47,808 --> 01:36:51,808
ต้องเอาใส่ไว้ในไหน ไม่เหมือนกันนะ

809
01:36:51,811 --> 01:36:55,811
ใช้ไม่เหมือน

810
01:37:15,831 --> 01:37:19,831
เดี๋ยวนะคะ Sign Up

811
01:37:19,834 --> 01:37:23,834
อันนี้หรอ

812
01:37:35,845 --> 01:37:39,845
ให้ทำอะไรให้ลงทะเบียน

813
01:37:39,848 --> 01:37:43,848
ให้ลงทะเบียน

814
01:37:43,851 --> 01:37:47,851
โดยใช้ Email หรือ Passeord

815
01:37:47,855 --> 01:37:51,855
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

816
01:38:03,866 --> 01:38:07,866
บอกว่าให้ก๊อป(ปี้)

817
01:38:07,868 --> 01:38:11,867
ทำไม

818
01:38:11,867 --> 01:38:15,867
เราใช้ Thunkable x ไม่ได้ล่ะ

819
01:38:15,869 --> 01:38:19,869
Thunkable X

820
01:38:43,883 --> 01:38:47,883
เอามาจากไหนนะ Thunkable X

821
01:39:03,898 --> 01:39:07,898
มันจะเพิ่ม Sign in ได้

822
01:39:07,898 --> 01:39:11,898
นี่ไงเขาบอก แต่ของเรามันไม่เป็น X

823
01:39:59,934 --> 01:40:03,934
อ๋อถ้า

824
01:40:03,934 --> 01:40:07,934
Thunkable X ก็คือใช้ IOS

825
01:40:07,939 --> 01:40:11,939
เข้าใจแล้ว

826
01:40:27,948 --> 01:40:31,948
ทดสอบแอป

827
01:40:31,950 --> 01:40:35,950
มันยังไม่ rerease

828
01:40:35,954 --> 01:40:39,954
ใช้ไม่ได้ต้องเป็น

829
01:40:39,957 --> 01:40:43,957
ข้อจำกัด

830
01:40:43,962 --> 01:40:47,962
เยอะเหมือนกันนะนี่

831
01:40:55,966 --> 01:40:59,966
โอเค เดี๋ยว

832
01:40:59,971 --> 01:41:03,971
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

833
01:41:03,973 --> 01:41:07,973
ของเรามัน มันไม่เป็น

834
01:41:07,976 --> 01:41:11,976
ไม่เป็น มันไม่เป็น Thunkable X น่ะ

835
01:41:11,978 --> 01:41:15,978
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

836
01:41:15,979 --> 01:41:19,979
ถ้า Thunkable น่ะ  X น่ะ มันจะเป็น...

837
01:41:19,979 --> 01:41:23,979
ก็คือเราก็จะมา

838
01:41:23,979 --> 01:41:27,979
ก็อบฯ  Firebase น่ะค่ะ

839
01:41:27,980 --> 01:41:31,980
เลย Components นี้ มันจะเป็นเหมือน

840
01:41:31,983 --> 01:41:35,983
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่า เราจะอัปไอ้ Thunkable

841
01:41:35,986 --> 01:41:39,986
เดิมเรานี่ให้เป้น Thunk

842
01:41:39,988 --> 01:41:43,988
ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

843
01:41:43,991 --> 01:41:47,991
เราจะเอามาใช้งาน

844
01:41:47,992 --> 01:41:51,992
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าเชื่อมไม่

845
01:41:51,994 --> 01:41:55,994
ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

846
01:41:55,998 --> 01:41:59,998
ตอนนี้ คือ เชื่อมด้วย Firebase

847
01:42:00,001 --> 01:42:04,001
จThunkable เรามันเป็น Thunkable

848
01:42:04,002 --> 01:42:08,002
ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

849
01:42:08,008 --> 01:42:12,008
ตอนนี้มันเป็น Thunk

850
01:42:12,011 --> 01:42:16,011
ablเนื่องจากสัปดาห์หน้า

851
01:42:16,015 --> 01:42:20,015
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

852
01:42:20,017 --> 01:42:24,017
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

853
01:42:24,017 --> 01:42:28,017
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

854
01:42:28,019 --> 01:42:32,019
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

855
01:42:32,022 --> 01:42:36,022
เดี๋ยวเรามาทำต่อได้เพราะเราทำตัวแอปทิ้งไว้แล้ว

856
01:42:36,025 --> 01:42:40,025
เราแค่มาแก้อัปเวอร์ชันมัน

857
01:42:40,028 --> 01:42:44,028
แค่อัปเวอร์ชันมัน

858
01:42:44,033 --> 01:42:48,033
น่าจะมาไปใช้ตัวนี้

859
01:42:48,036 --> 01:42:52,036
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

860
01:42:52,038 --> 01:42:56,038
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

861
01:42:56,039 --> 01:43:00,039
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

862
01:43:00,042 --> 01:43:04,042
สำหรับสัปดาห์นี้

863
01:43:04,045 --> 01:43:08,045
เดี๋ยวจะขอพอแค่นี้นะคะ

864
01:43:08,049 --> 01:43:12,049
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

865
01:43:16,053 --> 01:43:20,053
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

866
01:43:20,056 --> 01:43:24,056
อ๋อ...

867
01:43:24,059 --> 01:43:28,059
แม่ไม่ปล่อยก็เลยไม่ไป อย่างนั้น

868
01:43:28,062 --> 01:43:32,062
เดี๋ยวปล่อยแล้วนะคะ เดี๋ยวปล่อยแล้ว โอเคค่ะ

869
01:43:40,070 --> 01:43:44,070
Thunkable X

870
01:43:44,074 --> 01:43:48,074
ทำไมไม่อัปให้เรานะ [สิ้นสุดการถอดความ]

871
01:44:36,105 --> 01:44:40,105
-