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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

26
00:03:20,030 --> 00:03:24,030
รือ โอเค

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

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

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

30
00:03:36,040 --> 00:03:40,040
ทีนี้ตัวนี้ โพรเจกต์

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

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

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

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

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

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

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

38
00:04:12,060 --> 00:04:16,060
Category

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

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

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

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

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

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

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

46
00:09:48,291 --> 00:09:52,291
Username ใช่ไหมลูก

47
00:09:52,291 --> 00:09:56,291
Password Login ใช่ไหมคะ

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

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

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

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

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

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

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

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

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

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

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

59
00:10:44,322 --> 00:10:48,322
C-o-l ขี้เกียดเลื่อนไอ้นี่หา ก็จะพิมพ์นะคะ พิมพ์

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

61
00:10:52,325 --> 00:10:56,325
มช้าจัง C-o-l-u-m-e

62
00:10:56,326 --> 00:11:00,326
u-m-e c-o

63
00:11:24,342 --> 00:11:28,342
ไม่มี Column หรือ

64
00:11:32,346 --> 00:11:36,346
ทำไมล่ะ ๆ มี Componant

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

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

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

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

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

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

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

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

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

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

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

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

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

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

79
00:13:40,430 --> 00:13:44,430
น่ะ Thunkable

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

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

82
00:13:52,438 --> 00:13:56,438

83
00:13:56,439 --> 00:14:00,439
เอาแบบไหน เอาแบบนี้ก็ได้ หรือเอาอย่างนี้ นึกออก

84
00:14:08,451 --> 00:14:12,451
นะ เขาเรียกว่าอะไร Icon Login Login Search คำว่า "Icon" แล้วก็

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

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

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

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

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

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

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

92
00:15:32,513 --> 00:15:36,513

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

94
00:15:40,517 --> 00:15:44,517

95
00:15:44,521 --> 00:15:48,521
Free Free Download Image

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

97
00:16:00,533 --> 00:16:04,533
Free นะนี่ ใช่ไหม

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

114
00:17:24,580 --> 00:17:28,580
Logo loging

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

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

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

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

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

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

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

122
00:17:56,602 --> 00:18:00,602
ว่าให้ Login เข้าไป จะใช้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

138
00:19:00,641 --> 00:19:04,641
ใครที่วางรูปเสร็จแล้ว ให้วาง Label นะคะ เพื่อจะให้พิมพ?

139
00:19:04,642 --> 00:19:08,642
ข้อความคำว่า "Login"

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

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

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

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

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

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

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

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

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

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

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

151
00:19:56,671 --> 00:20:00,671
Text Align นะคะ คือ

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

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

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

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

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

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

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

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

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

161
00:21:04,701 --> 00:21:08,701
Label Label อันนี้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

199
00:24:00,791 --> 00:24:04,791
Input1 นี่ เป็นอะไร

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

201
00:24:08,799 --> 00:24:12,799
Text Input1 มันจะเป็นใส่ Username Text

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

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

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

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

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

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

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

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

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

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

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

213
00:25:08,828 --> 00:25:12,828
ใน Username

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

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

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

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

218
00:25:36,850 --> 00:25:40,850
รูปเป็นรูปคนกับรูปกุญแจนะ

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

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

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

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

223
00:25:56,861 --> 00:26:00,861
ใส่ได้ไหม

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

225
00:26:16,877 --> 00:26:20,877
Text ไหมล่ะ

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

227
00:26:28,886 --> 00:26:32,886
ไม่ให้ใส่ก็วางข้าง ๆ ได้

228
00:26:32,888 --> 00:26:36,888
นะ ก็คือเราก็มี image เล็ก ๆ

229
00:26:36,894 --> 00:26:40,894
นี่ 2 อันนะคะ

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

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

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

233
00:27:00,909 --> 00:27:04,909
ะ หาต่อสิครับ

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

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

236
00:27:32,931 --> 00:27:36,931
รูปต่อไป

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

238
00:27:44,938 --> 00:27:48,938
หาต่อ ห

239
00:27:48,941 --> 00:27:52,941
าต่อ

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

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

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

243
00:28:12,951 --> 00:28:16,951
หา Lock ใช้คำว่า Lock

244
00:28:24,957 --> 00:28:28,957
เอาตัวนี้แล้วกัน

245
00:28:28,960 --> 00:28:32,960

246
00:28:36,964 --> 00:28:40,964
โอเค เจอตัวไหน เอาก่อน

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

248
00:28:44,971 --> 00:28:48,971
ใส่ไปเรื่อย ๆ

249
00:28:48,975 --> 00:28:52,975
ใคร

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

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

252
00:29:00,978 --> 00:29:04,978
Image1

253
00:29:04,981 --> 00:29:08,981
Image 1 Picture เลือกอัปโหลดไฟล์

254
00:29:08,983 --> 00:29:12,983
login 1 open

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

256
00:29:24,989 --> 00:29:28,989
มันมันไม่เท่า ก็ขยาย

257
00:29:28,996 --> 00:29:32,996
ย่อ ขยาย

258
00:29:32,997 --> 00:29:36,997
เอานะคะ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

278
00:31:41,075 --> 00:31:45,075
เด็ก ๆ เห็น CheckBox ไหม นะคะ แถบเครื่องมือ Check Box ลากลงไปเลย

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

280
00:31:49,081 --> 00:31:53,081
อันนี้เราได้ chack box แล้ว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

314
00:34:33,193 --> 00:34:37,193
for got

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

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

317
00:34:45,199 --> 00:34:49,198
forgot

318
00:34:49,198 --> 00:34:53,198
แล้วก็ F-o-r-g-o-t แล้วก็ Password

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

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

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

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

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

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

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

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

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

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

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

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

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

332
00:35:53,231 --> 00:35:57,231
นะ color

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

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

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

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

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

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

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

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

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

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

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

344
00:36:49,261 --> 00:36:53,259
Button

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

362
00:38:21,311 --> 00:38:25,311
สีม่วง

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

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

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

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

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

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

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

370
00:38:57,336 --> 00:39:01,336
Radiance  น่ะ

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

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

373
00:39:09,349 --> 00:39:13,349
นะคะ ขึ้นอยู่กับ

374
00:39:13,353 --> 00:39:17,353
ค่า Radiance เลย โอเคไหม

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

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

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

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

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

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

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

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

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

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

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

386
00:40:09,385 --> 00:40:13,385
ตอนเราไปใน Block ไง ในโค้ดน่ะ

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

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

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

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

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

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

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

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

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

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

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

398
00:43:05,495 --> 00:43:09,495
วางเป็นอันที่ 2 ข้างใน ก็เปลี่ยนเป็น User Login เหมือนตัวอย่างนะ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

418
00:50:45,777 --> 00:50:49,777
คำว่า "Firebase" นะคะ มันจะเป็นของตระกู

419
00:50:53,784 --> 00:50:57,784
ล Google นี่ล่ะ F-i-n-d B-

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

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

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

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

424
00:51:17,799 --> 00:51:21,799
นะคะ ให้เราหา Firebase.google.com

425
00:51:21,799 --> 00:51:25,799
นะเด็ก ๆ เจอไหม พิมพ์

426
00:51:29,806 --> 00:51:33,806
F-i-r-e-b-a-s-e นะคะ ให้

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

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

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

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

431
00:51:53,821 --> 00:51:57,821
กด

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

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

434
00:52:53,857 --> 00:52:57,857
ให้เรากดตัวนี้นะคะ GetStart นะคะ เพราะ

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

436
00:53:05,867 --> 00:53:09,867
เขาจะ Login

437
00:53:09,867 --> 00:53:13,867
ให้เรา ด้วยบัญชี Google เพราะเรา Login เข้าบัญชี Google

438
00:53:13,870 --> 00:53:17,870
ไปแล้ว ตั้งแต่ตอนที่เราใช้ตัวนัั้น

439
00:53:17,870 --> 00:53:21,870
ให้ไปเลือกอะไร เลือก Create

440
00:53:21,870 --> 00:53:25,870
a New projects ค่ะ

441
00:53:25,874 --> 00:53:29,874
เห็นไหมคะ สร้าง proje

442
00:53:33,878 --> 00:53:37,878
ct ใหม่ คลิก 1 ครั้ง ตรงช่องนี้นะเด็ก ๆ นะ

443
00:53:37,878 --> 00:53:41,878
นี่ Enter your project name

444
00:53:41,878 --> 00:53:45,878
นี่ เราก็พิมพ์ชื่อ Project เข้าไป อะไรนะ

445
00:53:45,881 --> 00:53:49,881
Firebase

446
00:53:49,884 --> 00:53:53,884
อะไรนะ login นะ

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

448
00:53:57,890 --> 00:54:01,890
L-o-g-i-n นะคะ

449
00:54:13,900 --> 00:54:17,898
เราต้องยอมรับก่อนนะ ติ๊กยอม

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

451
00:54:21,899 --> 00:54:25,899
เขานะ แล้วก็กด Continue

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

453
00:54:37,908 --> 00:54:41,908
นะคะ

454
00:54:41,911 --> 00:54:45,911
for your firebase project

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

456
00:54:53,918 --> 00:54:57,918
นะ แล้วเราก็ถาม

457
00:54:57,918 --> 00:55:01,918
ไม่ใช่เรา ว่าเราอยู่ไหนเราก็ต้องเลือกนะ หา Thailand ลูก

458
00:55:01,922 --> 00:55:05,922
T-h

459
00:55:09,926 --> 00:55:13,926
แล้วก็ต้องติ๊กยอมรับ

460
00:55:13,929 --> 00:55:17,929
นะคะ I Accept

461
00:55:17,930 --> 00:55:21,930
เลือก

462
00:55:21,931 --> 00:55:25,931
Analytic Location แล้วก็ติ๊ก Accept นะ แล้วก็คลิก Create Project

463
00:55:25,934 --> 00:55:29,934
ได้เลย

464
00:55:29,937 --> 00:55:33,937
มันก็จะหมุน ๆ ๆ ๆ จนกว่ามันจะเต็มนะ

465
00:55:33,941 --> 00:55:37,941
มันกำลังจะสร้างให้เราน่ะ เขากำลังจะหา...

466
00:55:37,941 --> 00:55:41,941
มันเป็นเหมือน Database

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

468
00:55:45,944 --> 00:55:49,944
ไอ้เจ้านี่ มันจะหมุนจนครบ

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

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

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

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

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

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

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

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

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

478
00:59:42,086 --> 00:59:46,086
มี Monitor มี

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

480
00:59:50,092 --> 00:59:54,092
ไอ้รูป...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

519
01:04:58,262 --> 01:05:02,262
มาดู

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

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

522
01:05:18,269 --> 01:05:22,269
เสร็จแล้วให้เรามาที่ตรงนี้

523
01:05:22,272 --> 01:05:26,272
Project Overview overvie

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

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

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

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

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

529
01:05:46,286 --> 01:05:50,286
Your App เห็นไหมคะ แอปของคุณ

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

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

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

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

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

535
01:06:10,306 --> 01:06:14,306
มันมี ids แล้วก็มีรูปเหมือน Printer

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

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

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

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

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

541
01:06:54,330 --> 01:06:58,330
มันจะใช้ว่าอะไร เดี๋ยวอันไหนไม่ใช้

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

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

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

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

546
01:07:22,348 --> 01:07:26,348
E

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

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

549
01:07:42,363 --> 01:07:46,363
E-book เดี๋ยวว่าไม่รู้จักชื่อนี้นะคะ

550
01:07:46,363 --> 01:07:50,363
ให้ดูชื่อที่ตัวเองพิมพ์นะ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

573
01:11:42,501 --> 01:11:46,501
List ไม่ใช่

574
01:11:58,511 --> 01:12:02,511
Data Viewer Rating data  Accent setting

575
01:12:02,514 --> 01:12:06,514

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

577
01:12:14,521 --> 01:12:18,521
Components

578
01:12:30,535 --> 01:12:34,535
Authen

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

580
01:12:38,537 --> 01:12:42,537
Loading Location ไม่ใช่

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

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

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

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

585
01:13:54,588 --> 01:13:58,588
Search ตัวนี้อีก 1 ตัวก่อนนะคะ Thunkable x คืออะไร

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

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

588
01:14:38,618 --> 01:14:42,616
update

589
01:14:42,616 --> 01:14:46,616
อย่างไร เดี๋ยว ๆ แป๊บหนึ่งนะ อาจจะต้อง Update Thunkable เราสักหน่อย

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

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

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

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

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

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

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

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

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

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

600
01:15:46,651 --> 01:15:50,651
Thunkable Solution

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

602
01:15:54,655 --> 01:15:58,655
Integration Commodity Doc Resource Login Logout

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

604
01:16:10,668 --> 01:16:14,668
Using Taskable Live App

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

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

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

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

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

610
01:18:10,740 --> 01:18:14,740
น่ะ ใน Thunkable ของเรา ก็คือ Tool ที่ Signin

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

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

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

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

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

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

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

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

619
01:18:58,771 --> 01:19:02,771
Back Tool Editing

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

621
01:19:06,777 --> 01:19:10,777
ตัวแรกเลย ก็คือ Text Input 1 ไปที่

622
01:19:10,780 --> 01:19:14,780
Text Input 1 usernam

623
01:19:14,784 --> 01:19:18,784
e ใช่ไหม

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

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

626
01:19:26,799 --> 01:19:30,795
พิมพ์นะ set text

627
01:19:30,795 --> 01:19:34,795
input text to

628
01:19:34,798 --> 01:19:38,798

629
01:19:38,800 --> 01:19:42,800
Text Input Username Text Keyboard Type

630
01:19:54,813 --> 01:19:58,813
Border

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

632
01:20:02,821 --> 01:20:06,821
Cheang

633
01:20:06,822 --> 01:20:10,822
คลิก เมื่อมีการคลิก เมื่อ

634
01:20:10,825 --> 01:20:14,825
คลิกที่ Text Input Username ปุ๊บ

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

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

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

638
01:20:26,838 --> 01:20:30,838
ทำ...

639
01:20:42,845 --> 01:20:46,845
ให้กำหนดค่า Text Input Username เป็น Text

640
01:20:46,848 --> 01:20:50,848
to ข้อความ

641
01:20:54,857 --> 01:20:58,857
ดูสิ แล้วเราต้องไป test ว่ามัน

642
01:20:58,859 --> 01:21:02,859
พิมพ์เข้าไปได้ไหม

643
01:21:02,862 --> 01:21:06,862
ขึ้นไหม โอเค ถูก

644
01:21:06,865 --> 01:21:10,865
นะ เห็นไหมคะ มันต้อง

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

646
01:21:14,871 --> 01:21:18,871
โอเคนะคะ

647
01:21:18,875 --> 01:21:22,875
เพราะตรงนี้ Userna

648
01:21:22,878 --> 01:21:26,878
me นะ เหมือนกัน Text Input อันที่ 2

649
01:21:26,878 --> 01:21:30,878
กลับไปที่ Back to Editting

650
01:21:30,881 --> 01:21:34,881
ตอนนี้เด็ก ๆ ได้

651
01:21:34,885 --> 01:21:38,882
อยู่ที่ Scene

652
01:21:38,882 --> 01:21:42,882
Scene 1 ตอนนี้ที่เราจะกำหนดค่า ก็คือ

653
01:21:42,886 --> 01:21:46,886
Text Input อันที่ 1 ใช่ไหม

654
01:21:46,886 --> 01:21:50,886
เรากลับไปที่ Block แล้ว

655
01:21:50,889 --> 01:21:54,889
ตัวแรกที่เราเลือก ก็คือ

656
01:21:54,893 --> 01:21:58,893
เดี๋ยวลบก่อนนะ บางคนน่าจะไม่ทัน เมื่อกี้แม่ว่าแม่ลอง

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

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

659
01:22:06,903 --> 01:22:10,903
แต่ตอนแรกที่ test

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

661
01:22:14,909 --> 01:22:18,909
มัน มื่อกี้มันน่าจะ Save ไว้แล้ว

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

663
01:22:22,918 --> 01:22:26,917
นี่

664
01:22:26,917 --> 01:22:30,917
โอเคนะคะ

665
01:22:30,921 --> 01:22:34,921
โอเค

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

667
01:22:38,925 --> 01:22:42,925
text input ตัวที่ 1 ของเรา

668
01:22:42,927 --> 01:22:46,927
นะคะ

669
01:22:50,931 --> 01:22:54,931
เพราะฉะนั้น ไปที่ Block เมื่อกี้ไม่ได้

670
01:22:54,934 --> 01:22:58,934
ลบทิ้ง

671
01:22:58,936 --> 01:23:02,936
Edit Undo เดี๋ยวนะ มันน่าจะเก็บค่าไว้ ลืมลากใส่ถังขยะ

672
01:23:02,940 --> 01:23:06,940
ไม่เป็นอะไร ให้

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

674
01:23:10,946 --> 01:23:14,946
สิ่งแรก ก็คือเมื่อ text input

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

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

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

678
01:23:26,954 --> 01:23:30,954
มันจะต้อง

679
01:23:30,957 --> 01:23:34,957
ให้ set ค่าของ Text Input น

680
01:23:34,961 --> 01:23:38,961
ี่ จะซ่อนเป็นพิมพ์น่ะ

681
01:23:42,968 --> 01:23:46,968
นะคะ ดูนะคะ

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

683
01:23:58,981 --> 01:24:02,981
text Input

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

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

686
01:24:14,987 --> 01:24:18,987
คือ ตัวที่ 2 ของเรา

687
01:24:18,990 --> 01:24:22,990
password ก็เหมือนกัน

688
01:24:22,997 --> 01:24:26,997
เมื่อคลิกที่ Password มี 2 อันใช่ไหมคะ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

706
01:25:51,063 --> 01:25:55,063

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

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

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

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

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

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

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

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

715
01:26:59,108 --> 01:27:03,108
Text In Password ก็

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

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

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

719
01:27:19,126 --> 01:27:23,126
ช่ไหม เปลี่ยนเป็นซ่อนนะคะ ซ่อน Password

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

721
01:27:27,132 --> 01:27:31,132
เพราะตอนพิมพ์ password ตามหลัก ก็คือต้องไม่แสดง

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

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

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

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

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

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

728
01:28:07,155 --> 01:28:11,155
นี่ กลับไปแก้ ซ่อนอะไรนะ Tool

729
01:28:11,158 --> 01:28:15,158
อะไน Tool Default บ่ Password Hint น่าจะเป็น to Default

730
01:28:15,161 --> 01:28:19,161

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

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

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

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

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

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

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

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

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

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

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

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

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

744
01:29:43,229 --> 01:29:47,229
ใช่ไหม จาก Text ให้มันซ่อน ได้ไหม

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

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

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

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

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

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

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

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

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

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

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

756
01:30:47,261 --> 01:30:51,261
เมื่อ Text Input

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

758
01:30:55,266 --> 01:30:59,266
keybrod

759
01:30:59,269 --> 01:31:03,269
มีการพิมพ์ปุ๊บนี่ ให้มัน

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

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

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

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

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

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

766
01:31:31,292 --> 01:31:35,292
ต้องกำหนดตัวแปรเ

767
01:31:35,297 --> 01:31:39,297
ปล่านะนี่ น่าจะใช่

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

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

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

771
01:31:51,305 --> 01:31:55,305
ไหน Block ที่ 2

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

773
01:31:59,312 --> 01:32:03,312
whyriabl

774
01:32:39,346 --> 01:32:43,341
Variable ไปที่ Text ไปที่ Text

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

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

777
01:33:07,360 --> 01:33:11,360
ไปที่ List ไปที่ Color

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

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

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

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

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

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

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

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

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

787
01:33:51,389 --> 01:33:55,389
Signin

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

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

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

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

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

793
01:34:31,422 --> 01:34:35,421
Sign in

794
01:34:35,421 --> 01:34:39,421
hello @gmail Signin Email

795
01:34:43,425 --> 01:34:47,425
Sign iEmail

796
01:34:47,425 --> 01:34:51,425
password Reset Password

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

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

799
01:34:59,431 --> 01:35:03,431
เป็นแบบนี้ Sign up

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

801
01:35:07,436 --> 01:35:11,436
Sign In do

802
01:35:19,445 --> 01:35:23,445
ไม่ให้ใช้น่ะ

803
01:35:23,448 --> 01:35:27,448
ไม่ยอมให้ใช้ Features นี้น่ะ

804
01:35:27,451 --> 01:35:31,451
ใช้ไม่เหมือนกัน

805
01:35:35,458 --> 01:35:39,458
น่ะ ทำไม Faeture น ี้ไปใช้ตรงนี้ไม่ได้ เราจะเอา

806
01:35:39,461 --> 01:35:43,461
มาใช้ตรงนี้ เอาอย่างไรดี เอาอย่างไรดี เอาอย่างไรดี

807
01:36:47,503 --> 01:36:51,503
ไม่เหมือนกันนะ

808
01:36:51,505 --> 01:36:55,505
ใช้ไม่เหมือนกันน่ะ

809
01:37:15,518 --> 01:37:19,518
เดี๋ยวนะคะ Sign Up

810
01:37:19,521 --> 01:37:23,521
อันนี้หรือ

811
01:37:35,535 --> 01:37:39,535
ให้ทำอะไร ให้ลงทะเบียน

812
01:37:39,539 --> 01:37:43,539

813
01:37:43,543 --> 01:37:47,543
โดยใช้ Email หรือ Password

814
01:37:47,546 --> 01:37:51,546
ไม่ใช่น่ะ อันนี้ก็ไม่ใช่

815
01:38:03,558 --> 01:38:07,558
บอกว่าให้ก๊อบ

816
01:38:07,560 --> 01:38:11,560
ทำไม

817
01:38:11,563 --> 01:38:15,563
เราใช้ Thunkable x ไม่ได้ล่ะ

818
01:38:15,567 --> 01:38:19,567
Thunkable X

819
01:38:43,589 --> 01:38:47,589
เอามาจากไหนนะ Thunkable X

820
01:39:03,599 --> 01:39:07,599
มันจะเพิ่ม Sign in ได้

821
01:39:07,609 --> 01:39:11,609
นี่ไง เขาบอก แต่ของเราไม่เป็น X

822
01:39:59,641 --> 01:40:03,641
อ๋อ ถ้า

823
01:40:03,643 --> 01:40:07,643
Thunkable X ก็คือใช้ IOS

824
01:40:07,646 --> 01:40:11,646
เข้าใจแล้ว

825
01:40:27,664 --> 01:40:31,664
ทดสอบแอป

826
01:40:31,667 --> 01:40:35,667
มันยังไม่ Release

827
01:40:35,670 --> 01:40:39,668
ใช้ไม่ได้ ต้องเป็น

828
01:40:39,668 --> 01:40:43,668
ข้อจำกัด

829
01:40:43,671 --> 01:40:47,671
เยอะเหมือนกันนะนี่

830
01:40:55,680 --> 01:40:59,680
โอเค เดี๋ยว

831
01:40:59,682 --> 01:41:03,682
จะไปหาทางมาแก้ตัวนี้ก่อนนะคะ

832
01:41:03,683 --> 01:41:07,683
ของเรามัน มันไม่เป็น

833
01:41:07,686 --> 01:41:11,686
มันไม่ได้เป็น Thunkable X น่ะ

834
01:41:11,689 --> 01:41:15,689
แล้วมันไม่ให้ใช้ Featureนี้ sign in น่ะ

835
01:41:15,692 --> 01:41:19,692
ถ้า Thunkable x น่ะ มันจะเป็น...

836
01:41:19,694 --> 01:41:23,694
ก็คือเราก็จะมา

837
01:41:23,698 --> 01:41:27,698
ก็อป Firebase น่ะค่ะ

838
01:41:27,698 --> 01:41:31,698
ก๊อบ Firebase แล้วเอาไปวางใน Signin เลย Components นี้ มันจะเป็นเหมือน

839
01:41:31,701 --> 01:41:35,701
ให้วางน่ะ เดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้ Thunkable

840
01:41:35,704 --> 01:41:39,704
เดิมเรานี่ ให้เป้น

841
01:41:39,707 --> 01:41:43,707
ThunkableX ได้อย่างไรนะคะ แล้วสัปดาห์ถัดไป

842
01:41:43,711 --> 01:41:47,711
เราจะเอามาใช้งาน

843
01:41:47,716 --> 01:41:51,716
เพื่อจะให้มันเชื่อมฐานข้อมูลใน Firebase นะคะ ถ้าแก้ไม่

844
01:41:51,718 --> 01:41:55,718
ได้ อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่น

845
01:41:55,722 --> 01:41:59,722
ตอนนี้ คือ เชื่อมด้วย Firebase

846
01:41:59,725 --> 01:42:03,725
ก็ต่อเมื่อ Thunkable เรามันเป็น

847
01:42:03,727 --> 01:42:07,727
ThunkableX ตอนนี้มันเป็น Thunkable ธรรมดา มันไม่อัปเดตให้น่ะ

848
01:42:07,730 --> 01:42:11,730
ทีนี้

849
01:42:11,733 --> 01:42:15,733
เนื่องจากสัปดาห์หน้า

850
01:42:15,734 --> 01:42:19,734
ทั้งอาทิตย์ไม่อยู่นะคะ งดคลาสอยู่แล้ว เด็ก ๆ

851
01:42:19,736 --> 01:42:23,736
ทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยัง

852
01:42:23,738 --> 01:42:27,738
ทำให้เรียบร้อยก่อนนะคะ ในระหว่างรอ

853
01:42:27,739 --> 01:42:31,739
ตัวอื่นนะคะ ถ้าแก้ได้แล้ว

854
01:42:31,742 --> 01:42:35,742
เดี๋ยวเรามาทำต่อได้ เพราะเราทำตัวแอปทิ้งไว้แล้ว

855
01:42:35,747 --> 01:42:39,747
เราแค่มาแก้ แก้อัปเวอร์ชันมัน

856
01:42:39,747 --> 01:42:43,747
แค่นั้นเอง มันน่าจะใช้ได้ มัน

857
01:42:43,751 --> 01:42:47,751
จะนำมาไปใช้ตัวนี้

858
01:42:47,754 --> 01:42:51,754
ของเราได้นะคะ อย่างนั้นเราจะมาแก้กันใน

859
01:42:51,756 --> 01:42:55,756
สัปดาห์ถัดไปนะคะ ไม่ใช่สัปดาห์หน้านะคะ

860
01:42:55,760 --> 01:42:59,760
บอกงด Class ล่ามทุกคนไว้แล้วนะคะ

861
01:42:59,763 --> 01:43:03,763
สำหรับสัปดาห์นี้

862
01:43:03,767 --> 01:43:07,767
เดี๋ยวจะขอพอแค่นี้นะคะ

863
01:43:07,771 --> 01:43:11,771
มีใครสงสัยงานในครั้งก่อน ๆ หรือเปล่า ถามได้นะคะ

864
01:43:15,775 --> 01:43:19,775
เมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตย

865
01:43:19,780 --> 01:43:23,780
อ๋อ...

866
01:43:23,783 --> 01:43:27,783
แม่ไม่ไป ก็เลยไม่ไป อย่างนั้น

867
01:43:27,783 --> 01:43:31,783
เดี๋ยวปล่อยเลยนะคะ

868
01:43:39,790 --> 01:43:43,790
(นักศึกษา)

869
01:43:43,792 --> 01:43:47,792
นักศึกษาทั้งหมดทำความเคารพ ขอบคุณครับ (อาจารย์สุธิรา)  ThunkableX ทำไมไม่อัปให้เราล่ะ