แฟ้มสะสมผลงาน จัด จั ทำ โดย นายนัควัฒน์ อรุณฤกษ์ การเขียนโปรแกรมบนอุปกรณ์เคลื่อนที่เบื้องต้น 20901-2005 PORTFOLIO
คำ นำ แฟ้มสะสมผลงาน (Porfolio) ในรูปแบบหนังสือ อิเล็กทรอนิกส์เล่มนี้ เป็นส่วนหนึ่งของรายวิชา การเขียนโปรแกรมบนอุปกรณ์เคลื่อนที่เบื้องต้น รหัสวิชา 20901-2005 ข้าพเจ้าจัดทำ ขึ้นเพื่อรวบรวมผลงาน ความรู้ความสามารถ ทักษะเกี่ยววกับการเขียนโปรแกรม บนอุปกรณ์เคลื่อนที่เบื้องต้น โดยใช้ Thunkable x ข้าพเจ้าหวังว่าแฟ้มสะสมผลงานเล่มนี้ จะทำ ให้ทุกท่านที่อ่านได้เห็นคุณค่าและความสามารถโดย รวมของข้าพเจ้า ขอขอบคุณครูปิยทิพย์ อินทร์อักษร ครูผู้สอนที่ให้ความรู้ในรายวิชาการเขียนโปรแกรมบน อุปกรณ์เคลื่อนที่เบื้องต้น และให้คำ แนะนำ ในการรวบรวมข้อมูลในการจัดทำ แฟ้ม สะสมผลงาน (Portfolio) เล่มนี้ให้สำ เร็จลุล่วงด้วยดี และขอขอบพระคุณคุณพ่อ คุณแม่ ที่ได้กรุณาให้ความช่วย เหลือ และข้อแนะนำ หลายประการ จนทำ ให้แฟ้มสะสมผลงานฉบับนี้มีความสมบูรณ์มากยิ่งขึ้น 3 นาย นัคนัวัฒน์ อรุณฤกษ์ ผู้จัผู้ จัดทำ
คำ นำ ก สารบัญ ข สารบัญ ข WORKSHOP 1 01 WORKSHOP 2 06 WORKSHOP 3 08 WORKSHOP 4 11 WORKSHOP 5 14 WORKSHOP 6 16 WORKSHOP 7 18 WORKSHOP 8 22 WORKSHOP 9 23 WORKSHOP 10 24
WORKSHOP 1
1
2
3
4
5
WORKSHOP 2
Workshop 2 ภาพผลลัพธ์การออกแบบ Screen ชื่อ -สกุุล นัควัฒน์ อรุณฤกษ์ รหัสหั ประจำ ตัว นััก เรีีย น66209010056กลุุม 3 รู้จั รู้ จักส่วส่นประกอบและการใช้ง ช้ าน Thunkable เบื้อ บื้ งต้น ตอนที่1ที่ จงบอกส่วส่นประกอบของ Component อย่าย่งน้อย 10 อย่าย่ง พร้อ ร้ ม อธิบายคุณ คุ สมบัติบั ติ 1. Button สร้า ร้ งปุ่มเพื่อ พื่ กดคลิก 2.Label เพิ่มพิ่ข้อ ข้ ความ 3.Image เพิ่มพิ่รูปภาพ 4.Text Input เพิ่มพิ่ข้อ ข้ ความ 5.Switch เพิ่มพิ่ปุ่มสวิต 6.Slider สร้า ร้ งปุ่มที่ส ที่ ามารถเลื่อนปรับรั ได้ 7.Checkbox สร้า ร้ งปุ่มทสี่า สี่ มารถเลื่อนปรับรั ได้ 8.Date Input ใช้บ ช้ อกวันที่ 9.Time Input ใช้บ ช้ อกเวลาปัจจุบันบั 10.Video ใช้เ ช้ พิ่มพิ่วิดีโดี อ คำ ชี้แ ชี้ จง ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชันำ เสนอประวัติส่วส่นตัวเองตนเอง อย่าย่งน้อยจำ นวน 3 screen โดย กำ หนดให้ม ห้ กีา กี รต่อบล็อคเพื่อ พื่ สั่งสั่ให้ปุ่ห้ ปุ่ ม ทำ งานโดยการเปิดหน้า Screen อื่น ๆ ได้ 6
อธิบายคำ สั่งสั่ที่ใที่ ช้ สรุปความรู้ที่ได้จากการปฏิบัติ ถ้ากดปุ่ม loginc แล้วจะไปหน้าที่ตั้ ที่ ตั้งไว้ ได้รู้ก รู้ ารปรับรัcomponent การใช้bช้ lock ภาพผลลัพธ์การต่อบล็อก 7
WORKSHOP 3
1. when ชื่อ ชื่ บล๊อค/การกระทำ do 2.wait(เวลา)seconds 3.play(ไฟล์เพลง) 4.navigate to (ชื่อ ชื่ หน้า) 5.set(เลือกปุ่ม)’s (การกระทำ ) to (สี)สี ภาพผลลัพธ์การออกแบบ Screen ทั้งหมด Workshop 3 ชื่อ ชื่-สกุล กุ นาย นัควัฒน์อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น6620901056กลุ่ม ลุ่ 3 ตอนทที่1ที่ จงบอกคำ สั่งสั่ทที่ใที่ ช้ใช้ นการต่อ Block จากชิ้นชิ้งานของตนเอง จำ นวน อย่าย่งน้อย 5 คำ สั่งสั่ คำ ชี้แ ชี้ จง ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชัเกมทายภาพ อย่าย่งน้อยจำ นวน 10 คำ ถาม โดยกำ หนดให้กำ ห้ กำหนดการแสดงผลลัพธ์สำ หรับรัข้อ ข้ ที่ถู ที่ ก ถู และผิดผิ และออกแบบได้สวยงามเหมาะสมกับหัวหัข้อ ข้ ที่ไที่ ด้รับรัมอบหมาย Quiz Game 8
9
ภาพผลลัพธ์การต่อบล็อก สรุปความรู้ที่ รู้ ไที่ ด้จากการปฏิบัติบั ติ สามารถนับข้อ ข้ ถูก ถู และข้อ ข้ ผิดผิได้ ได้ความรู้เ รู้ กีย กี วกับการเปลีย ลี นสีปุ่สี ปุ่ มโดย ใช้คำ ช้ คำสั่งสั่การนับเวลา และ ระบบการนับคะแนนเพิ่มพิ่ความคิด สร้า ร้ งสรรค์ 10
WORKSHOP 4
Worksho p 4 ตอนที่1ที่ จงอธิบายคำ สั่งสั่ที่ใที่ ช้ใช้ นการต่อ Block ต่อไปนี้ Vocabulary Game คำ ชี้แ ชี้ จง ชื่อ ชื่-สกุล กุ นาย นัควัฒน์อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น66209010056กลุ่ม ลุ่ 3 ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชัเกมคำ ศัพศัท์อย่าย่งน้อย 15 คำ โดย กำ หนดให้แ ห้ ต่ละหน้าจอมีปุ่มี ปุ่ มในการ เลือกฟังฟัเสีย สี งคำ ศัพศัท์อย่าย่งน้อย 2 ภาษา 1. Sound คือเป็น Features ใช้เ ช้ พิ่มพิ่เสีย สี ง 11
12
ภาพผลลัพธ์การต่อบล็อก 1.ได้รู้เ รู้ รื่อ รื่ งการเพิ่มพิ่เสีย สี ง 2.กดปุ่มแล้วมีเ มี สีย สี งและข้อ ข้ ความขึ้น ขึ้ 3.เพิ่มพิ่รูปที่ทำ ที่ ทำมาจากที่อื่ ที่ อื่นได้ 4.การทำ ปุ่มล่องหน สรุปความรทู้ ี่ไดจ้ากการปฏิบัติบั ติ 13
WORKSHOP 5
ตอนที่1ที่ จงอธิบายคำ สั่งสั่ท ี่ใช้ใช้ นการต่อ Block ต่อไปน ี้ Workshop 5 Translate app ชื่อ ชื่-สกุล กุ นัควัฒน์อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น 66209010056 กลุ่ม ลุ่ 3 คำ ชี้แ ชี้ จง 1. Text to speech คือ คำ สั่งสั่สำ หรับรั ใช้อ่ ช้ อ่านตัวหนังสือ สื 2. Translator คือ คำ สั่งสั่แปลภาษา ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชัแปลภาษา (Translate app) โดยให้ สามารถเลือกภาษาท ี่ ต้องการแปล ได้จำ นวนอย่าย่งน้อย 5 ภาษา ภาพผลลัพธ์การออกแบบ Screen ทั้งหมด 14
ภาพผลลัพธ์การต่อบล็อก อธิบาย Block ของแต่ละ Screen blockของหน้าที่1ที่ จะมีปุ่มี ปุ่ มเพื่อ พื่ กดไปหน้าท ี่2และเสีย สี งเพลง blockของหน้าที่2ที่ จะมีใมี ห้เ ห้ ลือกภาษาท ี่ จะแปล5ภาษากดเลือกอย่าย่งใด อย่าย่งหนึ่งกดแล้วจะไปยังยัหน้าแปล และมีเ มี พลงประกอบ blockของหน้าที่3ที่ มีข้ มี อ ข้ ความแสดงเมื่อ มื่ แปลภาษาเสร็จ ร็ มปีุ่มกลับไปยังยั หน้าเลือกภาษาและมีเ มี พลงประกอบ 15
WORKSHOP 6
ตอนที่1ที่ จงบอกตัวแปรท ี่ใชใ้น Workshop 6 นี้พ นี้ ร้อ ร้ มอธิบาย Workshop 6 calculator app ชื่อ ชื่-สกุล กุ นัควัฒน์อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น66209010056กลุ่ม ลุ่ 3 คำ ชี้แ ชี้ จง 1. num1= ใสต่ ัวเลข 2.num2= ใส่ตัส่ ตัวเลข 3.ปุ่มบวก = บวกตัวตั้งและตัวคำ นวน 4.ปุ่มลบ = ลบตัวตั้งและตัวคำ นวน 5.ปุ่มคูณ คู = คูณ คู ตัวตั้งและตัวคำ นวน 6.ปุ่มหาร = หารตัวตั้งและตัวคำ นวน ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชั ในการคำ นวณ โดยการรับรัค่าตัวเลข 2 จำ นวนจาก Text_input และ กำ หนดให้ม ห้ ตีัวดำ เนินการทางคณิต ศาสตร(์+, -, * , /) ในการคำ นวณ และแสดงผลลัพธ์ภาพผลลัพธก์ ารออก แบบ Screen ทั้งหมด 16
สรุปผลการปฏิบัติบั ติใบงาน ภาพผลลัพธ์การต่อบล็อก นำ ตัวแปลที่เ ที่ ป็นตัวเลขมาคำ นวนด้วยblock match เพื่อ พื่ให้แ ห้ สดงผล ลัพธท์างคณิตศาสตร์ด้ ร์ ด้ วยวิธีก ธี ารท ี่ กำ หนดกำ หนด 17
WORKSHOP 7
ตอนที่1ที่ จงอธิบาย Block ที่ใที่ ช้ต่ ช้ ต่อใน Workshop7 จำ นวน 5 ชุด Workshop 7 calculator app 1. เมื่อ มื่ คลิกจะทำ การเพิ่มพิ่เลข1ลงในlabel 2.เมื่อ มื่ คลิกจะคำ นวนผลลัพท์การบวก ชื่อ ชื่-สกุล กุ นายนัควัฒน์อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น662091056กลุ่ม ลุ่ 3 18
4.เมื่อ มื่ คลิกจะมีล มี งในช่อช่งLabel 5.เมื่อ มื่ คลิกจะลบตัวเลขทีล ที ะตัว 3.เมื่อ มื่ คลิกจะแสดงผลลัพท์จากค่าการคํานวน 19
คำ ชี้แ ชี้ จง ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชัเครื่อ รื่ งคิดเลข โดยกำ หนดใหม่ปุ่ม่ปุ่ มกด ตัวเลข 0-9 และมตีัวดำ เนินการทาง คณิตศาสตร์(ร์ +, -, * , /) ในการคำ นวณ และ แสดงผลลัพธ์ภาพผลลัพธ์การออกแบบ Screen ทั้งหมด 20
สรุุปผลการปฏิบัติบั ติใบงาน ภาพผลลัพธการตอ่บล็อก ได้คด้วามรู้กรู้ารใช้บช้ล็อคต่าต่งๆเช่นช่ text math funtions variables 21
WORKSHOP 8
22
WORKSHOP 9
จัดทํําโดย วิทยาลัยเทคนิค นิ สุร สุ าษฎร์ธ ร์ านี สามารถสั่งผ่านทางwifi แอปพลิเคชันและกล้องคอย ดูแลและระบบสัญญาณ เตืือนหากwifiทีปัญหาสามา รถสั งการด้วยมือได้้ สามารถ เรียนรูู้การเลียงกุ้งมีการส่ง ข้อมูลสถานะต่างๆมายัง อุปกรณ์ได้ การใช้งาน 23
WORKSHOP 10
Workshop 8 BMI app ชื่อ ชื่-สกุล กุ นัควัฒน์ อรุณฤกษ์รหัสหัประจำ ตัวนักเรีย รี น66209010056กลุ่ม ลุ่ 3 คำ ชี้แ ชี้ จง ตอนที่1ที่ จงบอกคำ สั่งสั่ที่ใที่ ช้ใช้ นการต่อ Block จากชิ้นชิ้งานของตนเอง จำ นวนอย่าย่งน้อย 5 คำ สั่งสั่ 1. สูต สู รที่ใที่ ช้ใช้ นการคำ นวณหาค่า BMI คือน้ำ หนัก(กก.) ÷ ส่วส่นสูง สู (ม.)^2 2. บล็อกคำ สั่งสั่ใดใช้ใช้ นการกำ หนดเงื่อนไข if-else 3. จงอธิบายคำ ว่า if-else เป็นคำ สั่งสั่แบบเลือกทำ สองทางเลือก ถ้า เงื่อนไขเป็นจริงริจะทำ คำ สั่งสั่หลัง if แต่ถ้า เงื่อนไขเป็นเท็จจะทำ คำ สั่งสั่หลัง else ให้นั ห้ นักเรีย รี นออกแบบแอปพลิเคชันชัคำ นวณหาค่าดัชนีม นี วลกาย โดย กำ หนดให้มี ห้ ส มี ามารถรับรัข้อ ข้ มูล มู น้ำ หนัก และส่วส่นสูง สู ได้ เมื่อ มื่ คำ นวณแล้ว ให้ แสดงผลลัพธ์ตามเงื่อนไขที่กำ ที่ กำหนด ภาพผลลัพธ์การออกแบบ Screen ทั้งหมด 24
ภาพผลลัพธ์การต่อบล็อก สรุปผลการปฏิบัติบั ติใบงาน การหาค่าBMIหาโดยการใช้สู ช้ ต สู ร ก่รต่อบล็อคต้องกำ หนดตัวแปรและ หลายอย่าย่งเพื่อ พื่ให้แ ห้ อปพลิเคชันชั ใช้ง ช้ านได้ 25