ทดสอบปุ่มทำงาน

➢ เร่ิมต้นเข้าใช้งาน MIT AppInventor โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร 2 ขนั้ ตอนการพฒั นาแอปพลเิ คชนั กลมุ่ สาระการเรียนรูว้ ทิ ยาศาสตร์และเทคโนโลยี

ขนั้ ตอนการพฒั นาแอปพลิเคชนั โwรงwเรwีย.นsjเsซnน.aตcย์ .อthแซฟสกลนคร กลุ่มสาระการเรยี นรู้วิทยาศาสตรแ์ ละเทคโนโลยี

➢ เริ่มต้นเข้าใช้งาน MIT AppInventor โwรงwเรwยี .นsjเsซnน.aตcย์ .อthแซฟสกลนคร 2.1 การกาหนดหวั ข้อและวางแผน กลุ่มสาระการเรยี นรวู้ ทิ ยาศาสตร์และเทคโนโลยี

ขนั้ ตอนการพฒั นาแอปพลเิ คชนั โwรงwเรwยี .นsjเsซnน.aตc์ย.อthแซฟสกลนคร 1) การพฒั นาแอปแสดงขอ้ ความ กล่มุ สาระการเรียนรู้วทิ ยาศาสตรแ์ ละเทคโนโลยี

ขนั้ ตอนการพฒั นาแอปพลเิ คชนั โwรงwเรwีย.นsjเsซnน.aตcย์ .อthแซฟสกลนคร กจิ กรรมท่ี 1 การกาหนดหัวข้อและวางแผน กลมุ่ สาระการเรียนรู้วิทยาศาสตรแ์ ละเทคโนโลยี

ขนั้ ตอนการพฒั นาแอปพลิเคชนั โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร กจิ กรรมท่ี 1 กาหนดหวั ขอ้ และวางแผน ช่อื …………………………………….. ห้อง ………… เลขที่ …… ❖สรา้ งแอปทดสอบการทางานของปุ่ม 1.1) กำหนดคณุ สมบตั ขิ องแอป เลอื กคำตอบ ………………………………………………………………………………………… เปน็ แอปทดสอบป่มุ 2 ปมุ่ …ห…ัว…ข…อ้ …แ…อ…ป…:…………………………………………………………………… แอปทดสอบปุ่ม ………………………………………………………………………………………… กดปุม่ ลบ แสดงสีพ้นื หลังเป็นสขี ำว ………………………………………………………………………………………… กดปุ่ม ตกลง แสดงสพี ื้นหลังเปน็ สีแดง …ค…ุณ……สม…บ…ัต……ิ :…………………………………………………………………… ………………………………………………………………………………………… เลอื กคำตอบ ………………………………………………………………………………………… ………………………………………………………………………………………… แอปแสดงปุ่มกำรทำงำน ………………………………………………………………………………………… ป่มุ ตกลง …………………………………………………………………………...………….. ปมุ่ ลบ 1.2) ออกแบบรำ่ งของแอป

➢ เริ่มต้นเข้าใช้งาน MIT AppInventor โwรงwเรwยี .นsjเsซnน.aตcย์ .อthแซฟสกลนคร 2.2 การออกแบบสว่ นตดิ ตอ่ ผ้ใู ช้งาน กลมุ่ สาระการเรยี นรู้วทิ ยาศาสตร์และเทคโนโลยี

ขนั้ ตอนการพฒั นาแอปพลเิ คชนั โwรงwเรwีย.นsjเsซnน.aตcย์ .อthแซฟสกลนคร ❖สรา้ งแอปทดสอบการทางานของปมุ่ o เคร่อื งมอื ท่ีใชใ้ นกำรออกแบบ เป็นกำรแสดงขอ้ ควำมว่ำ “แอปแสดงปมุ่ กำรทำงำน” เป็นเครอื่ งมือทใี่ ช้เปน็ ปมุ่ สำหรบั กด เช่น ปุ่มตกลง, ป่มุ ลบ o ออกแบบสว่ นติดต่อผ้ใู ช้งำน ดว้ ย MIT AppInventor เครอ่ื งมือ คุณสมบตั ิ ผลลัพธ์ button1 เปลยี่ นชอ่ื ว่า : btnOK button2 สงู (H) 50 Screen กว้าง (W) 100 Text : ป่มุ ตกลง เปล่ียนชื่อว่า : btnDel สงู (H) 50 กวา้ ง (W) 100 Text : ป่มุ ลบ AlignHorizental center AlignVertical center backgroundColor yellow

➢ เริ่มต้นเข้าใช้งาน MIT AppInventor โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร 2.3 การเขียนโปรแกรม (Coding) กลุม่ สาระการเรียนรูว้ ิทยาศาสตร์และเทคโนโลยี

➢ เริ่มต้นเข้าใช้งาน MIT AppInventor โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร ขอบคุณ หนงั สอื วิชาวทิ ยาการคานวณ ม.3 หนา้ 28 - 29 กล่มุ สาระการเรียนร้วู ทิ ยาศาสตรแ์ ละเทคโนโลยี

➢ เร่ิมต้นเข้าใช้งาน MIT AppInventor โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร ❖ ขน้ั ตอนกำรเขียนโปรแกรม 1 เขา้ ส่หู น้า Coding โดยคลกิ ที่ปมุ่ Blocks ที่มมุ ขวาดา้ นบน 2 คลทิ ี่ป่มุ BtnOK จะปรากฏบลอ็ กคาสงั่ ท่ใี ช้ในการควบคุมปุม่ ตกลง 3 ลากบล็อก วางในพนื้ ทีเ่ ขียนคาส่ัง เพอื่ เปน็ คาสงั่ เร่ิมตน้ ทางาน 4 คลกิ ท่ี Screen1 ลากบลอ็ ก ไปวางข้างใน Block : BtnOk นาไปตอ่ จากขอ้ ท่ี 4 เพื่อกาหนดสี 5 คลกิ บลอ็ ก ลากบลอ็ กสี แดง พ้นื หลงั เปน็ สแี ดง 6 คลกิ ทบ่ี ล็อก BtnOk คดั ลอกโคด้ 7 เปล่ยี นเป็น BtnDel กาหนดใหเ้ ป็นสีขาว ขอบคุณ หนังสอื วชิ าวทิ ยาการคานวณ ม.3 หนา้ 28 - 29 กลมุ่ สาระการเรยี นรู้วทิ ยาศาสตรแ์ ละเทคโนโลยี

➢ เร่ิมต้นเข้าใช้งาน MIT AppInventor โwรงwเรwีย.นsjเsซnน.aตc์ย.อthแซฟสกลนคร 2.4 ทดสอบโปรแกรม กล่มุ สาระการเรยี นรวู้ ทิ ยาศาสตรแ์ ละเทคโนโลยี

➢ เร่ิมต้นเข้าใช้งาน MIT AppInventor โwรงwเรwยี .นsjเsซnน.aตcย์ .อthแซฟสกลนคร ทดสอบโปรแกรม ไปที่ Connect > AI Companion 1.กำรทดสอบโปรแกรมด้วย QRCODE 2.กำรทดสอบโปรแกรมด้วย รหสั 1 2 กลมุ่ สาระการเรียนรู้วทิ ยาศาสตร์และเทคโนโลยี