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

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

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

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

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

6
00:00:59,994 --> 00:01:03,994
หน้าล็อกอินทำอย่างไร

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

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

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

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

11
00:01:20,007 --> 00:01:24,007
Thunkable ของเรา

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

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

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

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

16
00:02:20,053 --> 00:02:24,053
เข้าผิดอันสะบ่

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

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

19
00:02:36,062 --> 00:02:40,062
งง ๆ

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

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

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

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

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

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

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

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

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

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

30
00:03:36,105 --> 00:03:40,105
ทีนี้ตัวนี้

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

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

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

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

35
00:03:56,115 --> 00:04:00,115
จะตั้งชื่อ App นี้ว่าอย่างไร

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

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

38
00:04:12,128 --> 00:04:16,128
Catagory

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

40
00:09:24,354 --> 00:09:28,354
ดูนะ ในรูป

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

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

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

44
00:09:40,368 --> 00:09:44,368
มีช่องกรอบ ๆ นี่ เราจะทำอย่างไร

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

46
00:09:48,373 --> 00:09:52,373
เหมือน... Username Password ใช่ไหมลูก

47
00:09:52,379 --> 00:09:56,379
มีปุ่มล็อกอินใช่ไหมคะ

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

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

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

51
00:10:08,389 --> 00:10:12,389
แล้วสวยงาม ไม่ใช่ โย้ไป โย้มา

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

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

54
00:10:20,396 --> 00:10:24,396
ชื่อว่า...

55
00:10:28,402 --> 00:10:32,402
Colum

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

57
00:10:36,404 --> 00:10:40,404
ขี้เกียจ Search

58
00:10:40,409 --> 00:10:44,409

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

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

61
00:10:52,414 --> 00:10:56,414
ม C-o-l-u-m-e

62
00:10:56,417 --> 00:11:00,417
c-o

63
00:11:24,433 --> 00:11:28,433
ไม่มี Coolu

64
00:11:32,446 --> 00:11:36,446
mn หรือ ทำไมล่ะ ๆ มี Componant

65
00:11:36,447 --> 00:11:40,447
ไหนอีกนี่

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

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

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

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

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

71
00:12:48,500 --> 00:12:52,500
อะไรคะ Image หรืออะไรลูก

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

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

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

75
00:13:08,509 --> 00:13:12,509
นะคะ

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

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

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

79
00:13:40,528 --> 00:13:44,528
ะ Thunkable

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

81
00:13:48,534 --> 00:13:52,534
ไอ้อะไรนะอะไร

82
00:13:52,537 --> 00:13:56,537
น

83
00:13:56,541 --> 00:14:00,541
ะ เอาแบบนี้ก็ได้

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

85
00:14:12,551 --> 00:14:16,551
Login นะคะ

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

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

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

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

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

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

92
00:15:32,611 --> 00:15:36,611
free หรือเปล่านี่

93
00:15:36,612 --> 00:15:40,612
ดูด้วยนะ

94
00:15:40,614 --> 00:15:44,614
ฟรี ฟรี ฟรี

95
00:15:44,615 --> 00:15:48,615
Download Image

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

97
00:16:00,626 --> 00:16:04,626
ให้ไหม

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

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

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

101
00:16:20,639 --> 00:16:24,639
free downloa

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

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

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

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

106
00:16:48,663 --> 00:16:52,663
Premium free download

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

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

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

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

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

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

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

114
00:17:24,688 --> 00:17:28,688
Logo login

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

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

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

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

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

120
00:17:48,705 --> 00:17:52,705
Login ก็คือมีอะไรคะ

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

122
00:17:56,711 --> 00:18:00,711
ว่าให้ login เข้าไป จะใช้คำว่าล็อกอิน

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

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

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

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

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

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

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

130
00:18:28,734 --> 00:18:32,734
ลาก label มาวาง

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

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

133
00:18:40,743 --> 00:18:44,742
User พิมพ์คำว่า "User"

134
00:18:44,742 --> 00:18:48,742
แล้วก็คำว่า Login ลงไป l-o

135
00:18:48,745 --> 00:18:52,745
-g-i-n

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

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

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

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

140
00:19:08,760 --> 00:19:12,760
ลงไปนะ

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

142
00:19:16,774 --> 00:19:20,771
รูปแบบ font เด็ก ๆ ลองเลือกอยากได้

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

144
00:19:24,779 --> 00:19:28,777
เดี๋ยวเราจะขอ Font  เนื่องจาก Background

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

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

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

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

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

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

151
00:19:56,793 --> 00:20:00,793
Test Align นะคะ คือ

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

153
00:20:04,798 --> 00:20:08,798
นะคะ

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

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

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

157
00:20:48,826 --> 00:20:52,826
โอเคนะ

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

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

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

161
00:21:04,838 --> 00:21:08,838
Label Label

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

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

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

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

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

167
00:21:32,855 --> 00:21:36,855
Image Image

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

169
00:21:40,862 --> 00:21:44,862
login

170
00:21:44,867 --> 00:21:48,867
icon login l-o-g-i-n

171
00:21:48,870 --> 00:21:52,870
นะคะ ปุ๊บ

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

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

174
00:22:00,876 --> 00:22:04,876
อย่างนี้เขาเรียกว่า "Tex

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

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

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

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

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

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

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

182
00:22:32,898 --> 00:22:36,898
หรือ Text input

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

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

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

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

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

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

189
00:23:00,915 --> 00:23:04,915
2 อันนะคะ

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

191
00:23:08,920 --> 00:23:12,920

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

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

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

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

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

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

198
00:23:56,956 --> 00:24:00,956
Test Input text input อันแรก

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

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

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

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

203
00:24:16,970 --> 00:24:20,970
Text Input Username

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

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

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

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

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

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

210
00:24:52,992 --> 00:24:56,992
password

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

212
00:25:05,000 --> 00:25:09,000
นะคะ เราได้ 2 ส่วนแล้วนะ ทีนี้

213
00:25:09,003 --> 00:25:13,003
ใน Username

214
00:25:13,007 --> 00:25:17,007
นะคะ ใน Username นี่ มันมีอะไรอยู่ด้วย

215
00:25:17,010 --> 00:25:21,010
เห็นหรือเปล่า มันใส่อะไรเข้าไป

216
00:25:29,018 --> 00:25:33,018
ในตัวอย่าง ๆ

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

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

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

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

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

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

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

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

225
00:26:17,051 --> 00:26:21,051
ใน Text ไหมล่ะ

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

227
00:26:29,059 --> 00:26:33,059
ไม่ให้ใส่ก็วางข้าง ๆ ได้

228
00:26:33,060 --> 00:26:37,060
นะ ก็คือเราก็มี image เล็ก ๆ

229
00:26:37,063 --> 00:26:41,063
2 อันนะคะ

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

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

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

233
00:27:01,082 --> 00:27:05,082
หาต่อสิครับ

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

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

236
00:27:33,098 --> 00:27:37,098
รูปต่อไป

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

238
00:27:45,104 --> 00:27:49,104
หาต่อ ๆ

239
00:27:49,109 --> 00:27:53,108

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

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

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

243
00:28:13,120 --> 00:28:17,120
หา Log ใช้คำว่า "Lo

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

245
00:28:29,128 --> 00:28:33,128

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

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

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

249
00:28:49,142 --> 00:28:53,142
ใคร

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

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

252
00:29:01,153 --> 00:29:05,153
Image 1

253
00:29:05,156 --> 00:29:09,156
image 1 Picture เลือกอัปโหลดไฟล์

254
00:29:09,159 --> 00:29:13,159
login 1 open

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

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

257
00:29:29,177 --> 00:29:33,177
ย่อขยาย

258
00:29:33,177 --> 00:29:37,177
เอานะคะ

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

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

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

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

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

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

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

266
00:30:45,223 --> 00:30:49,223
นะคะ

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

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

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

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

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

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

273
00:31:21,247 --> 00:31:25,247
เห็นไหมคะ กับ forget password

274
00:31:25,247 --> 00:31:29,247
แล้วก็ Login มี Button 1 อันนะคะ ปุ่มกด

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

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

277
00:31:37,252 --> 00:31:41,252
"Check box" เห็นไหมคะ

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

279
00:31:45,255 --> 00:31:49,255
ลากไปวาง

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

281
00:31:53,258 --> 00:31:57,258
1 อัน แล้วมีอะไรต่อจาก Check box

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

283
00:32:01,260 --> 00:32:05,260
Remember me มี Label

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

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

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

287
00:32:17,271 --> 00:32:21,271
"Remember me" R-e Remember

288
00:32:25,275 --> 00:32:29,275
m-e-b-e-r member

289
00:32:29,278 --> 00:32:33,278
แล้ว me m-e นะคะ

290
00:32:37,281 --> 00:32:41,281
เดี๋ยวเปลี่ยน font ก่อน

291
00:32:45,286 --> 00:32:49,286
จะได้เห็น เห็นไหมคะ

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

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

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

295
00:33:01,294 --> 00:33:05,294
forgot password

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

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

298
00:33:25,308 --> 00:33:29,308
label

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

300
00:33:33,313 --> 00:33:37,313
ตอนเชื่อมน

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

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

303
00:33:45,322 --> 00:33:49,322
ตัวนี้

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

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

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

307
00:34:01,334 --> 00:34:05,334
ใส่ forgot password ไม่ได้

308
00:34:05,337 --> 00:34:09,337
ลดลง 14 พอ

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

310
00:34:13,341 --> 00:34:17,341
แล้วก็

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

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

313
00:34:29,349 --> 00:34:33,349
นะคะ  f-o-r

314
00:34:33,352 --> 00:34:37,352
f-o-r forgot

315
00:34:37,353 --> 00:34:41,353
g-o-t got

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

317
00:34:45,358 --> 00:34:49,358
forgot

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

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

320
00:34:57,365 --> 00:35:01,365
P-a-s-s Pass W-

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

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

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

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

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

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

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

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

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

330
00:35:45,398 --> 00:35:49,398
นะ นะ นะ  ตำแหน่งไม่ค่อยได้

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

332
00:35:53,405 --> 00:35:57,405
color

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

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

335
00:36:05,413 --> 00:36:09,413
โอเค

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

337
00:36:21,428 --> 00:36:25,428
นะคะ

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

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

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

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

342
00:36:41,442 --> 00:36:45,442
คลิก button แล้วลง

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

344
00:36:49,445 --> 00:36:53,445
Button

345
00:36:53,449 --> 00:36:57,449
นี้

346
00:36:57,452 --> 00:37:01,452
พิมพ์ข้างในว่า "Login" เข้าไป

347
00:37:01,457 --> 00:37:05,457
พิมพ์คำว่า L-O ตัวใหญ่เลย L-O-G-

348
00:37:05,459 --> 00:37:09,459
i-n Login

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

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

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

352
00:37:21,472 --> 00:37:25,472
มีความ

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

354
00:37:29,478 --> 00:37:33,478

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

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

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

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

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

360
00:38:09,509 --> 00:38:13,509
Text Color

361
00:38:13,512 --> 00:38:17,512
นะคะ สี

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

363
00:38:25,521 --> 00:38:29,520
ไหม โอเค

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

365
00:38:37,527 --> 00:38:41,527
โอเคนะคะ

366
00:38:41,529 --> 00:38:45,529
งตัวนี้

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

368
00:38:49,531 --> 00:38:53,531
ตรง

369
00:38:53,536 --> 00:38:57,536
Border ใช่ไหมคะ

370
00:38:57,538 --> 00:39:01,538
lad น่ะ

371
00:39:01,539 --> 00:39:05,539
ความ

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

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

374
00:39:13,547 --> 00:39:17,547
โอเคไหม

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

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

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

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

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

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

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

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

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

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

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

386
00:40:09,588 --> 00:40:13,588
ตอนใน box ในโค้ดน่ะ

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

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

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

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

391
00:42:33,683 --> 00:42:37,683
น่ะ เห็นหรือเปล่า

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

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

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

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

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

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

398
00:43:05,695 --> 00:43:09,695
ลากเป็นอันที่ 2 ข้างในก็เปลี่ยนเป็น User login

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

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

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

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

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

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

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

406
00:43:49,725 --> 00:43:53,725
อันนี้ลูก เลือก text input อันที่

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

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

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

410
00:44:05,737 --> 00:44:09,736
ตรง 2 อันนี้ นะคะ 3 กับ 4 อันที่

411
00:44:09,736 --> 00:44:13,736
3 กับ 4

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

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

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

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

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

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

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

419
00:50:53,982 --> 00:50:57,982
ระกูล google นี่ล่ะ F-i-r-e B-

420
00:50:57,986 --> 00:51:01,986
a-s-e

421
00:51:05,992 --> 00:51:09,992
FireBase อยู่ไหน

422
00:51:09,992 --> 00:51:13,992
ล่ะ นี่ ๆ Firebase

423
00:51:13,995 --> 00:51:17,995
.google.com

424
00:51:17,998 --> 00:51:21,998
นะคะ ให้เราหา Fire

425
00:51:21,998 --> 00:51:25,998
base.google.com เจอไหม พิมพ์ F-i-r-e-

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

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

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

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

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

431
00:51:54,014 --> 00:51:58,014
.กด

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

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

434
00:52:54,051 --> 00:52:58,051
เพราะ

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

436
00:53:06,054 --> 00:53:10,054
เขาจะ Login

437
00:53:10,055 --> 00:53:14,055
ให้เราด้วยบัญชี Google เพราะเราล็อกอินด้วยบัญชี

438
00:53:14,058 --> 00:53:18,058
google ไปแล้วนะ ตั้งแต่ตอนที่เราใช้ตัวนั

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

440
00:53:22,061 --> 00:53:26,061
a New projects ค่ะ

441
00:53:26,062 --> 00:53:30,062
เห็นไหมคะ สร้าง project ใหม่นะ คลิก

442
00:53:34,067 --> 00:53:38,067
1 ครั้ง ตรงช่องนี้นะเด็ก ๆ นะ

443
00:53:38,070 --> 00:53:42,070
นี่ Enter your pro

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

445
00:53:46,075 --> 00:53:50,075
Firebase

446
00:53:50,078 --> 00:53:54,078
อะไรนะ login นะ

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

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

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

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

451
00:54:22,094 --> 00:54:26,094
เขานะ แล้วก็กด Continue

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

453
00:54:38,107 --> 00:54:42,107
นะคะ  for your

454
00:54:42,110 --> 00:54:46,110
firebase project

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

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

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

458
00:55:02,115 --> 00:55:06,115
T

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

460
00:55:14,121 --> 00:55:18,121
นะคะ I Accept

461
00:55:18,127 --> 00:55:22,127
เลือก

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

463
00:55:26,131 --> 00:55:30,131
ได้เลย

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

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

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

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

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

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

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

471
00:58:18,249 --> 00:58:22,249
Login หรือยัง บางทีต่อง Login ก่อน มันขึ้นอย่างนี้

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

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

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

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

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

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

478
00:59:42,301 --> 00:59:46,301
มีมอนิเตอร์มีอนารีเกต

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

480
00:59:50,305 --> 00:59:54,305
build คลิกไอ้รูป...

481
01:00:06,315 --> 01:00:10,315
รูป

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

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

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

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

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

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

488
01:00:46,344 --> 01:00:50,344
ทีนี้

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

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

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

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

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

494
01:01:10,362 --> 01:01:14,362

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

496
01:01:18,367 --> 01:01:22,367
ใช้...

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

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

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

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

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

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

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

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

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

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

507
01:02:06,396 --> 01:02:10,396
Enable

508
01:02:10,400 --> 01:02:14,400
เพราะเรามี 2 ใ

509
01:02:14,403 --> 01:02:18,403
ช่ไหมคะ เราใช้ 2 ตัวนะ เสร็จแล้วก็กด Save

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

511
01:02:26,412 --> 01:02:30,412
Authen ที่

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

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

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

515
01:02:42,425 --> 01:02:46,425
ชื่อ Anominus

516
01:02:46,427 --> 01:02:50,427
เพราะฉะนั้น ตรง Firebase เราเลยเลือก 2 ตัวนี้

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

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

519
01:04:58,491 --> 01:05:02,491

520
01:05:02,494 --> 01:05:06,494
ตรง Build

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

522
01:05:18,506 --> 01:05:22,506
เสร็จแล้วใ

523
01:05:22,509 --> 01:05:26,509
ห้มาตรง Project overview

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

525
01:05:30,511 --> 01:05:34,511
No No No

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

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

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

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

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

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

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

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

534
01:06:06,528 --> 01:06:10,528
เห็นไหมคะ

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

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

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

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

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

540
01:06:50,549 --> 01:06:54,549
ของเรา ก็คือ E-Book ไหมคะ

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

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

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

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

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

546
01:07:22,572 --> 01:07:26,572
E...

547
01:07:34,582 --> 01:07:38,582
เดี๋ยว

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

549
01:07:42,588 --> 01:07:46,588
E-book นะคะ

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

551
01:07:50,594 --> 01:07:54,594
ดูชื่อนี้ไว้นะ

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

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

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

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

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

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

558
01:10:02,672 --> 01:10:06,672
ได้เลย

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

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

561
01:10:22,681 --> 01:10:26,681
มันจะมี code มาเห็นไหมคะ

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

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

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

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

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

567
01:10:58,704 --> 01:11:02,704
มันใช้ว่าอะไรหว่า Versions นี้

568
01:11:06,709 --> 01:11:10,709
Component

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

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

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

572
01:11:38,730 --> 01:11:42,730
Data viewer

573
01:11:42,733 --> 01:11:46,733
list ไม่ใช่ Data viewer

574
01:11:58,742 --> 01:12:02,742
grid data assen s

575
01:12:02,745 --> 01:12:06,745
setting

576
01:12:06,747 --> 01:12:10,747
หาก่อนนะ

577
01:12:14,754 --> 01:12:18,754
componant

578
01:12:30,765 --> 01:12:34,765
Authentication

579
01:12:34,769 --> 01:12:38,769
sign in ต้องการหา Sign in

580
01:12:38,771 --> 01:12:42,771
loading location ไม่ใช่

581
01:13:06,790 --> 01:13:10,790
My data sourse หรือ

582
01:13:10,794 --> 01:13:14,794
ก็ไม่ใช่

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

584
01:13:50,818 --> 01:13:54,818
ขอ

585
01:13:54,819 --> 01:13:58,819
search ก่อนนะคะ Thunkable x คืออะไร

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

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

588
01:14:38,849 --> 01:14:42,849
update อย่

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

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

591
01:14:54,859 --> 01:14:58,859
ใช้

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

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

594
01:15:14,867 --> 01:15:18,867
ขอ Test ตัวนี้แป๊บหนึ่งนะเด็ก ๆ

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

596
01:15:22,868 --> 01:15:26,868
อยากรู้ ๆ

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

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

599
01:15:38,877 --> 01:15:42,877
Component มันมีไม่ครบ

600
01:15:46,883 --> 01:15:50,882

601
01:15:50,882 --> 01:15:54,882
Thunkable Solution เดี๋ยวนะ

602
01:15:54,882 --> 01:15:58,882
Integration co

603
01:16:02,883 --> 01:16:06,883
mmunity ใช่ไม่ เราจะต้อง

604
01:16:10,887 --> 01:16:14,887
Using Thunkable

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

606
01:17:54,940 --> 01:17:58,940
เพราะเขาบอก ว่า

607
01:17:58,942 --> 01:18:02,942
เราจะก๊อบไอ้ตัวนี้ แล้ว

608
01:18:02,945 --> 01:18:06,945
เอาไปวาง แต่ทีนี้ Tool หนึ่งที่เรา

609
01:18:06,948 --> 01:18:10,948
ไม่มีใน App เรา

610
01:18:10,951 --> 01:18:14,951
น่ะ ใน Thunkable ของเรา Tool ที่ Sign in

611
01:18:14,953 --> 01:18:18,953
มันไม่ขึ้นน่ะ Components นี้มันไม่ขึ้น

612
01:18:18,956 --> 01:18:22,956
มันก็จะวางไม่ได้

613
01:18:26,961 --> 01:18:30,961
ใช้ตัวไหนนะ เดี๋ยวขอ Test

614
01:18:30,962 --> 01:18:34,962
ดูนะคะ

615
01:18:34,966 --> 01:18:38,966
คือตอนนี้ เรากรอก

616
01:18:38,969 --> 01:18:42,969
ข้อมูลได้แต่จะไม่เก็บ

617
01:18:42,973 --> 01:18:46,973
เขาเรียกว่าอะไรล่ะ ฐานข้อมูลนะ

618
01:18:50,976 --> 01:18:54,976
ถ้าจะให้ไปเก็บ...

619
01:18:58,983 --> 01:19:02,983
แบบ Tool Editing

620
01:19:02,986 --> 01:19:06,986
นะคะ เดี๋ยวเรามาลองที่ Box ของเรา

621
01:19:06,988 --> 01:19:10,988
ก็แล้วกัน ไปที่ Box นะเด็ก ๆ ตัวแรกเลย ก็คือ Text Input 1 ไปที่

622
01:19:10,990 --> 01:19:14,990
input 1 usernam

623
01:19:14,993 --> 01:19:18,993
e ใช่ไห ม ไปที่ Text input1

624
01:19:18,996 --> 01:19:22,996
เมื่อ Text input username

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

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

627
01:19:31,005 --> 01:19:35,005
input text to

628
01:19:35,010 --> 01:19:39,010
Username Text

629
01:19:39,013 --> 01:19:43,013
Keyboard Type

630
01:19:55,024 --> 01:19:59,024
ฺBorder

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

632
01:20:03,030 --> 01:20:07,030
C

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

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

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

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

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

638
01:20:27,042 --> 01:20:31,042
ทำ...

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

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

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

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

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

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

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

646
01:21:15,077 --> 01:21:19,077
โอเคนะคะ

647
01:21:19,081 --> 01:21:23,081
เพราะตรงนี้ Username

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

649
01:21:27,087 --> 01:21:31,087
กลับไปที่ Back to Editing

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

651
01:21:35,096 --> 01:21:39,096
อยู่ที่ซีน 1 ห

652
01:21:39,096 --> 01:21:43,096
รือยัง ตอนนี้ที่เราจะกำหนดค่า ก็คือ

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

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

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

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

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

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

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

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

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

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

663
01:22:23,121 --> 01:22:27,121
นี่

664
01:22:27,124 --> 01:22:31,124
โอเคนะคะ

665
01:22:31,125 --> 01:22:35,125
โอเค

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

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

668
01:22:43,128 --> 01:22:47,128
นะคะ

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

670
01:22:55,131 --> 01:22:59,131
ลบทิ้ง Edit undo

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

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

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

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

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

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

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

678
01:23:27,139 --> 01:23:31,139
มันจะต้องให้ Set

679
01:23:31,142 --> 01:23:35,142
ค่าของ Text Input น่ะ

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

681
01:23:43,146 --> 01:23:47,146
นะคะ ดูนะคะ

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

683
01:23:59,152 --> 01:24:03,152
text Input

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

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

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

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

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

689
01:24:27,168 --> 01:24:31,168
When เมื่อเราคลิกเข้าไปใน Text Input

690
01:24:31,172 --> 01:24:35,172
password when...

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

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

693
01:24:43,181 --> 01:24:47,181
ให้ Set Text นี้เป็น

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

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

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

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

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

699
01:25:23,208 --> 01:25:27,208
set text

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

701
01:25:31,209 --> 01:25:35,209
Text Input Password นี่

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

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

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

705
01:25:47,220 --> 01:25:51,220
เห็นไหม

706
01:25:51,222 --> 01:25:55,222
set d

707
01:25:55,223 --> 01:25:59,223
efult เราไม่ได้ set d

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

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

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

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

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

713
01:26:51,255 --> 01:26:55,255
ในนี้นะ

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

715
01:26:59,260 --> 01:27:03,260
Text in Password ก็

716
01:27:03,265 --> 01:27:07,265
เป็น Set

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

718
01:27:15,271 --> 01:27:19,271
ไม่ให้ Show นะ ต้องซ่อนนะ

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

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

721
01:27:27,279 --> 01:27:31,279
เพราะตอนพิมพN password ต้องไม่แสดง

722
01:27:31,280 --> 01:27:35,280
User น่ะ ให้แสดง

723
01:27:43,284 --> 01:27:47,284
User แสดงอย่างนี้ได้ เหมือนแสดงชื่อ แต่ passwor

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

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

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

727
01:28:03,293 --> 01:28:07,293
เดี๋ยวเราต้อง

728
01:28:07,294 --> 01:28:11,294
ให้มันซ่อนกลับไปแก้ ซ่อนอะไรคะ Tool

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

730
01:28:15,298 --> 01:28:19,298
หน้าจะเป็น Too

731
01:28:19,299 --> 01:28:23,299
l หรือ Tool อะไร มีหลายตัว

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

733
01:28:31,301 --> 01:28:35,301
เมื่อคลิก password

734
01:28:35,304 --> 01:28:39,304

735
01:28:39,308 --> 01:28:43,308
แล้ว

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

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

738
01:29:11,328 --> 01:29:15,328
นะคะ Set text input password เป็นซ่อน

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

740
01:29:27,335 --> 01:29:31,335
จัด Text

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

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

743
01:29:39,339 --> 01:29:43,339
จาก Text

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

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

746
01:29:51,346 --> 01:29:55,346
ไม่ซ่อนน่ะ

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

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

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

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

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

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

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

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

755
01:30:43,368 --> 01:30:47,368
Text in... เมื่อกำหนดค่า

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

757
01:30:51,370 --> 01:30:55,370
Password ลงไป เมื่อเราคลิกเข้าไปเสร็จ เซตเมื่อเราพิมพ์นะ Keyboard Type

758
01:30:55,373 --> 01:30:59,373

759
01:30:59,377 --> 01:31:03,377
เให้มัน

760
01:31:03,382 --> 01:31:07,382
ให้มัน...

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

762
01:31:11,387 --> 01:31:15,387

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

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

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

766
01:31:31,399 --> 01:31:35,399
ต้องกำหนดตัวแปรหรือเปล่านะนี่

767
01:31:35,403 --> 01:31:39,403
น่าจะใช่

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

769
01:31:43,406 --> 01:31:47,406
text username

770
01:31:47,407 --> 01:31:51,407
Text Password

771
01:31:51,411 --> 01:31:55,411
ไหน Box ที่ 1

772
01:31:55,414 --> 01:31:59,414
ไม่มีปัญหาแล้ว ไอ้บล็อกที่ 2 นี่สิ ทำอย่างไรจะซ่อนให้เรา

773
01:31:59,414 --> 01:32:03,414

774
01:32:39,437 --> 01:32:43,437
variable  ไปที่ Text ไปที่ Text

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

776
01:32:47,442 --> 01:32:51,442
ทำให้ text

777
01:33:07,454 --> 01:33:11,454
ไปที่

778
01:33:11,457 --> 01:33:15,457
list เป็นจริง

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

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

781
01:33:23,465 --> 01:33:27,465
ถึงที่จะต้องทำต่อ

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

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

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

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

786
01:33:47,481 --> 01:33:51,481
ไหนได้

787
01:33:51,481 --> 01:33:55,481
sign in

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

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

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

791
01:34:15,499 --> 01:34:19,499
App Feature

792
01:34:27,508 --> 01:34:31,508
Sign in

793
01:34:31,510 --> 01:34:35,510
Sign in

794
01:34:35,513 --> 01:34:39,513
sing in hello Sing in Email

795
01:34:43,518 --> 01:34:47,518
Sign in hello

796
01:34:47,520 --> 01:34:51,520
Reset Password

797
01:34:51,521 --> 01:34:55,521
for Delete User Sign Up

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

799
01:34:59,527 --> 01:35:03,527
Do sign up do sign iเป็นแบบนี้หรือ ดู Sign up

800
01:35:03,530 --> 01:35:07,530
Sign Up Do

801
01:35:07,532 --> 01:35:11,532

802
01:35:19,540 --> 01:35:23,540
ไม่ให้ใช้น่ะ

803
01:35:23,542 --> 01:35:27,542
ไม่ยอมให้ใช้ฟีเจอร์นี้

804
01:35:27,544 --> 01:35:31,544
ใช้ไม่เหมือนกัน

805
01:35:35,553 --> 01:35:39,552
น่ะ ทำไม Faeture นี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

806
01:35:39,552 --> 01:35:43,552
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

807
01:36:47,588 --> 01:36:51,588
ไม่เหมือนกันนะ

808
01:36:51,591 --> 01:36:55,591
ใช้ไม่เหมือนกันน่ะ

809
01:37:15,606 --> 01:37:19,606
เดี๋ยวนะคะ Sign Up

810
01:37:19,606 --> 01:37:23,606
อันนี้หรือ

811
01:37:35,616 --> 01:37:39,615
ให้ทำอะไร ให้ลงทะเบียน

812
01:37:39,615 --> 01:37:43,615

813
01:37:43,618 --> 01:37:47,618
โดยใช้ Email หรือ Pass

814
01:37:47,620 --> 01:37:51,620
word ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

815
01:38:03,629 --> 01:38:07,629
บอกว่าให้ก๊อป(ปี้)

816
01:38:07,631 --> 01:38:11,631
ทำไม

817
01:38:11,632 --> 01:38:15,632
เราใช้ Thunkable x ไม่ได้ล่ะ

818
01:38:15,636 --> 01:38:19,636
Thunkable X

819
01:38:43,654 --> 01:38:47,654
เอามาจากไหนนะ Thunkable X

820
01:39:03,667 --> 01:39:07,667
มันจะเพิ่ม Sign in ได้

821
01:39:07,673 --> 01:39:11,673
นี่ไงเขาบอก แต่ของเราไม่เป็น X

822
01:39:59,704 --> 01:40:03,704
อ๋อ ถ้า

823
01:40:03,707 --> 01:40:07,707
Thunkable X ก็คือต้องใช้ IOS

824
01:40:07,709 --> 01:40:11,709
เข้าใจแล้ว

825
01:40:27,724 --> 01:40:31,724
ทดสอบแอป

826
01:40:31,727 --> 01:40:35,727
ฯ มันยังไม่

827
01:40:35,731 --> 01:40:39,731
release ใช้ไม่ได้ต้องเป็น

828
01:40:39,734 --> 01:40:43,734
ข้อจำกัด

829
01:40:43,735 --> 01:40:47,735
เยอะเหมือนกันนะนี่

830
01:40:55,739 --> 01:40:59,739
โอเค เดี๋ยว

831
01:40:59,742 --> 01:41:03,742
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

832
01:41:03,745 --> 01:41:07,745
ของเรามัน... มันไม่เป็น

833
01:41:07,747 --> 01:41:11,747
...  มันไม่เป็น Thunkable X น่ะ

834
01:41:11,750 --> 01:41:15,750
แล้วมันไม่ให้ใช้ฟีเจอร์นี้ sign in น่ะ

835
01:41:15,751 --> 01:41:19,751
ถ้า Thunkable น่ะ x มันจะเป็น...

836
01:41:19,754 --> 01:41:23,754
ก็คือเราก็จะมา

837
01:41:23,758 --> 01:41:27,758
ก็อบฯ Firebase น่ะค่ะ

838
01:41:27,759 --> 01:41:31,759
เลย Components นี้ มันจะเป็นเหมือน

839
01:41:31,760 --> 01:41:35,760
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ ว่าเราจะอัปไอ้ Thunkable

840
01:41:35,764 --> 01:41:39,764
เดิมเรานี่ ให้เป้น Thunk

841
01:41:39,766 --> 01:41:43,766
able x ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

842
01:41:43,767 --> 01:41:47,767
เราจะเอามาใช้งาน

843
01:41:47,769 --> 01:41:51,769
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าแก้ไม่ได้

844
01:41:51,773 --> 01:41:55,773
อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

845
01:41:55,776 --> 01:41:59,776
ตอนนี้ คือเ ชื่อมด้วย Fire base

846
01:41:59,780 --> 01:42:03,780
Thunkable เรามันเป็น Thunkable

847
01:42:03,783 --> 01:42:07,783
x ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

848
01:42:07,786 --> 01:42:11,786
ทีนี้

849
01:42:11,789 --> 01:42:15,789
เนื่องจากสัปดาห์หน้า

850
01:42:15,792 --> 01:42:19,792
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

851
01:42:19,795 --> 01:42:23,795
ทำการบ้านที่สั่งไว้ให้น่ะ เสร็จหรือยัง

852
01:42:23,799 --> 01:42:27,799
ทำให้เรียบร้อยก่อนนะคะ ระหว่างรอ

853
01:42:27,799 --> 01:42:31,799
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

854
01:42:31,800 --> 01:42:35,800
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

855
01:42:35,802 --> 01:42:39,802
เราแค่มาแก้อัปเวอร์ชันมัน

856
01:42:39,804 --> 01:42:43,804
แค่อัปเวอร์ชันมัน

857
01:42:43,806 --> 01:42:47,806
จะนำมาไปใช้ตัวนี้

858
01:42:47,809 --> 01:42:51,809
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

859
01:42:51,813 --> 01:42:55,813
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

860
01:42:55,814 --> 01:42:59,814
สัปดาห์หน้าไม่อยู่ บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

861
01:42:59,816 --> 01:43:03,816
สำหรับสัปดาห์นี้

862
01:43:03,820 --> 01:43:07,820
เดี๋ยวจะขอพอแค่นี้นะคะ

863
01:43:07,822 --> 01:43:11,822
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

864
01:43:15,822 --> 01:43:19,822
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

865
01:43:19,828 --> 01:43:23,828

866
01:43:23,828 --> 01:43:27,828
แม่ไม่ปล่อยก็เลยไม่ไป อย่างนั้น

867
01:43:27,828 --> 01:43:31,828
งั้นเดี๋ยวปล่อยเลยนะคะ

868
01:43:39,834 --> 01:43:43,834
(นักศึกษาชาย) นักศึกษาทั้งหมดทำความเคาThunkable X

869
01:43:43,835 --> 01:43:47,835
ทำไมไม่อัปให้เรา