1
00:00:18,580 --> 00:00:18,581

2
00:00:18,581 --> 00:00:22,578

3
00:00:22,578 --> 00:00:24,660

4
00:00:24,660 --> 00:00:28,660

5
00:00:30,583 --> 00:00:34,583

6
00:00:34,589 --> 00:00:38,589

7
00:00:38,590 --> 00:00:42,590

8
00:00:42,594 --> 00:00:46,593

9
00:00:46,593 --> 00:00:50,593

10
00:00:50,599 --> 00:00:54,599

11
00:00:54,600 --> 00:00:58,600

12
00:00:58,602 --> 00:01:02,602

13
00:01:02,603 --> 00:01:06,603

14
00:01:06,611 --> 00:01:10,609

15
00:01:10,609 --> 00:01:14,609

16
00:01:14,611 --> 00:01:18,611

17
00:01:18,612 --> 00:01:22,612

18
00:01:22,613 --> 00:01:26,613

19
00:01:26,619 --> 00:01:30,618

20
00:01:30,618 --> 00:01:34,618

21
00:01:34,622 --> 00:01:38,622

22
00:01:38,624 --> 00:01:42,624

23
00:01:42,624 --> 00:01:46,624

24
00:01:46,629 --> 00:01:50,629

25
00:01:50,630 --> 00:01:54,630

26
00:01:54,633 --> 00:01:55,050

27
00:01:55,050 --> 00:01:59,050

28
00:01:59,052 --> 00:02:03,052

29
00:02:03,053 --> 00:02:07,053

30
00:02:07,054 --> 00:02:11,054

31
00:02:11,057 --> 00:02:15,057

32
00:02:15,061 --> 00:02:18,650

33
00:02:18,650 --> 00:02:22,650

34
00:02:22,655 --> 00:02:26,652

35
00:02:26,652 --> 00:02:30,652

36
00:02:30,657 --> 00:02:34,656

37
00:02:34,656 --> 00:02:38,656

38
00:02:38,660 --> 00:02:42,660

39
00:02:42,662 --> 00:02:46,662

40
00:02:46,667 --> 00:02:50,667

41
00:02:50,668 --> 00:02:52,139

42
00:02:52,139 --> 00:02:56,139

43
00:02:56,142 --> 00:03:00,142

44
00:03:00,146 --> 00:03:04,146

45
00:03:04,146 --> 00:03:08,146

46
00:03:08,151 --> 00:03:10,142
(อาจารย์สุธิรา) ใช่ไหม ก็จะเป็นหน้าล็อกอินนะ

47
00:03:10,142 --> 00:03:11,511
และหน้าสุดท้าย ก็คือถ้าเรา

48
00:03:11,511 --> 00:03:15,511
มีตัวที่จะเข้าไปจากเมื่อล็อกอิน

49
00:03:19,226 --> 00:03:23,226
เสร็จแล้วเข้าไป ก็คือทำเป็นหน้า

50
00:03:23,485 --> 00:03:27,485

51
00:03:31,225 --> 00:03:34,820
หน้าต้อนรับก็ได้ เพิ่มอีกหน้าหนึ่งนะคะ อันดับแรก

52
00:03:34,820 --> 00:03:38,603
ในครั้งก่อนมีหน้าที่ 1 แล้ว หน้าที่ 2 มันทำเหมือนกัน

53
00:03:38,603 --> 00:03:38,913

54
00:03:38,913 --> 00:03:40,899
เด็ก ๆ ดูตรงนี้นะคะ วิธีการ

55
00:03:40,899 --> 00:03:42,366
ให้เราไปที่

56
00:03:42,366 --> 00:03:46,366
ตำแหน่ง Screen อันที่ 1

57
00:03:48,309 --> 00:03:52,309
แล้วไปที่ตำแหน่งที่  Screen นั้นใช่ไหม แล้วคลิกที่ตำแหน่งที่  Screen

58
00:03:57,605 --> 00:04:01,605
แล้วคลิกที่ตัวจุด 3 จุด เห็นไหมคะ ตำแหน่ง

59
00:04:02,147 --> 00:04:03,388
หน้าต่างทาง

60
00:04:03,388 --> 00:04:07,388
ขวามือเห็นไหม

61
00:04:11,220 --> 00:04:13,620
แล้วมันจะมีคำว่า "Duplicate"

62
00:04:13,620 --> 00:04:15,736

63
00:04:15,736 --> 00:04:19,736
คือ Duplicate นี่มันมาจากการ Copy แล้วก็วาง

64
00:04:23,189 --> 00:04:27,189
คือมันรวบ ctrl + C trl + V

65
00:04:31,477 --> 00:04:35,300
มาเป็น Duplicate เลย ไม่ต้องไปกด Ctrl + C

66
00:04:35,300 --> 00:04:36,563
ดูนะคะ ทำให้ดู กดปุ๊บ มันก็จะถาม แน่ใจไหม

67
00:04:36,563 --> 00:04:40,563
ที่จะทำการทำสำเนา

68
00:04:40,957 --> 00:04:44,957
หรือสำรองหน้านี้ ถ้าแน่ใจให้

69
00:04:49,863 --> 00:04:53,863
เรากดที่ Duplicate เห็นไหม

70
00:04:53,969 --> 00:04:57,238
มันก็จะได้หน้าเพิ่มขึ้นมา หน้าตาเหมือน...

71
00:04:57,238 --> 00:05:01,238

72
00:05:12,219 --> 00:05:14,346

73
00:05:14,346 --> 00:05:18,346

74
00:05:18,348 --> 00:05:22,348

75
00:05:22,351 --> 00:05:26,351

76
00:05:26,355 --> 00:05:27,476
ตรงนี้นะ ที่มันขึ้นสัญลักษณ์รูปถังขยะถึงจะลบได้

77
00:05:27,476 --> 00:05:31,476
อ่าว เปิด Thunkable นะ

78
00:05:37,472 --> 00:05:41,472
เปิดตัว Thunkable เว็บ Thunkable แล้วก็ล็อกอินเข้าไป จำได้อยู่นะ

79
00:05:43,885 --> 00:05:46,431

80
00:05:46,431 --> 00:05:50,431
ถ้าใครเข้าถูก มันจะขึ้น Project ที่เราทำไว้

81
00:05:57,052 --> 00:05:59,594
ใช่ไหมนี่ มันจะต้องขึ้นอย่างนี้ มีชื่อโปรเจกต์

82
00:05:59,594 --> 00:06:03,594
ทำไว้ในครั้งก่อน ๆ ขึ้นมา จำได้ใช่หรือเปล่า Account ตัวเองที่ใช้

83
00:06:08,724 --> 00:06:10,723
ในการเข้าสู่ Thunkable ชื่ออะไร

84
00:06:10,723 --> 00:06:14,723

85
00:06:22,382 --> 00:06:26,382

86
00:06:26,385 --> 00:06:30,385

87
00:06:30,388 --> 00:06:34,388

88
00:06:38,394 --> 00:06:42,394

89
00:06:42,396 --> 00:06:46,396

90
00:06:46,398 --> 00:06:46,928

91
00:06:46,928 --> 00:06:50,928

92
00:06:54,403 --> 00:06:58,403

93
00:06:58,405 --> 00:07:02,405

94
00:07:02,407 --> 00:07:06,407

95
00:07:06,408 --> 00:07:10,408

96
00:07:10,410 --> 00:07:14,409

97
00:07:14,409 --> 00:07:18,409

98
00:07:18,412 --> 00:07:22,412

99
00:07:22,414 --> 00:07:26,414

100
00:07:30,421 --> 00:07:34,421

101
00:07:34,422 --> 00:07:38,422

102
00:07:38,425 --> 00:07:42,425

103
00:07:42,428 --> 00:07:46,428

104
00:07:50,435 --> 00:07:54,435

105
00:07:58,436 --> 00:08:02,436

106
00:08:02,438 --> 00:08:06,438

107
00:08:06,442 --> 00:08:08,035

108
00:08:08,035 --> 00:08:12,035
เมื่อกี้

109
00:08:13,247 --> 00:08:16,817
บอกว่าตอนแรกมีหน้าเดียวใช่ไหม ตอนนี้ให้เพิ่ม

110
00:08:16,817 --> 00:08:20,817
หน้าที่ 2 วิธีเพิ่มให้มันได้เหมือนกัน หน้าที่ 1 กับหน้าที่ 2 เหมือนกันนี่

111
00:08:24,375 --> 00:08:24,593
ให้ไปที่ screen ที่ 1

112
00:08:24,593 --> 00:08:27,746
คลิกอันแรก คลิกอันที่ 1 เสร็จแล้ว

113
00:08:27,746 --> 00:08:31,746
มาที่ตำแหน่งนี้ เห็นไหม จุด 3 จุด

114
00:08:32,654 --> 00:08:36,654
ทางมุมซ้าย แล้วก็เลือกคำว่า "Duplicate" อันที่ 2 เลือกอันที่ 2 เห็นหรือเปล่า

115
00:08:40,900 --> 00:08:44,900

116
00:08:46,466 --> 00:08:48,412
คลิก 1 ครั้ง มันก็จะถาม

117
00:08:48,412 --> 00:08:50,321
ว่าต้องการไหม เราก็คลิกที่คำว่า "Duplicate"

118
00:08:50,321 --> 00:08:54,321

119
00:08:57,098 --> 00:09:00,048
เห็นหรือเปล่าเด็ก ๆ ก็จะได้หน้าที่เหมือนกันเลย

120
00:09:00,048 --> 00:09:02,269
เปลี่ยนตรงปุ่ม หน้าที่ 1

121
00:09:02,269 --> 00:09:06,269
ให้ปุ่มจะชื่อว่า Sign in นะ แต่ในหน้าที่ 2

122
00:09:12,389 --> 00:09:13,454
ปุ่มต้องเป็น Login

123
00:09:13,454 --> 00:09:14,327
นะคะ

124
00:09:14,327 --> 00:09:18,026
อันนี้

125
00:09:18,026 --> 00:09:20,375
เพิ่มแล้วลบออกได้

126
00:09:20,375 --> 00:09:24,375
แล้วก็เพิ่มหน้า

127
00:09:27,898 --> 00:09:31,898
อีกหน้าหนึ่ง เพื่อที่เรากด login เข้าไปแล้วปุ๊บ

128
00:09:34,030 --> 00:09:36,662
ถ้ามันถูกใช่ไหม มันก็ควรเข้าไปสู่

129
00:09:36,662 --> 00:09:40,115
หน้าที่เป็นเนื้อหานะ เพราะฉะนั้น เพิ่มหน้าเนื้อหานะคะ

130
00:09:40,115 --> 00:09:44,115
ก็หารูปใส่แล้วก็พิมพ์ข้อความ

131
00:09:46,519 --> 00:09:47,071
ชื่อแอปเราก็ได้ใส่เข้าไปเพิ่มอีก 1 หน้า

132
00:09:47,071 --> 00:09:50,185
อันนี้เพิ่มเอง แต่งเอง นึกออกนะ

133
00:09:50,185 --> 00:09:54,185
เพราะฉะนั้น ตอนนี้ที่เราจะต้องมีเพื่อเขียน Coding ได้น่ะ

134
00:09:58,571 --> 00:10:02,571
เราต้องมีทั้งหมด 3 3 Screen

135
00:10:05,396 --> 00:10:06,400
3 หน้าจอนะคะ ดูดี ๆ นะ หน้าจอที่ 1 ก็คือหน้าจอสำหรับ

136
00:10:06,400 --> 00:10:10,400
Sign in เข้าไปใช่ไหมคะ

137
00:10:11,120 --> 00:10:15,120
หน้าจอที่ 2 จะเป็นหน้าจอ Login

138
00:10:15,288 --> 00:10:19,288
นะ Sign in นั้นหมายถึง

139
00:10:26,554 --> 00:10:27,312
คือ เหมือนตอนเราเข้าเว็บ(ไซต์)ใหม่ ๆ

140
00:10:27,312 --> 00:10:31,101
เรายังไม่มีใช่ไหม ไม่มี User  เราก็ต้องลงทะเบียนเขาก่อน

141
00:10:31,101 --> 00:10:32,053
เขาเรียกว่าอะไรล่ะ

142
00:10:32,053 --> 00:10:35,992
ใส่ Username กับ Password ใช่ไหมคะ

143
00:10:35,992 --> 00:10:39,992
นั่นหมายถึง เมื่อเราลงทะเบียนไปแล้ว แล้วครั้งหน้า

144
00:10:41,774 --> 00:10:44,408
ถ้าเรามาเพื่อจะ Login นึกถึงนะ เราก็แค่

145
00:10:44,408 --> 00:10:48,408
กรอก Username เราแล้วก็

146
00:10:54,412 --> 00:10:54,807
Password ถูกไหม

147
00:10:54,807 --> 00:10:58,807
แล้วพอกด Login มันจะเข้าไปทำแอปได้ หรือไปดูข้อมูลในแอปได้ เพราะฉะนั้น

148
00:11:02,011 --> 00:11:06,011
ก็เลยให้มี 1, 2, 3 3

149
00:11:10,572 --> 00:11:12,640
เมื่อกดแล้ว กดจากนี่ปุ๊บนะ พอลงทะเบียนเสร็จ มันจะให้ทวนว่า

150
00:11:12,640 --> 00:11:16,640
คุณลอง Login เข้าไปใช่ไหม พอ Login เข้าไปเสร็จ ถ้าเข้าได้

151
00:11:18,513 --> 00:11:21,994
มันก็จะมาเปิดหน้านี้นะคะ

152
00:11:21,994 --> 00:11:25,994
เพราะฉะนั้น ต้องมีอย่างน้อย 3 หน้า ไอ้หน้าที่ 3

153
00:11:26,971 --> 00:11:27,539
สร้างใหม่นะคะ ใส่รูปแล้วก็ข้อความ

154
00:11:27,539 --> 00:11:29,494
เพื่อให้รู้ว่า

155
00:11:29,494 --> 00:11:33,494
เป็นแอปนี้นะ ชื่อแอปนี้นะ

156
00:11:42,077 --> 00:11:46,077
อีกอันหนึ่งพอ แค่นั้น

157
00:11:50,591 --> 00:11:54,591

158
00:12:02,598 --> 00:12:06,593

159
00:12:06,593 --> 00:12:10,593

160
00:12:18,616 --> 00:12:22,616

161
00:12:22,622 --> 00:12:26,622

162
00:12:34,625 --> 00:12:38,625

163
00:12:38,627 --> 00:12:39,343

164
00:12:39,343 --> 00:12:43,343

165
00:12:46,632 --> 00:12:50,632

166
00:12:50,633 --> 00:12:54,633

167
00:12:54,635 --> 00:12:58,635

168
00:12:58,636 --> 00:13:02,636

169
00:13:02,639 --> 00:13:06,639

170
00:13:06,640 --> 00:13:10,640

171
00:13:10,642 --> 00:13:14,642

172
00:13:22,650 --> 00:13:26,650

173
00:13:26,653 --> 00:13:30,653

174
00:13:30,654 --> 00:13:34,654

175
00:13:34,659 --> 00:13:38,659

176
00:13:42,671 --> 00:13:46,671

177
00:13:46,674 --> 00:13:50,674

178
00:13:50,678 --> 00:13:54,678

179
00:13:54,682 --> 00:13:58,682

180
00:13:58,685 --> 00:14:02,685

181
00:14:06,693 --> 00:14:10,693

182
00:14:10,694 --> 00:14:14,694

183
00:14:14,703 --> 00:14:18,696

184
00:14:18,696 --> 00:14:22,696

185
00:14:22,703 --> 00:14:26,703

186
00:14:26,710 --> 00:14:30,710

187
00:14:30,710 --> 00:14:34,710

188
00:14:34,711 --> 00:14:38,711

189
00:14:38,736 --> 00:14:42,736

190
00:14:46,743 --> 00:14:50,743

191
00:14:50,745 --> 00:14:54,745

192
00:14:54,746 --> 00:14:58,746

193
00:14:58,747 --> 00:15:02,747

194
00:15:02,749 --> 00:15:06,749

195
00:15:06,752 --> 00:15:10,752

196
00:15:10,754 --> 00:15:14,754

197
00:15:14,762 --> 00:15:18,762

198
00:15:18,765 --> 00:15:22,765

199
00:15:22,770 --> 00:15:26,767

200
00:15:26,767 --> 00:15:30,767

201
00:15:30,775 --> 00:15:34,773

202
00:15:34,773 --> 00:15:38,773

203
00:15:38,777 --> 00:15:42,777

204
00:15:42,778 --> 00:15:46,778

205
00:15:46,778 --> 00:15:50,778

206
00:15:50,782 --> 00:15:54,782

207
00:15:54,786 --> 00:15:58,785

208
00:15:58,785 --> 00:16:02,785

209
00:16:02,786 --> 00:16:06,786

210
00:16:06,790 --> 00:16:10,790

211
00:16:10,791 --> 00:16:14,791

212
00:16:14,796 --> 00:16:18,796

213
00:16:18,799 --> 00:16:22,799

214
00:16:22,803 --> 00:16:26,803

215
00:16:26,806 --> 00:16:30,806

216
00:16:30,806 --> 00:16:32,058

217
00:16:32,058 --> 00:16:36,058

218
00:16:38,813 --> 00:16:42,813

219
00:16:46,817 --> 00:16:50,817

220
00:16:50,818 --> 00:16:54,818

221
00:16:54,823 --> 00:16:58,823

222
00:17:02,829 --> 00:17:06,829

223
00:17:10,837 --> 00:17:14,092

224
00:17:14,092 --> 00:17:16,665

225
00:17:16,665 --> 00:17:19,085
โอเคนะคะ ตอนนี้

226
00:17:19,085 --> 00:17:22,675
เราจะต้องมีทั้งหมด 3 หน้าแล้วนะ

227
00:17:22,675 --> 00:17:26,675
ทีนี้เราจะเริ่มมา Code แล้วนะคะ

228
00:17:34,846 --> 00:17:38,846
ก่อนจะ Code เช็กก่อนนะคะ ในหน้าแรก ก็คือหน้า Sign in

229
00:17:42,115 --> 00:17:46,115
ตั้งชื่อสลับกัน ดูชื่อนะ ของเรามันก็ต้องเป็นอะไรนะ ไม่ใช่ Login

230
00:17:46,439 --> 00:17:50,439
มันต้องเป็นอะไร Sign in นะคะ

231
00:17:51,202 --> 00:17:55,202
s-i... Sign in นะ

232
00:17:56,559 --> 00:18:00,559
s-i-g

233
00:18:06,859 --> 00:18:09,881
-n

234
00:18:09,881 --> 00:18:13,881

235
00:18:14,081 --> 00:18:18,081
จะได้ไม่สับสน ตอนนี้สับสนเองแล้ว แก้ไปแก้มาหลายรอบ งง อันนี้ก็ต้องเป็น Login นะ

236
00:18:22,881 --> 00:18:26,881

237
00:18:30,892 --> 00:18:34,892
นะคะ เราก็จะมีหน้า Sign in 1 หน้า login 1 หน้า

238
00:18:38,549 --> 00:18:41,454
แล้วก็หน้าแรกก็ได้ First ก็ได้นะคะ เปลี่ยน

239
00:18:41,454 --> 00:18:45,454
เพราะไม่ได้พิมพ์คำว่า "Welcome" ก็พิมพ์ First App ก็ได้ First Page

240
00:18:49,276 --> 00:18:50,495
ไม่ก็หน้าเพจ หน้าแอปก็ได้

241
00:18:50,495 --> 00:18:54,495

242
00:18:57,262 --> 00:19:00,672
นะคะ ก็คือ

243
00:19:00,672 --> 00:19:04,672
เข้ามาที่หน้าแรกของแอปเรา

244
00:19:10,659 --> 00:19:14,191
สิ่งที่จะต้องมีเพิ่มในหน้า Login นะคะ เด็ก ๆ เห็นไหม แม่มีกรอบ

245
00:19:14,191 --> 00:19:17,682
เปล่า ๆ นี่อยู่ตรงนี้ 1 อันอยู่ด้านล่างนี่ เพราะอะไร

246
00:19:17,682 --> 00:19:19,534
เพราะว่าบางทีให้นึกถึงนะ

247
00:19:19,534 --> 00:19:23,534
บางคนพอเวลา Login แล้วกรอก

248
00:19:24,042 --> 00:19:28,042
ผิดน่ะ มันควรจะมีการแจ้งเตือน

249
00:19:28,863 --> 00:19:29,929
ใช่ไหมคะ ว่าไอ้ที่เรากรอกน่ะมันไม่ถูก

250
00:19:29,929 --> 00:19:33,929
สิ่งที่จะใส่มาตรงนี้นะคะ ก็คือใส่ label

251
00:19:40,533 --> 00:19:42,934
เด็ก ๆ คลิกที่ Label แล้วเอามาวาง แล้วตรง

252
00:19:42,934 --> 00:19:46,934
ตำแหน่งนี้ ให้คลิกที่กากบาท ให้มันเป็น Emtry

253
00:19:54,507 --> 00:19:58,263
ให้ label มันเป็นเปล่า ๆ

254
00:19:58,263 --> 00:20:02,263
เพราะมา Label ครั้งแรก เดี๋ยวทำให้ดูนะคะ ถ้าเราเลือก Label ครั้งแรก แล้วเอามาวาง

255
00:20:05,477 --> 00:20:05,853
มันจะมีคำว่า "Label" อยู่ใช่ไหมลูก เห็นหรือเปล่า

256
00:20:05,853 --> 00:20:07,593
ให้เราคลิกที่ลบนี่

257
00:20:07,593 --> 00:20:11,593
มันจะหายไปใช่ไหมแล้ว

258
00:20:18,939 --> 00:20:22,752
ที่เป็นกรอบข้อความเฉย ๆ น่ะ แต่อันนี้ไม่ได้อยู่ที่ Sign in นะ ให้อยู่ที่ไหนคะ

259
00:20:22,752 --> 00:20:26,752
ให้ไปเตือนที่ login นะ

260
00:20:27,626 --> 00:20:31,626
ใช่ ๆ เตือนที่ Login ตอนแสดงให้ดูเฉย ๆ ว่าถ้าเอา Label

261
00:20:34,296 --> 00:20:38,296
เห็นหรือเปล่า เห็นไหมคะ เอาไว้ที่หน้า Login นะคะ

262
00:20:38,773 --> 00:20:42,773
จะเอาไว้ข้างบนหรือข้างล่างแล้วแต่นะ เปลี่ยนตำแหน่ง

263
00:20:43,859 --> 00:20:47,859
ก็ได้นะคะ เอาไว้ก่อน Button ก็ได้ เอา Button ลงมา แล้วเอาไอ้แจ้งเตือนขึ้นมาก่อนก็ได้

264
00:20:49,045 --> 00:20:53,045
หรือแจ้งเตือนไว้ข้างหลังก็ได้ ก็แล้วแต่จัดตำแหน่งนะคะ

265
00:20:53,570 --> 00:20:56,915

266
00:20:56,915 --> 00:20:59,677
เดี๋ยวแม่วางไว้ข้างล่างอย่างนี้นะคะ

267
00:20:59,677 --> 00:21:03,677
ตรงข้อความในนี้ Label น่ะ ถ้าทำให้มันหาย

268
00:21:06,947 --> 00:21:10,947
ก็คือคลิกที่เครื่องหมายกากบาทตรงนี้ มันจะเป็น Empty

269
00:21:13,107 --> 00:21:15,718
tring

270
00:21:15,718 --> 00:21:17,695
นะคะ แล้วมันจะขึ้นเตือนได้อย่างไร

271
00:21:17,695 --> 00:21:21,532
แม่ไม่ใส่ข้อความ ก็เราจะไปเขียนโค้ดไงคะ

272
00:21:21,532 --> 00:21:25,298
ให้มันไปขึ้นตอนที่เรากดปุ่ม Login แล้ว

273
00:21:25,298 --> 00:21:29,298
ข้อมูลที่ Username ที่เราใส่

274
00:21:34,607 --> 00:21:35,405
มันไม่ถูกน่ะ มันถึงจะขึ้นนะ ทีนี้มาดู

275
00:21:35,405 --> 00:21:38,568
อันดับแรก หน้าแรก

276
00:21:38,568 --> 00:21:42,568
ก่อนเราต้องไปตั้งค่าที่หน้าแรกก่อน

277
00:21:44,806 --> 00:21:48,806
หน้า Sign in ก่อนนะ สิ่งที่เราจะต้องใส่ Coding

278
00:21:50,324 --> 00:21:53,492
เข้าไปนะคะ นึกถึงง่าย ๆ ก็คือ

279
00:21:53,492 --> 00:21:57,492
หลักการ ก็คือเวลาจะ Sign in เวลาเราจะให้เขากรอก

280
00:21:58,851 --> 00:22:02,851
Username ใช่ไหมคะ แล้วก็ Password

281
00:22:06,996 --> 00:22:08,162
2 ตัว เมื่อกรอกเสร็จแล้วให้มากดปุ่ม Sign in ใช่ไหม นะคะ

282
00:22:08,162 --> 00:22:12,162
ก็คือพอเปิดเข้ามาปุ๊บ ให้คนที่ใช้แอป

283
00:22:12,798 --> 00:22:16,798
เราเขากรอก Username นะคะ

284
00:22:23,015 --> 00:22:27,015
แล้วก็ Password ลงไป เมื่อกรอกเสร็จนะคะ ให้กดปุ่ม Sign in ทีนี้ ไอ้สิ่งที่กรอกที่

285
00:22:28,201 --> 00:22:32,201
มันจะเอาไปเก็บไว้ไหนใช่ไหม เพื่อจะเช็กได้ว่า เช็กได้ว่า

286
00:22:34,050 --> 00:22:37,432
ที่กรอกลงมานี้เมื่อเวลาไป Login แล้วมันใช่ Username

287
00:22:37,432 --> 00:22:41,432
ที่เคยกรอกไปไหม มันใช่ Password ที่เคยกรอกไปไหม

288
00:22:42,003 --> 00:22:44,392
นะคะ แล้วมันก็จะสามารถ Login เพื่อ

289
00:22:44,392 --> 00:22:48,392
ไปสู่หน้าที่เป็นหน้าแรกนี้ได้

290
00:22:49,501 --> 00:22:49,733
มาดูที่อันดับแรกก่อน

291
00:22:49,733 --> 00:22:53,733
สิ่งที่เราจะเก็บ ก็คือ Username กับ Password เราจะเก็บมันได้

292
00:23:00,932 --> 00:23:02,380
ก็ต่อเมื่อเราทำสิ่งนี้นะคะ พร้อมจะเขียนโค้ดแล้ว

293
00:23:02,380 --> 00:23:06,272
ไปที่หน้า Sign in นะ

294
00:23:06,272 --> 00:23:09,313
หน้าแรกนะ แล้วเลือก Block ของเรานะ

295
00:23:09,313 --> 00:23:13,313
เพื่อเราจะเขียน Coding นะ

296
00:23:15,249 --> 00:23:18,899
สิ่งแรกที่เด็ก ๆ จะต้องมีนะคะ ก็คือให้เด็ก ๆ คลิก

297
00:23:18,899 --> 00:23:19,839
ที่คำว่า

298
00:23:19,839 --> 00:23:23,839
Variable เราต้องประกาศตัวแปร

299
00:23:25,326 --> 00:23:29,326
ก่อนลูก เพราะว่าอะไร เพราะว่าเราจะเอา

300
00:23:31,572 --> 00:23:35,572
Username กับ Password ไปเก็บได้แล้วเราจะเอามันไปเก็บที่ไหน

301
00:23:35,765 --> 00:23:39,462
คอมพิวเตอร์มันจะรู้ได้อย่างไร

302
00:23:39,462 --> 00:23:43,293
ก็ต้องประกาศตัวแปรเพื่อที่จะ

303
00:23:43,293 --> 00:23:47,293
เพราะฉะนั้น เด็ก ๆ ต้องไปเลือกที่คำว่า "Variable"

304
00:23:49,611 --> 00:23:53,611
เห็นไหมคะ แล้วให้เลือกคำว่า "Interlize"

305
00:23:56,215 --> 00:23:59,991
เหมือนบอกว่าแปลเป็นไทย

306
00:23:59,991 --> 00:24:03,648
ฉันจะประกาศอันนี้นะคะ ชื่อนี้ เป็น Variable ชื่ออะไรนะ

307
00:24:03,648 --> 00:24:07,648
ลากตัวนี้ออกมาวาง

308
00:24:10,356 --> 00:24:14,356
1 อันนะคะ

309
00:24:15,402 --> 00:24:19,402
แต่บอกแล้ว เรามีตัวแปรที่จะต้องประกาศ

310
00:24:23,740 --> 00:24:27,740
กี่ตัวคะ 2 ตัวนะลูก เพราะฉะนั้น ต้องลากออกมากี่อัน 2 อัน

311
00:24:31,468 --> 00:24:33,077
ใช่ไหมคะ ให้ได้ 2 ตัว เหมือนที่แม่ลากนี่

312
00:24:33,077 --> 00:24:36,344
เหมือนตัวอย่าง ลากตัว...

313
00:24:36,344 --> 00:24:40,344
นะถ้าเป็นเกี่ยวกับตัวแปรก็ไปที่ Variable

314
00:24:46,072 --> 00:24:46,485
คำว่า "ประกาศตัวแปร" ก็คือ

315
00:24:46,485 --> 00:24:48,802
Intailize

316
00:24:48,802 --> 00:24:51,032
อย่างนี้ ลากมาอย่างนี้ 2 อันนะคะ

317
00:24:51,032 --> 00:24:54,674

318
00:24:54,674 --> 00:24:58,674
ตรงคำว่า "แอป" ตรงคำว่าไอ้นี่คืออะไร

319
00:25:03,791 --> 00:25:07,791
บอกให้รู้ว่าตัวแปรนี้ คลิกไปที่อะไรนะ รูปที่เหมือนiสามเหลี่ยมชี้ลงน่ะ

320
00:25:08,420 --> 00:25:12,420
นะคะ

321
00:25:14,804 --> 00:25:18,804
เห็นไหม มันมี app มี store แล้วก็มี Cloud

322
00:25:27,110 --> 00:25:27,759
ให้เราเลือกคลาวด์นะคะ ทั้ง 2 เลย เก็บไว้บนคราวด์เลย

323
00:25:27,759 --> 00:25:30,079
เพราะ เพราะอะไร เพราะแอปเราออนไลน์นะ

324
00:25:30,079 --> 00:25:31,454
ก็คือแต่ถ้าเมื่อใด

325
00:25:31,454 --> 00:25:35,454
ที่เราเอาแอปไปลงในมือถือ นึกออกนะ ที่เก็บ

326
00:25:40,525 --> 00:25:44,525
มันก็จะเปลี่ยน นึกออกนะคะ อาจจะเก็บไว้ที่ Store

327
00:25:45,061 --> 00:25:49,061
เลยก็ได้ ถ้าเก็บไว้ที่ Cloud

328
00:25:49,293 --> 00:25:52,282
มันก็จะไปเปิดฐานข้อมูลในคลาวด์เรานะ

329
00:25:52,282 --> 00:25:56,282
เดี๋ยวนี้ก็น่าจะเก็บไว้ในคลาวด์แล้วล่ะ โอเคนะคะ

330
00:25:57,671 --> 00:26:01,671
เลือกตรงนี้เป็น cloud ทั้ง 2 เลย

331
00:26:07,128 --> 00:26:10,347
แล้วตรง name ก็พิมพ์เพื่อเปลี่ยนใช่ไหมคะ Variable ตัวแรก

332
00:26:10,347 --> 00:26:14,347
ชื่อว่าอะไร ตัวแปรแรก ก็คือ User

333
00:26:15,896 --> 00:26:18,846
ตัวแปรที่ 2 สำหรับ pass

334
00:26:18,846 --> 00:26:22,846
หรือ Password สำหรับเก็บ Password เห็นไหมคะ สิ่งที่จะต้องเปลี่ยน ก็คือตรง

335
00:26:23,370 --> 00:26:27,370
ที่เก็บข้อมูล จากเดิมมันเป็นแอป ให้เปลี่ยนเป็น cloud

336
00:26:34,605 --> 00:26:35,513
ตรง Name ให้เปลี่ยนเป็น cloud

337
00:26:35,513 --> 00:26:37,537
พิมพ์ชื่อตัวแปรลงไป ซึ่ง

338
00:26:37,537 --> 00:26:41,537
ตั้งชื่อว่าตัวแปร user สำหรับเก็บ username

339
00:26:44,411 --> 00:26:48,246
และก็ตัวแปร Pass สำหรับเก็บ Password

340
00:26:48,246 --> 00:26:50,279
เมื่อประกาศตัวแปรเสร็จแล้ว

341
00:26:50,279 --> 00:26:53,647
เพราะหน้า Sign in

342
00:26:53,647 --> 00:26:54,387
คือ ตัวแรกที่เราจะรับเลยนะ

343
00:26:54,387 --> 00:26:56,395

344
00:26:56,395 --> 00:27:00,390

345
00:27:00,390 --> 00:27:04,390

346
00:27:07,815 --> 00:27:10,655
เมื่อได้

347
00:27:10,655 --> 00:27:14,126
ตัวแปรเสร็จ สิ่งที่จะเกิดต่อมา ก็คือ

348
00:27:14,126 --> 00:27:18,126
เมื่อมีการทำอะไรคะ

349
00:27:19,441 --> 00:27:23,441
ให้ดูหน้าดีไซน์เรานะ เมื่อกี้ที่อธิบายนะ

350
00:27:24,265 --> 00:27:28,265
username password โดนกรอกเข้ามาปุ๊บ

351
00:27:33,516 --> 00:27:34,825
ปุ่ม Sign in ใช่ไหมคะ เพราะฉะนั้น สิ่งที่จะต้องสั่งให้

352
00:27:34,825 --> 00:27:38,825
มันกระทำนั้นเอง สิ่งนี้เมื่อโดนกด

353
00:27:40,464 --> 00:27:44,464
มันจะเกิดอะไรขึ้นนะ เพราะฉะนั้น กลับไปที่ block เรานะ ได้

354
00:27:44,517 --> 00:27:48,517
ประกาศตัวแปรมาแล้ว เห็นไหมคะ ส่วนที่ควบ

355
00:27:49,733 --> 00:27:53,733
คุม เราจะอยู่ที่ส่วนของ Control

356
00:27:59,174 --> 00:28:03,174
เด็ก ๆ สังเกตสี สีของ Block เห็นไหม แม่เลือกใช้ตัวไหน สีมันก็จะเป็นตัวนั้น

357
00:28:04,067 --> 00:28:06,844
เห็นไหมคะ เหมือนสีส้มมันก็จะไปที่สีแดงตัวนี้

358
00:28:06,844 --> 00:28:10,287
นี่สี้หลืองอย่างนี้ ก็คืออยู่ที่

359
00:28:10,287 --> 00:28:14,287
Control ส่วนของ Control ทั้งหมด

360
00:28:18,151 --> 00:28:22,151
ทั้งปวง ทีนี้ คำสั่ง ก็คือเมื่อเราไปกดปุ่ม เห็นไหมคะ

361
00:28:22,157 --> 00:28:26,157
ต้องไปหา Control ที่คลิก ๆ

362
00:28:31,205 --> 00:28:33,272

363
00:28:33,272 --> 00:28:37,272
ก่อน

364
00:28:41,500 --> 00:28:45,238
จะหาตัวนั้น เดี๋ยว ๆ ต้องไปเลือก

365
00:28:45,238 --> 00:28:49,238
ปุ่มเราก่อน ตรง... เราอยู่ในหน้า sign in

366
00:28:52,676 --> 00:28:53,204
เราคลิกที่ปุ่ม Button เราก่อนนะคะ

367
00:28:53,204 --> 00:28:57,204
แล้วมันก็จะเจอ Button

368
00:29:03,221 --> 00:29:07,221
คลิกนะ เราต้องเลือกที่ เมื่อมีการกดที่ปุ่มนี้ ต้องคลิกตรงนี้ก่อน มันถึงจะไปตัวต่อไปได้

369
00:29:09,254 --> 00:29:13,254
เด็กก็ลากคำสั่งนี้ออกมา เห็นไหมคะ ต้องคลิกที่ตัวปุ่มก่อนนะ

370
00:29:13,541 --> 00:29:13,665
ดูดี ๆ นะ ดูวิธีการใหม่นะ

371
00:29:13,665 --> 00:29:17,665

372
00:29:23,566 --> 00:29:26,837
Sign in คลิกนี่ จะขึ้นก็ต่อเมื่อเราไปคลิกที่ปุ่ม

373
00:29:26,837 --> 00:29:30,837
เห็นไหมคะ ตัว Object เรา

374
00:29:30,850 --> 00:29:32,700
ก่อนเห็นหรือเปล่า แล้วก็ลากออกมา

375
00:29:32,700 --> 00:29:36,700
ให้มันทำอะไร เมื่อกดแล้ว

376
00:29:36,848 --> 00:29:40,848
มันไปไหน เห็นไหมคะ Navigation Tool

377
00:29:47,580 --> 00:29:51,580
ถูกไหม sign in กด sign in

378
00:29:55,537 --> 00:29:57,372
มันต้องไปที่อันที่ 2 ก็คืออะไรคะ

379
00:29:57,372 --> 00:30:01,372
Login ถูกไหมคะ

380
00:30:01,384 --> 00:30:03,844
พอลงชื่อไอ้นี่เสร็จเรียบร้อย มันต้อง

381
00:30:03,844 --> 00:30:07,844
ไปที่ login นะ เราก็เลือก Screen

382
00:30:12,591 --> 00:30:16,591
เป็น Navigation Tool เมื่อ

383
00:30:17,239 --> 00:30:20,957
ปุ่ม Sign in โดนกดให้

384
00:30:20,957 --> 00:30:24,957
ไปที่หน้า Login เห็นไหมเงื่อนไข เงื่อนไขบอกว่า เมื่อปุ่ม

385
00:30:25,212 --> 00:30:27,963
Sign in ถูกคลิกนะ สิ่งที่จะต้องทำ

386
00:30:27,963 --> 00:30:31,963
ก็คือนำทางไปยัง Screen Login

387
00:30:37,745 --> 00:30:38,217
Screen Login หน้า Login นั่นเอง เห็นไหมคะ

388
00:30:38,217 --> 00:30:42,217
แต่ทีนี้มันขึ้นหน้าอย่างนี้ได้

389
00:30:43,491 --> 00:30:47,491
ก็ต่อเมื่อเราต้องไปเซตตัวแปรที่มันป้อนเข้าไปด้วยก่อน

390
00:30:51,092 --> 00:30:55,092
เห็นไหมคะ คำว่า "Set Cloud

391
00:30:59,275 --> 00:31:00,968
Variable User ดูสีก็รู้

392
00:31:00,968 --> 00:31:04,968
Variable ตอนนี้เด็ก ๆ ได้เป็น Button คลิกหรือยัง

393
00:31:05,915 --> 00:31:09,915
ได้แล้วนะ แล้ว

394
00:31:14,897 --> 00:31:18,897
บอกว่าให้มัน Navigation to login แล้วนะ ต่อมา ก็คือก่อนมันจะไปหน้านี้ได้เราจะต้องป้อนข้อมูล

395
00:31:25,901 --> 00:31:26,278
เข้าไปก่อนใช่ไหม เพราะฉะนั้น เราต้องไปที่ Variables ก่อนค่ะ

396
00:31:26,278 --> 00:31:30,278
แล้วเลือก Set เห็นไหมคะ

397
00:31:32,521 --> 00:31:36,521
กำหนดค่าตัวแปร

398
00:31:36,598 --> 00:31:40,018
นี่

399
00:31:40,018 --> 00:31:44,018
เอาตัวนี้มาต่อ ต่อตรงไหน ตรงท้าย

400
00:31:48,519 --> 00:31:50,882
ไอ้ Cloud เอ้ย ตรง Do น่ะค่ะ

401
00:31:50,882 --> 00:31:54,882
ตัวแปรเรามี User กับอะไรคะ

402
00:31:58,251 --> 00:31:59,578
User กับ Password

403
00:31:59,578 --> 00:32:03,578
เพราะฉะนั้น ไม่เห็นมี word เลือกมาสิ เลือกมา 2 อัน แล้วมาเปลี่ยนสิ

404
00:32:05,128 --> 00:32:06,311
นี่ไง

405
00:32:06,311 --> 00:32:10,311
ไม่ขึ้นหรือ อันไหนไม่ขึ้น

406
00:32:11,553 --> 00:32:15,553

407
00:32:23,309 --> 00:32:27,309

408
00:32:35,323 --> 00:32:39,323

409
00:32:39,325 --> 00:32:43,325

410
00:32:51,342 --> 00:32:55,342

411
00:32:55,342 --> 00:32:59,342

412
00:33:03,346 --> 00:33:07,346

413
00:33:11,353 --> 00:33:15,353

414
00:33:19,360 --> 00:33:23,360

415
00:33:27,363 --> 00:33:31,363

416
00:33:35,368 --> 00:33:39,368

417
00:33:39,372 --> 00:33:43,370

418
00:33:43,370 --> 00:33:47,370

419
00:33:51,380 --> 00:33:55,377

420
00:33:55,377 --> 00:33:59,377

421
00:33:59,378 --> 00:34:03,378

422
00:34:05,608 --> 00:34:09,608

423
00:34:15,389 --> 00:34:19,042

424
00:34:19,042 --> 00:34:23,042

425
00:34:31,400 --> 00:34:35,400

426
00:34:39,401 --> 00:34:43,401

427
00:34:43,403 --> 00:34:47,403

428
00:34:47,408 --> 00:34:51,408

429
00:34:55,416 --> 00:34:59,416

430
00:34:59,423 --> 00:35:03,417

431
00:35:03,417 --> 00:35:07,417

432
00:35:07,418 --> 00:35:11,418

433
00:35:11,422 --> 00:35:15,422

434
00:35:15,423 --> 00:35:19,423

435
00:35:19,426 --> 00:35:23,426

436
00:35:27,426 --> 00:35:31,426

437
00:35:31,428 --> 00:35:35,428

438
00:35:35,432 --> 00:35:35,513
Set อยู่ที่ตัวแปรนะคะ โอเคนะ

439
00:35:35,513 --> 00:35:39,513
ทันแล้วนะ ไปที่ตัวแปรนะคะ

440
00:35:45,356 --> 00:35:45,900
ทีนี้ไปตัวแปร แล้วเลือกคำว่า "ฆet" เห็นไหมคะ

441
00:35:45,900 --> 00:35:49,900
Cloud Variable

442
00:35:52,977 --> 00:35:53,845
เพราะเมื่อกี้พอเราสร้างเสร็จแล้ว

443
00:35:53,845 --> 00:35:55,875
มันก็จะขึ้นมาให้ลากออกมา

444
00:35:55,875 --> 00:35:59,875
แล้วมาเปลี่ยนชื่อตรงนี้ ตัวที่ 2

445
00:36:01,418 --> 00:36:02,282
เป็น Password โอเคไหมลูก

446
00:36:02,282 --> 00:36:06,282

447
00:36:07,876 --> 00:36:11,577
โอเคนะ

448
00:36:11,577 --> 00:36:15,577
สิ่งที่จะลากต่อมา ก็คือเห็นไหมคะ

449
00:36:15,885 --> 00:36:19,600
มันจะมีต่อว่าเมื่อกำหนดค่าให้ตัวแปร

450
00:36:19,600 --> 00:36:23,600
Password แล้ว =ให้มันไปทำอะไร

451
00:36:29,322 --> 00:36:31,183
ให้ Text input นะ

452
00:36:31,183 --> 00:36:32,519
Text input

453
00:36:32,519 --> 00:36:36,519

454
00:36:36,913 --> 00:36:40,913
เดี๋ยวนะ นี่เห็นไหม

455
00:36:43,567 --> 00:36:47,567
text input เด็ก ๆ จะต้องมาเลือกไอ้ Text ตัวที่ 1 ของเราน่ะ

456
00:36:53,337 --> 00:36:55,603
ก็คือ Username น่ะ ดูนะคะ สิ่งที่จะมาเลือก คือ

457
00:36:55,603 --> 00:36:59,603
ส่วนนี้นึกออกไหมลูก เพราะฉะนั้น ก็ไปที่ Block ให้เด็ก ๆ มาคลิกที่

458
00:37:06,336 --> 00:37:06,366
ิสิ่งที่จะลากมาใส่ต่อตรงนี้ ให้คลิกที่นีนึกออกไหมลูก เพราะฉะนั้น ก็ไปที่ Block ให้เด็ก ๆ มาคลิกที่

459
00:37:06,366 --> 00:37:10,366
UI Component น่ะ

460
00:37:15,287 --> 00:37:19,287
ของเราเห็นไหม เห็นไหม แล้วให้เลือกที่

461
00:37:20,140 --> 00:37:24,140
ที่มันขึ้นคำว่า "Text input username"

462
00:37:31,044 --> 00:37:33,608

463
00:37:33,608 --> 00:37:35,498
Text นะคะ ตัวนี้ตัวที่ 2 นะคะ

464
00:37:35,498 --> 00:37:39,498
มันมี hit กับ text ใช่ไหมลูก เราเลือก

465
00:37:42,759 --> 00:37:46,054
นะลูก นี่เอามาต่อ

466
00:37:46,054 --> 00:37:50,054
อันนี้ password ใช่ไหมคะ

467
00:37:55,303 --> 00:37:59,303
เพราะฉะนั้น ก็ต้องเลือก Text input อะไร Password นะ

468
00:38:02,400 --> 00:38:06,400
แป๊บ

469
00:38:15,507 --> 00:38:16,495
ขยายให้มันดูใหญ่ขึ้น ไหนไอ้...

470
00:38:16,495 --> 00:38:20,495

471
00:38:31,520 --> 00:38:34,375
เล็กไป ๆ

472
00:38:34,375 --> 00:38:38,375
ใหญ่เกิน

473
00:38:40,594 --> 00:38:44,256
ล้น ใหญ่สุดแล้ว ใหญ่กว่านี้ก็ล้น

474
00:38:44,256 --> 00:38:44,815
อีก

475
00:38:44,815 --> 00:38:48,815

476
00:38:50,888 --> 00:38:54,202
เห็นไหม

477
00:38:54,202 --> 00:38:58,202
ถ้า 200 ใหญ่ไป เดี๋ยวนะ

478
00:39:00,125 --> 00:39:01,480

479
00:39:01,480 --> 00:39:05,480

480
00:39:12,528 --> 00:39:16,528

481
00:39:19,544 --> 00:39:23,544
นะ ตอนเลือก เราต้องเลือกตัววัตถุน่ะ

482
00:39:26,341 --> 00:39:30,341
วัตถุที่เราจะใช้ทำด้วย เพราะฉะนั้น ต้องเลือกให้

483
00:39:32,848 --> 00:39:33,920
ถูกอันนะ เพราะฉะนั้น เราต้องเลือกที่ตัววัตถุเราก่อนนะ

484
00:39:33,920 --> 00:39:37,920
มันแล้วมันก็จะขึ้นไอ้พวก Control

485
00:39:43,179 --> 00:39:43,276
นั้นขึ้นมาน่ะลูก ทีนี้ เดี๋ยว ๆ ลืม ลืมให้เช็ก

486
00:39:43,276 --> 00:39:47,276
ตรง Design ก่อน เด็ก ๆ คลิกกลับไปที่ Design ก่อนค่ะ

487
00:39:51,184 --> 00:39:55,184
เช็กตรงช่องนี้ก่อน

488
00:39:56,348 --> 00:40:00,348
ช่องแรกก่อน ตรงเห็นไหมคะ Text input

489
00:40:06,149 --> 00:40:10,149
เห็นไหมคะ Text input น่ะค่ะ ตรง Text ของเด็ก ๆ ต้องเป็น Empty

490
00:40:10,835 --> 00:40:13,663
เป็นหรือเปล่าคะ ให้กลับมาที่หน้า Design ก่อนได้หรือเปล่า

491
00:40:13,663 --> 00:40:17,663
มาเช็กไอ้สิ่งที่อยู่ใน text input

492
00:40:23,581 --> 00:40:24,549
มันต้องเป็นช่องว่างนะ ไม่มีอะไรอยู่น่ะ

493
00:40:24,549 --> 00:40:28,549

494
00:40:39,589 --> 00:40:42,368
กดเครื่องหมายกากบาท มันก็จะขึ้น Empty String แทน

495
00:40:42,368 --> 00:40:46,368
มันก็จะขึ้น Empty จะขึ้น Mpty

496
00:40:46,773 --> 00:40:49,467
ให้มันขึ้น Imty string นะเด็ก ๆ ให้เลือก Dufult นะ ันขึ้น Imty string นะเด็ก ๆ ให้เลือก Dufult นะ

497
00:40:49,467 --> 00:40:52,108
โอเคไหม ค่า 2 ตัวนี้ ดูที่

498
00:40:52,108 --> 00:40:56,108
ค่า 2 ตัวนี้ดูที่ค่า 2 ตัวนี้

499
00:40:58,057 --> 00:41:02,057
ค่า Text มันต้องเป็น Empty ค่าของ...

500
00:41:07,615 --> 00:41:11,615
ก็คือให้มันเซ็ต เซ็ตเป็นเเริ่มใหม่เสมอน่ะนะ นะคะ เหมือนกันนะคะ ทั้ง 2 อัน

501
00:41:15,818 --> 00:41:18,809
เพราะฉะนั้น อย่าลืมเช็กที่ Login

502
00:41:18,809 --> 00:41:20,461
ค่ามันต้องเหมือนกันทั้งสองนะคะ

503
00:41:20,461 --> 00:41:24,461
เช็กให้เหมือนกันด้วย โอเคนะ

504
00:41:24,959 --> 00:41:28,959
ต้องเช็กทั้ง 2 อันด้วย

505
00:41:30,058 --> 00:41:34,058
ลืม ๆ ลืมให้เช็กขอโทษทีนะคะ อย่างนั้นมา Coding ต่อได้

506
00:41:39,833 --> 00:41:40,403
นะคะ ไปที่บล็อกเราเหมือนเดิมนะ

507
00:41:40,403 --> 00:41:41,306

508
00:41:41,306 --> 00:41:45,306

509
00:41:47,172 --> 00:41:51,172
ตอนนี้ก็คือใส่แล้วนะ เด็ก ๆ จะต้อง

510
00:41:55,410 --> 00:41:56,726
มี 1. ประกาศตัวแปร 2 อัน มีแล้วใช่ไหมคะ

511
00:41:56,726 --> 00:42:00,726
คือ 2 อันนี้ถูกต้องไหม มีอันที่ 2

512
00:42:02,495 --> 00:42:05,868
ก็คือมี...

513
00:42:05,868 --> 00:42:09,868
มีการควบคุมปุ่ม ปุ่ม Sign in ใช่ไหม

514
00:42:10,243 --> 00:42:14,150
บอกไว้ว่าเมื่อเรากดปุ่ม Sign in นี่ ให้มันไปไหน

515
00:42:14,150 --> 00:42:18,150
ถ้ากดปุ่ม Sign in ปุ๊บ มันจะต้องไปที่

516
00:42:22,495 --> 00:42:26,495
อะไรคะ หน้า Login ก็คือไป Scene ที่ 2

517
00:42:26,981 --> 00:42:28,021
ไป Scene ที่ใช่ไหมคะ ไปหน้าที่ 2 แล้วทีนี้สิ่งที่จะเกิดขึ้น

518
00:42:28,021 --> 00:42:32,021
ในตัวนี้เมื่อเรากำหนด

519
00:42:34,504 --> 00:42:38,504
ให้ค่าตัวแปร User นี่เก็บอะไร

520
00:42:41,728 --> 00:42:44,189
เห็นไหมคะ เก็บ Text ที่เรากรอกเข้าไปน่ะค่ะ

521
00:42:44,189 --> 00:42:48,189
เก็บ Text ไว้ด้วยนะคะ เก็บ Text ของ Username กับของ Password นะคะ

522
00:42:48,921 --> 00:42:52,751
หน้า Login มีเท่านี้เอ้ย

523
00:42:52,751 --> 00:42:56,751
พูดผิด หน้า Sign in มีเท่านี้ ไปที่หน้า login บ้าง ทีนี้ไปที่หน้า login นะคะ

524
00:42:59,743 --> 00:43:03,743
เหมือนเดิมเลย เลือกปุ่มกดก่อนเพื่อจะให้มันขึ้น

525
00:43:05,056 --> 00:43:07,441
ส่วนนี้ขึ้นมา เด็ก ๆ ไปเลือกตัวนี้นะ

526
00:43:07,441 --> 00:43:11,441
ต้องมาอยู่ที่ Screen login นะลูก ให้เช็กด้วย

527
00:43:17,722 --> 00:43:17,949
ตอนนี้เราจะต้องอยู่ที่หน้าที่ 2 นะ โอเคไหม

528
00:43:17,949 --> 00:43:21,949
จะเขียน Box ช่องที่ 2

529
00:43:25,801 --> 00:43:26,459
ตัวแรกที่เด็ก ๆ ต้องเลือก คือ Button

530
00:43:26,459 --> 00:43:30,459
ปุ่ม login ตัวเอง อยู่ไหน ตั้งชื่อว่าอะไร

531
00:43:33,328 --> 00:43:37,328
ดูนะคะ ให้ดูว่าไอ้ปุ่มนี้ ตัวเองนี่ พอมีสีแดงขึ้นนี่มันจะมี

532
00:43:38,966 --> 00:43:41,782
ตัวนี้ขึ้นมาให้เห็นว่าปุ่มของเราชื่อนี้

533
00:43:41,782 --> 00:43:45,782
นึกออกนะ นะคะ เพราะฉะนั้น คลิกที่ปุ่ม 1 ครั้ง เลือก

534
00:43:52,373 --> 00:43:56,373
ตัวแรกเลย เห็นไหมคะ When button login click

535
00:43:59,719 --> 00:43:59,818
เลือกออมาวาง เห็นไหม เห็นไหม วาง

536
00:43:59,818 --> 00:44:02,563
ให้เห็นเหมือนกันเลย

537
00:44:02,563 --> 00:44:06,563
คลิกแล้วทำอะไรเงื่อนไข

538
00:44:13,314 --> 00:44:16,490
มีเงื่อนไข เพราะอะไร เพราะมันต้องไปตรวจก่อน ว่าไอ้ Text ที่ป้อนเข้ามาใช่ไหม

539
00:44:16,490 --> 00:44:20,490
Text Username Text Password น่ะ มันถูกไหม

540
00:44:23,882 --> 00:44:27,882
เงื่อนไข if ถ้า if ก็คือต้องเป็น Logic

541
00:44:33,522 --> 00:44:34,397
เด็ก ๆ ต้องไปที่ Logic หรือตรรกะนะคะ

542
00:44:34,397 --> 00:44:37,621

543
00:44:37,621 --> 00:44:41,621
ไอ้ตัวนั้น เดี๋ยวก่อน ต้องมาที่ Control ก่อน ควบคุมก่อน

544
00:44:46,709 --> 00:44:50,709
เพื่อมาเลือก if ใช่ไหมคะ

545
00:44:53,900 --> 00:44:57,117
if do ใช่ไหม ลาก if กับ do นะคะ มาต่อตรงนี้

546
00:44:57,117 --> 00:44:58,190
ได้อย่างนี้เห็นไหม

547
00:44:58,190 --> 00:44:59,486
ตอนนี้ได้

548
00:44:59,486 --> 00:45:03,486
2 block หรือยัง ใบเตยทันไหม

549
00:45:07,221 --> 00:45:11,221
ทันนะ เพราะ

550
00:45:12,578 --> 00:45:16,578
เราต้องกำหนดเงื่อนไขว่าถ้า Text input

551
00:45:18,390 --> 00:45:20,779
นะคะ username เข้ามาปุ๊บนี่

552
00:45:20,779 --> 00:45:22,364
นะคะ มันจะมีค่าเท่ากับอะไร

553
00:45:22,364 --> 00:45:26,364
เราจะต้องเอามันไปเก็บไว้ในตัวแปรของ

554
00:45:31,676 --> 00:45:33,674
Cloud ที่เราเก็บตัว

555
00:45:33,674 --> 00:45:37,674
ที่ชื่อว่า user นะ ตัวนี้มาอย่างไร ตัวนี้

556
00:45:41,809 --> 00:45:45,809
มาได้จากเห็นไหมคะ ค่าเรื่องหมายเท่ากับนี่ เด็ก ๆ ต้องไปเลือก Logic ก่อนค่ะ

557
00:45:46,001 --> 00:45:47,847
เห็นไหมคะ ตัวแรกเลย คลิกเครื่องหมาย

558
00:45:47,847 --> 00:45:50,885
เด็ก ๆ ต้องใส่ตัวนี้เข้าไปก่อน

559
00:45:50,885 --> 00:45:53,171

560
00:45:53,171 --> 00:45:56,872

561
00:45:56,872 --> 00:46:00,872
ดูนะ

562
00:46:11,775 --> 00:46:12,976
ต้องเอา Logic เข้ามาใส่ก่อนะคะ กับตรงนี้ เห็นไหม มันจะมีบล็อกอะไรที่เราเอามาใส่

563
00:46:12,976 --> 00:46:16,976
Block ของ Text input ของเรา

564
00:46:21,485 --> 00:46:25,485
เห็นไหม Text input username text เห็นไหมคะ คลิก

565
00:46:27,215 --> 00:46:31,048
ชื่อ Text input เสียก่อน Text input ตัวแรกก่อนนะ

566
00:46:31,048 --> 00:46:32,979
ตัวนี้มันถึงจะขึ้น

567
00:46:32,979 --> 00:46:34,959
ถ้าไม่คลิกไอ้นี่ ไม่มีน่ะค่ะ

568
00:46:34,959 --> 00:46:38,959
ไม่ขึ้นนะคะ เด็ก ๆ ต้องคลิกที่ชื่อ

569
00:46:39,392 --> 00:46:43,392
ที่ Component มันก่อน 1 ครั้ง

570
00:46:45,655 --> 00:46:47,555
แล้วค่อยมาเลือก text

571
00:46:47,555 --> 00:46:51,555
ใส่เข้าไปในช่องนี้นะ

572
00:46:53,105 --> 00:46:57,105
ไม่ใช่อันที่ 2 ไม่ใช่อันนี้ ใส่อันแรกนี่

573
00:46:58,010 --> 00:46:58,754
เห็นหรือเปล่า ใส่แบบนี้

574
00:46:58,754 --> 00:47:02,754
เห็นไหมคะ Text input username text

575
00:47:11,804 --> 00:47:13,817
ถ้า Text input username ที่เรากรอกเข้ามานี่

576
00:47:13,817 --> 00:47:17,817
เท่ากับ

577
00:47:19,690 --> 00:47:23,690
เท่ากับตัวแปรที่เราเก็บไว้เห็นไหมคะ

578
00:47:24,017 --> 00:47:25,186
มันเป็นตัวแปรเด็ก ๆ ต้องไปเปิดอะไรคะ

579
00:47:25,186 --> 00:47:28,094
Variable ใช่ไหมคะ

580
00:47:28,094 --> 00:47:32,094
ไปเอาตัวแปรของ Cloud Variable

581
00:47:35,737 --> 00:47:36,763
เรามาใส่ เห็นไหม เห็นไหมคะ

582
00:47:36,763 --> 00:47:40,763
อันนี้ก็คือเมื่อป้อน ป้อน

583
00:47:48,064 --> 00:47:51,357
Username ใช่ไหม เมื่อป้อน Username มันต้องมาตรวจว่า username

584
00:47:51,357 --> 00:47:55,357
นี่ตรงกับใน Cloud username

585
00:47:59,599 --> 00:48:03,524
ที่เก็บข้อมูล Username ไหม ถ้ามันตรง เห็นไหมคะ ถ้ามันตรงปุ๊บ เราจะคลิก

586
00:48:03,524 --> 00:48:07,524
ที่ให้มันไปที่ Navigation

587
00:48:15,774 --> 00:48:17,902
Tool

588
00:48:17,902 --> 00:48:21,902
เมื่อกดปุ่ม login มันต้องไปที่หน้า Screen my app ก็คือมันต้องไปโผล่หน้านี้ ต้องไปเปิดหน้านี้ขึ้นมา

589
00:48:24,760 --> 00:48:26,758
ก็คือพอกดปุ่มนี้ปุ๊บ

590
00:48:26,758 --> 00:48:30,758
มันจะมาเข้ากดปุ่ม Login ปุ๊บมันจะเข้ามา

591
00:48:31,531 --> 00:48:35,201
หน้า Scene หน้า my app ทันที

592
00:48:35,201 --> 00:48:37,472
นะคะ ก็คือถ้าถูกต้อง อันนี้ให้เช็ก

593
00:48:37,472 --> 00:48:41,472
แค่ Box แรก

594
00:48:42,784 --> 00:48:46,784
ยังไม่หมดใช่ไหม else if มาอย่างไร

595
00:48:50,129 --> 00:48:53,069
เด็ก ๆ ตัวนี้ ใบเตยใจเย็น ๆ นะ ดูวิธีคลิกดี ๆ มันมีความซับซ้อนนิดหนึ่ง

596
00:48:53,069 --> 00:48:57,069
คือ คือมันไม่ใช่คลิกแล้วมันขึ้นนะคะ

597
00:48:58,135 --> 00:49:01,040
เห็นไหม คลิกอย่างไร

598
00:49:01,040 --> 00:49:05,040
ให้ไอ้นี่มันโผล่มานี่ คลิกอย่างไร

599
00:49:11,000 --> 00:49:15,000
กดที่ตัวเครื่องหมายฟันเฟือง 1 ครั้ง

600
00:49:15,771 --> 00:49:16,238
ได้ไหม ใครมีไอ้นี่ขึ้น

601
00:49:16,238 --> 00:49:20,238
ใครคลิกไม่ขึ้น ใบเตยขึ้นไหมลูก

602
00:49:21,180 --> 00:49:24,115
ไม่ขึ้น ดูดี ๆ นะ วิธีกด

603
00:49:24,115 --> 00:49:28,115
กดตรงฟันเฟืองใช่ไหม

604
00:49:29,701 --> 00:49:32,375
เลื่อนไปที่ฟันเฟืองก่อนแล้วกดเมาส์

605
00:49:32,375 --> 00:49:36,375
คลิก คลิกข้างไว้นิดหนึ่ง แล้วก็ปล่อย มันจะขึ้นมานะคะ

606
00:49:42,720 --> 00:49:46,720
เลือกอะไรคะ else if ค่ะ else

607
00:49:46,801 --> 00:49:49,445
if ใส่ต่อจาก Do นะ

608
00:49:49,445 --> 00:49:52,516
เห็นไหม

609
00:49:52,516 --> 00:49:56,516
เอามาต่อตรงนี้นะลูก ต้องเอามาต่อตรงข้างล่างมัน

610
00:50:02,043 --> 00:50:04,024
เห็นหรือเปล่า เราก็จะได้ elf if do อย่างนี้เห็นไหม

611
00:50:04,024 --> 00:50:08,024
แล้วมีอะไรต่ออีก มี else ต่ออีก

612
00:50:11,302 --> 00:50:13,272
ทำเหมือนเดิม เลือก else ต่อจาก else if

613
00:50:13,272 --> 00:50:13,632

614
00:50:13,632 --> 00:50:17,632

615
00:50:21,376 --> 00:50:23,085

616
00:50:23,085 --> 00:50:27,085
เราจะได้ elseif 1 อัน แล้วก็ else do

617
00:50:35,200 --> 00:50:39,200
แล้วก็ el 1 อัน

618
00:50:39,535 --> 00:50:39,917
do else if do

619
00:50:39,917 --> 00:50:41,247
ลืมลบอันนี้ออก

620
00:50:41,247 --> 00:50:45,247
ไม่เป็นไร ส่งมาแล้วก็แล้วไป สิ่งที่จะต้องทำต่อมา

621
00:50:50,225 --> 00:50:51,901
เมื่อกี้เราแค่

622
00:50:51,901 --> 00:50:55,901
คลิกที่ text user มันยังเหลือ

623
00:50:57,398 --> 00:51:01,398
Password อีกนะ ทำเหมือนเดิมค่ะ ตรง elseif ไปเลือก

624
00:51:05,511 --> 00:51:06,353
Logic เท่ากับมา

625
00:51:06,353 --> 00:51:10,353
ให้เด็ก ๆ เลือก Logic แล้วคลิก

626
00:51:12,058 --> 00:51:12,605
ที่มีเครื่องหมายเท่ากับ ลากออกมาวาง ลากออกมาเหมือนเดิม

627
00:51:12,605 --> 00:51:16,605
ต้องเอาตัวนี้วางก่อน ถ้าเอา Text นี้วาง

628
00:51:20,525 --> 00:51:24,525
เห็นไหมไอ้ Text นี้มันอยู่

629
00:51:27,924 --> 00:51:31,924
เพราะฉะนั้น เราต้องเอา Logic มาวางค่ะ แล้วก็เหมือนเดิมค่ะ คลิกที่ปุ่ม Text password Text ที่เราจะใส่ Password

630
00:51:34,543 --> 00:51:38,543
แล้วก็ไปเลือก Text in put password

631
00:51:43,928 --> 00:51:45,930
มาวาง วางใน Block อันแรกนะคะ ไม่เข้า สังเกต ถ้ามันขึ้นเหลืองนี่

632
00:51:45,930 --> 00:51:49,930
ต่อได้ อย่างนี้ เห็นไหมคะ

633
00:51:54,723 --> 00:51:57,279
เวลาดูเวลาเอา Block มาใส่นะคะ สิ่งที่ต่อจากอันนี้คืออะไร

634
00:51:57,279 --> 00:52:01,279
ก็คืออะไร อันนี้ cloud variable user

635
00:52:06,941 --> 00:52:10,941
ตัวแปรที่ชื่อว่า Password ใช่ไหมคะ ตัวที่ 2 เพราะฉะนั้น ไปหาตัวแปรที่ชื่อว่า Password

636
00:52:15,943 --> 00:52:18,748
มาใส่เข้าไป อยู่ตรงไหนเอ่ย ไปที่ Variable แล้วก็เลือก

637
00:52:18,748 --> 00:52:22,748
Cloud Variable Password เสียบลงไป

638
00:52:25,264 --> 00:52:26,985
มา ๆ ๆ

639
00:52:26,985 --> 00:52:30,985
เห็นไหมคะ ถ้าชื่อตรง ตรงกับใน cloud

640
00:52:35,791 --> 00:52:39,791
Do ไปทำอะไร ก็เลือก Navigation Tool

641
00:52:40,520 --> 00:52:44,520
Control

642
00:52:46,969 --> 00:52:50,192
ก็ให้มันไปที่หน้า my app ใช่ไหม ถ้า login ถูกน่ะ

643
00:52:50,192 --> 00:52:53,794
ชื่อก็ถูก นามสกุลก็ถูกนี่ มันจะต้องไป

644
00:52:53,794 --> 00:52:56,183
หน้าที่ 3 แต่ทีนี้

645
00:52:56,183 --> 00:52:58,104
ถ้าใส่เข้าไปแล้วไม่ถูกล่ะ

646
00:52:58,104 --> 00:53:01,414
ใช่ไหม

647
00:53:01,414 --> 00:53:05,414
ตรง else นะคะ จำได้นะคะ

648
00:53:09,584 --> 00:53:13,584
Label ที่อยู่ตรงนี้

649
00:53:17,429 --> 00:53:21,429
เราจะให้มันแสดงข้อความที่บอกน่ะค่ะ ว่าถ้าเมื่อที่ใส่ username password ไม่ถูกต้อง

650
00:53:25,027 --> 00:53:29,027
มันจะขึ้นมาเตือนว่า คุณใส่ username กับ password ไม่ถูก

651
00:53:29,307 --> 00:53:29,341
นะคะ เพราะฉะนั้น

652
00:53:29,341 --> 00:53:30,497
ตัวนี้นะคะ

653
00:53:30,497 --> 00:53:34,497
ให้เด็ก ๆ คลิกที่ label ค่ะ

654
00:53:39,131 --> 00:53:39,545
label ที่เราจะใช้ เห็นไหม

655
00:53:39,545 --> 00:53:41,139

656
00:53:41,139 --> 00:53:45,139
แล้วก็เลือกอันแรกเลย Set Label text

657
00:53:52,384 --> 00:53:53,729
to เอามาวาง

658
00:53:53,729 --> 00:53:57,729
เห็นไหมคะ ก็คือกำหนดให้ label text นี่

659
00:53:58,539 --> 00:53:59,620
แสดงข้อความว่า

660
00:53:59,620 --> 00:54:03,620

661
00:54:06,497 --> 00:54:10,497
มันพิมพ์ภาษาไทยไม่ได้ก็เอาภาษาอังกฤษไปก่อนนะคะ

662
00:54:15,183 --> 00:54:19,183
Your Y-o-u-r Your

663
00:54:19,356 --> 00:54:23,356
Username User

664
00:54:23,594 --> 00:54:27,594
แล้ว password ของคุณไม่ถูกต้องนั่นเองนะคะ อันนี้เป็นตัว

665
00:54:31,908 --> 00:54:34,747
Username

666
00:54:34,747 --> 00:54:34,810

667
00:54:34,810 --> 00:54:38,510
ไม่ใช่ตัวแปรนะคะ สังเกต

668
00:54:38,510 --> 00:54:42,510
สีบล็อกเป็นสีชมพู นั่นแสดงข้อความที่อยู่ในบล็อกสีชมพูนี้

669
00:54:48,479 --> 00:54:52,479
นะคะ Your username

670
00:54:55,646 --> 00:54:56,965
และ and และ password p-a-s-s-

671
00:54:56,965 --> 00:55:00,965
w-o-r-d password is ใช้คำว่า "is"

672
00:55:03,049 --> 00:55:07,049
ไม่ถูกต้อง เป็นอยู่คือ is am are

673
00:55:12,033 --> 00:55:14,734
นะคะ if in corect

674
00:55:14,734 --> 00:55:16,386
in c-o-r-e-c-t ก็คือชื่อ username

675
00:55:16,386 --> 00:55:20,386
ของคุณ ไม่ใช้ and

676
00:55:21,541 --> 00:55:25,541
Username or or นะคะ คือ มันน่าจะผิด

677
00:55:28,366 --> 00:55:29,392
ตัวใดตัวหนึ่ง or password

678
00:55:29,392 --> 00:55:33,392
is in correct

679
00:55:40,045 --> 00:55:40,702
รู้ว่าตัวนี้มันไม่ถูกนะ เห็นไหมคะ เสร็จแล้ว อันนี้ไม่ต้องมี

680
00:55:40,702 --> 00:55:44,549
แถมมา น่าจะตอนลองแล้วลืมเอาอก

681
00:55:44,549 --> 00:55:46,556
เมื่อวานลองทำแล้วลืมเอาออกนะคะ

682
00:55:46,556 --> 00:55:50,556
ทำคืออะไร เราจะต้อง Test

683
00:55:52,685 --> 00:55:56,685
Test โดยการกดปุ่มอะไรคะ เด็ก ๆ โค้ดครบแล้ว

684
00:55:57,894 --> 00:55:58,889
นะคะ

685
00:55:58,889 --> 00:56:02,889
กดที่ปุ่ม play เอ้ย Web preview

686
00:56:09,565 --> 00:56:13,494
ให้คลิกที่หน้า Sign in ก่อนนะเด็ก ๆ

687
00:56:13,494 --> 00:56:17,494
แล้วลองป้อนข้อมูลลงไป ป้อน username

688
00:56:18,442 --> 00:56:21,300
ป้อนและจำด้วยนะ เพราะเดี๋ยวมันให้กรอกซ้ำ

689
00:56:21,300 --> 00:56:25,300
เดี๋ยวจะป้อนให้ดูนะคะ

690
00:56:29,277 --> 00:56:31,140
เช่น Test จะใช้ user ว่า Test

691
00:56:31,140 --> 00:56:35,140
t-e-s-t test Password

692
00:56:38,971 --> 00:56:42,971
เอา 001100 Password จะคือ 001100

693
00:56:43,069 --> 00:56:47,069
กด Sign in ปุ๊บ มันจะต้องไปที่หน้าที่เท่าไรคะ

694
00:56:49,324 --> 00:56:53,324
หน้า login นะคะ พอกดนี่

695
00:56:53,914 --> 00:56:57,914
มันต้องไปหน้าที่ 2 ดูนะคะ โผล่มาหน้า login

696
00:57:00,134 --> 00:57:04,134
โผล่มาหน้า login

697
00:57:04,138 --> 00:57:07,769
ลองใส่ Test ใช่ไหม ที่เราใส่ไปเมื่อกี้ แล้วก็อะไรนะ 001100 แล้วกด login

698
00:57:07,769 --> 00:57:11,769
ถูกต้องเห็นไหมคะ แสดงว่าที่เช็ก

699
00:57:20,042 --> 00:57:24,042
login น่ะถูกต้อง เดี๋ยวเช็กให้ดูว่า

700
00:57:26,793 --> 00:57:29,039
แล้วถ้าใช้ login ไม่ถูกล่ะ ดูนะคะ อยู่หน้า login

701
00:57:29,039 --> 00:57:33,039
ดูนะคะ อยู่หน้า Login

702
00:57:33,927 --> 00:57:37,927
username มั่ว ๆ password ก็พิมพ์มั่ว ๆ แล้วกด login

703
00:57:38,779 --> 00:57:42,631
เห็นไหม ถ้าไม่ถูกมันจะขึ้น

704
00:57:42,631 --> 00:57:46,631
ข้อความบอกว่า Your username

705
00:57:50,310 --> 00:57:54,310
or password is in correct

706
00:57:55,242 --> 00:57:57,070
ความจริงต้องให้มันเคลียร์ด้วยนะ ไม่มันเคลียร์

707
00:57:57,070 --> 00:57:57,953
พอขึ้นอันนี้เสร็จแล้วก็เคลียร์หน้าจอ แล้วก็ไอ้นี่ใหม่

708
00:57:57,953 --> 00:58:01,953
นะคะ แล้วก็ Login ใหม่

709
00:58:02,464 --> 00:58:06,464
แล้วกดใหม่ พอคลิกใหม่ เปลี่ยนเป็น tttt

710
00:58:12,810 --> 00:58:16,810
แล้วพอคลิก Test ใหม่นะคะ T-e-s-t Test

711
00:58:22,458 --> 00:58:26,458
001100 กด login มันจะต้องเข้า

712
00:58:28,072 --> 00:58:29,357
หน้าที่ 3 นั่น ใคร Test แล้วไม่ผ่าน

713
00:58:29,357 --> 00:58:30,438
ยกมือ

714
00:58:30,438 --> 00:58:34,438
พี่เซฟต้องเช็กที่ปุ่มถูกไหม

715
00:58:35,350 --> 00:58:39,350
คลิกที่...

716
00:58:40,405 --> 00:58:44,405
เพราะเช็กไปทีละอันนะ อันแรก

717
00:58:47,719 --> 00:58:51,719
ใช่ไหมคะ ดูที่ Block ของเรานะคะ

718
00:58:54,711 --> 00:58:57,573
ชื่อว่าปุ่มอะไรพี่เซฟ เมื่อมีการคลิกปุ๊บ มันจะต้องไปที่หน้า

719
00:58:57,573 --> 00:59:01,573
login ใช่ไหมคะ ถ้าถูกต้อง โดยมีเงื่อนไขว่า

720
00:59:03,279 --> 00:59:07,279
ตัวแปรชื่อตัวแปร Name นี่

721
00:59:11,757 --> 00:59:14,185
จะถูกเอาไปเก็บไว้ใน Cound ใช่ไหม ตัวที่ 2 ตัวที่ 2 ไม่ถูก ดู

722
00:59:14,185 --> 00:59:17,759
ปุ่มต้องเป็น Button login ใช่ไหมคะ

723
00:59:17,759 --> 00:59:20,723
คลิกเข้าไปทำอะไร

724
00:59:20,723 --> 00:59:24,438
เมื่อมีการคลิกที่ปุ่มนี้ สิ่งที่มันจะต้องทำ

725
00:59:24,438 --> 00:59:28,438
ก็คือมันจะต้องไปเช็กก่อนว่า username ถูกไหม

726
00:59:34,434 --> 00:59:38,434
ตรงกับที่กรอกเข้าไปใน Sign in ไหม ถ้าตรงมันต้องไปที่ Sreen My App

727
00:59:44,092 --> 00:59:44,624
เห็นไหมคะ เงื่อนไขมันต้องตรงทั้ง 2 ต้องไปที่

728
00:59:44,624 --> 00:59:47,628
My app ทั้ง 2 เห็นไหม พี่

729
00:59:47,628 --> 00:59:51,563
มีไปที่หน้านี้หรือเปล่า

730
00:59:51,563 --> 00:59:55,563

731
00:59:57,742 --> 01:00:01,742

732
01:00:08,218 --> 01:00:10,375

733
01:00:10,375 --> 01:00:14,375

734
01:00:24,231 --> 01:00:28,231

735
01:00:32,232 --> 01:00:36,232

736
01:00:36,238 --> 01:00:40,238

737
01:00:40,241 --> 01:00:42,227

738
01:00:42,227 --> 01:00:46,227

739
01:00:48,250 --> 01:00:52,250

740
01:00:56,250 --> 01:01:00,250

741
01:01:04,253 --> 01:01:08,253

742
01:01:12,262 --> 01:01:16,262

743
01:01:20,263 --> 01:01:22,282

744
01:01:22,282 --> 01:01:26,282

745
01:01:28,274 --> 01:01:32,274

746
01:01:36,289 --> 01:01:40,289

747
01:01:44,283 --> 01:01:48,283

748
01:01:52,288 --> 01:01:56,288

749
01:01:56,290 --> 01:02:00,290

750
01:02:00,294 --> 01:02:04,294

751
01:02:04,297 --> 01:02:08,297

752
01:02:08,306 --> 01:02:12,302

753
01:02:12,302 --> 01:02:16,302

754
01:02:16,304 --> 01:02:20,304

755
01:02:24,311 --> 01:02:27,767

756
01:02:27,767 --> 01:02:31,767

757
01:02:32,313 --> 01:02:36,313

758
01:02:36,327 --> 01:02:40,327

759
01:02:40,330 --> 01:02:44,330

760
01:02:48,335 --> 01:02:52,335

761
01:02:52,336 --> 01:02:56,336

762
01:02:56,339 --> 01:03:00,338

763
01:03:00,338 --> 01:03:04,338

764
01:03:04,340 --> 01:03:08,340

765
01:03:12,348 --> 01:03:16,348

766
01:03:16,348 --> 01:03:20,348

767
01:03:20,352 --> 01:03:24,352

768
01:03:28,357 --> 01:03:32,357

769
01:03:36,363 --> 01:03:40,363

770
01:03:44,364 --> 01:03:48,364

771
01:03:48,374 --> 01:03:52,373

772
01:03:52,373 --> 01:03:56,373

773
01:03:56,381 --> 01:04:00,381

774
01:04:00,382 --> 01:04:04,382

775
01:04:04,385 --> 01:04:08,385

776
01:04:08,387 --> 01:04:12,387

777
01:04:12,389 --> 01:04:16,389

778
01:04:16,390 --> 01:04:20,390

779
01:04:20,392 --> 01:04:24,392

780
01:04:24,397 --> 01:04:28,397

781
01:04:32,401 --> 01:04:36,401

782
01:04:36,407 --> 01:04:40,405

783
01:04:40,405 --> 01:04:44,405

784
01:04:44,410 --> 01:04:48,410

785
01:04:48,413 --> 01:04:52,413

786
01:04:52,415 --> 01:04:56,415

787
01:04:56,419 --> 01:05:00,419

788
01:05:00,421 --> 01:05:04,420

789
01:05:04,420 --> 01:05:08,420

790
01:05:08,424 --> 01:05:12,422

791
01:05:12,422 --> 01:05:14,483
บางคน

792
01:05:14,483 --> 01:05:18,483
ก็คือพอคลิก Sign in แล้วมันไปหน้า Login แต่

793
01:05:24,434 --> 01:05:25,746
มันไปหน้า login แต่มันไม่เก็บใช่ไหม

794
01:05:25,746 --> 01:05:28,596
อันดับแรกดูตัวแปรนะ ตัวแปรที่เราใช้ คือ user กับ password

795
01:05:28,596 --> 01:05:29,413
อันดับที่ 2 ก็คือ

796
01:05:29,413 --> 01:05:31,938
ตรงนี้นะ เราต้องเลือกเอามาจากปุ่ม

797
01:05:31,938 --> 01:05:35,938
ใช่ไหมคะ when button click ปุ๊บ

798
01:05:43,610 --> 01:05:44,540
ให้ไปที่หน้าที่ 2 ก็คือหน้านี้ ตรงนี้เช็กสิ

799
01:05:44,540 --> 01:05:48,540
เช็กก่อน ว่าเมื่อคลิกปุ่ม Sign in นี่

800
01:05:56,456 --> 01:06:00,456
มันจะต้องให้มันไปที่หน้าที่ 2 นั่น ผิดตรงไหน เจอตรงไหน ใช่ไหม เพราะฉะนั้นต้องไล่ดี ๆ

801
01:06:06,466 --> 01:06:10,466
เห็นไหม ค่อย ๆ ไล่นะคะ นะคะ ถ้า Logic ผิดน่ะ มันก็จะไม่เช็กนะ

802
01:06:13,813 --> 01:06:14,978

803
01:06:14,978 --> 01:06:18,913
พอในหน้าที่ 2 นี่ เอ้ยในหน้าที่ 1

804
01:06:18,913 --> 01:06:20,716
เราต้องมาดูในหน้าที่ 2 นะ

805
01:06:20,716 --> 01:06:24,716
เมื่อเรากดปุ่ม login นี่ สิ่งที่จะต้องเกิด

806
01:06:29,332 --> 01:06:30,471
ก็คือชื่อที่ป้อนเข้ามา จะต้องตรง

807
01:06:30,471 --> 01:06:34,306
กับใน Cloud นี่เห็นไหมคะ

808
01:06:34,306 --> 01:06:38,306
ถ้าจะผิดมันก็จะผิดตรงช่วงนี้ ช่วง

809
01:06:40,089 --> 01:06:44,089
ไอ้ตัวแปรนี่ล่ะ กับที่ที่จะให้มันไป ใครยังไม่ออก ยกมือ พงศ์พันธ์

810
01:06:50,275 --> 01:06:53,438
ใครยังไม่ออกยกมือ

811
01:06:53,438 --> 01:06:57,438

812
01:07:00,513 --> 01:07:04,513

813
01:07:04,513 --> 01:07:08,513

814
01:07:08,519 --> 01:07:12,518

815
01:07:12,518 --> 01:07:16,518

816
01:07:16,521 --> 01:07:20,521

817
01:07:20,530 --> 01:07:24,525

818
01:07:24,525 --> 01:07:28,525

819
01:07:28,527 --> 01:07:32,527

820
01:07:32,529 --> 01:07:36,529

821
01:07:36,531 --> 01:07:40,531

822
01:07:40,536 --> 01:07:44,536

823
01:07:44,536 --> 01:07:48,536

824
01:07:48,542 --> 01:07:52,542

825
01:07:52,544 --> 01:07:53,687

826
01:07:53,687 --> 01:07:57,687

827
01:08:00,549 --> 01:08:04,549

828
01:08:04,551 --> 01:08:08,551

829
01:08:08,554 --> 01:08:12,554

830
01:08:16,563 --> 01:08:20,563

831
01:08:20,565 --> 01:08:24,565

832
01:08:24,567 --> 01:08:28,567

833
01:08:28,569 --> 01:08:32,569

834
01:08:32,575 --> 01:08:36,575

835
01:08:36,575 --> 01:08:40,575

836
01:08:40,577 --> 01:08:44,577

837
01:08:48,583 --> 01:08:52,583

838
01:08:52,584 --> 01:08:56,584

839
01:08:56,585 --> 01:09:00,585

840
01:09:00,591 --> 01:09:04,591

841
01:09:04,599 --> 01:09:08,599

842
01:09:08,609 --> 01:09:12,608

843
01:09:12,608 --> 01:09:16,608

844
01:09:16,608 --> 01:09:20,608

845
01:09:20,613 --> 01:09:24,613

846
01:09:24,615 --> 01:09:28,615

847
01:09:28,619 --> 01:09:32,619

848
01:09:32,622 --> 01:09:36,622

849
01:09:36,625 --> 01:09:40,623

850
01:09:40,623 --> 01:09:44,623

851
01:09:44,628 --> 01:09:48,628

852
01:09:48,631 --> 01:09:52,631

853
01:09:52,644 --> 01:09:56,637

854
01:09:56,637 --> 01:10:00,637

855
01:10:00,637 --> 01:10:04,637

856
01:10:04,637 --> 01:10:08,637

857
01:10:08,644 --> 01:10:12,644

858
01:10:12,649 --> 01:10:16,645

859
01:10:16,645 --> 01:10:20,645

860
01:10:24,653 --> 01:10:26,641

861
01:10:26,641 --> 01:10:30,641

862
01:10:32,655 --> 01:10:36,655

863
01:10:40,665 --> 01:10:44,665

864
01:10:44,668 --> 01:10:48,668

865
01:10:48,677 --> 01:10:52,677

866
01:10:56,682 --> 01:10:57,571

867
01:10:57,571 --> 01:11:01,571
โอเคนะคะ โดยปกติ ถ้า

868
01:11:01,648 --> 01:11:04,883
ผิดนี้ให้สังเกตที่

869
01:11:04,883 --> 01:11:08,883
เด็ก ๆ ดูดี ๆ นะ เมื่อกี้ไอซ์

870
01:11:11,226 --> 01:11:15,226
ให้ความคิดเห็นมาว่า บางครั้ง

871
01:11:15,520 --> 01:11:19,520
พอคลิกเข้าไปนี่ ให้ดูด้วย เหมือนสีที่แม่ใส่มานี่ แม่ขึ้นสี

872
01:11:19,810 --> 01:11:22,210
เขียวแต่ของเด็ก ๆ

873
01:11:22,210 --> 01:11:23,506
แสดงว่าเราอาจจะเลือกตัวนี้มาไม่ถูก นี่

874
01:11:23,506 --> 01:11:27,506
มันเป็นสีตุ่น ๆ อย่างนี้ ใช้ไม่ได้นะนี่

875
01:11:32,835 --> 01:11:35,891
พอขึ้นมันต้องเป็นสีของมันน่ะ สีของบล็อกมันน่ะ

876
01:11:35,891 --> 01:11:39,891
ต้องขึ้นลักษณะนี้  ถ้าขึ้นแบบนี้

877
01:11:42,046 --> 01:11:44,995
หมายถึงว่าเราใส่ Block ไม่ตรง

878
01:11:44,995 --> 01:11:48,995
ไม่ตรงล็อกมันนั่นเองนะคะ ก็มีผลเหมือนกันนะคะ ว่าทำให้มีผลเหมือนกันนะคะ ว่าทำให้

879
01:11:49,593 --> 01:11:53,593
เวลา Code แล้ว

880
01:11:56,283 --> 01:11:58,331
คือ คอมพิวเตอร์มันไปอ่าน

881
01:11:58,331 --> 01:11:59,329
มันไม่รู้ว่ามันคืออะไร นะ

882
01:11:59,329 --> 01:12:03,329
มันเป็นตัวไหน มันไปไม่ถูกว่าอย่างนั้นเถอะ

883
01:12:10,579 --> 01:12:10,806
ว่าอย่างนั้นเถอะ

884
01:12:10,806 --> 01:12:14,806
เหมือนดู มันเป็นโหว่ ๆ นี่

885
01:12:19,427 --> 01:12:21,040
ความจริงมันเข้าล็อกแล้วนะคะ นี่ มันมีขามาต่อโผล่ขึ้นมา

886
01:12:21,040 --> 01:12:25,040
อย่างนี้เป็นต้น นี่ก็คือ

887
01:12:26,016 --> 01:12:27,584
การ Sign in แล้วก็ Login

888
01:12:27,584 --> 01:12:31,584
แล้วก็เข้าสู่หน้าถัดไป เหลืออะไรอีก ้าสู่หน้าถัดไป เหลืออะไรอีก

889
01:12:35,071 --> 01:12:39,071
ตอนนั้นแม่ยังแก้ให้ไม่ได้ใช่ไหม เอาไว้สัปดาห์หน้า

890
01:12:41,373 --> 01:12:44,000
อะไรนะ เมื่อ เมื่อ

891
01:12:44,000 --> 01:12:46,096
เราจะออกจากแอปนะ มันก็ต้องปิด ตอนนี้

892
01:12:46,096 --> 01:12:48,687
ทุกคน ก็คือเข้าหน้าที่ 1

893
01:12:48,687 --> 01:12:52,687
เข้าหน้าที่ 2 เข้าหน้าที่ 3 ก็ได้ แต่

894
01:12:55,395 --> 01:12:58,887
เขาก็บอกว่า พอเวลาคนปิดน่ะ

895
01:12:58,887 --> 01:13:02,887
ไม่คลิกว่าต้องการออกจากแอป

896
01:13:06,309 --> 01:13:08,976
แล้วก็ปิดเลย นึกออกนะ มันก็เลยเหมือนไม่จำเป็น

897
01:13:08,976 --> 01:13:11,596
ต้องมาเขียนโค้ดว่าเวลาจะออก ต้องการจะออกจากแอปหรือเปล่าอะไรอย่างนี้

898
01:13:11,596 --> 01:13:15,596
นะคะ เพราะเหมือนเหมือนเราใช้

899
01:13:16,696 --> 01:13:20,696
แอปของธนาคาร

900
01:13:24,526 --> 01:13:24,874
บางทีเราก็ไม่เคยไปกดปุ่มออกจากระบบอะไรเลย เพราะว่า

901
01:13:24,874 --> 01:13:26,233
พอเกิน

902
01:13:26,233 --> 01:13:30,233
5 หรือ 10 นาที ธนาคารมันก็จะให้ออกจากระบบอยู่แล้ว

903
01:13:35,346 --> 01:13:37,572
อะไรอย่างนี้นะคะ ไอ้ตัวนั้นมันก็ไม่มี เดี๋ยว

904
01:13:37,572 --> 01:13:41,572
จะลองดูก่อน ว่าถ้าเราต้องการให้มันมีทางออกแบบนี้

905
01:13:43,379 --> 01:13:47,379
นะคะ ก็คือพอกดปุ่ม End หรือจบโปรแกรมมันก็ควรจะปิดโปรแกรมไปเลยอะไรอย่างนี้นะคะ

906
01:13:48,257 --> 01:13:48,275

907
01:13:48,275 --> 01:13:52,275
สัปดาห์หน้าอยากให้ทำ

908
01:13:53,633 --> 01:13:57,104
แอปแบบไหน แม่ก็จะได้หาแนวมา

909
01:13:57,104 --> 01:14:01,012
พาทำเล่นต่อ เพราะ

910
01:14:01,012 --> 01:14:05,012
ABC เราก็ทำไปแล้วนะ ขาดอะไร เราขาดอะไร

911
01:14:05,250 --> 01:14:07,707
นำทางใช่ไหมคะ ใช่ไหม

912
01:14:07,707 --> 01:14:11,707
แบบนำทางนะ เดี๋ยวอาทิตย์หน้ามาลองทำเป็นแอปแบบนำทางดู

913
01:14:14,883 --> 01:14:15,618
นะคะ เดี๋ยวจะหา

914
01:14:15,618 --> 01:14:19,618
ค้นก่อน ยังไม่แน่ใจ

915
01:14:23,266 --> 01:14:26,179
แอปแบบไหน จะได้แบบไหนมานะ

916
01:14:26,179 --> 01:14:30,179

917
01:14:37,216 --> 01:14:41,216
โอเคค่ะ สำหรับ

918
01:14:45,676 --> 01:14:47,600
สัปดาห์นี้ เราจะพอที่ทุกคนสามารถ

919
01:14:47,600 --> 01:14:49,150
Login เข้าไปได้

920
01:14:49,150 --> 01:14:53,150
Sign in ได้ แล้วก็ Login ได้ แล้วก็

921
01:14:53,696 --> 01:14:55,352
เข้าสู่หน้าแอปของเราได้นะคะ

922
01:14:55,352 --> 01:14:59,352
สัปดาห์หน้าเดี๋ยวเราจะมาพาทำแอปที่... ว่าอย่างไรครับ

923
01:15:14,713 --> 01:15:17,675
รอ

924
01:15:04,372 --> 01:15:08,372
แป๊บหนึ่งครับ

925
01:15:16,782 --> 01:15:20,782

926
01:15:20,789 --> 01:15:24,789

927
01:15:28,792 --> 01:15:32,792

928
01:15:32,793 --> 01:15:36,793

929
01:15:36,796 --> 01:15:40,796

930
01:15:40,799 --> 01:15:44,799

931
01:15:44,804 --> 01:15:48,804

932
01:15:48,807 --> 01:15:52,806

933
01:15:52,806 --> 01:15:56,806

934
01:15:56,813 --> 01:16:00,807

935
01:16:00,807 --> 01:16:04,807

936
01:16:04,810 --> 01:16:08,810

937
01:16:08,813 --> 01:16:08,856

938
01:16:08,856 --> 01:16:12,856

939
01:16:16,820 --> 01:16:20,819

940
01:16:20,819 --> 01:16:24,819

941
01:16:24,819 --> 01:16:27,465

942
01:16:27,465 --> 01:16:30,115
ขอบคุณพี่ล่ามนะคะ สำหรับรอบบ่ายวันนี้

943
01:16:30,115 --> 01:16:33,959
ขอบคุณค่ะ

944
01:16:33,959 --> 01:16:37,959

945
01:16:38,002 --> 01:16:42,002

946
01:16:52,843 --> 01:16:56,843
[สิ้นสุดการถอดความ]

947
01:17:00,849 --> 01:17:04,849