เทคโนโลยี (วิทยาการคำนวณ) ม.3 หน่วยที่ 1

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มธั ยมศึกษาปี ท่ี 3

เทคโนโลยี (วิทยาการคานวณ) ชน้ั มธั ยมศึกษาปีท่ี 3 หนว่ ยการเรียนรทู้ ่ี 1 การพฒั นาแอปพลเิ คชัน

เทคโนโลยี (วทิ ยาการคานวณ) ชน้ั มธั ยมศกึ ษาปที ่ี 3 แผนผังหัวข้อหนว่ ยการเรยี นรู้ การพัฒนาแอปพลิเคชัน ความหมายและลกั ษณะสาคญั ของแอปพลิเคชนั ข้นั ตอนการพฒั นาโปรแกรม เครื่องมือท่ีใชใ้ นการพฒั นาแอปพลิเคชนั การพฒั นาแอปพลิเคชนั บนสมาร์ตโฟนดว้ ย MIT App Inventor อินเทอร์เน็ตของสรรพส่ิง (Internet of Things) แอปพลิเคชนั กบั Internet of Things การพฒั นาระบบ IoT เบ้ืองตน้

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศึกษาปที ่ี 3 ตวั ชวี้ ดั พฒั นาแอปพลิเคชนั ที่มีการบูรณาการกบั วชิ าอ่ืนอยา่ งสร้างสรรค์ (ว 4.2 ม.3/1)

เทคโนโลยี (วทิ ยาการคานวณ) ชัน้ มัธยมศึกษาปที ี่ 3 ความหมายและลักษณะสาคญั ของแอปพลิเคชัน แอปพลเิ คชัน ชุดคาสง่ั หรือโปรแกรมท่ีถูกพฒั นาข้ึน ใชใ้ นการควบคุมการของทางานของระบบคอมพิวเตอร์ ระบบคอมพวิ เตอร์ใน คอมพวิ เตอร์ส่วนบุคคล สมาร์ตโฟน สมาร์ตวอตช์ อุตสาหกรรมต่าง ๆ เพื่อใหร้ ะบบคอมพวิ เตอร์ ทางานตามคาสง่ั ตามท่ีผใู้ ชต้ อ้ งการ

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศึกษาปีท่ี 3 การจาแนกแอปพลเิ คชนั ตามลักษณะการใชง้ าน • แอปพลิเคชนั บนระบบคอมพิวเตอร์ส่วนบุคคล (Desktop Application) เป็นแอปพลิเคชนั ที่ทางานบนระบบปฏิบตั ิการคอมพิวเตอร์ส่วนบุคคล หรืออาจจะ เรียกวา่ โปรแกรมคอมพวิ เตอร์กไ็ ด้ เช่น โปรแกรมแปลงสกลุ เงิน โปรแกรมผนั เสียง วรรณยกุ ต์ โปรแกรมจดั การเอกสาร โปรแกรมนาเสนอ

เทคโนโลยี (วทิ ยาการคานวณ) ช้ันมธั ยมศึกษาปีที่ 3 • แอปพลิเคชนั สาหรับระบบสมองกลฝังตวั (Microcontroller Application) เป็นแอปพลิเคชนั ท่ีถูกพฒั นาเพอ่ื ทางานเฉพาะอยา่ งใดอยา่ งหน่ึงบนอุปกรณ์ สมองกลฝังตวั เช่น ระบบรดน้าตน้ ไมอ้ ตั โนมตั ิ ระบบตรวจจบั แกส๊ รั่วภายในบา้ น ระบบเตือนภยั ตา่ ง ๆ

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศึกษาปีที่ 3 • แอปพลิเคชนั บนสมาร์ตโฟนหรือแทบ็ เลต็ (Mobile Application) เป็นแอปพลิเคชนั ที่ทางานบนสมาร์ตโฟนหรือแทบ็ เลต็ เพือ่ อานวยความสะดวกหรือ ใชง้ านในดา้ นต่าง ๆ ตามที่ตอ้ งการ

เทคโนโลยี (วิทยาการคานวณ) ช้นั มัธยมศึกษาปที ี่ 3 • เวบ็ แอปพลิเคชนั (Web Application) เป็นแอปพลิเคชนั ที่ทางานบนเวบ็ เบราวเ์ ซอร์ สามารถเขา้ ถึงไดง้ ่าย ไม่ตอ้ งแจกจ่าย หรือติดต้งั ซอฟตแ์ วร์ ใชง้ านในการเรียนการสอน ใชเ้ กบ็ เอกสารต่าง ๆ

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศึกษาปที ่ี 3 • แอปพลิเคชนั บนอุปกรณ์พกพาอื่น ๆ เช่น สมาร์ตวอตช์ เป็นแอปพลิเคชนั ที่มีรูปแบบการทางานเฉพาะบนอุปกรณ์ขนาดเลก็ หรืออปุ กรณ์พกพาอ่ืน ๆ เพอื่ อานวยความสะดวกอยา่ งง่าย

เทคโนโลยี (วทิ ยาการคานวณ) ชัน้ มธั ยมศกึ ษาปีท่ี 3 ขั้นตอนการพัฒนาโปรแกรม 7. การปรับปรุงและ 1. การวเิ คราะห์ปัญหา พฒั นาโปรแกรม (Problem Analysis) (Program Maintenance) 2. การออกแบบโปรแกรม (Program Design) 6. การใชง้ านจริง 3. การเขียนโปรแกรม (Program Implement) (Program Coding) 5. การจดั ทาเอกสารและคู่มือการใชง้ าน 4. การทดสอบและแกไ้ ขโปรแกรม (Program Documentation) (Program Testing & Verification)

เทคโนโลยี (วิทยาการคานวณ) ชัน้ มธั ยมศึกษาปที ี่ 3 ข้นั ตอนที่ 1 การวเิ คราะห์ปญั หา (Problem Analysis) เป็นการวเิ คราะห์วา่ ปัญหาเป็นอยา่ งไร และหาวธิ ีการหรือระบบที่จะนามาช่วยในการพฒั นาหรือ แกไ้ ขปัญหาท่ีเกิดข้ึน ข้ันตอนท่ี 2 การออกแบบโปรแกรม (Program Design) พดู คุยหาขอ้ สรุปเก่ียวกบั ความตอ้ งการของเจา้ ของโครงการ เพอ่ื นาขอ้ มูลที่ไดม้ าออกแบบ โปรแกรมหรือแอปพลิเคชนั ใหม้ ีความสามารถตามท่ีเจา้ ของโครงการตอ้ งการ ขั้นตอนที่ 3 การเขยี นโปรแกรม (Program Coding) นาโปรแกรมที่ไดอ้ อกแบบไวแ้ ลว้ มาเขียนเป็นรหสั ตน้ ฉบบั พฒั นาโปรแกรมใหม้ ีคุณสมบตั ิ ตามที่ไดก้ าหนดไว้ สามารถทางานไดต้ ามรูปแบบและบริบทท่ีผใู้ ชต้ อ้ งการ ขัน้ ตอนท่ี 4 การทดสอบและแก้ไขโปรแกรม (Program Testing & Verification) เม่ือพฒั นาแอปพลิเคชนั เสร็จแลว้ ควรนาไปทดสอบการทางานของระบบ เพ่ือหาขอ้ ผดิ พลาดหรือ การทางานที่อาจจะไม่ถูกตอ้ ง และปรับปรุงแกไ้ ขขอ้ บกพร่องน้นั ใหส้ มบูรณ์

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มัธยมศกึ ษาปที ี่ 3 ข้ันตอนท่ี 5 การจดั ทาเอกสารและคูม่ อื การใช้งาน (Program Documentation) จดั ทาเอกสารประกอบการพฒั นาแอปพลิเคชนั เพอ่ื บอกคุณสมบตั ิ องคป์ ระกอบ และ ขอ้ จากดั ตา่ ง ๆ ในการใชง้ านโปรแกรม พร้อมจดั ทาคู่มือการใชง้ านเพื่อใหผ้ ใู้ ชง้ าน ใหม่ทาความเขา้ ใจในการใชง้ านโปรแกรมไดง้ ่ายและรวดเร็วที่สุด ขน้ั ตอนที่ 6 การใช้งานจริง (Program Implement) การนาระบบไปใชง้ านจริง พร้อมท้งั ติดตามตรวจสอบผลการใชง้ านและขอ้ บกพร่องที่ อาจจะเกิดข้ึน ขัน้ ตอนท่ี 7 การปรับปรงุ และพฒั นาโปรแกรม (Program Maintenance) ปรับปรุงและพฒั นาโปรแกรมใหท้ นั สมยั อยเู่ สมอ

เทคโนโลยี (วทิ ยาการคานวณ) ชน้ั มธั ยมศึกษาปีที่ 3 ตวั อยา่ ง ข้นั ตอนการพฒั นาแอปพลิเคชนั เกมบนสมาร์ตโฟน “นกั เรียนพบวา่ ในการเรียนภาษาองั กฤษน้นั มีคาศพั ทห์ ลายคาท่ีท่องจาไดย้ าก แต่นกั เรียนกลบั สังเกตไดว้ า่ เพ่ือนท่ีเล่นเกมโดยเกมน้นั มีการใชภ้ าษาองั กฤษ ทาใหเ้ พ่ือนท่ีเล่นเกมหลายคนจา คาศพั ทเ์ หล่าน้นั ไดด้ ี นกั เรียนจึงมีแนวคิดท่ีจะสร้างเกมทายคาศพั ท์ โดยตอ้ งการพฒั นาใหเ้ ป็นเกม ที่สามารถเล่นไดบ้ นสมาร์ตโฟน” จากสถานการณ์ขา้ งตน้ นกั เรียนสามารถใชว้ ฏั จกั รการพฒั นาระบบงาน (System Development Life Cycle: SDLC) ในการพฒั นาแอปพลิเคชนั ท่ีตอ้ งการไดโ้ ดยมีกระบวนการ ดงั น้ี ข้นั ตอนท่ี 1 การวเิ คราะหป์ ญั หา (Problem Analysis) นกั เรียนพบปัญหาในการเรียนภาษาองั กฤษท่ีตอ้ งท่องจาคาศพั ทต์ ่าง ๆ มากมาย และตอ้ งการ แกป้ ัญหา โดยการสร้างเป็นแอปพลิเคชนั ช่วยจาและเรียนรู้เก่ียวกบั ภาษาองั กฤษผา่ นการเล่นเกม

เทคโนโลยี (วทิ ยาการคานวณ) ชน้ั มธั ยมศึกษาปที ี่ 3 ข้นั ตอนท่ี 2 การออกแบบโปรแกรม (Program Design) ออกแบบโปรแกรมเป็นภาพวาดแสดงโครงสร้างตา่ ง ๆ ของแอปพลิเคชนั อยา่ งละเอียด

เทคโนโลยี (วทิ ยาการคานวณ) ช้ันมัธยมศกึ ษาปีท่ี 3 ข้นั ตอนท่ี 3 การเขยี นโปรแกรม (Program Coding) ในการพฒั นาแอปพลิเคชนั ลกั ษณะน้ี นกั เรียนสามารถใชเ้ คร่ืองมือในการพฒั นา แอปพลิเคชนั ในรูปแบบ Drag and Drop และ Block Programming ได้ เช่น App Inventor หรือ Thunkable ขน้ั ตอนที่ 4 การทดสอบและแก้ไขโปรแกรม (Program Testing & Verification) เม่ือพฒั นาแอปพลิเคชนั น้ีเรียบร้อยแลว้ ควรนาไปทดสอบการทางานเพื่อสอบถามความ พึงพอใจของผใู้ ชง้ านและตรวจหาขอ้ บกพร่อง สาหรับแอปพลิเคชนั น้ีสามารถนาไป ทดลองกบั นกั เรียนกลุ่มที่ท่องจาคาศพั ทไ์ ดย้ าก และศึกษาความพงึ พอใจของผใู้ ชง้ าน

เทคโนโลยี (วิทยาการคานวณ) ชน้ั มธั ยมศึกษาปีท่ี 3 ขน้ั ตอนท่ี 5 การจดั ทาเอกสารและคมู่ อื การใชง้ าน (Program Documentation) แอปพลิเคชนั เรียนรู้เกี่ยวกบั คาศพั ทภ์ าษาองั กฤษน้ี ควรมีเอกสารและคู่มือการใชง้ าน อาจจะอยใู่ นรูปของ Online Document เน่ืองจากเป็นที่นิยมและใชง้ านไดท้ วั่ ไป ขัน้ ตอนท่ี 6 การใช้งานจรงิ (Program Implement) การนาแอปพลิเคชนั ไปเผยแพร่และใชง้ านจริง โดยการประชาสัมพนั ธ์ผา่ นช่องทางต่าง ๆ เช่น การใหเ้ พือ่ นในหอ้ งเรียนไดใ้ ชง้ าน การเผยแพร่ผา่ นสื่อออนไลน์ ขั้นตอนที่ 7 การปรบั ปรุงและพฒั นาโปรแกรม (Program Maintenance) หลงั จากที่เผยแพร่แอปพลิเคชนั น้ีไปแลว้ ควรติดตามและเกบ็ รวบรวมขอ้ มูลเกี่ยวกบั ผใู้ ชง้ านในดา้ นความพึงพอใจ และความตอ้ งการอื่น ๆ เพื่อนามาปรับปรุงและพฒั นา ใหด้ ีข้ึนตอ่ ไป

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมธั ยมศกึ ษาปที ี่ 3 เคร่อื งมือท่ใี ช้ในการพฒั นาแอปพลเิ คชนั 1. MIT App Inventor เป็นเคร่ืองมือที่ใชใ้ นการสร้างแอปพลิเคชนั ที่ทางาน บนระบบปฏิบตั ิการแอนดรอยด์ (Android) มีองคป์ ระกอบที่สาคญั 2 ส่วน ส่วนของการออกแบบส่วนติดต่อผใู้ ชง้ าน (UI) ส่วนของการเขียนชุดคาส่ัง (Blocks) สามารถลากสิ่งที่ตอ้ งการแสดงผล คาสั่งที่ผพู้ ฒั นาสามารถเขียนคาส่ังให้ มาไวบ้ นหนา้ จอแอปพลิเคชนั แอปพลิเคชนั ทางาน โดยคาสั่งที่ใช้ อยใู่ นรูปของบลอ็ กคาสั่งที่เช่ือมต่อกนั ไว้ และตกแต่งไดต้ ามตอ้ งการ อยา่ งเป็นลาดบั และมีระบบ

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศึกษาปที ่ี 3 ตวั อยา่ งหนา้ จอ MIT App Inventor

เทคโนโลยี (วิทยาการคานวณ) ชั้นมธั ยมศึกษาปีท่ี 3 2. Thunkable เป็นเคร่ืองมือในการพฒั นาแอปพลิเคชนั ที่มีรูปแบบเดียวกนั กบั MIT App Inventor มีความแตกต่างกนั ไม่มาก สามารถพฒั นาแอปพลิเคชนั พ้ืนฐานท่ีไม่มีความซบั ซอ้ นได้ ภาพตวั อยา่ งหนา้ จอ Thunkable

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มัธยมศกึ ษาปที ี่ 3 การพัฒนาแอปพลเิ คชนั บนสมารต์ โฟนด้วย MIT App Inventor ตวั อย่างที่ 1 การพฒั นาแอปพลิเคชนั เครื่องคิดเลข 1. เขา้ เวบ็ ไซต์ https://appinventor.mit.edu/ และเขา้ สู่ระบบดว้ ย Google Account

เทคโนโลยี (วิทยาการคานวณ) ช้นั มธั ยมศกึ ษาปีท่ี 3

เทคโนโลยี (วิทยาการคานวณ) ชน้ั มธั ยมศกึ ษาปที ่ี 3 2. คลิกเมาส์เลือก และต้งั ชื่อท่ีตอ้ งการ เช่น Calculator

เทคโนโลยี (วิทยาการคานวณ) ชั้นมัธยมศกึ ษาปที ี่ 3 3. จะปรากฏหนา้ จอโปรแกรมสาหรับสร้างแอปพลิเคชนั ข้ึนมา

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มัธยมศกึ ษาปีท่ี 3 4. ออกแบบหนา้ จอเครื่องคิดเลข 4.1 คลิกเมาส์คาสั่ง แลว้ ลากมาวางบนหนา้ จอสมาร์ตโฟน สาหรับรับคา่ ตวั เลขจานวนที่ 1

เทคโนโลยี (วทิ ยาการคานวณ) ชน้ั มธั ยมศึกษาปที ่ี 3 4.2 คลิกเมาส์คาสัง่ อีกคร้ังแลว้ ลากมาวางบนหนา้ จอสมาร์ตโฟน สาหรับรับค่าตวั เลขจานวนท่ี 2

เทคโนโลยี (วิทยาการคานวณ) ช้นั มธั ยมศึกษาปที ่ี 3 4.3 คลิกเมาส์คาสั่ง Layout แลว้ ลากคาสั่ง มาวางบนหนา้ จอ สมาร์ตโฟน เพ่ือจดั วางตวั ดาเนินการ (บวก ลบ คูณ หาร) ใหอ้ ยใู่ นแนวนอน

เทคโนโลยี (วทิ ยาการคานวณ) ชนั้ มัธยมศึกษาปีท่ี 3 4.4 ใส่ป่ ุมกดเคร่ืองหมายบวก (+) โดยคลิกเมาส์ที่คาสง่ั User Interface เลือก แลว้ ลากมาวาง

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมธั ยมศกึ ษาปีท่ี 3 4.5 เปลี่ยนช่ือป่ ุมกดเป็นเครื่องหมาย +

เทคโนโลยี (วทิ ยาการคานวณ) ช้ันมัธยมศึกษาปีที่ 3 4.6 สร้างป่ ุมกดเคร่ืองหมายลบ ( – ) คูณ ( × ) หาร ( / ) ใหค้ รบ โดยใชว้ ธิ ีเดียวกนั กบั การสร้างป่ ุมเครื่องหมายบวก (+)

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มธั ยมศกึ ษาปีท่ี 3 4.7 คลิกเมาส์คาสั่ง แลว้ ลากมาวางบนหนา้ จอสมาร์ตโฟน สาหรับแสดงผลลพั ธก์ ารคานวณ

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มธั ยมศึกษาปที ่ี 3 4.8 สร้างป่ ุมผจู้ ดั ทาโดยคลิกเมาส์ที่คาสั่ง แลว้ ลากมาวาง บนหนา้ จอสมาร์ตโฟน จากน้นั เปลี่ยนช่ือป่ ุมเป็น “ผจู้ ดั ทา” พร้อมตกแตง่ ใหส้ วยงาม

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศกึ ษาปที ่ี 3 5. เขียนคาส่งั ควบคุม เพ่อื เขียนคาสั่งควบคุม 5.1 คลิกเมาส์เลือก

เทคโนโลยี (วิทยาการคานวณ) ช้ันมัธยมศกึ ษาปีที่ 3 5.2 จะปรากฏหนา้ จอสาหรับเขียนโปรแกรม จากน้นั คลิกเมาส์ แลว้ ลากบลอ็ กคาสั่ง มาวาง

เทคโนโลยี (วิทยาการคานวณ) ชน้ั มธั ยมศกึ ษาปที ี่ 3 5.3 คลิกเมาส์เลือก แลว้ ลากบลอ็ กคาส่ัง มาวาง

เทคโนโลยี (วิทยาการคานวณ) ช้ันมธั ยมศกึ ษาปที ี่ 3 5.4 คลิกเมาส์เลือก แลว้ ลากบลอ็ กคาส่ัง มาวาง

เทคโนโลยี (วทิ ยาการคานวณ) ชน้ั มธั ยมศึกษาปที ่ี 3 5.5 คลิกเมาส์เลือก แลว้ ลากบลอ็ กคาสงั่ มาวาง

เทคโนโลยี (วิทยาการคานวณ) ชั้นมธั ยมศกึ ษาปที ่ี 3 5.6 เขียนคาสง่ั ควบคุมใหค้ รบ

เทคโนโลยี (วทิ ยาการคานวณ) ชนั้ มัธยมศึกษาปที ี่ 3 การทดสอบผลการทางาน สามารถทาได้ 3 วิธี วธิ ที ่ี 1 การเช่ือมตอ่ ผา่ นระบบเครือข่ายไร้สาย (WiFi) ดว้ ยแอปพลิเคชนั MIT AI2 Companion โดยปฏิบตั ิตามข้นั ตอน ดงั น้ี 1. ดาวนโ์ หลดและติดต้งั แอปพลิเคชนั MIT AI2 Companion ในสมาร์ตโฟน (เฉพาะระบบปฏิบตั ิการ Android เท่าน้นั )

เทคโนโลยี (วทิ ยาการคานวณ) ชนั้ มัธยมศกึ ษาปที ่ี 3 2. คลิกเมาส์ท่ีเมนู Connect แลว้ เลือก AI Companion ที่หนา้ เวบ็ ไซต์

เทคโนโลยี (วิทยาการคานวณ) ชัน้ มัธยมศกึ ษาปที ่ี 3 3. เปิ ดแอปพลิเคชนั MIT AI2 Companion บนสมาร์ตโฟน แลว้ ใส่ Code หรือสแกน QR Code ที่ปรากฏบนหนา้ เวบ็ ไซต์

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มธั ยมศึกษาปีท่ี 3 วธิ ที ่ี 2 การใช้ Emulator เพื่อแสดงสมาร์ตโฟนจาลองบนเคร่ืองคอมพิวเตอร์ วธิ ีการน้ีเหมาะสาหรับผทู้ ่ีไม่มีสมาร์ตโฟนที่เป็นระบบปฏิบตั ิการ Android โดยปฏิบตั ิตามข้นั ตอน ดงั น้ี ดาวน์โหลด/ติดต้งั ระบบจะประมวลผลและ โปรแกรม aiStarter แสดงหนา้ สมาร์ตโฟนจาลอง เปิ ดโปรแกรม aiStarter เลือกเมนู Connect เลือก Emulator

เทคโนโลยี (วทิ ยาการคานวณ) ช้ันมัธยมศึกษาปที ี่ 3 วธิ ีที่ 3 การเชื่อมตอ่ ผา่ นสาย USB ดาวนโ์ หลด/ติดต้งั โปรแกรม aiStarter ดาวนโ์ หลด/ติดต้งั แอปพลิเคชนั MIT AI2 Companion ในสมาร์ตโฟน เช่ือมตอ่ สมาร์ตโฟนกบั คอมพิวเตอร์ ดว้ ยสาย USB หนา้ เวบ็ ไซตเ์ ลือกเมนู Connect แลว้ เลือก USB

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มัธยมศกึ ษาปที ่ี 3 ตัวอย่างที่ 2 การพฒั นาแอปพลิเคชนั ตอบคาถาม สร้างแอปพลิเคชนั โดยใช้ MIT App Inventor 1. สร้างโพรเจกตใ์ หม่และต้งั ช่ือ “VocabTest” 2. ออกแบบหนา้ จอ Image กาหนดความกวา้ งและความสูง Label1 สาหรับแสดงคาถาม สร้าง Layout แบบแนวนอน (Horizontal) TextBox1 สาหรับเป็นช่องใหผ้ ใู้ ชง้ านพิมพค์ าตอบ Button1 สาหรับใหผ้ ใู้ ชง้ านกดส่งคาตอบ Button2 สาหรับใหผ้ ใู้ ชง้ านเปลี่ยนคาถามไปเป็นขอ้ ถดั ไป Label1 สาหรับแสดงขอ้ ความ “ถูก” หรือ “ผดิ ”

เทคโนโลยี (วิทยาการคานวณ) ชัน้ มธั ยมศกึ ษาปีท่ี 3 ตวั อยา่ งการออกแบบหนา้ จอ

เทคโนโลยี (วทิ ยาการคานวณ) ชนั้ มธั ยมศกึ ษาปที ี่ 3 3. หาภาพตวั อยา่ งจานวน 3 ภาพ และอปั โหลดเขา้ สู่คลงั ส่ือ (Media) เช่น ภาพมด ภาพแมว และภาพววั โดยควรต้งั ช่ือใหส้ ื่อความหมาย

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมธั ยมศึกษาปที ี่ 3 4. ชุดคาสงั่ ท่ีใชใ้ นการควบคุมการทางานของแอปพลิเคชนั ▪ กาหนดคา่ เริ่มตน้ โดยการสร้างตวั แปรจานวน 4 ตวั ไดแ้ ก่ index ทาหนา้ ท่ีเกบ็ ตาแหน่งของลาดบั ชุดขอ้ มูลที่จะแสดงผล questionList ทาหนา้ ที่เกบ็ ชุดคาถาม pictureList ทาหนา้ ที่เกบ็ ช่ือของภาพ AnswerList ทาหนา้ ที่เกบ็ คาตอบที่ถูกตอ้ ง

เทคโนโลยี (วทิ ยาการคานวณ) ชั้นมัธยมศกึ ษาปีที่ 3 ▪ กาหนดค่าเริ่มตน้ เม่ือแอปพลิเคชนั เร่ิมทางาน โดยเม่ือแอปพลิเคชนั ทางาน ระบบจะทาการกาหนดภาพและคาถามที่แสดงผลเป็นภาพและคาถามลาดบั ที่ 1 ▪ คาสั่งควบคุมสาหรับป่ ุมส่งคาตอบ มีหนา้ ที่ตรวจสอบคาตอบที่ผใู้ ชง้ านพิมพเ์ ขา้ มา ในช่อง TextBox1 โดยแปลงคาตอบใหอ้ ยใู่ นรูปของตวั พิมพใ์ หญ่ แลว้ ตรวจสอบ คาตอบที่กาหนดไวใ้ นลิสตข์ องคาตอบวา่ ตรงกนั หรือไม่ ถา้ ตรงกนั ใหแ้ สดงผลคาวา่ “ถูกตอ้ งครับ” ถา้ ไม่ตรงกนั ใหแ้ สดงผลคาวา่ “ผดิ ครับ...พยายามอีกนิดนะ”

เทคโนโลยี (วทิ ยาการคานวณ) ช้นั มัธยมศึกษาปที ี่ 3 ▪ คาสง่ั ควบคุมสาหรับป่ ุมเล่ือนไปขอ้ ถดั ไปทาหนา้ ท่ีเล่ือนขอ้ คาถามไปยงั ขอ้ ถดั ไป โดยการเปล่ียนลาดบั การแสดงผลของภาพและขอ้ คาถาม ซ่ึงมีการตรวจสอบลาดบั การกดป่ ุมถดั ไปวา่ เกินกวา่ ลาดบั ท่ีมีอยหู่ รือไม่ (ในท่ีน้ีมีอยู่ 3 ลาดบั ) หากเกิน ใหก้ ลบั ไปแสดงผลลาดบั ท่ี 1 อีกคร้ัง 5. ทดสอบผลการทางานของแอปพลิเคชนั โดยทดสอบกบั สมาร์ตโฟนหรือ ผา่ น Emulator

เทคโนโลยี (วิทยาการคานวณ) ชั้นมธั ยมศึกษาปีที่ 3 อินเทอร์เน็ตของสรรพสง่ิ (Internet of Things) อินเทอร์เน็ตของสรรพส่ิง เช่น การเปิ ด–ปิ ดอุปกรณ์ไฟฟ้า (Internet of Things) หรือ IoT ภายในบา้ นผา่ นทางสมาร์ตโฟน อุปกรณ์หรือสิ่งของ ที่สามารถเชื่อมต่อกบั เครือข่าย คอมพวิ เตอร์หรืออินเทอร์เน็ตได้ ทาใหม้ นุษยส์ ามารถสั่งการ ควบคุมการใชง้ านของอุปกรณ์น้นั ๆ ผา่ นทางเครือขา่ ยอินเตอร์เน็ตได้