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

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

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

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

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

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

7
00:01:04,004 --> 00:01:08,004
บางทีทำแอปนะ บางอันเขา

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

9
00:01:12,009 --> 00:01:16,009
นะคะ เพราะฉะนั้น เราจะทำหน้า Login นี่ เราจะทำอย่างไร

10
00:01:16,013 --> 00:01:20,013
พิมพ์ Thunkable Thunkable ของเรา

11
00:01:20,016 --> 00:01:24,016

12
00:01:28,022 --> 00:01:32,022
Thunkable

13
00:01:40,029 --> 00:01:44,029
แล้วก็ให้ Login เข้า

14
00:01:44,032 --> 00:01:48,032
จำได้นะ Password อะไร ตัวเองอะไรน่ะ

15
00:01:48,034 --> 00:01:52,034
แล้วเราก็ให้ Login เข้า ที่เราสร้างไว้

16
00:01:52,034 --> 00:01:56,034
ในครั้งก่อนนะคะ ใช้อะไร Password ใช้ Google จะใช้

17
00:02:20,057 --> 00:02:24,057
ตอนนี้ เข้าผิดอันสะบ่

18
00:02:28,057 --> 00:02:32,057
ช่างเถอะ สงสัย

19
00:02:32,063 --> 00:02:36,063
จะไม่ใช่ตัวนี้

20
00:02:36,066 --> 00:02:40,066
งง ๆ

21
00:02:40,070 --> 00:02:44,070
Google นะ แต่มี 2-3 ตัว

22
00:02:44,073 --> 00:02:48,073
ไม่ออกให้ผมด้วย

23
00:02:48,076 --> 00:02:52,076
ผมจะออกก่อน

24
00:02:52,080 --> 00:02:56,080
Sign out เข้าไม่ถูกอันน่ะ

25
00:03:04,087 --> 00:03:08,087
เข้าใหม่

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

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

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

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

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

31
00:03:36,114 --> 00:03:40,114
ทีนี้ตัวนี้

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

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

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

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

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

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

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

39
00:04:12,127 --> 00:04:16,127
... Category

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

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

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

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

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

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

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

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

48
00:09:52,363 --> 00:09:56,363
Password แล้วก็ปุ่ม Login ใช่ไหมคะ

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

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

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

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

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

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

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

56
00:10:28,385 --> 00:10:32,385
Column

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

58
00:10:36,392 --> 00:10:40,392
ขี้เกียจ

59
00:10:40,396 --> 00:10:44,396
พิมพ์ค่ะ Search C-o-l

60
00:10:44,399 --> 00:10:48,399
-ขี้เกียจเลื่อน ไอ้นี่หาก็ให้พิมพ์

61
00:10:48,400 --> 00:10:52,400
ลงไป c-o ทำไ

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

63
00:10:56,408 --> 00:11:00,408
C-o-

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

80
00:13:40,523 --> 00:13:44,523
น่ะ Thunkable

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

82
00:13:48,528 --> 00:13:52,528
โลโก้แบบนี้ ไอ้อะไรนะอะไรนะ

83
00:13:52,532 --> 00:13:56,532
ี้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

99
00:16:04,621 --> 00:16:08,621
ไหนบอกว่า

100
00:16:12,627 --> 00:16:16,627
Free ขี้ตั๊วะเบเบ๊ อย่าลืมหาคำว่า "Free" ด้วยนะเด็ก ๆ

101
00:16:16,631 --> 00:16:20,631
เดี๋ยวไม่ได้นะคะ Freedownload ด้วย เดี๋ยวติดลิขสิทธิ์อีก

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

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

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

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

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

107
00:16:48,652 --> 00:16:52,652
Premium free download

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

135
00:18:44,738 --> 00:18:48,738
แล้วก็คำว่า Log in ลงไป l-o

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

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

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

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

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

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

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

143
00:19:16,758 --> 00:19:20,758
อยากได้แบบไหน

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

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

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

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

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

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

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

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

152
00:19:56,782 --> 00:20:00,782
Text Align นะคะ คือ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

178
00:22:12,868 --> 00:22:16,868
ไอ้ตัวขาว ๆ 2 อันนี้นะคะ กรอบขาว ๆ ไอ้ตัว

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

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

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

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

183
00:22:32,881 --> 00:22:36,881
ield" หรือ Text input

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

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

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

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

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

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

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

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

192
00:23:08,904 --> 00:23:12,904

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

211
00:24:52,978 --> 00:24:56,978
password

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

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

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

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

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

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

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

219
00:25:37,001 --> 00:25:41,001
รูปเป็นรูปคนกับรูปลูกกุญแจนะ

220
00:25:41,005 --> 00:25:45,005
เราจะให้มันเห็น icon นี้

221
00:25:45,008 --> 00:25:49,008
ทำอย่างไร ไปที่

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

223
00:25:53,013 --> 00:25:57,013
ใส่เข้าไปในนี้

224
00:25:57,017 --> 00:26:01,017
ใส่ได้ไหม

225
00:26:13,028 --> 00:26:17,028
ให้ใส่เข้าไปไหนนี่ เดี๋ยวให้ใส่เข้าไป

226
00:26:17,031 --> 00:26:21,031
ใน Text ไหนล่ะ

227
00:26:25,039 --> 00:26:29,039
ไม่ให้ใส่เข้าไปข้างใน

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

229
00:26:33,044 --> 00:26:37,044
ก็คือเราก็จะมี image เล็ก ๆ

230
00:26:37,047 --> 00:26:41,047
นี่ 2 อันนะคะ

231
00:26:49,056 --> 00:26:53,056
โอเคไหมคะ

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

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

234
00:27:01,063 --> 00:27:05,063
ะ หาต่อสิครับ

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

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

237
00:27:33,075 --> 00:27:37,075
รูปต่อไป

238
00:27:37,078 --> 00:27:41,078
ก็คือรูปกุญแจ

239
00:27:45,084 --> 00:27:49,084
หาต่อ ๆ

240
00:27:49,085 --> 00:27:53,085

241
00:27:53,088 --> 00:27:57,088
แม่กุญแจ กุญแจอยู่ไหนนะ

242
00:27:57,091 --> 00:28:01,091
เจอแต่กุญแจ เจอแต่ลูกกุญแจ

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

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

245
00:28:25,111 --> 00:28:29,111
เอาตัวนี้

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

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

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

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

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

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

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

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

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

255
00:29:09,149 --> 00:29:13,149
login1 open

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

274
00:31:21,231 --> 00:31:25,231
ติ๊ก ๆ อย่างนี้เห็นไหมคะ กับ forget password

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

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

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

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

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

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

281
00:31:49,252 --> 00:31:53,252
เราได้ chack box แล้ว

282
00:31:53,255 --> 00:31:57,255
1 อัน แล้วมีอะไรต่อจาก Checkbox

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

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

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

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

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

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

289
00:32:25,277 --> 00:32:29,277
m-e-b-e-r member

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

291
00:32:37,287 --> 00:32:41,287
เดี๋ยวเปลี่ยน font สี font ก่อนจะได้เห็น สี

292
00:32:45,293 --> 00:32:49,293
เห็นไหมคะ

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

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

295
00:32:57,304 --> 00:33:01,304
กดผิดอยู่เรื่อยเลย แล้วก็มี

296
00:33:01,307 --> 00:33:05,307
for got password

297
00:33:05,309 --> 00:33:09,309
Forgot Password นี่ มันเป็นเขาเรียกว่าอะไรล่ะ เป็นเหมือน Text Link น่ะ

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

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

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

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

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

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

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

305
00:33:49,331 --> 00:33:53,331
Label นี้ ใส่คำว่า... พื้นที่

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

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

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

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

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

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

312
00:34:21,351 --> 00:34:25,351
Forgot Password นะเด็ก ๆ

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

314
00:34:29,357 --> 00:34:33,357
นะคะ f-o-r

315
00:34:33,360 --> 00:34:37,360
f-o-r  forgot

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

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

318
00:34:45,368 --> 00:34:49,368
forgot

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

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

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

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

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

324
00:35:09,385 --> 00:35:13,385
Forgot Password ก็ลด

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

326
00:35:17,391 --> 00:35:21,391
ก็คือ 14 นะคะ ทำไซ

327
00:35:21,394 --> 00:35:25,394
ซ์ให้เท่ากัน แล้วก็สี

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

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

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

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

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

333
00:35:53,416 --> 00:35:57,416
นะ color

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

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

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

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

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

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

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

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

342
00:36:37,444 --> 00:36:41,444
หรือปุ่มโค้ง ดูนะคะ เราไปเลือก botton

343
00:36:41,447 --> 00:36:45,447
ค่ะ คลิก button แล้วล

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

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

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

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

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

349
00:37:05,453 --> 00:37:09,453
i-n Login

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

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

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

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

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

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

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

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

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

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

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

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

362
00:38:13,490 --> 00:38:17,490
นะคะ สี

363
00:38:21,497 --> 00:38:25,497
น้ำเงินไหม สีม่วง

364
00:38:25,500 --> 00:38:29,500
ไหม โอเค

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

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

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

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

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

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

371
00:38:57,518 --> 00:39:01,518
Radiance น่ะ

372
00:39:01,521 --> 00:39:05,521
แก้ตรง Radiance นะ ความ

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

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

375
00:39:13,529 --> 00:39:17,529
ค่า Radiant เลย โอเคไหม

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

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

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

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

380
00:39:33,545 --> 00:39:37,545
ใส่ไอ้นี่ลงไปแล้วกด login เข้าไปนี่

381
00:39:37,548 --> 00:39:41,548
มันจะเอาไปเก็บไว้ที่ไหน เดี๋ยวขอเดินดูก่อนนะคะ

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

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

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

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

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

387
00:40:09,568 --> 00:40:13,568
ใน Box ไง ใน Code น่ะ

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

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

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

391
00:42:29,665 --> 00:42:33,665
label คำว่า user login

392
00:42:33,668 --> 00:42:37,668
ใช้ label ทำ นะลูกนะ เห็นหรือเปล่า

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

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

395
00:42:45,676 --> 00:42:49,676
ช่องที่ 3 กับ 4 ใช้ text input

396
00:42:49,677 --> 00:42:53,677
เห็นไหม ลาก Text Input

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

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

399
00:43:05,690 --> 00:43:09,690
วางเป็นอันที่ 2 ข้างในก็เปลี่ยนเป็น

400
00:43:21,700 --> 00:43:25,700
User Login เหมือนตัวอย่างนะ มันตรงส่วนการเชื่อมน่ะ

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

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

403
00:43:33,709 --> 00:43:37,709
บางคนเขาก็ใช้ mt อะไร

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

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

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

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

408
00:43:53,726 --> 00:43:57,726
3 กับ 4

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

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

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

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

413
00:50:06,423 --> 00:50:10,423
โอเคไหมคะ ได้องค์ประกอบ

414
00:50:10,426 --> 00:50:14,426
ตัวนี้แล้วนะ เสร็จแล้ว ทีนี้

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

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

417
00:50:38,448 --> 00:50:42,448
ที่เขาใช้นะ

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

419
00:50:46,452 --> 00:50:50,452
"Firebase" นะคะ มันจะเป็นของต

420
00:50:54,458 --> 00:50:58,458
ระกูล Google นี่ล่ะ F-i-n-d B-

421
00:50:58,458 --> 00:51:02,458
a-s-e

422
00:51:06,462 --> 00:51:10,462
Find Base อยู่ไหน

423
00:51:10,464 --> 00:51:14,464
นะ นี่ ๆ Firebase

424
00:51:14,469 --> 00:51:18,469
.google.com

425
00:51:18,472 --> 00:51:22,472
ให้เราหา

426
00:51:22,475 --> 00:51:26,475
Firebase.google.com นะเด็ก ๆ เจอไหม พิมพ์ F-i-r-e

427
00:51:30,482 --> 00:51:34,482
-b-a-s-e นะคะ ให้

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

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

430
00:51:46,493 --> 00:51:50,493
ชื่อ Firebase ตัวนี้ หน้าตาอย่างนี้

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

432
00:51:54,497 --> 00:51:58,497
กด

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

434
00:52:02,502 --> 00:52:06,502
ตอนนี้เปิดมาที่ firebese หรือยัง

435
00:52:54,536 --> 00:52:58,536
เพราะ

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

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

438
00:53:10,549 --> 00:53:14,549
ให้เราด้วยบัญชี Google เพราะเรา Log in ด้วยบัญชี Google ไป

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

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

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

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

443
00:53:34,570 --> 00:53:38,570
ct ใหม่นะ คลิก 1 ครั้ง ตรงช่องนี้นะเด็ก ๆ นะ

444
00:53:38,571 --> 00:53:42,571
enter your

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

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

447
00:53:50,581 --> 00:53:54,581
อะไรนะ login นะ

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

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

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

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

452
00:54:22,599 --> 00:54:26,599
ของเขานะ แล้วก็กด Continue

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

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

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

456
00:54:46,616 --> 00:54:50,616
คุณจะทำนั่นนี่นู่น เสร็จแล้วเราก็คลิก Continue เลย ไม่ต้องไปอ่านนะ

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

458
00:54:58,625 --> 00:55:02,625
ไม่ใช่เรา แล้วเขาก็ถามเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

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

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

461
00:55:14,637 --> 00:55:18,637
นะคะ I Accept

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

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

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

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

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

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

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

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

470
00:58:06,767 --> 00:58:10,767
ทุกคนอยู่หน้า

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

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

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

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

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

476
00:59:30,828 --> 00:59:34,828
คลิกที่คำว่า "Build

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

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

479
00:59:42,837 --> 00:59:46,837
มีมอนิเตอร์ มีอนารี

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

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

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

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

484
01:00:14,852 --> 01:00:18,852
แล้วคลิกที่ Authentication

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

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

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

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

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

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

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

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

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

494
01:01:06,888 --> 01:01:10,888
อ การระบุตัวตนน่ะ คลิกเปิดที่ Enable

495
01:01:10,890 --> 01:01:14,890
Enable

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

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

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

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

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

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

502
01:01:42,914 --> 01:01:46,914
โทรศัพท์ แล้วก็เลือก Enable เหมือนกัน นึกออกนะคะ

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

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

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

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

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

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

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

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

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

512
01:02:26,943 --> 01:02:30,943
Authen ที่

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

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

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

516
01:02:42,955 --> 01:02:46,955
Anominus

517
01:02:46,958 --> 01:02:50,958
และก็ password ใช้ 2 ตัว เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

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

519
01:04:55,044 --> 01:04:59,044
อันนี้ พอเราย้อนกลับมานะคะ

520
01:04:59,047 --> 01:05:03,047
มาดู

521
01:05:03,050 --> 01:05:07,050
ตรง Build

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

523
01:05:19,060 --> 01:05:23,060
มันจะขึ้นว่าสถานะตรงนี Enable ใช่งานได้แล้ว

524
01:05:23,063 --> 01:05:27,063
เสร็จแล้วให้เรามาตรงนี้ Project overview

525
01:05:27,065 --> 01:05:31,065
แล้วเลือก Project Setting

526
01:05:31,067 --> 01:05:35,067
No No No

527
01:05:35,070 --> 01:05:39,070
มันจะเข้ามาที่หน้า  Project setting

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

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

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

531
01:05:51,080 --> 01:05:55,080
มันเพราะตอนนี้มันบอกว่าเรา

532
01:05:55,083 --> 01:05:59,083
เรา ยังไม่มีแอปในโปรเจกนี้

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

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

535
01:06:07,088 --> 01:06:11,088
เห็นไหมคะ

536
01:06:11,090 --> 01:06:15,090
มันมี ids แล้วก็มีรู้ Printer

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

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

539
01:06:35,108 --> 01:06:39,108
ตรงตำแหน่งนี้ My Web app นี่

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

541
01:06:51,118 --> 01:06:55,118
ของเรา ก็คือ E-Book ไหมคะ

542
01:06:55,121 --> 01:06:59,121
มันจะใช้ว่าอะไร เดี๋ยวอันไหนไม่ใช้

543
01:06:59,124 --> 01:07:03,124
จะปิดแล้วนะ

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

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

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

547
01:07:23,136 --> 01:07:27,136
E

548
01:07:35,144 --> 01:07:39,144
เดี๋ยว

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

550
01:07:43,148 --> 01:07:47,148
E-book เดี๋ยวว่าไม่รู้จักชื่อนี้นะคะ

551
01:07:47,150 --> 01:07:51,150
ให้ดูชื่อที่ตัวเองพิมพ์นะ

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

553
01:07:55,156 --> 01:07:59,156
เด็ก ๆ แล้วก็พิมพ์ลงไป

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

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

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

557
01:09:55,249 --> 01:09:59,249
ดูว่าชื่อที่พิมพ์ไว้ว่าอะไร ให้ดูตรงหัวนะ

558
01:09:59,253 --> 01:10:03,253
เสร็จแล้วกด Register App

559
01:10:03,253 --> 01:10:07,253
ได้เลย

560
01:10:11,257 --> 01:10:15,257
ชื่อที่จะใส่น่ะ เป็นชื่อแอปฯ ที่เราสร้าง

561
01:10:15,261 --> 01:10:19,261
นี่ ๆ อยู่ข้างบนนี่

562
01:10:23,268 --> 01:10:27,268
มันจะมี code มา เห็นไหมคะ

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

564
01:10:31,271 --> 01:10:35,271
ไปใส่ในแอปเรานั่นเองนะคะ ก๊อบไปวางในแอปเร

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

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

567
01:10:51,279 --> 01:10:55,279
ไม่แน่ใจจะเห็นไหมนี่

568
01:10:59,286 --> 01:11:03,286
มันใช้ว่าอะไรนะ Version นี้

569
01:11:07,292 --> 01:11:11,292
Component

570
01:11:27,305 --> 01:11:31,305
Sign in ไม่เจอ

571
01:11:31,308 --> 01:11:35,308
มันจะไปต่อไม่ได้

572
01:11:35,309 --> 01:11:39,309
มันต้องใช้อะไรนี่

573
01:11:39,312 --> 01:11:43,312
Data viewer

574
01:11:43,315 --> 01:11:47,315

575
01:11:59,323 --> 01:12:03,323
list ไม่ใช่ data viewer gird data assen setting

576
01:12:03,325 --> 01:12:07,325

577
01:12:07,328 --> 01:12:11,328
หาก่อนนะ

578
01:12:15,332 --> 01:12:19,332
คะ component

579
01:12:31,341 --> 01:12:35,341
all ten singinm

580
01:12:35,344 --> 01:12:39,344
ต้องการหา Signin

581
01:12:39,347 --> 01:12:43,347
ไม่ใช่

582
01:13:07,368 --> 01:13:11,368
My data sourse หรือ

583
01:13:11,370 --> 01:13:15,370
ก็ไม่ใช่

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

585
01:13:51,403 --> 01:13:55,403
ขอ

586
01:13:55,407 --> 01:13:59,407
Search ก่อนนะคะ Thunkable x คืออะไร

587
01:13:59,411 --> 01:14:03,411
พิมพ์ผิดพิมพ์ถูกกันแล้ว

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

589
01:14:39,444 --> 01:14:43,444
update

590
01:14:43,447 --> 01:14:47,447
อย่างไรอาจจะต้อง Update Thunkable เราสักหน่อย

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

592
01:14:55,453 --> 01:14:59,453
... ใช้

593
01:14:59,458 --> 01:15:03,458
ฟังก์ชันนั้นไม่ได้น่ะ

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

595
01:15:15,469 --> 01:15:19,469
ขอ test ตัวนี้ก่อนนะเด็กๆ ๆแป๊บหนึ่งนะเด็ก ๆ

596
01:15:19,470 --> 01:15:23,470
มันต่างกันหรือ

597
01:15:23,474 --> 01:15:27,474
อยากรู้ อยากรู้

598
01:15:27,476 --> 01:15:31,476
มันก็ขึ้น Thunkable เหมือนกันนี่

599
01:15:35,481 --> 01:15:39,481
นะ เพราะมัน

600
01:15:39,482 --> 01:15:43,482
Components มันมีไม่ครบ

601
01:15:47,487 --> 01:15:51,487
Thunkable

602
01:15:51,489 --> 01:15:55,489
Solution เดี๋ยวนะ

603
01:15:55,491 --> 01:15:59,491
Integration

604
01:16:03,497 --> 01:16:07,497
Commodity Doc Resource Login Logout ไม่ใช่น่ะ เราจะต้อง

605
01:16:11,503 --> 01:16:15,503
Using Taskable Live App ไม่

606
01:16:19,510 --> 01:16:23,510
ก็ไม่ใช่ มันเป็น Test

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

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

609
01:18:03,581 --> 01:18:07,581
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

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

611
01:18:11,584 --> 01:18:15,584
น่ะ ใน Thunkable ของเรา ก็คือ Tool ที่ Sign in

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

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

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

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

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

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

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

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

620
01:18:59,621 --> 01:19:03,621
Back to editing

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

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

623
01:19:11,628 --> 01:19:15,628
text input 1 usernam

624
01:19:15,631 --> 01:19:19,631
e ใช่ไหม

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

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

627
01:19:27,642 --> 01:19:31,642
พิมพ์นะ set text

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

629
01:19:35,648 --> 01:19:39,648
text input Username Text

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

631
01:19:55,664 --> 01:19:59,664
ฺ Border

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

633
01:20:03,672 --> 01:20:07,672
Cheang

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

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

636
01:20:15,681 --> 01:20:19,681
ให้ทำอะไร เลือกอันนี้ออกไปก่อน เลือกออกมาวาง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

652
01:21:35,737 --> 01:21:39,737
อยู่ที่ซีน 1 sinvpy'

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

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

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

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

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

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

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

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

661
01:22:11,766 --> 01:22:15,766
ตอนแรกที่ test น่ะ พอพิมพ์ปุ๊บ

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

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

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

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

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

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

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

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

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

671
01:22:55,792 --> 01:22:59,792
ลบทิ้ง

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

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

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

675
01:23:11,804 --> 01:23:15,804
สิ่งแรก ก็คือเมื่อ text input

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

677
01:23:19,812 --> 01:23:23,812
ใช่ไหมคะ เราเลือกตัวนี้ออกมา

678
01:23:23,815 --> 01:23:27,815
สิ่งที่จะต้องเกิดขึ้นต่อใน Text Input Username ก็คือมันจะต้องให้

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

680
01:23:31,822 --> 01:23:35,822
ให้ set ค่าของ Text Input น่ะ

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

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

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

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

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

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

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

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

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

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

691
01:24:31,868 --> 01:24:35,868
password เมื่อคลิกเข้าไป

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

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

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

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

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

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

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

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

700
01:25:23,906 --> 01:25:27,906
set text

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

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

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

704
01:25:39,917 --> 01:25:43,917
นะ Keyboard Type พิมพ? เสร็จแล้วตรงนี้

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

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

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

708
01:25:55,928 --> 01:25:59,928
Default ไม่ใช่แล้ว ไม่ใช่ Set Default เราไม่ได้ set

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

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

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

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

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

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

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

716
01:26:59,975 --> 01:27:03,975
Text in password ก็

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

718
01:27:11,987 --> 01:27:15,987
มันต้องซ่อนสิ password

719
01:27:15,988 --> 01:27:19,988
ไม่ให้ show นะ ต้องซ้อนนะ

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

721
01:27:23,994 --> 01:27:27,994
จะซ่อนให้เราไหมล่ะ เราลอง test ดูนะคะ

722
01:27:28,000 --> 01:27:32,000
เพราะตอนพิมพ์ password ตามหลักก็ต้องไม่แสดง

723
01:27:32,000 --> 01:27:36,000
ข้อความนะ User น่ะไม่แสดง

724
01:27:44,012 --> 01:27:48,012
User แสดงอย่างนี้ได้ นะ เหมือนแสดงชื่อ แต่ passwor

725
01:27:48,014 --> 01:27:52,014
d มันไม่ควรแสดงชื่อไหม

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

727
01:28:00,021 --> 01:28:04,021
นี่ ตอนนี้มันยังไม่ซ่อน

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

729
01:28:08,026 --> 01:28:12,026
กลับไปแก้ ซ่อนอะไรคะ

730
01:28:12,030 --> 01:28:16,030
To Default บ่ Password hint น่าจะเป็น to Default

731
01:28:16,033 --> 01:28:20,033
หรือ Tool อะไร

732
01:28:20,034 --> 01:28:24,034
มีหลายตัว

733
01:28:24,035 --> 01:28:28,035
เลือกเป็น...

734
01:28:32,039 --> 01:28:36,039
เมื่อคลิก password

735
01:28:36,042 --> 01:28:40,042

736
01:28:40,047 --> 01:28:44,047
แล้ว

737
01:28:44,050 --> 01:28:48,050
พิมพ์ Password ลงไปปุ๊บ

738
01:29:08,065 --> 01:29:12,065
เมื่อพิมพ์ Password ลง

739
01:29:12,067 --> 01:29:16,067
นะคะ SetText Input เป็นซ่อน

740
01:29:16,070 --> 01:29:20,070
แล้วก็ To...  ไม่ให้เอาออก

741
01:29:28,080 --> 01:29:32,080
จัด Text

742
01:29:32,081 --> 01:29:36,081
แล้วก็ทำให้ Text Input เป็นซ่อน ลองดูสิ

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

744
01:29:40,088 --> 01:29:44,088
จาก Text

745
01:29:44,091 --> 01:29:48,091
ใช่ไหม จาก Text ให้มันซ่อน ได้ไหม

746
01:29:48,094 --> 01:29:52,094
ขอลองอันล่างเลย

747
01:29:52,094 --> 01:29:56,094
ไม่ซ่อน

748
01:29:56,098 --> 01:30:00,098
เราใส่สลับ

749
01:30:00,099 --> 01:30:04,099
เอาใหม่ Edit ใหม่

750
01:30:04,102 --> 01:30:08,102
ต้องไล่ให้ถูกนะนี่

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

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

753
01:30:28,118 --> 01:30:32,118
ที่พิมพ์จากคีย์บอร์ด

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

755
01:30:40,128 --> 01:30:44,128
มันจะซ่อนให้ไหมน่ะ

756
01:30:44,132 --> 01:30:48,132
Text Input เมื่อกำหนดค่า

757
01:30:48,134 --> 01:30:52,134
เมื่อ Text Input  Password

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

759
01:30:56,144 --> 01:31:00,144
ม

760
01:31:00,146 --> 01:31:04,146
ีการพิมพ์ปุ๊บนี่ ให้มัน

761
01:31:04,148 --> 01:31:08,148

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

763
01:31:12,152 --> 01:31:16,152

764
01:31:16,156 --> 01:31:20,156
ยังติดอยู่นะคะ

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

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

767
01:31:32,168 --> 01:31:36,168
ต้องกำหนดตัวแปรเ

768
01:31:36,172 --> 01:31:40,172
ปล่านะนี่ น่าจะใช่

769
01:31:40,176 --> 01:31:44,176
กำหนดตัวแปรให้เก็บค่าของ Text Password

770
01:31:44,178 --> 01:31:48,178
text username

771
01:31:48,181 --> 01:31:52,181
Text Password

772
01:31:52,183 --> 01:31:56,183
ไหน box ที่ 2 Box ที่ 1

773
01:31:56,188 --> 01:32:00,188
ไม่มีปัญหา ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

774
01:32:00,192 --> 01:32:04,192
variabl

775
01:32:40,217 --> 01:32:44,217
e ไปที่ Text ไปที่ Text

776
01:32:44,220 --> 01:32:48,220
ทำให้เป็นตัวใหญ่

777
01:32:48,223 --> 01:32:52,223
ทำให้ text

778
01:33:08,236 --> 01:33:12,236
ไปที่ List ไปที่ Color

779
01:33:12,238 --> 01:33:16,238
เป็นจริง

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

781
01:33:20,244 --> 01:33:24,244
เป็นจริงปุ๊บ

782
01:33:24,249 --> 01:33:28,249
ถึงที่จะต้องทำต่อ

783
01:33:28,252 --> 01:33:32,252
ขาดไปไหนนะ

784
01:33:32,256 --> 01:33:36,256
Sign in ขึ้นมาแล้ว เจอแล้ว

785
01:33:36,259 --> 01:33:40,259
แต่มันมาอยู่ใน...

786
01:33:44,267 --> 01:33:48,267
เราจะเอามันไปใส่ใน

787
01:33:48,267 --> 01:33:52,267
ไหนได้

788
01:33:52,269 --> 01:33:56,269

789
01:33:56,272 --> 01:34:00,272
Signin มันจะต้อง เขาบอกว่า

790
01:34:00,276 --> 01:34:04,276
ให้มันอยู่ตรง...

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

792
01:34:16,288 --> 01:34:20,288
App Feature

793
01:34:28,297 --> 01:34:32,297
Sign in

794
01:34:32,304 --> 01:34:36,304
Sign in

795
01:34:36,305 --> 01:34:40,305
Sing in hello at Email

796
01:34:44,310 --> 01:34:48,310

797
01:34:48,313 --> 01:34:52,313
Reset Password

798
01:34:52,316 --> 01:34:56,316
for Delete User Sign Up

799
01:34:56,316 --> 01:35:00,316
เขาให้กำหนดเป็นแบบนี้หรือ

800
01:35:00,319 --> 01:35:04,319
Do  Sign up

801
01:35:04,319 --> 01:35:08,319
do Sign Up Do

802
01:35:08,319 --> 01:35:12,319
Sign In do

803
01:35:20,327 --> 01:35:24,327
ไม่ให้ใช้น่ะ

804
01:35:24,330 --> 01:35:28,330
ไม่ยอมให้ใช้ Features นี้น่ะ

805
01:35:28,333 --> 01:35:32,333
ใช้ไม่เหมือนกัน

806
01:35:36,338 --> 01:35:40,338
น่ะ ทำไม Faeture นี้ ไปใช้ตรงนี้ไม่ได้ เราจะเอา

807
01:35:40,341 --> 01:35:44,341
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

808
01:36:48,390 --> 01:36:52,390
ไม่เหมือนกันนะ

809
01:36:52,393 --> 01:36:56,393
ใช้ไม่เหมือนน่ะ

810
01:37:16,410 --> 01:37:20,410
เดี๋ยวนะคะ Sign Up

811
01:37:20,414 --> 01:37:24,414
อันนี้หรือ

812
01:37:36,427 --> 01:37:40,427
ให้ทำอะไร ให้ลงทะเบียน

813
01:37:40,430 --> 01:37:44,430

814
01:37:44,433 --> 01:37:48,433
โดยใช้ Email หรือ Passw

815
01:37:48,435 --> 01:37:52,435
ord ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

816
01:38:04,448 --> 01:38:08,448
บอกว่าให้ก๊อบ

817
01:38:08,451 --> 01:38:12,451
ทำไม

818
01:38:12,453 --> 01:38:16,453
เราใช้ Thunkable x ไม่ได้ล่ะ

819
01:38:16,457 --> 01:38:20,457
Thunkable X

820
01:38:44,472 --> 01:38:48,472
เอามาจากไหนนะ Thunkable X

821
01:39:04,488 --> 01:39:08,488
มันจะเพิ่ม Signin ได้

822
01:39:08,492 --> 01:39:12,492
นี่ไงเขาบอก แต่ของเราไม่เป็น X

823
01:40:00,521 --> 01:40:04,521
อ๋อ ถ้า

824
01:40:04,521 --> 01:40:08,521
Thunkable X ก็คือต้องใช้ IOS

825
01:40:08,527 --> 01:40:12,527
เข้าใจแล้ว

826
01:40:28,542 --> 01:40:32,542
ทดสอบแอป

827
01:40:32,545 --> 01:40:36,545
มันยังไม่ Release

828
01:40:36,547 --> 01:40:40,547
ใช้ไม่ได้ ต้องเป็น

829
01:40:40,551 --> 01:40:44,551
... ข้อจำกัด

830
01:40:44,552 --> 01:40:48,552
เยอะเหมือนกันนะนี่

831
01:40:56,559 --> 01:41:00,559
โอเค เดี๋ยว

832
01:41:00,559 --> 01:41:04,559
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

833
01:41:04,563 --> 01:41:08,563
ของเรามัน... มันไม่เป็น

834
01:41:08,566 --> 01:41:12,566
มันไม่เป็น Thunkable X น่ะ

835
01:41:12,569 --> 01:41:16,569
มันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

836
01:41:16,570 --> 01:41:20,570
ถ้า Thunkable x น่ะ มันจะเป็น...

837
01:41:20,574 --> 01:41:24,574
ก็คือเราก็จะมา

838
01:41:24,574 --> 01:41:28,574
ก็อบ Firebase น่ะค่ะ

839
01:41:28,576 --> 01:41:32,576
ก็อบ Firebase แล้วเอาไปวาง Signin เลย Components นี้ มันจะเป็นเหมือน

840
01:41:32,578 --> 01:41:36,578
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable เดิมเรานี่

841
01:41:36,578 --> 01:41:40,578
เดิมเรานี่ ให้เป็น Thunk

842
01:41:40,579 --> 01:41:44,579
able x ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

843
01:41:44,583 --> 01:41:48,583
เราจะเอามาใช้งาน

844
01:41:48,586 --> 01:41:52,586
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าแก้ไม่ได้ อาจจะเปลี่ยนเป็นถ้าเชื่อมไม่

845
01:41:52,588 --> 01:41:56,588
โดยวิธีอื่น

846
01:41:56,592 --> 01:42:00,592
ตอนนี้ คือ เชื่อมด้วย Firebase

847
01:42:00,592 --> 01:42:04,592
จะใช้ได้ ก็ต่อเมื่อ Thunkable เรามันเป็น Thunkable

848
01:42:04,597 --> 01:42:08,596
x ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

849
01:42:08,596 --> 01:42:12,596

850
01:42:12,599 --> 01:42:16,599
ทีนี้ เนื่องจากสัปดาห์หน้า

851
01:42:16,602 --> 01:42:20,602
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

852
01:42:20,605 --> 01:42:24,605
ทำการบ้านที่สั่งไว้ให้น่ะ เสร็จหรือยัง

853
01:42:24,608 --> 01:42:28,608
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

854
01:42:28,611 --> 01:42:32,611
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

855
01:42:32,614 --> 01:42:36,614
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

856
01:42:36,617 --> 01:42:40,617
เราแค่มาแก้อัปเวอร์ชันมัน

857
01:42:40,621 --> 01:42:44,621
แค่อัปเวอร์ชันมัน

858
01:42:44,625 --> 01:42:48,625
แค่นั้นเอง มันน่าใช้ได้ จะนำมาไปใช้ตัวนี้

859
01:42:48,629 --> 01:42:52,629
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

860
01:42:52,632 --> 01:42:56,632
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

861
01:42:56,635 --> 01:43:00,635
สัปดาห์หน้าไม่อยู่ บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

862
01:43:00,640 --> 01:43:04,640
สำหรับสัปดาห์นี้

863
01:43:04,642 --> 01:43:08,642
เดี๋ยวจะขอพอแค่นี้นะคะ

864
01:43:08,646 --> 01:43:12,646
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

865
01:43:16,648 --> 01:43:20,648
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

866
01:43:20,651 --> 01:43:24,651
อ๋อ...

867
01:43:24,652 --> 01:43:28,652
แม่ไม่ปล่อยก็เลยไม่ไป อย่างนั้น

868
01:43:28,654 --> 01:43:32,654
งั้นเดี๋ยวปล่อยเลยนะคะ

869
01:43:40,663 --> 01:43:44,663
(นักศึกษาชาย) นักศึกษาทั้งหมดทำความเคารพ ขอบคุณครับ (อาจารย์สุธิรา)  Thunkable X

870
01:43:44,666 --> 01:43:48,666
ทำไมไม่อัปให้เราล่ะ