1
00:00:06,224 --> 00:00:10,224
(นักศึกษาชาย) ต่อไปจะมานำเสนอ

2
00:00:28,997 --> 00:00:32,997
สื่อและเทคโนโลยีการสื่อสารมหาวิท

3
00:00:42,990 --> 00:00:46,990
ศ

4
00:00:46,992 --> 00:00:50,992
รีนครินทร์วิโรจน์ครับ กับแอป

5
00:00:50,997 --> 00:00:54,997
ยาลัย

6
00:00:54,999 --> 00:00:56,999
สำนักสื่อและเทคโนโลยีการศึกษามหาวิทยาลัยศรีนครินทร์วิโรจน์ครับ

7
00:00:56,999 --> 00:00:59,740
โดยความสำคัญของการวิจัย ผลการวิจัย

8
00:00:59,740 --> 00:01:03,740
ครั้งนี้จะได้รูปแบบแอปพลิเคชัน

9
00:01:07,302 --> 00:01:11,302
คุรุภัณฑ์โสตทั

10
00:01:14,909 --> 00:01:17,668
ศนูปกรณ์ สำนักสื่อและเทคโนโลยีการศึกษาของ

11
00:01:17,668 --> 00:01:21,668
วิทยาลัยศรีนครินทร์วิโรจน์ เพื่อจะนำไปใช้ในการลด

12
00:01:27,012 --> 00:01:30,537
ขั้นตอน ในการตรวจสอบคุรุภัณฑ์แล้วก็เพิ่มประสิทธิภาพในการตรวจ

13
00:01:30,537 --> 00:01:34,537
ครุภัณฑ์ครับ แล้วก็ในส่วนของผู้บริหารจะใช้ดู

14
00:01:41,086 --> 00:01:44,287
ข้อมูล แล้วก็ข้อมูลที่กระจัดกระจายได้ด้วยครับ เครื่องมือที่ใช้

15
00:01:44,287 --> 00:01:48,287
ในการวิจัย มีแบบสัมภาษณ์ความคิดเห็นเพื่อพัฒนาแอปพลิเคชัน

16
00:01:51,711 --> 00:01:55,711
แล้วก็แบบประเมินคุณภาพแอปพลิเคชัน 3 แบบ

17
00:01:56,686 --> 00:02:00,447
และก็แอปพลิเคชันเพื่อการจัดการบริหาร 4. แบบประเมินผลการใช้งานครับ

18
00:02:00,447 --> 00:02:04,447
แอปพลิเคชันนี้ทำเป็นเว็บแอปพลิเคชันครับ ไม่ทราบสคริปต์ที่ใช้

19
00:02:09,866 --> 00:02:10,397
ได้ แล้วก็เรื่องที่ 2 ครับ การ

20
00:02:10,397 --> 00:02:14,397
พัฒนาแอปพลิเคชันเพื่อการจัดการจราจรหน้าสถานศึกษาครับ

21
00:02:17,328 --> 00:02:21,328
วัตถุประสงค์การวิจัย ก็คือเพื่อออกแบบแอปพลิเคชันจัดการราจร

22
00:02:25,014 --> 00:02:29,014
หน้าสถานศึกษา แล้วก็ประเมินออกแบบแอปพลิเคชันเพื่อใช้

23
00:02:31,038 --> 00:02:34,065
สำหรับจัดการจราจรหน้าสถานศึกษาครับ

24
00:02:34,065 --> 00:02:37,088
โดยประโยชน์ ก็คือนำไป

25
00:02:37,088 --> 00:02:37,598
เป็นการแก้ไขปัญหาการจราจรหน้าสถานศึกษา 2.

26
00:02:37,598 --> 00:02:41,598
สามารถใช้เป็นต้นแบบการแจ้งเตือน

27
00:02:44,349 --> 00:02:45,294
การรับ-ส่งบริการประเภทอื่นได้ด้วยครับ แล้วก็ 3.

28
00:02:45,294 --> 00:02:46,512
รับผู้โดยสารครับ 4.

29
00:02:46,512 --> 00:02:50,512
ช่วยลดการจราจรแออัดหน้าสถานศึกษา

30
00:02:55,069 --> 00:02:59,069
ครับ แล้วก็ 6. ลดปัญหาการโจรกรรมนักเรียน

31
00:03:01,284 --> 00:03:03,034
และก็อันสุดท้าย 7. ช่วยให้นักเรียนกลับถึงที่พักได้

32
00:03:03,034 --> 00:03:07,034
อย่างปลอดภัยครับ เครื่องมือในการทำวิจัย ใช้ Visual Code Studio เป็นโปรแกรมสำหรับการเขียน Code ครับ

33
00:03:13,760 --> 00:03:17,092
สำหรับเขียนโค้ดครับ ใช้ Apashe

34
00:03:17,092 --> 00:03:21,092
หรือ OVA เป็น Platform

35
00:03:23,056 --> 00:03:27,056
แอปพลิเคชันครับ แล้วก็ใช้ Firebase เป็นซอฟต์แวร์ในการจัดการข้อมูลแจ้งเตือนครับ แล้วก็ใช้ Android 5.1

36
00:03:28,276 --> 00:03:32,276
เป็นระบบปฏิบัติการที่จะรองรับแอปพลิเคชันครับ เพื่อที่จะรองรับ

37
00:03:34,254 --> 00:03:35,695
เป็นระบบปฏิบัติการใช้สร้างตัวแอปพลิเคชันครับ

38
00:03:35,695 --> 00:03:39,695
เรื่องที่ 3 ครับ การพัฒนาแอปพลิเคชันสำหรับเผยแพร่

39
00:03:44,441 --> 00:03:48,441
ทางวัฒนธรรมของภาคใต้ตอนล่างครับ

40
00:03:49,725 --> 00:03:51,777
เครื่องมือที่ใช้ในการทำวิจัย ใช้

41
00:03:51,777 --> 00:03:55,777
MySQL

42
00:03:57,610 --> 00:04:01,610
เป็นระบบฐานข้อมูล แล้วก็ Xamppเป็นตัวจำลองเซิฟเวอร์ครับ ใช้สร้าง HTML CSS

43
00:04:06,700 --> 00:04:10,700
แอปพลิเคชันมันมีแค่นี้จริง ๆ ไม่มีครับ 4. เรื่องสื่อการ

44
00:04:12,437 --> 00:04:16,437
เรียนรูบนสื่อคอมพิวเตอร์เคลื่อนที่

45
00:04:21,164 --> 00:04:23,745
นักสื่อสารนิเทศ... นักสารสนเทศ

46
00:04:23,745 --> 00:04:24,178
ครับ จุดประสงค์ในการทำวิจัย

47
00:04:24,178 --> 00:04:28,178
คือ เพื่อพัฒนาแอปพลิเคชันสื่อสารการเรียนรู้บนอุปกรณ์

48
00:04:31,496 --> 00:04:35,445
เคลื่อนที่ครับ แล้วก็ 2. เพื่อประเมิน

49
00:04:35,445 --> 00:04:37,184
คุณภาพแอปพลิเคชันในการสื่อสาร บน... เรียนรู้

50
00:04:37,184 --> 00:04:41,184
บนอุปกรณ์เคลื่อนที่ แล้วก็ 3. เพื่อประเมิน

51
00:04:42,034 --> 00:04:46,034
ความพึงพอใจในการใช้งานครับ โดยเครื่องมือที่ใช้ในการสร้างคือ Thunkable ครับ เป

52
00:04:51,090 --> 00:04:55,086
็นเว็บแอปพลิเคชันเหมือนกันครับ เลยไม่ทราบ Scrip

53
00:04:55,086 --> 00:04:55,914
t ครับ เรื่องที่ 4 5. เรื่องสุดท้ายครับ

54
00:04:55,914 --> 00:04:59,914
สำหรับเรื่องแอปพลิเคชัน

55
00:05:02,143 --> 00:05:06,143
ไม่ครับ เหมือนจะหายไปนะครับ

56
00:05:07,741 --> 00:05:08,428
สำหรับการสร้างแอปพลิเคชันสำหรับการบริหารงานการ

57
00:05:08,428 --> 00:05:11,850
ซ่อมบำรุงครับ โดยวัตถุประสงค์ ก็คือ

58
00:05:11,850 --> 00:05:15,850
ออกแบบระบบสำหรับจัดการการซ่อมบำรุง 2. เพื่อบริหาร

59
00:05:15,877 --> 00:05:19,877
จัดการงานซ่อมบำรุงให้กับวิศวกรครับ

60
00:05:26,780 --> 00:05:27,570
3. เพื่อวางแผนการจัดการในการซ่อมบำรุง ประโยชน์ที่คาดว่าจะได้มี

61
00:05:27,570 --> 00:05:31,570
ได้ระบบในการจัดการซ่อมบำรุง และก็ 2. แจ้งผล

62
00:05:37,752 --> 00:05:41,752
ผ่านความสะดวกครับ 3. ลดการจัดสรรงาน

63
00:05:43,102 --> 00:05:45,624
แล้วก็ 4. นำข้อมูลไปใช้วางแผนกลยุทธ์การทำงาน

64
00:05:45,624 --> 00:05:45,665
เครื่องมือที่ใช้ในการสร้างแอปพลิเคชันมี

65
00:05:45,665 --> 00:05:49,665
Windows 10 ครับ เป็นระบบปฏิบัติการที่ใช้สร้างแอปพลิเคชันครับ แล้วก็มี Adobe Dreamweaver

66
00:05:51,555 --> 00:05:55,555
เป็นโปรแกรมสำหรับสร้างแอปพลิเคชัน แล้วก็แอ

67
00:05:59,111 --> 00:06:03,111
เป็นโปรแกรมจำลอง Server มี HTML เป็น

68
00:06:03,113 --> 00:06:07,113
ภาษา จบครับ ขอบคุณครับ

69
00:06:13,561 --> 00:06:17,561
ถ้าเป็นของผมจะพัฒนาแบบ... เดี๋ยวขอ

70
00:06:21,376 --> 00:06:25,376
ย้อนกลับไปดูก่อนนะครับ

71
00:06:29,856 --> 00:06:33,856
ก็คงจะคล้าย ๆ กับตัว... น่าจะทำเกี่ยวกับสื่อน่ะครับ

72
00:06:39,569 --> 00:06:43,001
สื่อพวกสื่อการเรียนรู้ที่เกี่ยวกับภาษาอย่างนี้ครับ

73
00:06:43,001 --> 00:06:43,490
เพราะผมก็เป็นคนได้ภาษาหน่อยหนึ่ง

74
00:06:43,490 --> 00:06:46,401

75
00:06:46,401 --> 00:06:49,360
ใครจะนำเสนอเป็นคนต่อไปครับ

76
00:06:49,360 --> 00:06:53,360
ไม่ต้องมอง ไม่ต้องมองหน้า ไม่ต้องมองหน้า

77
00:06:55,977 --> 00:06:59,977
เตรียมตัวแล้วน่ะ เอาสไลด์ลงแล้วน่ะ

78
00:07:03,297 --> 00:07:06,225
ลุกขึ้นมาเลยไม่ต้องมองหน้า ลุก

79
00:07:06,225 --> 00:07:10,225
ขึ้นมาเลย (อาจารย์สุธิรา) ไม่ทำใจแล้ว 3 อาทิตย์แล้วนี่ (นักศึกษาชาย) เร็ว จะได้เสร็จ ๆ

80
00:07:45,696 --> 00:07:47,000
(นักศึกษาหญิง) สวัสดีค่ะ

81
00:07:47,000 --> 00:07:51,000
สำหรับเรื่องแรกนะคะ เป็นการพัฒนา

82
00:07:51,659 --> 00:07:55,659
แอปพลิเคชัน สื่อการเรียนรู้บนอุปกรณ์เคลื่อนที่ เรื่อง

83
00:07:57,618 --> 00:08:01,618
ภาษาอังกฤษ สำหรับนักสารสนเทศค่ะ

84
00:08:03,123 --> 00:08:06,699

85
00:08:06,699 --> 00:08:07,034
ตัวแอปพลิเคชันนะคะ จะเป็น

86
00:08:07,034 --> 00:08:11,034
ระบบ...

87
00:08:21,138 --> 00:08:25,138
แอปพลิเคชัน จัดทำเพื่อ

88
00:08:26,558 --> 00:08:30,558
สร้างเนื้อหา คำศัพท์ ความรู้

89
00:08:33,864 --> 00:08:37,864
เกี่ยวกับภาษาอังกฤษนะคะ

90
00:08:46,047 --> 00:08:49,968
2. แอปพลิเคชันส่งเสริม

91
00:08:49,968 --> 00:08:53,968
การเรียนรู้ และทักษะการเขียนโปรแกรมคอมพิวเตอร์เบื้องต้น

92
00:08:58,205 --> 00:09:02,205
แอปพลิเคชันส่งเสริมการเรียนรู้และทักษะ

93
00:09:02,752 --> 00:09:06,752
การขียนโปรแกรมคอมพิวเตอร์เบื้องต้น ทำให้มีความสะดวก

94
00:09:11,193 --> 00:09:15,193
ในการเรียนรู้ทักษะการเขียนภาษาคอมพิวเตอร์ และในโปรแกรมนี้ก็จะมีความรู้พื้นฐาน

95
00:09:16,120 --> 00:09:20,120
ต่าง ๆ อีกมากมายค่ะ

96
00:09:20,304 --> 00:09:24,304
อันนี้ก็จะเป็น

97
00:09:26,050 --> 00:09:30,050
หน้าตาของแอปพลิเคชันนะคะ แล้วก็หน้าจอหลักค่ะ

98
00:09:30,418 --> 00:09:34,418
แล้วก็จะเป็นโปรแกรม

99
00:09:37,103 --> 00:09:41,103
ที่นำมาใช้สร้างแอปค่ะ

100
00:09:41,795 --> 00:09:45,795
3. การพัฒนาระบบแอปพลิเคชัน เพื่อก

101
00:09:49,832 --> 00:09:53,832
ารจัดการการจราจรหน้าสถานศึกษา

102
00:10:06,858 --> 00:10:10,497
โปรแกรมนี้ใช้กับการรับส่งนักเรียนของ

103
00:10:10,497 --> 00:10:11,187
โรงเรียนแห่งหนึ่งนะคะ ก็คือจะมี

104
00:10:11,187 --> 00:10:13,787
ในระบบจะมีการเช็ก

105
00:10:13,787 --> 00:10:17,787
ข้อมูลของนักเรียน สมมติว่าผู้ปกครอง

106
00:10:18,681 --> 00:10:22,681
ของคนนี้จะเข้ามารับลูก

107
00:10:24,168 --> 00:10:28,168
เราก็จะสามารถเช็กได้ว่าลูกเรายังอยู่

108
00:10:28,491 --> 00:10:32,491
ในโรงเรียนไหม แล้วก็ถ้าเรารับลูกเราเสร็จแล้ว

109
00:10:36,367 --> 00:10:40,367
ก็คือจะขึ้นในระบบค่ะ ตัวนี้ก็จะเป็นหน้าตาของแอปพลิเคชันนะคะ แล้วก็

110
00:10:45,400 --> 00:10:47,395
ระบบที่ใช้ทำ 4. การพัฒนาแอปพลิเคชัน

111
00:10:47,395 --> 00:10:51,395
สำหรับอุปกรณ์เครื่องที่ เพื่อจัดการวิถีชุมชนกรณี

112
00:10:57,931 --> 00:11:01,931
ศึกษา ตำบลบางแล อำเภอเมือง จังหวัดเชียงราย

113
00:11:02,719 --> 00:11:02,795
ก็คือเป็นแอปพลิเคชันสั่งอาหารนะคะ ตัวนี้ ก็คือจะเป็น

114
00:11:02,795 --> 00:11:06,795
ตัวแอปพลิเคชัน แล้วก็เป็นหน้าหลักค่ะ

115
00:11:07,018 --> 00:11:11,018
และนี่ก็คือเป็นเครื่องมือ

116
00:11:16,393 --> 00:11:17,780
ที่ใช้ในการทำแอปพลิเคชันค่ะ

117
00:11:17,780 --> 00:11:21,780
ในวิจัยนี้ ส่วนมากจะเป็นข้อมูล

118
00:11:22,954 --> 00:11:26,954
แบบนี้ ซึ่งเขาไม่ระบุว่า

119
00:11:29,782 --> 00:11:31,057
ทำมาจากแอปไหนค่ะ

120
00:11:31,057 --> 00:11:33,767
และ 5.

121
00:11:33,767 --> 00:11:37,767
การพัฒนาแอปพลิเคชันระบบอัจฉริยะ เพื่อเพิ่มช่องท

122
00:11:43,211 --> 00:11:47,211
างจำหน่ายสินค้าด้วยสมาร์ตโฟน ในยุคเศ

123
00:11:51,245 --> 00:11:51,852
รษฐกิจดิจิทัล ตัวนี้จะเป็นหน้าแอปพลิเคชันนะคะ

124
00:11:51,852 --> 00:11:52,930
แล้วก็หน้าหลัก

125
00:11:52,930 --> 00:11:56,930
ส่วนขั้นตอน

126
00:12:01,334 --> 00:12:04,773
การสร้างแอป ก็คือข้อมูลที่อ่านมา

127
00:12:04,773 --> 00:12:05,988
ก็คือจับใจความได้ ก็คือ

128
00:12:05,988 --> 00:12:09,988
เป็นขั้นตอนการพัฒนาแอปพลิเคชันบนระบบปฏิบัติการ Android

129
00:12:15,999 --> 00:12:19,999
โดยใช้ Software และ Hardware ค่ะ

130
00:12:21,693 --> 00:12:25,693
ขอบคุณค่ะ

131
00:12:30,413 --> 00:12:34,413

132
00:12:36,754 --> 00:12:39,653
(อาจารย์สุธิรา) เมื่อกี้ จากที่เพื่อน ๆ นำเสนอนะคะ

133
00:12:39,653 --> 00:12:41,355
มันจะมีแอปพลิเคชันที่คล้ายกัน

134
00:12:41,355 --> 00:12:45,355
อยู่ 2 ตัว แล้วก็...

135
00:12:56,162 --> 00:13:00,162
นะคะ แล้วทีนี้ เดี๋ยว

136
00:13:02,014 --> 00:13:06,014
คนที่นำเสนอเสร็จแล้ว ปรับเด้อ ปรับแก้

137
00:13:07,450 --> 00:13:10,140
เหมือนขนาดตัวอักษร

138
00:13:10,140 --> 00:13:14,140
ในครั้งก่อนบอกไปแล้ว แต่มุกน่าจะไม่ได้มา

139
00:13:17,374 --> 00:13:21,374
ก็คือถ้าเป็นหัวเรื่อง ก็ต้องมีขนาดตั้งแต่ 4

140
00:13:25,375 --> 00:13:27,501
0 นะ ฟอนต์มีขนาด 40 ขึ้นไป ถ้าส่วนของเนื้อหา ก็คือ

141
00:13:27,501 --> 00:13:31,501
36 ลงมา แต่ไม่ต่ำ

142
00:13:31,842 --> 00:13:34,740
กว่า 26 นะคะ

143
00:13:34,740 --> 00:13:38,740
ห้ามต่ำกว่า 26 ให้มันเห็นชัด

144
00:13:39,811 --> 00:13:43,811
เพราะว่าเพื่อนจะดู

145
00:13:44,086 --> 00:13:45,491
จากจอล่ามด้วย อะไรด้วยนะคะ

146
00:13:45,491 --> 00:13:49,491
มันไปเปิดหน้าไหนล่ะนี่ น่าจะไม่มีใครพรีเซนต์

147
00:13:57,471 --> 00:13:58,613
ต่อแล้วนะ อย่างนั้นเรามาเรียนกันดีกว่า

148
00:13:58,613 --> 00:14:02,613
นะคะ ให้เด็ก ๆ เปิดค่ะ Thunkable

149
00:14:02,835 --> 00:14:06,835
พิมพ์ T เปิดโปรแกรมนะคะ

150
00:14:12,301 --> 00:14:13,589
ที่เราจะพัฒนา ในสัปดาห์ก่อน เราสอนไปแล้ว

151
00:14:13,589 --> 00:14:16,187
แป๊บหนึ่ง แป๊บหนึ่ง

152
00:14:16,187 --> 00:14:20,187
T

153
00:14:21,996 --> 00:14:25,187
-h

154
00:14:25,187 --> 00:14:29,187
ไม่เปลี่ยนภาษาให้ เดี๋ยวนะคะ

155
00:14:31,791 --> 00:14:35,791
T-

156
00:14:35,962 --> 00:14:39,962
h ทำไมยังเป็นภาษาไทย

157
00:14:45,013 --> 00:14:49,013
T-

158
00:14:52,172 --> 00:14:56,172
h house ม้า

159
00:15:03,306 --> 00:15:04,461
แล้วก็ u T-h-u-

160
00:15:04,461 --> 00:15:08,104
n-k-a-

161
00:15:08,104 --> 00:15:12,104
b-l-e อ่านว่า

162
00:15:14,547 --> 00:15:17,328
"thunkable"

163
00:15:17,328 --> 00:15:21,328
Thunk นะคะ Thunkable

164
00:15:25,099 --> 00:15:29,099
ใครที่เข้ามาหน้านี้แล้ว

165
00:15:29,997 --> 00:15:32,670
ทุกคนน่าจะเข้าแล้ว คลิกเข้ามา แล้วอย่าลืม

166
00:15:32,670 --> 00:15:36,670
ทำอะไรคะ Login ใช่ไหม

167
00:15:37,951 --> 00:15:41,951
คนที่ยังไม่ได้ Log Login นะคะ

168
00:15:43,819 --> 00:15:43,860
Login ด้วยอะไร นั่นก็คือ

169
00:15:43,860 --> 00:15:47,860
ในสัปดาห์ที่แล้วบอกว่าให้ Log in

170
00:15:49,454 --> 00:15:53,454
ด้วย Google เพราะเรามีบัญชี Google กันทุกคน

171
00:15:54,344 --> 00:15:55,837
นะคะ เพราะฉะนั้น ใครที่เข้ามาหน้าแรกปุ๊บ ให้กด

172
00:15:55,837 --> 00:15:59,837
Login แล้วเลือก Sign in with Google

173
00:16:07,205 --> 00:16:10,935
มันก็จะให้เราเลือกบัญชีของเรา แต่เครื่องเด็ก ๆ น่าจะ

174
00:16:10,935 --> 00:16:14,935
บัญชีตัวเองอยู่แล้วนะคะ

175
00:16:21,981 --> 00:16:25,981
เครื่องอาจารย์ผู้ใช้หลายคนก็จะเลย พอคนหนึ่งเข้ามาใช้เขาก็จะปิดบัญชี เพราะฉะนั้น อาจารย์ก็จะเข้าใหม่

176
00:16:32,972 --> 00:16:36,972
ทุกคนเข้ามาหน้านี้

177
00:16:38,495 --> 00:16:40,512
แล้วใช่ไหม ใครยังไม่เข้ามาหน้านี้

178
00:16:40,512 --> 00:16:44,512
กุ๊กได้หรือยัง

179
00:16:50,482 --> 00:16:54,482
เพราะมุก

180
00:16:54,852 --> 00:16:58,852
สัปดาห์ที่แล้วไม่ได้มา โอเค ของมุกต้องคลิกที่ Create New App นะคะ เพราะมุกยังไม่ได้สร้า

181
00:17:03,088 --> 00:17:06,747
ง

182
00:17:06,747 --> 00:17:08,679
สัปดาห์ที่แล้วเราตั้งชื่อว่าอะไรนะ

183
00:17:08,679 --> 00:17:11,431
Book ใช่ไหมเด็ก ๆ

184
00:17:11,431 --> 00:17:13,925
เปิด เปิดงานที่เราสร้างไว้

185
00:17:13,925 --> 00:17:17,925
นะคะ B-o-o-k ของเราทำไมมันเป็น

186
00:17:25,323 --> 00:17:28,422
Book1 อะไรก็... Book ก่อน Book

187
00:17:28,422 --> 00:17:32,422
นะคะ คลิกเข้าไปที่ไฟล์ Book ไฟล์ที่ชื่อ Book

188
00:17:32,814 --> 00:17:36,814
ให้เด็ก ๆ ดูนะคะ เราจะต้องอยู่หน้า Desing

189
00:17:42,067 --> 00:17:44,024
เท่านั้น เพราะก่อนจะทำแอปพลิเคชันได้

190
00:17:44,024 --> 00:17:45,903
หลักการ ก็คือเราจะต้องออกแบบส่วนของหน้าตามัน

191
00:17:45,903 --> 00:17:49,903
ให้มันมีข้อความแสดง

192
00:17:53,677 --> 00:17:57,677
ให้มีปุ่มเพื่อจะได้เขียนโค้ด

193
00:17:59,704 --> 00:18:01,664
โดยโค้ดของเราบอกแล้วเราจะใช้วิธีการเขียนโค้ด

194
00:18:01,664 --> 00:18:04,968
ไม่ได้เขียนน่ะ ใช้บล็อกในการสร้างงานนะคะ

195
00:18:04,968 --> 00:18:08,968
ตอนนี้เปิดมาหน้านี้หรือยัง เข้ามา

196
00:18:11,356 --> 00:18:15,356
หน้า Design หรือยังคะ

197
00:18:44,081 --> 00:18:47,544
ดูนะคะ อันดับแรก จะให้ลอง จะให้ทำแบบง่าย ๆ

198
00:18:47,544 --> 00:18:51,544
ไม่มีอะไรพิสดาร เหมือนเปิดเข้ามาปุ๊บ มี

199
00:18:51,672 --> 00:18:55,672
ข้อความ มีกล่องข้อความขึ้น แล้วมีปุ่ม 1

200
00:18:58,954 --> 00:19:01,733
ปุ่ม เมื่อกดปุ่มจะแสดง

201
00:19:01,733 --> 00:19:02,568
ข้อความนั้นขึ้นมา ให้เลือกนะคะ

202
00:19:02,568 --> 00:19:06,568
ข้อความที่เราจะใช้ ก็คือ Label

203
00:19:08,249 --> 00:19:12,249
อยู่ตรงนี้ เห็นไหมคะ อยู่ตรง Basic แถบ

204
00:19:17,265 --> 00:19:21,265
เครื่องมือด้านซ้ายมือนะคะ เด็ก ๆ เลือกแถบเครื่องมือที่ชื่อว่า Basic

205
00:19:24,843 --> 00:19:25,080
แล้วเลือกคำว่า "Label"

206
00:19:25,080 --> 00:19:29,080
คลิก ดู ดูวิธีทำนะลูก

207
00:19:31,289 --> 00:19:32,749
คลิกที่แถบเครื่องมือ Label

208
00:19:32,749 --> 00:19:34,530
แล้วกดเมาส์ค้างนะคะ

209
00:19:34,530 --> 00:19:38,530
คลิกแล้วกดเมาส์ค้าง แล้วลากเครื่องมือนั้นลงไปวาง

210
00:19:46,544 --> 00:19:50,544
ดูนะคะ ดูพี่ล่ามดี ๆ

211
00:19:51,208 --> 00:19:53,767
วิธีการ ก็คือ

212
00:19:53,767 --> 00:19:57,767
การจะนำ นี่ เครื่องมือแต่ละอย่างมา

213
00:20:04,755 --> 00:20:05,058
ใส่นี่ คือ เด็ก ๆ คลิกเมาส์ 1 ครั้ง

214
00:20:05,058 --> 00:20:09,058
อยู่ที่ Basic นะคะ

215
00:20:11,646 --> 00:20:15,646
แถบเครื่องมือ ดูนะคะ แถบเครื่องมือ

216
00:20:18,890 --> 00:20:20,407
นี่ อยู่ทางซ้ายมือ

217
00:20:20,407 --> 00:20:24,407
แถบเครื่องมืออยู่ทางซ้ายมือ บอกแล้วนะคะ Properties

218
00:20:30,495 --> 00:20:34,495
หรือข้อกำหนดต่าง ๆ จะอยู่ทางขวามือ

219
00:20:48,842 --> 00:20:52,842
สมมติ

220
00:20:54,442 --> 00:20:58,442
มีความรู้สึกว่ากรอบมันไอ้นี่ไป

221
00:21:02,385 --> 00:21:04,894
150 เห็นไหมคะ

222
00:21:04,894 --> 00:21:08,894
ดูนะคะ ตัวที่เราใช้

223
00:21:12,227 --> 00:21:16,227
แถบ... Tool ที่เราใช้ชื่อว่า

224
00:21:18,185 --> 00:21:22,185
Basic นะคะ Tool แรกเลย และเป็น

225
00:21:25,241 --> 00:21:27,361
Tool ตัวที่ 2 ที่ชื่อว่า "Label"

226
00:21:27,361 --> 00:21:27,433
เห็นไหมคะ มันจะมีคำบอกชื่อมัน

227
00:21:27,433 --> 00:21:31,433
ช้วย  Label วิธีการ คือ คลิก 1 ครั้ง

228
00:21:33,267 --> 00:21:37,267
แล้วกดเมาส์ค้างไว้ด้วย แล้วลาก Label

229
00:21:42,547 --> 00:21:46,547
นั้นลงไปวาง เห็นไหม มันจะมี Label 1 Label 2 นี่

230
00:21:48,027 --> 00:21:52,027
เราสามารถลบได้ แต่เวลาลบนะคะ กด Delete ไม่ได้ นี่ ตัวลบ

231
00:21:58,114 --> 00:21:59,916
มันจะอยู่ตรงนี้ เห็นไหมคะ ในส่วนของการลบวัตถุ

232
00:21:59,916 --> 00:22:03,916
ที่เอามาวาง หรือเครื่องมือที่เอามาวางแต่ละตัวนี่ มันจะอยู่

233
00:22:07,189 --> 00:22:11,189
ตรงฝั่งซ้ายมือเสมอนะคะ ดู

234
00:22:12,264 --> 00:22:12,836
มันจะขึ้น นี่ มันจะมี Components

235
00:22:12,836 --> 00:22:16,836
ขึ้นมาให้ดูนี่ มันอยู่ตรงนี้ วิธีการทำงาน

236
00:22:18,603 --> 00:22:19,617
ก็คือมันก็จะขึ้นชื่อ

237
00:22:19,617 --> 00:22:23,617
วัตถุ หรือ Object นั้นขึ้นมา

238
00:22:31,263 --> 00:22:33,268
ถ้าต้องการลบมันจะอยู่ตรงนี้ค่ะ มันจะมีแก้ไข แก้ไข นั่นก็คือ

239
00:22:33,268 --> 00:22:37,268
ใส่ชื่อให้วัตถุชิ้นนั้น ใส่เพื่ออะไร

240
00:22:37,308 --> 00:22:40,240
1. ชื่อตัวนี้ จะเป็น

241
00:22:40,240 --> 00:22:44,240
ตัวแปร หรือว่า Variable ด้วย

242
00:22:45,776 --> 00:22:49,776
บอกแล้ววัตถุแต่ละชิ้น

243
00:22:53,702 --> 00:22:56,027
หรือ Object แต่ละชิ้นนี่ มันจะเอาไว้ใช้เพื่อ

244
00:22:56,027 --> 00:22:56,207
การสร้างแอป

245
00:22:56,207 --> 00:23:00,207
การจะทำแอปได้ ไม่ใช่ว่าจะวาง วาง วางวัตถุ

246
00:23:07,499 --> 00:23:10,059
ต้องมีโค้ดมาเชื่อม แต่โค้ดของเราวิธีใช้งานก็คือมันจะเป็นบล็อก เพราะฉะนั้น ถ้าเด็ก ๆ

247
00:23:10,059 --> 00:23:14,059
ตั้งชื่อะไร แล้วเวลาเรียกใช้

248
00:23:16,129 --> 00:23:19,868
ให้ดูจากตัวนี้นะคะ ชื่อตัวแปรจะสอดคล้อง

249
00:23:19,868 --> 00:23:22,849
กับตรงตำแหน่งนี้ เพราะฉะนั้น ถ้าสมมติว่า...

250
00:23:22,849 --> 00:23:26,849
ห้ามตั้งเป็นภาษาไทย

251
00:23:29,144 --> 00:23:33,144
ใช้ข้อห้ามเลยนะคะ เวลาตั้งชื่อตัวแปร ห้าม

252
00:23:34,664 --> 00:23:35,620
ใช้ภาษาไทย เพราะฉะนั้น ต้องเป็นภาษาอังกฤษ

253
00:23:35,620 --> 00:23:37,049
เท่านั้น

254
00:23:37,049 --> 00:23:41,049
บางทีนี่ ถ้า Label 1 Label 2 นี่

255
00:23:50,352 --> 00:23:51,037
อาจจะสับสน เหมือนถ้าอันนี้เรารู้อยู่แล้วว่าจะเป็นข้อความทักทาย

256
00:23:51,037 --> 00:23:55,037
เราก็ตั้งชื่อมันไปเลยว่า...

257
00:23:55,560 --> 00:23:59,560
ใครนึกชื่อภาษาอังกฤษไม่ออก สอนแล้วนะคะ

258
00:24:07,518 --> 00:24:08,452
เวลาสร้างตัวแปรนึกชื่อภาษาอังกฤษไม่ออก เปิด Google แปลภาษาขึ้นมาไว้ด้วย

259
00:24:08,452 --> 00:24:12,452
ไปที่หน้า Web Browser แล้ว

260
00:24:16,412 --> 00:24:16,760
เปิดแปลภาษามาไว้ด้วยนะคะ นะคะ

261
00:24:16,760 --> 00:24:20,760
สลับโหมด จากไทยเป็นอังกฤษ เช่น

262
00:24:23,925 --> 00:24:27,925
ทักทาย นึกชื่อภาษาอังกฤษไม่ออก บอกแล้วนะให้ใช้

263
00:24:29,580 --> 00:24:32,752
ตัวนี้ช่วย นะคะ

264
00:24:32,752 --> 00:24:36,752
มันมีให้เลือกหลายคำอยู่นะ

265
00:24:38,237 --> 00:24:42,237
ถ้าดูลงมาข้างล่าง มี Great มี

266
00:24:46,450 --> 00:24:50,450
Charoot

267
00:24:54,597 --> 00:24:58,597
และก็มี Accord ใช่ไหม Heal Account มีหลายอัน

268
00:25:02,700 --> 00:25:06,700
เลือกได้ หรือถ้าใครเคยดูรายการหนึ่ง

269
00:25:08,118 --> 00:25:12,118
เมื่อกี้ตอนแรก เราบอกว่าทักเฉย ๆ

270
00:25:12,187 --> 00:25:14,213
คำว่า "ทัก" เฉย ๆ มันจะขึ้น

271
00:25:14,213 --> 00:25:15,114
Say Hallo ใช่ไหม อย่างนี้ก็ได้

272
00:25:15,114 --> 00:25:19,114
นะคะ

273
00:25:25,811 --> 00:25:29,811
จะใช้คำที่เข้าใจได้

274
00:25:30,427 --> 00:25:34,427
เคยดูรายการหนึ่งนะ Hello นี่

275
00:25:40,773 --> 00:25:44,394
คำที่ใช้ Hello มีอีกตัวที่ใช้ได้ ก็คือ

276
00:25:44,394 --> 00:25:46,717
Say Hi ใช่ไหมคะ Hi ก็ได้เหมือนกัน

277
00:25:46,717 --> 00:25:48,250
เดี๋ยวตั้งชื่อไว้นะคะ ว่า...

278
00:25:48,250 --> 00:25:52,250
ต้องคลิกเข้าไปที่ รูป

279
00:25:53,573 --> 00:25:57,573
ที่เป็นรูปเหมือนปากกาหรือดินสอนี่แหละนะคะ

280
00:25:59,547 --> 00:26:03,547
แล้วเราก็เปลี่ยนชื่อนะคะ ให้

281
00:26:03,835 --> 00:26:07,835
ใช้ตัวแรก จำไว้นะคะ ให้ใช้

282
00:26:10,791 --> 00:26:14,791
ตัวแปร ตัวแรกให้ใช้ตัวใหญ่ ใส่ S

283
00:26:27,563 --> 00:26:29,445
จะลบ ไม่ยอมให้เราลบ

284
00:26:29,445 --> 00:26:33,445
S-a เราก็ว่า

285
00:26:36,087 --> 00:26:37,405
เราเปลี่ยนภาษาอังกฤษแล้ว ยังเป็นไทยอยู่ คลิกเอา

286
00:26:37,405 --> 00:26:41,405
ก็ได้ สลับแล้วช้า S-

287
00:26:44,124 --> 00:26:45,823
A-Y นะคะ Say แล้วก็

288
00:26:45,823 --> 00:26:49,823
H ตัวใหญ่ แล้วก็ i

289
00:26:49,907 --> 00:26:53,907
จำได้นะ กฎการสร้างตัวแปร

290
00:26:59,892 --> 00:27:03,333
น่ะ ถ้าใช้ตัวใหญ่ตั้งแต่แรก แล้วพอเวลาไปเรียกใช้อย่าไปเรียกใช้

291
00:27:03,333 --> 00:27:07,333
ด้วยตัวเล็กนะคะ คำเหมือนกัน แต่คอมพิวเตอร์จะมองว่า

292
00:27:07,469 --> 00:27:11,469
เป็นคนละคำนะคะ เพราะฉะนั้น ถึงอยากให้จำว่

293
00:27:19,583 --> 00:27:21,940
า สิ่งที่อยากให้จำว่าถ้าเราสร้างตัวแปร

294
00:27:21,940 --> 00:27:22,679
ตัวหลักเป็นตัวใหญ่ ตัวแรก ไม่ใช้ตัวหลัก

295
00:27:22,679 --> 00:27:26,679
ตัวแรกให้เป็นตัวใหญ่ ให้รู้เลยว่าถ้าขึ้นตัวแรกมาอย่างนี้ คือ

296
00:27:27,273 --> 00:27:31,273
ตัวแปร เพราะฉะนั้น เวลาจะเรียกใช้ตัวแปร

297
00:27:35,204 --> 00:27:35,228
พิมพ์ตัวใหญ่ตัวแรกเสมอ เพราะถ้าเป็นประโย

298
00:27:35,228 --> 00:27:38,816
คปกติมันจะเป็นตัวพิมพ์เล็กก็ได้ใช่ไหม

299
00:27:38,816 --> 00:27:39,869
มันจะไม่ปน Say แล้วก็ Hi นะคะ

300
00:27:39,869 --> 00:27:43,869
ใน Label ที่ 1 เสร็จแล้วอยากได้อะไรเพิ่ม

301
00:27:51,262 --> 00:27:55,262
สมมติใครที่กรอบของ Label มันไปชิดขอบ เราสามารถมาเปลี่ยนขนาดได้ ดูนะคะ ให้มาที่แถบเครื่องมือทางข

302
00:27:56,965 --> 00:28:00,965
วามือ ตรงการจัดการ

303
00:28:01,062 --> 00:28:04,676
ขนาดของ Label คือ Layout

304
00:28:04,676 --> 00:28:08,111
นี่ เห็นไหม W

305
00:28:08,111 --> 00:28:12,111
มาจากคำว่า Width

306
00:28:17,432 --> 00:28:20,132
ไป เหลือ 250 นะคะ

307
00:28:20,132 --> 00:28:22,943
เห็นไหมคะ กรอบก็จะเป็นลักษณะนี้ ทีนี้

308
00:28:22,943 --> 00:28:26,943
กำหนดคุณสมบัติอะไรได้อีก ไปดูที่ Stly ค่ะ

309
00:28:33,952 --> 00:28:35,932
จะสีไหม อยู่ที่ Background Color

310
00:28:35,932 --> 00:28:36,748
อยู่ที่ Style

311
00:28:36,748 --> 00:28:40,748
นะคะ Background Color ก็คือเราสามารถเลือก

312
00:28:45,823 --> 00:28:47,891
สีให้ตัว Label เราได้ เห็นไหม เด็ก ๆ อยากได้สีอะไร เลือกเลยนะคะ

313
00:28:47,891 --> 00:28:51,475
ให้มีสี ให้รูปว่าใส่สีเป็น

314
00:28:51,475 --> 00:28:54,629
ทักทาย

315
00:28:54,629 --> 00:28:58,629
ก็เอาสีฟ้า ๆ หน่อยก็ได้ ฟ้า ๆ

316
00:28:59,457 --> 00:29:03,457

317
00:29:10,546 --> 00:29:12,620
โอเคนะคะ

318
00:29:12,620 --> 00:29:16,620
อยากได้สีเส้นมันเปล่า

319
00:29:22,483 --> 00:29:22,723
เห็นไหม มีลักษณะของเส้นด้วย

320
00:29:22,723 --> 00:29:26,723
นะคะ แล้วก็สีของเส้น เส้นในที่นี้

321
00:29:27,559 --> 00:29:29,253
หมายถึง เส้นกรอบมันนะคะ

322
00:29:29,253 --> 00:29:33,253
เส้นของกรอบข้อความน่ะ

323
00:29:45,526 --> 00:29:47,750
ใส่เงาไหม เห็นไหมคะ มี

324
00:29:47,750 --> 00:29:51,750
Shadow ด้วย ถ้าจะใส่

325
00:29:57,340 --> 00:30:00,749
นะคะ

326
00:30:00,749 --> 00:30:04,749
ประมาณนี้ก่อน เมื่อได้กรอบข้อความ

327
00:30:15,644 --> 00:30:18,011
แล้วนะคะ เด็ก ๆ สังเกตเวลาการจัดแอปนะคะ หรือออกแบบ Design

328
00:30:18,011 --> 00:30:21,936
สังเกตว่าถ้ามีเส้นขึ้นมาอย่างนี้ มันหมายถึงตำแหน่งนี่ มัน

329
00:30:21,936 --> 00:30:24,836
อยู่ตรงกึ่งกลางแล้วนี่นะคะ

330
00:30:24,836 --> 00:30:27,181
อยู่กึ่งกลางแล้วนะคะ นี่

331
00:30:27,181 --> 00:30:31,181
อันนี้กึ่งกลางในแนวตั้ง ทีนี้มาดูแนวนี้

332
00:30:32,897 --> 00:30:36,897
แนวขวาง เห็นไหม มันมีเส้นแนวนอนกึ่งกลางขึ้นมา

333
00:30:37,945 --> 00:30:41,945
เราอยากให้มันอยู่กึ่งกลาง ให้ดูเส้น

334
00:30:47,052 --> 00:30:49,079
อย่างนี้เป็นหลักนะคะ แต่แม่ไม่เอาขึ้นกึ่งกลางแม่จะเอาไว้ตรงนี้

335
00:30:49,079 --> 00:30:50,806
เสียหน่อย เว้นช่องไฟด้วย โอเคนะคะ

336
00:30:50,806 --> 00:30:54,806
ต่อมา เพิ่ม object อีก 1 ชิ้น

337
00:31:01,013 --> 00:31:05,013
ใช้ Button เลือก Button นะคะ มาที่ทาง

338
00:31:05,363 --> 00:31:07,726
ซ้ายมือ เลือกปุ่มมา 1 ปุ่ม

339
00:31:07,726 --> 00:31:11,726
ดูปุ่มนี่

340
00:31:22,515 --> 00:31:26,515
ชิ้นที่ 2 Object นี้

341
00:31:32,810 --> 00:31:36,810
ชื่อว่า Button นะคะ คลิกที่แถบเครื่องมือหรือ Tool ที่ชื่อ "Basic"

342
00:31:40,308 --> 00:31:44,308
เลือก Button อันที่ 1 Object อันที่ 1 ชื่อ Button

343
00:31:47,025 --> 00:31:49,250
คลิกปุ่ม คลิกเมาส์ค้าง

344
00:31:49,250 --> 00:31:51,222
ไว้ แล้วลาก Object นั้นมาวาง

345
00:31:51,222 --> 00:31:53,666
เหมือนเดิม ถ้าเราอยากเปลี่ยนสีให้น้อง

346
00:31:53,666 --> 00:31:54,119
นะคะ เอาเป็นสีอะไร

347
00:31:54,119 --> 00:31:58,119
ในเมื่อข้อความเราสีนี้ไปแล้ว

348
00:32:05,375 --> 00:32:09,375
ปุ่มนะคะ เปลี่ยนสีปุ่ม

349
00:32:11,231 --> 00:32:15,231
ทำอะไรได้อีก

350
00:32:23,584 --> 00:32:27,584
สีข้อความที่จะแสดงบนปุ่ม เห็นไหมคะ

351
00:32:28,718 --> 00:32:32,718
Text

352
00:32:39,453 --> 00:32:39,582
Color เด็ก ๆ ดู Text Color ชมพู

353
00:32:39,582 --> 00:32:43,582
กับขาวมองไม่เห็น จะเปลี่ยนนะคะ จะ

354
00:32:45,435 --> 00:32:47,370
เดี๋ยวขอเปลี่ยนเป็นสีดำ เห็นไหมคะ เปลี่ยนสีข้อความ

355
00:32:47,370 --> 00:32:51,370
บนปุ่มนี่ มาที่...

356
00:32:52,723 --> 00:32:54,841
เด็ก ๆ ดูนะคะ เวลาเราจัดการวัตถชิ้นไหน

357
00:32:54,841 --> 00:32:58,841
ให้ดูว่ามันจะมีกรอบลักษณะนี้ขึ้นมาว่า

358
00:32:58,970 --> 00:33:02,970
เราเลือกทำงานกับวัตถุชิ้นนั้นนะคะ

359
00:33:10,610 --> 00:33:14,610
นี่ ต้องให้มันขึ้นกรอบแดง ๆ อย่างนี้ขึ้นมานะคะ นี่ กรอบแดง ๆ

360
00:33:16,179 --> 00:33:19,094
แล้วก็มีสี่เหลี่ยมตามมุมนี่อย่างนี้

361
00:33:19,094 --> 00:33:23,094
ก็คือเราเลือกทำงานกับวัตถุชิ้นนั้น Text Color

362
00:33:27,705 --> 00:33:31,705
สีดำ เปลี่ยนเป็นสีดำ อยากได้ตัวหนาไหม B ให้มันหนาก็จะชัดขึ้น

363
00:33:34,698 --> 00:33:36,640
เห็นหรือเปล่า ขนาดตัวอักษร

364
00:33:36,640 --> 00:33:40,198
อยากได้เล็กใหญ่ เห็นไหมคะ อยู่ที่

365
00:33:40,198 --> 00:33:42,785
ตัวนี้ มันจะอยู่ตรงเกี่ยวกับตัว

366
00:33:42,785 --> 00:33:46,785
ปุ่มเลย  Button เลยนะคะ

367
00:33:48,136 --> 00:33:51,681
เอาสัก 20

368
00:33:51,681 --> 00:33:54,989
เต็มคาราเบล ขยาย

369
00:33:54,989 --> 00:33:58,989
บอกแล้วนะคะ การปรับขนาดนี่ ถ้า

370
00:33:59,563 --> 00:34:03,563
ไม่ปรับตรงช่อง Layout นะคะ ดูนะคะ เด็ก ๆ

371
00:34:04,922 --> 00:34:08,922
สามารถคลิกเมาส์ค้างแล้วลากขยาย

372
00:34:13,778 --> 00:34:15,945
ออกได้ ต้องกด กดเมาส์แล้วกดค้างไว้นะคะ แล้วลากเพื่อขยาย

373
00:34:15,945 --> 00:34:19,945
นี่นะคะ

374
00:34:40,056 --> 00:34:42,005
โอเคไหม

375
00:34:42,005 --> 00:34:46,005
เดี๋ยวจะเดินไปดูนะคะ ใครยังไม่ได้วัตถุ 2 ชิ้

376
00:34:46,482 --> 00:34:50,482
นนี่

377
00:34:52,410 --> 00:34:56,410
ทีนี้ ข้อความตรง Button นี่ ต่างกัน

378
00:35:00,928 --> 00:35:03,771
นะคะ ชื่อตรงนี้กับชื่อตรงนี้

379
00:35:03,771 --> 00:35:06,017
คนละตัวกันนะ ชื่อตรงนี้ ชื่อที่อยู่ทาง

380
00:35:06,017 --> 00:35:10,017
Components

381
00:35:14,846 --> 00:35:17,937
Three นี่ มันจะหมายถึงตัวแปร

382
00:35:17,937 --> 00:35:21,937
แต่ข้อความที่อยู่ทาง Button

383
00:35:23,605 --> 00:35:25,949
ทางฝั่งนี้ มันจะหมายถึงข้อความที่แสดงบนปุ่มนั้นเลยนะคะ

384
00:35:25,949 --> 00:35:29,949
เดี๋ยวแม่จะลองเปลี่ยน ตัวนี้ใช้ภาษาไทยได้

385
00:35:34,706 --> 00:35:36,506
เช่น

386
00:35:36,506 --> 00:35:40,506
เห็นไหม ดูสิ่งที่เปลี่ยน เห็นไหม

387
00:35:48,970 --> 00:35:51,544
ชื่อตรงฝั่งนี้ มันจะเป็นชื่อที่...

388
00:35:51,544 --> 00:35:55,544
มันไม่ใช่ชื่อ มันเป็นข้อความที่จะปรากฏ

389
00:35:58,404 --> 00:36:02,404
นึกออกนะ มันจะต่างกับฝั่งทางนี้ ถ้าฝั่งทางนี้เวลาเราเปลี่ยนนี่ มันจะหมายถึง เรา

390
00:36:07,773 --> 00:36:08,641
ให้ปุ่มนี้มีตัวแปรชื่อว่าอะไร ต่างกันนะคะ 2 ฝั่ง ใครยังไม่ได้ 2 ตัวนี้

391
00:36:08,641 --> 00:36:12,641

392
00:36:47,787 --> 00:36:51,787
อย่างนี้ ในส่วนหน้าออกแบบ

393
00:36:52,879 --> 00:36:56,879
สมมติ สมมติว่าเสร็จ ออกแบบเสร็จในหน้านี้

394
00:36:57,534 --> 00:36:59,267
สิ่งที่จะทำต่อมา เมื่อเราออกแบบหน้า

395
00:36:59,267 --> 00:37:03,267
เสร็จแล้วนะคะ เราจะไปสร้างโค้ด

396
00:37:07,575 --> 00:37:11,018
เพราะฉะนั้น เราจะต้องเลือกมาที่ Blocks ค่ะ

397
00:37:11,018 --> 00:37:12,331
เห็นไหม สลับ

398
00:37:12,331 --> 00:37:16,331
มาที่บล็อกนะคะ มาที่บล็อกจะไม่ขึ้นอะไรเลย งงหรือเปล่า มาที่

399
00:37:19,679 --> 00:37:23,679
Desing เราจะมาที่หน้า Block

400
00:37:27,810 --> 00:37:29,221
s โอเคไหมคะ บอกแล้วว่าหน้า Blocks ก็คือ

401
00:37:29,221 --> 00:37:33,221
ตรงส่วนของการ Coding นั่นเอง แต่วิธีการโค้ด

402
00:37:36,855 --> 00:37:40,855
นั้น เราจะไม่ เขาเรียกว่าอะไรล่ะ ไม่ได้

403
00:37:41,311 --> 00:37:42,400
เขียน มันจะมีเห็นไหมคะ มันจะมี Blocks แบบนี้

404
00:37:42,400 --> 00:37:42,499
ขึ้นมาให้เราเลือกมาใช้

405
00:37:42,499 --> 00:37:46,499
เด็ก ๆ ไม่ต้องพิมพ์นะคะ เปิดก่อน

406
00:37:46,957 --> 00:37:50,957
เปิดดู Blocks ที่ 1 ก่อน

407
00:37:54,832 --> 00:37:57,095
Blocks แรก

408
00:37:57,095 --> 00:38:01,095
นี้ชื่อว่า Control

409
00:38:05,180 --> 00:38:09,180
Control หรือควบคุมนะคะ

410
00:38:16,618 --> 00:38:20,618
สังเกตว่า Blocks แต่ละตัวนี่

411
00:38:29,609 --> 00:38:33,025
เด็ก ๆ ลองเลือกนะคะ มันก็จะมีสี Blocks ของมัน เห็นไหม

412
00:38:33,025 --> 00:38:37,025
เพื่อแยกประเภทน่ะ ว่าเราจะทำอะไร เราจะใช้เพื่อ Control

413
00:38:37,086 --> 00:38:41,086
เพื่อควบคุม หรือใช้ Logic หรือตรรกะนะคะ

414
00:38:47,648 --> 00:38:47,952
หรือใช้ Math ค่าทางคณิตศาสตร์

415
00:38:47,952 --> 00:38:48,613
ก็คือเพื่อป้อนค่าคำนวณคณิตศาสตร์

416
00:38:48,613 --> 00:38:52,613
นะคะ หรือเป็น Text นี่ เหมือนบอกว่าตรงนี้เป็น Text

417
00:38:55,000 --> 00:38:59,000
เราต้องมาเลือกใช้หมวดนี้ เห็นไหมคะ ลองเลือกคลิกดูนะคะ

418
00:39:03,288 --> 00:39:07,288
แต่ละตัวมีอะไรบ้าง

419
00:39:46,573 --> 00:39:48,162
อันดับแรกเลยนะคะ เมื่อกี้

420
00:39:48,162 --> 00:39:52,162
ลืม เดี๋ยวย้อนกลับไปหน้า Design ก่อนลูก

421
00:39:55,778 --> 00:39:59,778
สร้างตัวแปร

422
00:39:59,932 --> 00:40:03,932
Button ก่อน แก้นะคะ จาก Button

423
00:40:04,185 --> 00:40:06,629
เป็น

424
00:40:06,629 --> 00:40:10,629
คลิก แต่ใช้คลิกไทย เราจะได้รู้ มันจะได้ตรงกัน

425
00:40:13,150 --> 00:40:17,150
นี่ ไม่

426
00:40:17,804 --> 00:40:21,804
เปลี่ยนเป็นภาษาไทยให้เราอีกแล้ว ตรงนี้นะคะ

427
00:40:23,331 --> 00:40:27,331
ใช้คำว่า "Click" C ใหญ่ C-

428
00:40:31,705 --> 00:40:33,017
l-i-c-k Click โอเค

429
00:40:33,017 --> 00:40:37,017
แล้วก็ตรงนี้

430
00:40:38,981 --> 00:40:42,981
นะคะ ข้อความที่เราจะให้

431
00:40:44,902 --> 00:40:48,902
ปรากฏใน Label ก็คือคำ

432
00:40:55,900 --> 00:40:56,918
ว่าสวัสดี ส่วนผู้หญิงใช้ค่ะ ผู้ชายใช้ ครับ นะคะ พิมพ์คำว่า

433
00:40:56,918 --> 00:40:59,229
"สวัสดี" ลงไปลูก

434
00:40:59,229 --> 00:41:03,229
ลืม ๆ สวัสดีค่ะ

435
00:41:04,852 --> 00:41:05,136

436
00:41:05,136 --> 00:41:09,136
อันนี้ของผู้หญิงนะคะ

437
00:41:12,757 --> 00:41:16,757
ตัวอักษร Font Size

438
00:41:27,913 --> 00:41:31,913
ตัวอักษร Font size เอาเท่าไรดี 30 ไหมนี่ การจัด

439
00:41:32,101 --> 00:41:35,629
แนวนะคะ

440
00:41:35,629 --> 00:41:39,629
ขอกึ่งกลาง โอเค

441
00:41:51,925 --> 00:41:55,925
ขอเพิ่มขนาดตัวอักษรหน่อยนะ

442
00:41:58,244 --> 00:42:02,244
35 โอเคไหม

443
00:42:02,265 --> 00:42:05,790
พิมพ์สวัสดีผิดหรือเปล่านี่

444
00:42:05,790 --> 00:42:09,790
ทำไมสระอี เหมือนเป็น...

445
00:42:22,101 --> 00:42:26,101
โอเค แล้ว

446
00:42:28,137 --> 00:42:32,137
ฟอนต์ไม่สวย เดี๋ยวค่อยเปลี่ยนนะคะ

447
00:42:41,138 --> 00:42:45,138
ดูนะคะ นี่ เปลี่ยนฟอนต์นะคะ

448
00:42:48,496 --> 00:42:51,735
เราจะเปลี่ยนฟอนต์เป็นฟอนต์แบบไหน เลือก

449
00:42:51,735 --> 00:42:55,735
เรา ไม่สวยน่ะ

450
00:42:59,075 --> 00:43:03,075
ภาษาไทย

451
00:43:09,841 --> 00:43:13,841
ฟอนต์มันน้อย เดี๋ยวค่อยลงเพิ่มนะคะ โอเค เปลี่ยนสีได้นะ เปลี่ยนสีข้อความได้

452
00:43:16,407 --> 00:43:18,375

453
00:43:18,375 --> 00:43:20,790
โอเคไหมคะ

454
00:43:20,790 --> 00:43:24,790
โอเค

455
00:43:25,075 --> 00:43:29,075
เมื่อ... เมื่อมีข้อควาใน

456
00:43:34,282 --> 00:43:38,282
Label กับนี่เรียบร้อยแล้ว กลับมาข้อความที่ Blocks ได้

457
00:43:43,266 --> 00:43:47,266
นะคะเด็ก ๆ สิ่งแรกที่เราจะเลือก ก็คือ

458
00:43:49,455 --> 00:43:53,455
Control ไปที่ Control นะคะ

459
00:43:58,090 --> 00:44:02,090
แล้วต้องเลือกตรงนี้ก่อนด้วย

460
00:44:03,363 --> 00:44:07,363
เลือกตรง Component ให้เลือก

461
00:44:07,572 --> 00:44:10,728
ที่คำว่า "คลิก" ก่อนด้วย เพราะเราจะกำหนดให้ปุ่มใช่ไหม

462
00:44:10,728 --> 00:44:14,728
จะคอมคุมปุ่มนี้ เมื่อมีการกดปุ่ม หลักการ

463
00:44:21,310 --> 00:44:22,899
ก็คือเมื่อกดที่ปุ่มนะคะ ดูหน้า Design ใหม่

464
00:44:22,899 --> 00:44:26,899
นะ อธิบายก่อน คือ ต้องการให้คลิกปุ่มนี้ปุ๊บ

465
00:44:27,451 --> 00:44:28,640
นะคะ ข้อความคำว่า "สวัสดีค่ะ "

466
00:44:28,640 --> 00:44:32,640
จะขึ้นมา นึกออกไหม เพราะฉะนั้น

467
00:44:34,715 --> 00:44:38,715
เมื่อเรามาเขียน Blocks เรา

468
00:44:43,115 --> 00:44:45,275
ต้องมาเลือกว่า จะทำเขียนโค้ดให้อะไร เราจะเลือกเขียนโค้ดที่ปุ่มก่อน เพราะฉะนั้น

469
00:44:45,275 --> 00:44:49,275
เลือกคลิกนะคะ เลือกตัวแปรคลิก เสร็จแล้ว

470
00:44:53,803 --> 00:44:55,608
คำสั่งที่เราจะใช้ ก็คือ

471
00:44:55,608 --> 00:44:57,232
When

472
00:44:57,232 --> 00:45:01,232

473
00:45:03,609 --> 00:45:07,609
ตั้งชื่อตัวแปรเมื่อไอ้นี่ไปสะแล้ว เปลี่ยนก็ได้

474
00:45:14,839 --> 00:45:14,856
เด็ก ๆ มาแก้หน่อย เดี๋ยวจะสับสน

475
00:45:14,856 --> 00:45:17,043
ชื่อมันเหมือนกับ Blocks Code นะคะ

476
00:45:17,043 --> 00:45:21,043
เปลี่ยนคลิกหน่อยค่ะ

477
00:45:21,180 --> 00:45:25,180

478
00:45:26,729 --> 00:45:30,729
เปลี่ยนเป็น

479
00:45:52,019 --> 00:45:52,482
เดี๋ยว ๆ ปุ่ม

480
00:45:52,482 --> 00:45:56,251
กดใช้คลิกแล้วมันไป จะไปสับสน

481
00:45:56,251 --> 00:46:00,251
กับคลิกที่เป็น

482
00:46:00,412 --> 00:46:04,412
ใน Blocks Code เพราะฉะนั้น ตัวแปรนี้จะตั้งชื่อว่า

483
00:46:06,131 --> 00:46:09,153
BT นะคะ

484
00:46:09,153 --> 00:46:12,235
BT

485
00:46:12,235 --> 00:46:16,225
B ตัวใหญ่ t ตัวเล็ก

486
00:46:16,225 --> 00:46:20,225
ภาษาอังกฤษไม่ขึ้นอีกแล้ว B

487
00:46:20,507 --> 00:46:24,507
B ใหญ่ t เล็ก นะคะ

488
00:46:28,507 --> 00:46:28,740
Bt

489
00:46:28,740 --> 00:46:32,740
1 ใช้ Bt1 นะคะ

490
00:46:34,067 --> 00:46:34,827
แล้วก็ตามด้วย 1

491
00:46:34,827 --> 00:46:38,827
ให้เรานึกถึง เดี๋ยวเรามีปุ่มอื่นขึ้นมาอีก

492
00:46:46,075 --> 00:46:46,438
นะคะ ปุ่มที่ 1 ของเรา

493
00:46:46,438 --> 00:46:50,438
Bt 1 แล้วตามด้วยคำว่า "Click" ได้

494
00:46:52,940 --> 00:46:55,880
C ใส่ C

495
00:46:55,880 --> 00:46:59,880
C เล็กได้นะคะ click เล็ก c-

496
00:47:04,076 --> 00:47:08,076
l-i-c-k

497
00:47:09,938 --> 00:47:10,596
Bt Button 1 Click

498
00:47:10,596 --> 00:47:14,596
โอเคนะ ตั้งชื่อตัวแปรนี้นะคะ

499
00:47:14,754 --> 00:47:18,754
โอเค ตอนนี้ตัวแปรของปุ่ม

500
00:47:19,875 --> 00:47:23,315
จะชื่อว่า Bt1click นะ ใช่

501
00:47:23,315 --> 00:47:27,315
Bt1 แล้ว c-l-i-c-k

502
00:47:36,818 --> 00:47:40,818
คลิกที่

503
00:47:48,096 --> 00:47:52,096
ตัวแปร Button ของเรา เดี๋ยวไปดูนะคะ ทำได้... ทันไหม ดอม

504
00:48:27,774 --> 00:48:31,774
เด็ก ๆ ฝั่ง... ชื่อ

505
00:48:36,424 --> 00:48:40,424
ทางฝั่งทางขวามือ แม่บอกแล้วเป็นตัวแปรนะคะ

506
00:48:41,510 --> 00:48:45,392
ห้ามเป็นภาษาไทย บางคนฟอนต์ยังเป็นภาษาไทยอยู่เลย ต้องแก้นะคะ ใช้ภาษาไทยไม่ได้ ตัวแปร

507
00:48:45,392 --> 00:48:49,392
คอมพิวเตอร์จะไม่รู้จัก ถ้าเป็นภาษาไทย ต้อง

508
00:48:56,112 --> 00:48:56,294
เป็นภาษาอังกฤษ แล้วบอกแล้วว่าตัวแปรต้องใช้

509
00:48:56,294 --> 00:48:58,365
เป็นตัวใหญ่เราจะได้ไม่ไปสับสนกับในโค้ดน่ะ

510
00:48:58,365 --> 00:48:59,780
บางทีในโค้ดมันมีตัวเล็ก มันจะซ้ำ

511
00:48:59,780 --> 00:49:03,780
ตัวแปรแรก ตัวแปรที่ 1 คือ ปุ่ม

512
00:49:09,763 --> 00:49:12,375
ใช้คำว่า "Bt1" แล้วก็ตาม

513
00:49:12,375 --> 00:49:16,375
ด้วยคำว่า "click" ติดกันนะคะ

514
00:49:16,460 --> 00:49:17,094
ตามหลักการตั้้งชื่อตัวแปร ไม่มีเว้นวรรค ไม่ใช้

515
00:49:17,094 --> 00:49:21,094
อักขระพิเศษนะ นะคะ

516
00:49:21,392 --> 00:49:25,392
ตัวเลขได้ ตัวอักขระพิเศษนี่ ตัวแปน

517
00:49:30,085 --> 00:49:33,206
ห้าม บางทีตัวแปรห้ามนะคะ เพราะฉะนั้น เอาแบบมาตรฐานหน่อย ก็คือชื่อภาษาอังกฤษแน่นอนแล้วล่ะ

518
00:49:33,206 --> 00:49:37,206
แต่ให้เริ่มต้นด้วยตัวใหญ่

519
00:51:10,884 --> 00:51:13,527
จำดี ๆ นะเด็ก ๆ

520
00:51:13,527 --> 00:51:16,422
ตัวแปรนะคะ ฝั่งนี้ตัวแปร ชื่อ

521
00:51:16,422 --> 00:51:20,422
ภาษาอังกฤษขึ้นต้นด้วยตัวใหญ่ ห้ามเว้นวรรค

522
00:51:26,445 --> 00:51:26,543
ห้ามใช้สัญลักษณ์พิเศษ ใส่ตัวเลขได้ โอเคไหม

523
00:51:26,543 --> 00:51:26,928
นะคะ

524
00:51:26,928 --> 00:51:30,928
ตัวแรกเลยปุ่ม Control ที่

525
00:51:32,902 --> 00:51:34,821
เราจะใช้นะคะ

526
00:51:34,821 --> 00:51:38,821
กลับมาหน้า Blocks เรียบร้อยแล้ว ให้เด็ก ๆ

527
00:51:42,431 --> 00:51:46,431
คลิก คลิกที่

528
00:51:48,134 --> 00:51:49,472
ตัวแปรที่ชื่อว่า Bt1

529
00:51:49,472 --> 00:51:52,952
ของเรานะ เสร็จแล้วเลือก

530
00:51:52,952 --> 00:51:55,461
เลือกตัวไหน เพราะฉะนั้น

531
00:51:55,461 --> 00:51:59,461
เมื่อกี้อธิบายเป็นไทยไปแล้วว่า ถ้าเรา...

532
00:52:06,671 --> 00:52:07,390
เมื่อเรากดปุ่ม กดปุ่มนั้นปุ๊บ ข้อความ

533
00:52:07,390 --> 00:52:11,390
ทักทายจะขึ้นมาใช่ไหมคะ เพราะฉะนั้้น คำว่า "เมื่อ" ในภาษาอังกฤษ

534
00:52:15,128 --> 00:52:19,128
ก็คือ When when อะไร เกิดอะไร

535
00:52:24,216 --> 00:52:27,583
ไม่ใช่ ยังไม่คลิกสิ When นี้ เมื่อ เมื่อไปทำอะไรกับปุ่ม

536
00:52:27,583 --> 00:52:27,791
เพราะฉะนั้น ต้องตามด้วยชื่อปุ่ม เห็นไหม เลือกตัวแรกครับ

537
00:52:27,791 --> 00:52:31,791
เลือกตัวแรกมาวาง

538
00:52:37,640 --> 00:52:41,295
ดูคำอธิบายใน Blocks แรก เมื่อกี้แม่บอกว่าเมื่อมีการ

539
00:52:41,295 --> 00:52:45,295
ทำกับไอ้ปุ่ม Bt1 นี่นะคะ

540
00:52:45,758 --> 00:52:49,758
ทำอะไรมัน เห็นไหมคะ ใน Block

541
00:52:51,344 --> 00:52:51,839
ที่ 2 ดู...

542
00:52:51,839 --> 00:52:55,839
ดูนะคะ เมื่อ When

543
00:52:56,926 --> 00:52:59,263
Bt1 Bt1 โดนทำอะไร

544
00:52:59,263 --> 00:53:03,263
เมื่อมีการ นี่ ๆ ๆ เมื่อมีการ

545
00:53:08,998 --> 00:53:11,266
กระทำกับวัตถุที่ชื่อว่า Bt1 ปุ๊บ

546
00:53:11,266 --> 00:53:13,744
สิ่งที่เราจะกระทำกับวัตถุนั้น คือ

547
00:53:13,744 --> 00:53:17,744
เห็นไหมคะ มันจะมี Click Lock Click

548
00:53:21,391 --> 00:53:25,391
touch down

549
00:53:28,235 --> 00:53:29,974
touch up เมื่อหน้าจอเป็นแบบไหน แบบสัมผัสใช่ไหม Touch คือสัมผัสใช่ไหม

550
00:53:29,974 --> 00:53:31,493
Teach Down

551
00:53:31,493 --> 00:53:35,493
ปัดขึ้น ปัดลงน่ะ นึกออกนะ

552
00:53:40,093 --> 00:53:42,832
คือมันจะไปใช้กับลักษณะของ

553
00:53:42,832 --> 00:53:46,832
การควบคุมในโหมดนี้นะคะ เห็นไหมคะ จะมี

554
00:53:49,648 --> 00:53:53,648
1. Click เมื่อเราต้องการให้มีการ คลิกเกิด

555
00:54:00,247 --> 00:54:00,562
ตัวที่ 2 บอก Long Click เป็น

556
00:54:00,562 --> 00:54:01,006
การที่กดเมาส์ค้างเหมือนที่

557
00:54:01,006 --> 00:54:05,006
พอเราเลือกวัตถุชิ้นนั้นแล้วลากเมาส์ไปวาง

558
00:54:10,097 --> 00:54:14,097
ลากไปวาง นั่นคือ Long Click ส่วนที่ 3

559
00:54:15,893 --> 00:54:19,071
touch down ใช่ไหม Touch Down นี่ ให้นึกถึงใครที่ใช้

560
00:54:19,071 --> 00:54:19,878
iPad iPad มันจะมีให้...

561
00:54:19,878 --> 00:54:23,878
ใช้นิ้วน่ะ

562
00:54:25,854 --> 00:54:28,537
ใช้นิ้วสัมผัสหน้าจอ แล้ว...

563
00:54:28,537 --> 00:54:32,537
หรือในแอปนะ ใน Mobile

564
00:54:34,577 --> 00:54:38,577
ที่... นั่นก็คือ Touch Down นั่นคือปัด

565
00:54:41,865 --> 00:54:45,865
เลื่อนลง เลื่อนลง เลื่อนหน้าจอ

566
00:54:46,679 --> 00:54:48,776
ลงนะ ถ้า touch up ก็คือเลื่อนขึ้นใช่ไหม

567
00:54:48,776 --> 00:54:52,776
ใช้นิ้ว การสัมผัสแบบการเลื่อนขึ้นอย่างนี้นะคะ นั่นก็คือลักษณะ

568
00:54:53,825 --> 00:54:57,825
เพราะฉะนั้น เมื่อวัตถุชิ้นนั้น

569
00:55:01,094 --> 00:55:03,290
เราต้องการให้มันทำอะไร ให้เรามาเลือกตรงนี้

570
00:55:03,290 --> 00:55:04,305
นึกออกนะลูก เพราะฉะนั้น

571
00:55:04,305 --> 00:55:08,305
แต่อันแรก เมื่อกี้แม่บอกแล้วว่าเราจะให้ไปสั่งปุ่ม

572
00:55:11,731 --> 00:55:13,309
นั้นใช่ไหม กดปุ่มนั้น กด

573
00:55:13,309 --> 00:55:16,281
ปุ่ม เพราะฉะนั้น เราจะเลือกอะไรคะ เลือกอะไร

574
00:55:16,281 --> 00:55:20,281
ดอม เมื่อต้องการให้ปุ่มนั้นโ

575
00:55:23,624 --> 00:55:25,177
ดนกด Bt1 กด ถูกกดนะคะ

576
00:55:25,177 --> 00:55:29,177
เพราะฉะนั้น เรา Click

577
00:55:33,909 --> 00:55:37,909
เลือก Click นะคะ When Bt1Click เมื่อปุ่ม

578
00:55:41,607 --> 00:55:45,607
Bt1 โดนคลิก โดนกด ปุ๊บ Do ให้ทำอะไร เห็นไหม

579
00:55:48,423 --> 00:55:51,363
มีช่องต่อมาช่องที่ 2 ข้างล่าง แถวที่ 2

580
00:55:51,363 --> 00:55:54,129
Do Do คือ ทำ

581
00:55:54,129 --> 00:55:58,129
ใช่ไหมคะ คำสั่ง do คือ ทำ เราจะให้มันทำอะไร เมื่อกี้แม่บอกว่า

582
00:56:01,334 --> 00:56:05,334
ให้มันแสดงคำว่า...

583
00:56:06,092 --> 00:56:06,561
คำทักทายในที่อยู่ใน Label เพราะฉะนั้น คำ

584
00:56:06,561 --> 00:56:10,561
ว่า  "สวัสดี" ใน Label จะต้อง

585
00:56:11,608 --> 00:56:12,104
มาโชว์ใน Do ตัวที่จะใช้ ก็คือ

586
00:56:12,104 --> 00:56:16,104
เราต้องคลิกอะไรคะ

587
00:56:19,283 --> 00:56:22,977
คลิก Say hi นะลูก คลิกที่

588
00:56:22,977 --> 00:56:26,977
Say Hi

589
00:56:49,464 --> 00:56:53,464

590
00:56:55,808 --> 00:56:59,808
ในคอมพิวเตอร์นี่ ข้อความที่เราพิมพ์นี่

591
00:57:00,930 --> 00:57:04,930
คอมพิวเตอร์มันจะไม่รู้จัก เราต้อง

592
00:57:12,238 --> 00:57:16,238
มากำหนดค่าให้มัน เหมือนที่แม่บอกนะ ตัวแปรที่เราใช้คืออะไร คะ ชื่อว่าอะไรคะ Say Hi ใช่หรือเปล่า สิ่งที่จะให้ Do กำหนดค่าให้มัน เหมือนที่แม่บอกนะ ตัวแปรที่เราใช้คืออะไรคะ ชื่อว่าอะไรคะ Say Hi ใช่หรือเปล่า สิ่งที่จะให้ Do

593
00:57:16,877 --> 00:57:20,242
ทำ ก็คือ

594
00:57:20,242 --> 00:57:21,537
ตัวนี้

595
00:57:21,537 --> 00:57:25,537
ทำอย่างไร

596
00:57:27,368 --> 00:57:31,368
ถึงจะมาได้ ดูใหม่ ช้า ๆ นะคะ

597
00:57:33,275 --> 00:57:37,275
ถ้าอันไหนไม่ใช้ ถ้ามันผิด

598
00:57:40,340 --> 00:57:44,340
ถ้าดึง Blocks ไหนมาแล้วผิด ดูนะเด็ก ๆ มันมี

599
00:57:47,227 --> 00:57:51,227
ถังขยะ เห็นไหมลูก ลากโดยการคลิกเมาส์ค้างใช่ไหม หรือ Long Click น่ะ

600
00:57:54,133 --> 00:57:58,133
นี่คือลักษณะของ Long Click

601
00:58:00,236 --> 00:58:02,081
ใน Blocks ที่ 2

602
00:58:02,081 --> 00:58:06,081
ที่คำว่า "Do" นี่ สิ่งที่จะให้มันทำเมื่อมีการคลิกที่ Bt1

603
00:58:08,477 --> 00:58:12,477
นั่นก็คือให้มันแสดง

604
00:58:13,203 --> 00:58:13,213
ให้มัน Say เอ๊ย

605
00:58:13,213 --> 00:58:16,456
ให้มัน Say ให้มันแสดงคำว่า...

606
00:58:16,456 --> 00:58:20,456
ใน Label ของเราน่ะ แต่ทีนี้ก่อนที่จะแสดงได้นี่

607
00:58:22,060 --> 00:58:25,554
เราก็ต้องมาเลือกช่องนั้น

608
00:58:25,554 --> 00:58:29,554
ที่เลือก Set นี่ นั่นก็คือ

609
00:58:34,996 --> 00:58:38,996
มันเลือกมาแล้วว่าสิ่งที่เราจะทำนี่ เกิดจากการนำ

610
00:58:43,370 --> 00:58:46,666
Set ของ Say Hi นะคะ เห็นไหม

611
00:58:46,666 --> 00:58:50,593
ตรงนี้มันจะไปคลิกเพื่อเลือกว่า

612
00:58:50,593 --> 00:58:54,593
จะเลือกใช้ Object ตัวไหน แต่ของเราเราจะเลือก Say Hi คือ บางที

613
00:58:57,999 --> 00:59:01,650
บางคนเลือกผิด Blocks สมมติ

614
00:59:01,650 --> 00:59:05,650
แม่ไม่ได้บอกนะ สมมติแม่ไม่ได้บอก เรายัง

615
00:59:06,075 --> 00:59:07,674
อยู่เหมือนเดิมนี่ แล้วก็มาดึงตัวนี้ตาม แต่ชื่อมันไม่ตรง เห็นไหม สิ่งที่

616
00:59:07,674 --> 00:59:11,674
เราอยากให้แสดงก้คือตรงคำว่า Say Hi ก็

617
00:59:19,964 --> 00:59:21,194
มาคลิกเปลี่ยนตรงนี้ได้ เห็นไหมคะ นะคะ สิ่งต่อมาที่ต้องการให้ทำ ให้มันทำอะไร

618
00:59:21,194 --> 00:59:25,194
อันแรก Text Text คือ ข้อความ

619
00:59:31,979 --> 00:59:33,482
อธิบายก่อนนะคะ

620
00:59:33,482 --> 00:59:35,532
Set Set อะไร กำหนดให้ตัวแปร

621
00:59:35,532 --> 00:59:39,532
ที่ชื่อว่า Say Hi นี้

622
00:59:43,348 --> 00:59:47,348
ตัวแปรนี้ เป็น Text

623
00:59:47,530 --> 00:59:51,530
นะคะ

624
00:59:53,858 --> 00:59:57,858
Font Size ขนาดใช่ไหมคะ Font Size

625
01:00:02,635 --> 01:00:06,635
คือ ขนาดตัวอักษรใช่ไหมคะ Blocks Label

626
01:00:07,954 --> 01:00:08,402
Custom Font

627
01:00:08,402 --> 01:00:12,402
ขนาดของ Blocks Label ที่กำหนดเอง

628
01:00:12,516 --> 01:00:16,516
ขนาดตัวอักษรกำหนดเอง Number Offline คือ

629
01:00:18,392 --> 01:00:19,345
เลือกรูปแบบให้กับลักษณะของ Object นี้

630
01:00:19,345 --> 01:00:21,602
แต่ของเรานี่ รูปแบบที่มันจะแสดงออกมา

631
01:00:21,602 --> 01:00:25,602
ให้แสดงเป็นข้อความไง เสร็จแล้ว

632
01:00:28,518 --> 01:00:31,788
แสดงเป็นคำว่าอะไร คำว่า "Label" ถูกไหม

633
01:00:31,788 --> 01:00:33,748
ต้องแสดงเป็นคำว่าอะไรลูก

634
01:00:33,748 --> 01:00:37,748
ข้อความที่เราต้องการให้มันแสดงคือคำว่าอะไร

635
01:00:46,437 --> 01:00:49,587
ลองพิมพ์เข้าไปสิ

636
01:00:49,587 --> 01:00:53,587

637
01:00:55,515 --> 01:00:59,515
อยากเว้นก็เว้นไง ไม่เว้นก็ไม่เว้น

638
01:00:59,731 --> 01:01:03,731
โอเคไหม ตรงส่วนที่สีชมพูดนี่

639
01:01:06,193 --> 01:01:10,193
Blocks สีชมพูนี่ เห็นไหมคะ

640
01:01:11,333 --> 01:01:12,746
จะสามารถใส่อะไรได้

641
01:01:12,746 --> 01:01:16,746
A latter เป็นคำ

642
01:01:21,235 --> 01:01:25,235
มันจะคั่น

643
01:01:25,673 --> 01:01:27,500
สังเกตถ้ามีเครื่องหมายคำพูดนี่

644
01:01:27,500 --> 01:01:29,620
นั่นคือ Text ได้ เป็นข้อความได้

645
01:01:29,620 --> 01:01:32,391
เพราะฉะนั้น ใส่ภาษาไทยก็ได้นะคะ

646
01:01:32,391 --> 01:01:36,391
ดูที่ตัว Blocks ด้วย

647
01:01:39,457 --> 01:01:42,172
รูปแบบแต่ละตัวไม่เหมือนกันนะ

648
01:01:42,172 --> 01:01:46,172
เห็นไหมคะ set

649
01:01:50,260 --> 01:01:54,260
Do มาดูที่คำว่า "Do"

650
01:01:58,461 --> 01:02:00,421
Set นี่ Set ของ Say Hi นี่ ที่ Text นี่ ให้เป็นเปลี่ยน Text นี่

651
01:02:00,421 --> 01:02:04,421
นะคะ To คำว่า "สวัสดีค่ะ "

652
01:02:08,046 --> 01:02:12,046
พร้อมหรือยัง ถ้าพร้อมแล้วกด Preview

653
01:02:16,436 --> 01:02:18,591
แล้วกด Click

654
01:02:18,591 --> 01:02:19,654
เราลืมไปว่า...

655
01:02:19,654 --> 01:02:23,654
ขอโทษ ขอโทษ เดี๋ยว ๆ ๆ

656
01:02:29,283 --> 01:02:33,283
กลับมาหน้า Design ก่อน ลบไอนี่

657
01:02:35,193 --> 01:02:39,193
ออกนะคะ ลบข้อความออก

658
01:02:43,403 --> 01:02:47,403
ให้เลือก

659
01:02:49,318 --> 01:02:53,318
Back To Editing นะคะ ถ้าใคร

660
01:02:56,688 --> 01:03:00,688
ไปหน้า Preview แล้ว มาแก้ก่อน แก้ Say Hi ก่อน

661
01:03:01,874 --> 01:03:01,999
ลืม ลืม ทำไมเข้า

662
01:03:01,999 --> 01:03:02,951
ไปนู่นเลย

663
01:03:02,951 --> 01:03:06,951
แก้ Say Hi นะคะ เอาคำว่า "

664
01:03:10,185 --> 01:03:14,185
สวัสดีค่ะ" ลบออก่อนลูก ให้มันเป็น ไม่มี

665
01:03:18,357 --> 01:03:22,357
ข้อความน่ะ ใน Lable นี้ ใน Label นะให้เป็นเปล่า ๆ ทำไมเข้ามา

666
01:03:23,658 --> 01:03:27,658
Components มันโผล่นะ

667
01:03:41,912 --> 01:03:45,912
ทำไม... เดี๋ยวนะเด็ก ๆ ดูนะ ใน Components Label นี่ เอ้ย ใน Label

668
01:03:52,477 --> 01:03:56,477
ลบ ลบข้อความที่จะโชว์ออกก่อนนะลูก Empty นะคะ

669
01:03:57,794 --> 01:03:58,235
ให้มันเป็น Empty ตรงนี้ ตอนนี้เด็ก ๆ กลับมาหน้า Design ก่อน

670
01:03:58,235 --> 01:04:02,235
แล้วลบ ไปที่ช่อง

671
01:04:08,164 --> 01:04:09,282
Label แล้วลบข้อความออก โอเค

672
01:04:09,282 --> 01:04:13,282
โอเคแล้วนะ

673
01:04:17,211 --> 01:04:21,211
อย่างนี้นะคะ ตรง Label นี่ ตรงช่อง

674
01:04:24,533 --> 01:04:27,971
มันจะแสดงก็ต่อเมื่อเราคลิกนึกออกนะ

675
01:04:27,971 --> 01:04:31,971
ตรงนั้นน่ะ เข้าใจหรือเปล่า Preview ดูสิ

676
01:04:32,108 --> 01:04:36,108
Blocks เราใส่แล้ว ไปที่หน้า Blocks

677
01:04:40,490 --> 01:04:44,490
แล้วกดคลิกดู เห็นหรือเปล่า ได้ไหม ถูกต้อง ถ้าถูกน่ะ มันถึงจะขึ้นนะ

678
01:04:44,582 --> 01:04:48,582
ต้องไม่มีก่อน พอคลิกแล้วถึงมี

679
01:04:52,989 --> 01:04:56,013
เข้าใจหรือยัง หลักการ ใครไม่ขึ้นอย่างนี้ นั่นหมายถึง

680
01:04:56,013 --> 01:05:00,013
ย้อนกลับให้ดูนะคะ ดูหน้า Design ก่อนนะลูก ในหน้า

681
01:05:02,959 --> 01:05:06,959
Desing ใน Label ไม่มีข้อความนะ ข้อความจะขึ้น

682
01:05:12,500 --> 01:05:16,500
ก็ต่อเมื่อเรากดปุ่มนี้ ในหลักการทำงานของมัน เพราะฉะนั้น ใน Label ตรงข้อความใน Label

683
01:05:18,472 --> 01:05:22,472
ให้ลบออก ลบออกไปเลย ให้โบ๋

684
01:05:24,455 --> 01:05:26,820
ให้ Label ไม่มีอะไรเลย

685
01:05:26,820 --> 01:05:30,775
ถ้าเปลี่ยนจากแสดงข้อความ เป็นรูปแทนล่ะ ทำได้ไหม

686
01:05:30,775 --> 01:05:34,775

687
01:05:43,977 --> 01:05:44,360
ใช่ไหม หลักการเดียวกัน แต่เป็นจาก Label เป็นอะไร

688
01:05:44,360 --> 01:05:47,288
แทนลูก ลองมาเปลี่ยนจาก Label

689
01:05:47,288 --> 01:05:47,930
เป็น image

690
01:05:47,930 --> 01:05:51,930
คลิกเลือกรูปนะคะ

691
01:06:01,487 --> 01:06:05,487
มันใหญ่ ลดได้ ลดได้

692
01:06:16,109 --> 01:06:20,109
หรือแสดงทั้ง 2 อย่างพร้อมกันก็ได้ นึกออกนะ มันสามารถทำได้ มันอยู่ที่ เมื่อกำหนดแล้

693
01:06:21,617 --> 01:06:25,617
ว

694
01:06:30,888 --> 01:06:31,101
คลิกแล้วเกิดอะไรขึ้น ใครยัง เดี๋ยว

695
01:06:31,101 --> 01:06:35,101
เดี๋ยวถามก่อน ใครยัง

696
01:06:35,639 --> 01:06:39,639
คลิกแล้วไม่ขึ้น ดูนะคะ ขึ้นมาครั้งแรก

697
01:06:46,280 --> 01:06:50,280
พอ Preview ปุ๊บนี่ ช่อง Label จะไม่มีอะไร ถูกไหม

698
01:06:50,823 --> 01:06:54,823
แต่เมื่อกดปุ่ม Click ข้อความสวัสดีจะขึ้นมา อย่างนี้ถูก

699
01:06:56,196 --> 01:06:58,455
นะลูก อย่างนี้

700
01:06:58,455 --> 01:07:02,455
ของแฝดไม่ขึ้นหน้า Preview ไปที่ Blocks

701
01:07:03,623 --> 01:07:06,515
แล้วกด Preview ได้หรือยัง

702
01:07:06,515 --> 01:07:08,120

703
01:07:08,120 --> 01:07:12,120
ได้หรือยัง

704
01:08:38,881 --> 01:08:42,881
ก่อนเราจะทำ บอกแล้วว่าทุกอย่าง คือ

705
01:08:43,891 --> 01:08:47,891
เอาวัตถุใส่ในหน้า Desing เสร็จ แล้วเขียนโค้ด

706
01:08:56,496 --> 01:09:00,229
คลุมใน Blocks นึกออกไหม เพราะฉะนั้น ต้องเพิ่มวัตถุในหน้า Design

707
01:09:00,229 --> 01:09:04,229
เมื่อเสร็จแล้วก็เอาไปสั่งมันที่ Blocks เพราะเรา... ดูนะคะ ใน Thunkable

708
01:09:10,496 --> 01:09:11,979
ที่เราใช้งานมี 2 ส่วน ก็คือ Design

709
01:09:11,979 --> 01:09:12,251
Design สำหรับออกแบบ

710
01:09:12,251 --> 01:09:16,251
นะคะ ออกแบบ วางวัตถุ หรือชิ้นงานของเรานี่

711
01:09:16,895 --> 01:09:20,895
ตรงนี้มีอะไร ในวัตถุนี้ มี Text ไหม

712
01:09:27,961 --> 01:09:28,685
ก็คือในหน้าแอป 1 หน้านี่ เราอยากให้มันมีอะไรบ้าง มี Text หรือเปล่า

713
01:09:28,685 --> 01:09:32,685
มีรูปภาพไหมครับ มี Blocks หรือเปล่า

714
01:09:34,575 --> 01:09:38,575
เมื่อเรา

715
01:09:40,816 --> 01:09:44,816
ออกแบบเสร็จนะคะ เราก็ต้องไปที่หน้า

716
01:09:46,422 --> 01:09:47,604
Blocks เพื่อสั่งการทำงานให้แอปนั้นน่ะ

717
01:09:47,604 --> 01:09:49,902
ในหน้านั้นน่ะ หน้าที่เราออกแบบน่ะมันทำอะไร เราอยากให้มันทำอะไร นึกออกนะ

718
01:09:49,902 --> 01:09:53,902
เราก็จะไปเขียน

719
01:10:00,628 --> 01:10:02,230
โค้ดผ่าน Blocks นะคะ แต่ไม่ต้องเขียนไง ให้ลากมา โอเคนะ

720
01:10:02,230 --> 01:10:04,981
อันนี้คือตัวอย่างที่ 1

721
01:10:04,981 --> 01:10:08,981
เดี๋ยวมาดูต่อ มาดูต่อ

722
01:10:15,922 --> 01:10:19,922
อยากทำต่อแล้ว ใส่ขึ้นแต่ข้อความไม่เร้าใจ ใส่เสียงไหม นึกออกไหม พอกดปุ่ม

723
01:10:20,935 --> 01:10:24,935
แล้วขึ้น มันก็จะขึ้นว่า สวัสดีค่ะ

724
01:10:54,894 --> 01:10:58,894
ให้มันเป็นเหมือน เดี๋ยวนะ

725
01:11:04,645 --> 01:11:08,645
ขอกลับไป ขอไปหน้า ถ้าเรา... ผลลัพธ์

726
01:11:10,759 --> 01:11:14,759
เราถูกแล้วนะคะ เวลาเราจะกลับไปหน้าปกติ

727
01:11:17,753 --> 01:11:20,687
ให้เราคลิกที่ Back to editing นะคะ

728
01:11:20,687 --> 01:11:21,201
เด็ก ๆ เพื่อจะกลับไป

729
01:11:21,201 --> 01:11:25,201
มันจะสามารถย้อนกลับไป... มันจะกลับไปหน้า Blocks ก่อน เพราะตอนเราสั่งท

730
01:11:30,059 --> 01:11:34,041
ำงาน คือ เราเริ่มจากหน้า Blocks มานะ แต่เรา

731
01:11:34,041 --> 01:11:34,728
ทำเริ่มต้นเราจะอยู่ที่หน้า Design จะให้

732
01:11:34,728 --> 01:11:37,126
แสดงรูปด้วย แล้วก็ทำอะไรนะ

733
01:11:37,126 --> 01:11:39,104
มีเสียงด้วยใช่ไหมคะ

734
01:11:39,104 --> 01:11:43,104
เอารูปก่อนได้ไหม เอารูปก่อน

735
01:11:50,467 --> 01:11:52,464
ก็เอารูปใส่เข้ามา พอใส่รูปแล้ว

736
01:11:52,464 --> 01:11:53,504
ทีนี้สิ่งที่เราจะต้องทำ ก็คือ

737
01:11:53,504 --> 01:11:57,504
ไปเลือกรูป อัปโหลดรูปนะ

738
01:12:03,976 --> 01:12:07,976
เห็นไหมคะ รูปนี่

739
01:12:09,810 --> 01:12:12,515
ก่อนที่จะมีรูปมาวางนี่ มันจะมีเป็นกรอบ

740
01:12:12,515 --> 01:12:16,515
ของรูปนะ แต่ตัวรูปที่เราจะเอามาวาง เราต้องไปเลือก

741
01:12:23,754 --> 01:12:23,822
ที่คำว่า Upload File เห็นไหมลูก

742
01:12:23,822 --> 01:12:25,833
ไม่มีรูปเราก็ไปหาก่อน

743
01:12:25,833 --> 01:12:29,451
เมื่อกี้ทักทายใช่ไหม เอาเป็นรูปอะไร สวัสดีน่ะ หารูปสวัสดี

744
01:12:29,451 --> 01:12:33,451
สิ เดี๋ยวนะ Cancel

745
01:12:36,832 --> 01:12:40,832
เปิด Google แล้วก็ Search ภาพ

746
01:12:57,714 --> 01:13:01,714

747
01:13:08,840 --> 01:13:12,840
หาอย่างนี้แล้วคลิกที่ค้นรูป

748
01:13:14,401 --> 01:13:16,675
สวัสดีครับ สวัสดีค่ะ สมมติแม่จะเอารูปนี้นะคะ

749
01:13:16,675 --> 01:13:20,675
เดี๋ยว

750
01:13:21,399 --> 01:13:25,399
เอาลงไปในไอ้นั่นแล้วมันจะ ถ้ามันใหญ่เกิ

751
01:13:29,986 --> 01:13:31,548
นแล้วมันจะบอก แอปมันจะบอกนะคะ ก็ให้นึกถึง รูปไม่ต้องใหญ่มาก

752
01:13:31,548 --> 01:13:35,548
เยอะแยะเลย

753
01:13:37,344 --> 01:13:41,344
เห็นไหมคะ แต่อย่าลืมนะคะ บางรูปนี่

754
01:13:45,866 --> 01:13:49,866
บางรูปนี่ อาจจะไม่ใช่รูปฟรีนะ ถ้าเป็น

755
01:14:00,481 --> 01:14:01,698
ไปได้ก็วาดรูปมาใช้เองนะคะ เด็ก ๆ

756
01:14:01,698 --> 01:14:05,698
คลิก...

757
01:14:09,160 --> 01:14:13,160
คลิกแล้วไม่ได้เราจะไม่เอา เราหารูป

758
01:15:28,756 --> 01:15:29,768
ได้แล้วนะคะ

759
01:15:29,768 --> 01:15:33,768
อย่าใช้เวลานาน เอารูปอะไรก่อนก็ได้นะ เด็ก ๆ

760
01:15:35,669 --> 01:15:37,382
พอได้แล้ว เราก็กลับมาหน้า

761
01:15:37,382 --> 01:15:41,382
Thunkable เรา แล้วก็คลิกที่

762
01:15:44,277 --> 01:15:48,277
picture เห็นไหมคะ แล้วคลิกที่คำว่า Uplo

763
01:15:52,767 --> 01:15:56,501
ad File เมื่อกี้แม่เอาไว้ที่ Picture นะคะ แม่ได้แล้วนะคะ อันนี้

764
01:15:56,501 --> 01:16:00,501
ไม่ได้กำหนดว่า เมื่อคลิกแล้วแสดง

765
01:16:07,283 --> 01:16:09,839
ภาพ มันต้องซ่อนก่อน เอาไว้ก่อน เอาไว้ก่อน ให้เห็นว่าถ้า

766
01:16:09,839 --> 01:16:13,839
ไปดู Preview ดูนี่ ยังไม่ได้กำหนดโค้ดอะไรนะ ถ้าไป Preview

767
01:16:18,635 --> 01:16:22,635
ดูนี่  มันก็จะขึ้นมาอยู่แล้วนะ อย่างนี้นะคะ

768
01:16:23,475 --> 01:16:23,821
เห็นไหม ก็คือถ้าเปลี่ยนจากอันนี้เป็น

769
01:16:23,821 --> 01:16:25,990
แสดงรูปแทน เอาข้อความออก

770
01:16:25,990 --> 01:16:29,990
Blocks Blocks

771
01:16:39,040 --> 01:16:42,262
สังเกตว่าเมื่อ Blocks เลื่อนเข้ามา จอก็จะเลื่อนมาด้วย

772
01:16:42,262 --> 01:16:46,262
ออกไป

773
01:17:06,003 --> 01:17:10,003
เปิดไว้ไง เปิดไว้

774
01:17:51,326 --> 01:17:52,800
อะไรนะ มีคน

775
01:17:52,800 --> 01:17:56,700
แอบหลับ นั่ง

776
01:17:56,700 --> 01:18:00,700
เฮ็ดอยู่ก็กลับกันแล้ว แต่วันเลย

777
01:19:48,882 --> 01:19:52,882
มันยังไม่ซ่อน เดี๋ยวขอซ่อน

778
01:19:54,002 --> 01:19:58,002
image ก่อน

779
01:20:02,519 --> 01:20:06,519
Visible นะคะ

780
01:20:10,499 --> 01:20:14,499
visible

781
01:20:24,908 --> 01:20:25,643
ก็คือไม่แสดง พอคลิกแล้ว

782
01:20:25,643 --> 01:20:29,643
ต้องให้มัน ข้ามไปก่อน

783
01:20:33,336 --> 01:20:37,336
Toggle Visible

784
01:20:40,376 --> 01:20:44,376
image

785
01:20:51,463 --> 01:20:55,463
ต้องให้มันโชว์ ต้อ

786
01:20:57,562 --> 01:21:01,562
งใช้คำว่า "Show" Show Show Show

787
01:21:55,036 --> 01:21:59,036
เดี๋ยว ๆ ขาด ขาด

788
01:22:00,450 --> 01:22:04,450
ไปส่วนหนึ่ง มันต้องให้ซ่อน ซ่อนเสร็จแล้วค่อย

789
01:22:06,295 --> 01:22:10,295
แสดง

790
01:22:20,514 --> 01:22:21,044
เดี๋ยวขอกลับไปย้อนดูแอป

791
01:22:21,044 --> 01:22:25,044
เดิมตัวเองก่อนนะคะ

792
01:22:51,723 --> 01:22:52,309
ขอกลับไปดูงานเก่า

793
01:22:52,309 --> 01:22:56,309
แป๊บหนึ่ง

794
01:23:02,842 --> 01:23:05,878
ถ้ากด Play แล้วมากดนี่

795
01:23:05,878 --> 01:23:09,878
ดู Blocks นะ ทีนี้

796
01:23:14,960 --> 01:23:18,960
Speak

797
01:24:46,205 --> 01:24:50,205
ไม่ค่อยได้เขียน แล้วก็ไม่จำ

798
01:26:01,055 --> 01:26:05,055
เจอแล้ว Set

799
01:26:07,209 --> 01:26:10,766
Visible to

800
01:26:10,766 --> 01:26:13,892

801
01:26:13,892 --> 01:26:15,455
เจอแล้วนะครับ เจอโค้ดที่บอกว่า

802
01:26:15,455 --> 01:26:19,265
Visible to

803
01:26:19,265 --> 01:26:23,265
ขอลอง

804
01:26:24,334 --> 01:26:28,334
เจอแล้วครับ เจอแล้วครับ เจอแล้วครับ

805
01:26:35,583 --> 01:26:39,583
เดี๋ยว

806
01:26:41,535 --> 01:26:45,535
ทำไมหายหมด

807
01:26:47,863 --> 01:26:51,863
อ้าว อ๋อ

808
01:26:54,814 --> 01:26:58,814
Visible To

809
01:27:08,176 --> 01:27:12,176
โอเค Visible

810
01:27:17,079 --> 01:27:20,058
Tool ไม่ขึ้น อะไรผิดไป เดี๋ยวนะ

811
01:27:20,058 --> 01:27:24,058
ขอกลับไปที่ Design

812
01:27:27,579 --> 01:27:30,862
คลิกอันนี้ปุ๊บ

813
01:27:30,862 --> 01:27:34,862
Visible ก่อน อ๋อ ยังไม่ได้เลือก Picture เหรอ

814
01:27:39,415 --> 01:27:42,202
เอาใหม่ เอาใหม่ เอาใหม่ image ปั๊บ ให้

815
01:27:42,202 --> 01:27:46,202
Visible ก่อน เมื่อคลิกแล้ว Vis

816
01:27:53,133 --> 01:27:54,987
ible กลับมา ไปที่ Blocks Visible Tool ลองนะครับ ได้แล้ว เมื่อกี้

817
01:27:54,987 --> 01:27:58,987
ดูนะ เด็ก ๆ ดูนะ

818
01:28:08,662 --> 01:28:10,282
มาดูนะคะ เปลี่ยนจากข้อความนะ ดู Design นะ

819
01:28:10,282 --> 01:28:12,172
ขาดไปท่อนหนึ่ง

820
01:28:12,172 --> 01:28:16,172
ก็คือเราเพิ่ม Image เข้ามา แต่

821
01:28:24,793 --> 01:28:24,857
เราซ่อน ซ่อนรูปที่เราจะแสดงไว้ก่อนนะลูก วิธีการซ่อนรูปภาพ ก็คือ

822
01:28:24,857 --> 01:28:28,857
คำสั่งนี้นะคะ Visible

823
01:28:29,412 --> 01:28:33,412
เห็นไหม รูปที่เราจะให้แสดงเมื่อกี้นะ

824
01:28:37,568 --> 01:28:37,573
รูปที่เราต้องการให้แสดงน่ะ

825
01:28:37,573 --> 01:28:41,573
เสร็จแล้วเราต้องซ่อนมันไว้ก่อน

826
01:28:46,941 --> 01:28:48,518
โดยเรามาคลิกที่ Visible รูปจะหายไปใช่ไหม

827
01:28:48,518 --> 01:28:52,518
ตอนนี้เด็ก ๆ ต้องอยู่ที่หน้า Desi

828
01:28:55,506 --> 01:28:57,818
gn ก่อนนะคะ

829
01:28:57,818 --> 01:29:01,818
หลักการ ก็คือเดี๋ยวจะเอา

830
01:29:02,790 --> 01:29:06,790
ต้องการให้คลิก แล้วรูปแสดงขึ้นมาใช่ไหม

831
01:29:09,431 --> 01:29:13,431

832
01:29:19,675 --> 01:29:23,675
เพราะฉะนั้น เราก็ให้ไปเพิ่มรูปเข้ามา ใช่ไหมคะ แล้วรูปที่เข้ามานี่

833
01:29:25,144 --> 01:29:29,144
ตรงหน้า Properties เด็ก ๆ

834
01:29:29,463 --> 01:29:30,267
ต้องซ่อนรูปที่เราต้องการให้แสดงก่อน ซ่อนไว้

835
01:29:30,267 --> 01:29:34,267
โดยคลิกที่คำว่า "Visible" ที่เป็นรูปดวงตา

836
01:29:38,657 --> 01:29:40,559
นั่นคือการว่อนรูปนี้ไว้ ที่นี้

837
01:29:40,559 --> 01:29:44,048
แล้วเราไปสั่ง

838
01:29:44,048 --> 01:29:48,048
ไป Coding ไปที่ Blocks เด็ก ๆ ไปที่ Bloks

839
01:29:53,172 --> 01:29:57,172
คำสั่งนั้น ก็คือเมื่อเรากดปุ่มใช่ไหมคะ When

840
01:30:00,071 --> 01:30:00,580
Bt Click คลิกปุ๊บ เมื่อมีการกดปุ่มที่ปุ่ม

841
01:30:00,580 --> 01:30:04,446
สิ่งที่ต้องการให้ทำ ก็คือให้ไปที่รูป

842
01:30:04,446 --> 01:30:08,446
รูปนั้นต้องให้มันทำอะไร

843
01:30:12,951 --> 01:30:16,951
เมื่อเราไป Visible มันไว้ เราก็ต้องไป Visible กลับมา

844
01:30:19,131 --> 01:30:21,612
Visible True

845
01:30:21,612 --> 01:30:21,863
Ture คือ เป็นจริง ทำเมื่อเป็น

846
01:30:21,863 --> 01:30:25,863
จริง ถ้าไม่จริง ไม่ทำ

847
01:30:30,171 --> 01:30:34,171
คลิก True แล้วกด Preview ดู เรา

848
01:30:35,644 --> 01:30:39,644
ไม่มีรูป เห็นไหมคะ เราไม่มีรูป แต่พอกดปุ่มคลิก

849
01:30:40,153 --> 01:30:44,153
เดี๋ยวนะคะ ใจเย็น ๆ

850
01:30:47,923 --> 01:30:51,923
ขอโทษ กดผิด

851
01:30:53,230 --> 01:30:57,230
โทษที โทษที มือไว ใจเร็ว กด

852
01:31:03,630 --> 01:31:04,223
ข้ามขั้นไปหน่อย ตอนนี้นะคะ แม่ให้เด็ก ๆ เอารูปมาใช้ใช่ไหม ก็คือ

853
01:31:04,223 --> 01:31:08,223
ความต้องการคำสั่งในหน้านี้ ก็คือเมื่อกดปุ่มหน้านี้ปุ๊บ

854
01:31:15,108 --> 01:31:17,854
จะแสดงรูป แต่รูปเมื่อเรามาครั้งแรกนี่ เด็ก ๆ

855
01:31:17,854 --> 01:31:21,854
จะต้องมันมีรูปอยู่ใช่ไหม แบบนี้ ทีนี้แม่ก็เลยบอกว่าเมื่อเอามา

856
01:31:22,471 --> 01:31:26,471
ในครั้งแรกนี่ จะต้องซ่อนภาพมันเสียก่อน

857
01:31:27,401 --> 01:31:31,401
ว่ามีรูป เราก็คลิกที่

858
01:31:37,204 --> 01:31:37,263
Visible รูปจะหายไปเห็นไหมคะ เสร็จแล้วตรงค่า

859
01:31:37,263 --> 01:31:39,616
ใน Blocks นะคะ ตัวแปรที่จะใช้

860
01:31:39,616 --> 01:31:43,616
มันจะชื่อว่า เมื่อกด

861
01:31:45,958 --> 01:31:49,958
When bt Click ปุ๊บนี่

862
01:31:53,700 --> 01:31:57,700
ต้องการให้ทำกับ image เราก็มาเลือกที่นี่ Set image visible เลือกตัวนี้มาใช้

863
01:32:00,004 --> 01:32:04,004
เพราะ Visible ก็คือให้มันแสดงนะคะ

864
01:32:09,217 --> 01:32:12,769
และต้องมาคลิกตรงนี้ด้วยว่ากำหนด

865
01:32:12,769 --> 01:32:15,954
ให้เป็น True ก็คือเมื่อมีการคลิกปุ่มนี้จริง เห็นไหมคะ

866
01:32:15,954 --> 01:32:19,954
Ture ก็คือเป็นจริง

867
01:32:21,829 --> 01:32:25,829
มันถึงจะแสดง แล้วกด Preview ดู

868
01:33:13,789 --> 01:33:17,789
ได้ไหม

869
01:33:29,293 --> 01:33:33,293
อันเดิมก็อยากให้มี อันเดิมที่อยากให้มี

870
01:33:36,331 --> 01:33:40,331
เมื่อ Text ใช่ไหมคะ เมื่อ Say Hi

871
01:33:46,816 --> 01:33:50,816
เดี๋ยวจะเปลี่ยนเป็นเสียงแทน

872
01:34:27,035 --> 01:34:31,035
ตกใจ

873
01:34:33,040 --> 01:34:37,040
เดี๋ยวนะ ให้มีเสียงทีนี้น่ะ

874
01:36:30,541 --> 01:36:34,541
ไม่จำ ไม่จำ ผมนี่แหละ ไม

875
01:36:37,467 --> 01:36:41,467
่จำ

876
01:38:57,451 --> 01:39:00,444
เห็นไหมคะ

877
01:39:00,444 --> 01:39:04,444
ถ้า ถ้าให้มันพูดนี่

878
01:39:05,265 --> 01:39:09,265
Blocks ที่เราจะใช้อยู่ ที่

879
01:39:11,489 --> 01:39:15,489
Speech นะเด็ก ๆ

880
01:39:18,146 --> 01:39:20,220
ดูนะคะ เมื่อปุ่มนี้ ปุ่มกดคลิก

881
01:39:20,220 --> 01:39:24,220
คลิกที่ปุ่มปุ๊บ สิ่งที่เราต้องการ ก็คือต้องการ

882
01:39:27,046 --> 01:39:31,046
ให้มันพูดคำว่า "สวัสดีค่ะ " นั่นล่ะ

883
01:39:37,474 --> 01:39:41,474
Blocks ที่จะใช้อยู่นี่นะคะ Feature ที่จะใช้ Speec

884
01:39:41,477 --> 01:39:42,926
h เลือก Say เห็นไหมคะ ข้อความ

885
01:39:42,926 --> 01:39:46,926
ที่จะ Say ก็คือคำว่าอะไร สวัสดีค่ะ

886
01:39:52,418 --> 01:39:56,418
ภาษาต้องเลือกด้วยนะคะ

887
01:39:56,917 --> 01:40:00,917
เพราะเราใช้ภาษาอะไรคะ ภาษาไทย

888
01:40:08,996 --> 01:40:12,996
เปลี่ยน... T-h-a-i เห็นไหมคะ

889
01:40:17,481 --> 01:40:21,481
เมื่อมีการกดปุ่มนี้ปุ๊บ สิ่งที่จะทำก็คือให้มันพ

890
01:40:25,486 --> 01:40:29,486
ูดคำว่า "สวัสดีค่ะ" สวัสดีในภาษาไทยนะคะ Preview

891
01:40:34,757 --> 01:40:38,757
เสียงคือบ่ออก

892
01:42:29,270 --> 01:42:33,270
ไม่มีศัพท์ภาษาไทยบ่นี่

893
01:42:34,795 --> 01:42:38,795
ลองใช้ Hallo สิ

894
01:42:39,512 --> 01:42:43,512
แสดงว่า เรายังไม่มี

895
01:42:44,744 --> 01:42:47,735
Sound ภาษาไทยนะคะ โอเค เข้าใจแล้ว

896
01:42:47,735 --> 01:42:51,735
ถ้าเป็นภาษาอังกฤษไม่ขึ้น

897
01:42:54,797 --> 01:42:58,797
เอ้ย ถ้าเป็นภาษาไทยไม่ได้มี

898
01:43:04,063 --> 01:43:04,437
เสียง เราไม่มี มันต้องเพิ่มเสียง

899
01:43:04,437 --> 01:43:08,437
Sound ภาษาไทยเข้าไปด้วย แต่เรายังไม่มี เอ๊ะ siri

900
01:43:10,857 --> 01:43:14,857
ก็มีแล้วนี่ ทำไมไม่ขึ้นนะ

901
01:43:19,976 --> 01:43:22,494
เหมือนน้อง Siri น่ะ

902
01:43:22,494 --> 01:43:26,494
ไม่ขึ้น

903
01:43:46,085 --> 01:43:50,085
(บรรยาย) Hello (อาจารย์สุธิรา) อ๋อ มันมีคำนี้

904
01:43:57,391 --> 01:44:00,533
มันไม่มีคำ คำว่า "สวัสดีค่ะ"

905
01:44:00,533 --> 01:44:04,533
มันต้องเอาคำภาษานั้นน่ะมาลง แล้ว

906
01:44:09,344 --> 01:44:13,344
ถ้ามันมี เดี๋ยวลองดู "สวัสดี" เฉย ๆ อยากรู้ อยากรู้

907
01:44:18,782 --> 01:44:22,782
สวัสดีเฉย ๆ มีไหม

908
01:44:25,476 --> 01:44:29,476
มือไว ใจเร็วจริง ๆ เลย สวัสดีเฉย ๆ มีไหม

909
01:44:29,697 --> 01:44:33,697
เป็นไปได้อย่างไร ไม่มีภาษาไทย

910
01:44:40,303 --> 01:44:40,627
น้อง Siri ก็มีแล้วน่ะ

911
01:44:40,627 --> 01:44:44,627
อยากรู้น่ะ อยากรู้

912
01:44:50,879 --> 01:44:54,879
แสดงว่าคำนี้ คำภาษาไทยยังไม่มี

913
01:44:58,477 --> 01:45:02,477
ลอง ก ไก่ ได้ไหม คาใจ ๆ

914
01:45:14,124 --> 01:45:18,124
ไม่ได้ แสดงว่า Speech

915
01:45:19,104 --> 01:45:23,104
ภาษาไทยไม่มี

916
01:45:29,229 --> 01:45:33,229
ตอนนี้ใน Speech มันมีแต่ Feature Speech มีแต่ภาษาอังกฤษ

917
01:45:55,064 --> 01:45:59,064
นี่ หลักการแบบ Basic เลยน

918
01:46:01,672 --> 01:46:05,306
ะ คือ แค่กดปุ่มแล้วทำอะไรได้นะคะ

919
01:46:05,306 --> 01:46:09,306
แต่บางตัวก็มีข้อจำกัด เหมือนภาษา เรา

920
01:46:13,822 --> 01:46:14,706
ไม่มีภาษาไทย เดี๋ยวไปดูวิธีเพิ่มเติมให้นะคะ

921
01:46:14,706 --> 01:46:16,766
เดี๋ยววันนี้

922
01:46:16,766 --> 01:46:20,766
สิ่งที่อยากให้ทำเพื่อเราจะมาทำงานชิ้นต่อไป

923
01:46:21,586 --> 01:46:25,586
นั่นก็คือเตรียมภาพ

924
01:46:28,660 --> 01:46:29,969
หนังสือที่เราจะทำ

925
01:46:29,969 --> 01:46:33,969
ทำอะไรดี

926
01:46:42,976 --> 01:46:46,976
เราจะแบ่งกันนะคะ แบ่งฝั่ง แบ่งทีม

927
01:46:49,245 --> 01:46:53,245
ไม่ใช่แบ่งฝั่ง แบ่งทีม 1.

928
01:46:56,428 --> 01:47:00,428
ตอนนี้ภาษาอังกฤษได้แล้ว เพราะฉะนั้น

929
01:47:04,919 --> 01:47:08,184
ให้เลือกภาพคำศัพท์ ที่มันตรงกับ

930
01:47:08,184 --> 01:47:11,166
คำศัพท์ภาษาอังกฤษ ที่เราจะมาทำแอป นึกออกนะ 5

931
01:47:11,166 --> 01:47:14,211
5 คำ

932
01:47:14,211 --> 01:47:16,731
นะคะ ไม่ต้องเอาคำยากนะลูก ให้ค้น

933
01:47:16,731 --> 01:47:20,731
1. ค้นภาพที่

934
01:47:22,975 --> 01:47:24,866
จะนำมาใช้เป็นคำศัพท์นะ

935
01:47:24,866 --> 01:47:28,866
5 รูปนะคะ

936
01:47:31,435 --> 01:47:35,435
ก็ไม่ควรเป็นหมวดกระจัดกระจาย เช่น ถ้าใครอยากได้ขนม

937
01:47:38,595 --> 01:47:42,595
ก็ขนมไปเลย 5 รูป ทั้ง 5 รูป นึกออกไหม เหมือนเค้ก

938
01:47:43,404 --> 01:47:47,404
เหมือนแยมโรล อะไรอย่างนี้

939
01:47:51,083 --> 01:47:55,083
เพราะฉะนั้น ก็คือ 5 รูป ถ้าใครได้ต้นไม้ ก็

940
01:47:56,732 --> 01:48:00,125
5 อย่างนะ ให้มันเป็นหมวดเดียวกันนะ ให้นึกถึงเหมือนเวลาทำหนังสือ 1 เล่ม เรื่องของต้นไม้ก็ต้นไม้

941
01:48:00,125 --> 01:48:04,125
เรื่องของอาหารก็อาหาร โอเคไหมคะ อย่างน้อย 5 ภ

942
01:48:05,284 --> 01:48:09,284
าพา มันทำไวอยู่หรอก มันเข้าใจ

943
01:48:09,423 --> 01:48:13,423
ค้นรูปไว้เพื่อมาใช้ประกอบ 5 รูป โอเคนะ

944
01:48:14,828 --> 01:48:18,828
สัปดาห์หน้า คือ เข้ามาแล้ว ไม่มานั่งค้น

945
01:48:25,689 --> 01:48:27,284
ในห้อง ไม่อย่างนั้นมันจะเสียเวลานะลูก เพราะฉะนั้น

946
01:48:27,284 --> 01:48:31,284
หารอไว้เลย ส่งเข้าอะไร Google Drive ตัวเองไว้ แล้วพอสัปดาห์หน้ามามาเปิด แม่บอก

947
01:48:32,261 --> 01:48:36,261
เตรียมภาพจะมาใช้ มา Desing

948
01:48:38,077 --> 01:48:41,684
จะใส่รูปลงไปตรงไหนอะไรอย่างไรให้มีข้อความ

949
01:48:41,684 --> 01:48:42,640
ทำไว้เลยนะคะ อย่างน้อยต้องมีรูป

950
01:48:42,640 --> 01:48:44,780
เพื่อจะมาใช้งาน 5 รูปแล้วล่ะ โอเคนะ

951
01:48:44,780 --> 01:48:48,780
เพิ่มอีกอันหนึ่ง วิดีโอ

952
01:48:51,850 --> 01:48:55,850
ให้นึกถึงว่าไอ้ภาพที่เราเอา

953
01:48:57,196 --> 01:48:57,359
มาใช้เป็นเรื่องเกี่ยวกับอะไร ก็หาวิดีโอ

954
01:48:57,359 --> 01:49:01,359
ที่เกี่ยวข้องกับเรื่องนั้น

955
01:49:04,906 --> 01:49:08,906
ก็เดี๋ยว เดี๋ยว หามาสิ หามาไว้

956
01:49:09,570 --> 01:49:13,570
อยากเอา นั่นแหละ ก็แม่จะ

957
01:49:16,777 --> 01:49:18,829
พาลงวิดีโอไง ทำอย่างไร เพราะฉะนั้น ก็หาไว้

958
01:49:18,829 --> 01:49:22,829
หาแค่เป็นตัวอย่างแค่เรื่องเดียว ทำเป็น

959
01:49:25,973 --> 01:49:28,190
File ไว้เลย ทั้งเป็น File แล้วก็เป็น

960
01:49:28,190 --> 01:49:32,190
Youtube Link ไว้

961
01:49:32,479 --> 01:49:35,133
ทำเป็นหมวดหมู่ไว้นะคะ เด็ก ๆ ทำโฟล์เดอร์ตัวเองไว้ก็ได้ นึกออกนะ พอเวลามาหางาน

962
01:49:35,133 --> 01:49:39,133
จะได้รู้ว่า งานนี้ วิชาทำแอปนี่

963
01:49:43,235 --> 01:49:46,750
ข้อมูลที่ให้หาไว้อยู่ในนี้ เปิดมาปุ๊บ ใช้งานได้เลย

964
01:49:46,750 --> 01:49:47,265
นะคะ อย่างน้อย 5 รูป แล้วก็

965
01:49:47,265 --> 01:49:51,265
วิดีโอ 1 เรื่อง ที่เกี่ยวข้องกับเรื่องที่ตัวเองจะทำนั่นแหละ

966
01:49:52,207 --> 01:49:56,207
โอเคนะ เป็นตัวอย่างนะคะ

967
01:49:57,373 --> 01:50:00,719
จะได้ไม่เสียเวลา ทีนี้เราจะไม่ทำแค่หน้าเดียว เพราะมันจะต้อง แอปพลิเคชัน

968
01:50:00,719 --> 01:50:04,719
ไม่ได้มีแค่หน้าเดียวจบนะ มันจะมีหน้าต่อไป เลยให้หา

969
01:50:09,979 --> 01:50:13,979
5 หน้าว่า ไปหน้านี้ทำอย่างไร จะไปหน้านี้ทำอย่างไร

970
01:50:17,726 --> 01:50:21,726
ทำอย่างไร จะกลับมาหน้าแรกทำอย่างไร นึกออกไหม เราจะได้ทำหน้าที่ต่อเนื่องไปนะคะ ในสัปดาห์หน้า เพราะฉะนั้น เตรียมภาพ ภาพประกอบ อย่างน้อย 5 ภาพ

971
01:50:23,182 --> 01:50:27,182
นะคะ และวิดีโอประ

972
01:50:29,083 --> 01:50:33,083
กอบ 1 เรื่อง โอเคนะคะ ค้น

973
01:50:35,338 --> 01:50:39,338
มาให้เรียบร้อย เราจะไม่มาค้นในห้องนะ สั่งไว้ก่อนนะ

974
01:50:39,360 --> 01:50:43,360
พอถึงเวลา ก็คือพร้อม

975
01:50:48,596 --> 01:50:52,596
เอารูปลง ในแต่ละ Scence

976
01:50:53,085 --> 01:50:54,859
เลยนะคะ เพราะสังเกตว่า

977
01:50:54,859 --> 01:50:54,895
ใน Thunkable มันจะแสดงหน้าเป็น Scene ที่ 1 นะ

978
01:50:54,895 --> 01:50:58,895
ในตัวอย่างนี้ เหมือนงานเดิมที่แม่... ที่พี่เขา

979
01:51:02,956 --> 01:51:06,521
ทำไว้นี่ เห็นไหม นี่ Scene

980
01:51:06,521 --> 01:51:10,521
มันจะมีหลาย Scene เลย มันไม่ได้มีแค่ 1 หน้า เห็นไหมนี่

981
01:51:11,392 --> 01:51:15,392
อันนี้ภาษาอังกฤษน่ะ

982
01:51:19,594 --> 01:51:23,594
ให้ถึง แม่ให้ถึงเท่าไร คำศัพท์ภาษาอังกฤษเขามี

983
01:51:27,633 --> 01:51:31,633
A-Z โน่น อันนี้ทีละคำ อันนี้ทีละตัวอักษรไม่ใช่คำ นี่อยาก

984
01:51:34,618 --> 01:51:35,970
ให้มันเล่นอย่างนี้ให้ดูใช่ไหม นี่พอกดนี่ แล้วเข้า Youtube นี่

985
01:51:35,970 --> 01:51:39,970
หาไว้ จะทำอย่างไรถึงจะโผล่มานี่ได้นะคะ

986
01:51:46,375 --> 01:51:50,195
เพราะฉะนั้น ก็ต้องหาไว้ด้วย โอเคน

987
01:51:50,195 --> 01:51:52,253
ะ เพื่อให้ไม่เป็นการเสียเวลา

988
01:51:52,253 --> 01:51:54,627
สำหรับสัปดาห์นี้พอแค่นี้นะคะ เด็ก ๆ

989
01:51:54,627 --> 01:51:58,627
ยังมีเวลาเหลือ ก็คือหารูป แล้วก็หาวิดีโอไว้ได้เลยนะคะ

990
01:51:58,656 --> 01:52:02,656
โอเคค่ะ ขอบคุณพี่ล่ามค่ะ

991
01:52:05,933 --> 01:52:07,110
สำหรับวันนี้ ขอบคุณค่ะ

992
01:52:07,110 --> 01:52:11,110
เจอกันสัปดาห์หน้าค่ะ

993
01:52:13,065 --> 01:52:17,065
สวัสดีค่ะ [สิ้นสุดการถอดความ]