สมชาติ แผอํานาจ 7. ต้ังตัวแปรใหม คลกิ Definition>variable ไวเ ก็บหนา ปจจุบัน แลวต้งั ช่อื CurrentPage ใสคา 0 สรางอีกตวั แปรหนึ่งไวเกบ็ จาํ นวนหนา ทั้งหมด แลว ตั้งชอ่ื TotalPage ใสคา ขอ มลู 6 8. ถา มีการปด หนาโปรแกรมตองเพ่ิม CurrentPage +1 เปลีย่ นพน้ื หลังเรียกใชง านตัวแปร CurrentPage 9. ถาปดหนาขวา โปรแกรมตองลดคา CurrentPage -1 เปลย่ี นพนื้ หลังเรียกใชง านตวั แปร CurrentPage 10. กรณีท่ถี ึงหนา สูงสดุ โปรแกรมจะทาํ งานตอไมไ ดด ังนัน้ ตองตง้ั คาใหเริม่ นับ 0 ใหม คาํ สั่ง If CurrentPage > TotalPage Then-do CurrentPage = 0 ดงั น้ี ~ 10 ~ เอกสารประกอบการอบรมการสราง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอ ํานาจ 11. กรณที ีป่ ดขวาจนถึงหนาตา่ํ สดุ โปรแกรมจะทํางานตอไมไ ดดงั น้ันตองตัง้ คา ใหเปนคา สงู สดุ ของ หนาเพ่มิ วนรอบ ~ 11 ~ เอกสารประกอบการอบรมการสราง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอ าํ นาจ 12. คําสัง่ รวมทง้ั หมดเปน ดังรูป 13. สาํ เรจ็ แลวครับ แอพหนังสือทองเทยี่ ว แมสะเรยี ง สามารถปด หนาซาย-ขวาเพ่ือดูขอ มูลได ~ 12 ~ เอกสารประกอบการอบรมการสรา ง Apps for Android ดว ย MIT App Inventor: อ.
แชร์หน้าเว็บนี้: 6 sInventory (โปรแกรม sInventory จัดการสินค้าคงคลัง ฟรี) 1. 0 ดาวน์โหลดโปรแกรม sInventory จัดการสินค้าคงคลัง ใน Stock ทำบัตร Stock Card ได้ พร้อมตรวจเช็คประวัติ สร้าง Inventory หรือ กำหนดหน่วยนับ กำหนดสิทธิ์การใช้งาน แต่ละคนได้ ฟรี ดาวน์โหลด: 3, 472 สัปดาห์ก่อน: 9 19, 016 8 โปรแกรม สต็อคสินค้า (ClickStock) 2. 0 บันทึกรับจ่ายปรับปรุงจำนวนของอุปกรณ์สินค้า เรียกดูรายงานได้ทันใจรวดเร็ว ดาวน์โหลด: 22, 914 71, 234 10 Inventory Control Express (โปรแกรมบริหารสินค้าคงคลัง) 5. 6. 1 ดาวน์โหลดโปรแกรม Inventory Control Express ควบคุมสต๊อกสินค้า เรื่องของการเช็คสินค้า เป็นไปได้อย่างรวดเร็วมากยิ่งขึ้น สามารถที่จะดูยอดคงเหลือได้มากมายหลายรูปแบบ ดาวน์โหลด: 6, 671 สัปดาห์ก่อน: 7 85, 163 1 มีนาคม 2564 EasyStock 2013 (โปรแกรม Stock สินค้า ระบบสต๊อก ง่ายๆ) 2. 2. 37 ดาวน์โหลดโปรแกรม Stock สินค้า EasyStock โปรแกรมสต๊อก ระบบสต๊อก บริหารงาน รับ-จ่าย สินค้าง่ายๆ ออกรายงาน รายวัน รายเดือน แสดงยอด สินค้าคงเหลือ สินค้าเหลือน้อย การจ่ายสินค้า ได้ 25 ตุลาคม 2561 ดาวน์โหลด: 50, 309 359, 038 โปรแกรมควบคุมการหมุนเวียนภาชนะเข้า-ออก บริษัท 0.
เอกสารประกอบการอบรมการสราง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอาํ นาจ คมู อื การอบรม การสรา ง Apps for Android ดว ย MIT App Inventor จดั ทําโดย อ. สมชาติ แผอ าํ นาจ ตําแหนง ครู วันที่ 6-9 ตุลาคม 2556 คา ยวิทยาศาสตรน ักเรยี นหองเรยี นพเิ ศษวิทยาศาสตร ระดับชน้ั ม. 5 เครือขายกลุมภาคเหนอื ตอนบน ณ โรงเรียนแมส ะเรยี ง "บริพตั รศึกษา" อ. แมส ะเรียง จ. แมฮองสอน ~0~ เอกสารประกอบการอบรมการสรา ง Apps for Android ดวย MIT App Inventor: อ. สมชาติ แผอาํ นาจ สง่ิ ท่จี ะไดเ รียนรใู นบทเรียนนี้ 1. การต้ังคาและเปด ใชงานโปรแกรม MIT App Inventor 2. การใชง านโปรแกรม MIT App Inventor และการทดสอบโปรแกรมผา น Emulator 3. การเขยี นโปรแกรม แกไ ขโปรแกรมดวย Block Editor 4. การดาวนโหลดแอพไปใชง าน การตง้ั คาและเปด ใชง านโปรแกรม MIT App Inventor 1. เร่มิ ตนคดั ลอก AppInventor46ict version ไปวางไวใน C:\ กจ็ ะได C:\AppInventor 2. เปด โฟลเดอร C:\AppInventor แลวดบั เบิ้ลคลกิ รันไฟล a. เพ่ือรันโปรแกรม b. (32bit) หรือ (64bit) เพือ่ จําลองเซอรเวอรใ นเครื่องเราเอง 3.
คลกิ เลือก BtSearch แลว ลาก When do มาวางบนที่วาง ~6~ เอกสารประกอบการอบรมการสราง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอ ํานาจ 5. คลกิ Screen 1 แลว ลาก set ckgroundColor to มาวาง คลิกบนทวี่ าง เลอื ก Color > Red ใหไ ดดงั รูป 6. คลกิ ปุม New emulator เลือก Emulator เปน emulator-5544 7. ลองทดสอบโปรแกรม คลกิ ปมุ แลวจะเปลี่ยนสีพืน้ หลังเปนสี ~7~ เอกสารประกอบการอบรมการสราง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอ าํ นาจ WorkShop สรางแอพหนงั สอื ทองเทีย่ ว แมส ะเรียง 1. สรา งโปรเจกใหม ต้งั ชอื่ วา MaesariangBook 2. แท็บ สื่อ อพั โหลด ไฟลรูปภาพทีจ่ ะใชท าํ หนังสือทองเที่ยว ไฟลรูปภาพ 0-6 ทง้ั หมด 3. ตั้งพน้ื หลงั ของแอพ Screen1 เปน ~8~ เอกสารประกอบการอบรมการสราง Apps for Android ดวย MIT App Inventor: อ. ลาก Canvas มาใสบ นพ้นื ท่ีทํางาน แกไขช่อื Canvas เปน Page แลว กด ตกลง 5. เปน พ้ืนหลังของ Canvas Page ใหเปนรปู ภาพ 6. คลิกเปด Block Editor แลวเลือกคําส่ัง Page > ลากมาวางบนพน้ื ท่ที ํางาน, ลาก ifelse then-do else-do มาตอชอ ง do ถามกี ารปด หนา ซา ย ใหภาพพืน้ หลงั เปลย่ี น (xvel<0)ตอคาํ ส่ัง ใหไดดงั รปู ~9~ เอกสารประกอบการอบรมการสรา ง Apps for Android ดว ย MIT App Inventor: อ.
คลิกที่ปุ่ม Explore ตามที่ลูกศรชี้ในภาพ คลิกที่ปุ่ม Setup ตามลูกศรชี้ในภาพ คลิกที่ปุ่ม Prepare Your System(Java) คลิกที่ปุ่ม Launch เพื่อทำการดาวน์โหลด ตัวติดตั้ง Java คลิกที่ปุ่ม Install App inventor Software เลือกติดตั้ง App inventor Software ที่ตรงกับระบบปฏิบัติการคอมพิวเตอร์ของท่าน
โดยสรุป สิ่งที่ต้องเตรียมความพร้อมก่อนใช้งาน App Inventor คือ เครื่องคอมพิวเตอร์ และ ระบบปฏิบัติการ เบราว์เซอร์ ที่ติดตั้ง Java โปรแกรม App Inventor Setup ไดรเวอร์ของโทรศัพท์ Android (เฉพาะ Windows) รายละเอียด ระบบปฏิบัติการใช้ได้ทั้ง Windows, Mac OS, Linux ส่วนเบราว์เซอร์ (Browser) มีอยู่หลายโปรแกรมดังนี้ (ควรใช้เวอร์ชั่นล่าสุด) Mozilla Firefox 3. 6 or higher ถ้าใช้ NoScript extension ต้องปิดการใช้งานตัวนี้ก่อน Apple Safari 5. 0 or higher Google Chrome 4. 0 or high Microsoft Internet Explorer 7 or higher App Inventor ต้องใช้ Java 6 (Java 1.
คลกิ ปุม Label ลากมาวางบน Screen1 และแกไข คุณสมบัติ Text แกเปน "บทเรยี น คอมพิวเตอรชว ยสอน", เปลย่ี นสขี อ ความ(TextColor) สีพ้นื หลัง(Background) และขนาด ขอ ความ(FontSize) 7. เปลย่ี นช่อื ตวั แปรสาํ หรับ Label1 เปน Title ~4~ เอกสารประกอบการอบรมการสรา ง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอํานาจ 8. แทรกรปู ภาพของบน Apps คลกิ ลาก Images มาวางบน Screen1 จากนน้ั อพั โหลดไฟลร ูปโดย คลิก Picture > อพั โหลด > เลือกไฟล หาไฟลท ่ตี องการจากน้นั กด เปด แลว กด ตกลง 9. การแทรกปุมสาํ หรับคลิก คลิกลาก Button มาวางบน Screen1 แลวแกไขคณุ สมบัติ อัพรปู ภาพ ไปแทนท่ปี ุม คลกิ Images > อพั โหลด > เลอื กไฟล จากน้นั เปลี่ยนชือ่ ปมุ เปน BtSearch ~5~ เอกสารประกอบการอบรมการสรา ง Apps for Android ดว ย MIT App Inventor: อ. สมชาติ แผอ ํานาจ การเขียนโปรแกรม แกไ ขโปรแกรมดว ย Block Editor 1. คลิกแทบ็ เปด ตัวแกไ ขบลอ็ ก บนเมนดู านบน 2. มนั กจ็ ะดาวนโ หลดไฟล Java ไวใ นเครื่องใหกด ยอมรับ แลวเปด ไฟล 3. หนา ตาของ Block Editor สาํ หรบั เขยี นโปรแกรม คลกิ ท่ี My Blocks เพื่อดูวา มวี ตั ถุอะไรบา งท่ี เราไดท ําไว ไดแก Title Crete(ขอ ความ) Image1(รปู ภาพ) และ BtSearch(คน หา) 4.