สอน App Inventor 2 / (2) วิธีดาวน์โหลดโปรแกรม - App Inventor
คู่มือสอน MIT App Inventor
App Inventor สำหรับมือใหม่
หากเห็นว่า VDO ชุดนี้มีประโยชน์ รบกวนช่วยแนะนำต่อให้ด้วยนะครับ วิดีโอนี้ เป็นหลักสูตร เรียนฟรี สำหรับ ผู้เริ่มต้น (Biginner) ในการเรียนรู้เกี่ยวกับ การพัฒนา Android Application ด้วยเครื่องมือง่ายๆ แต่มีความสามารถสูง อย่าง App Inventor... ในคอร์สนี้ จะเป็นการปูพื้นฐานในการพัฒนาแอพก่อน ผ่านแอพตัวอย่าง ที่จะสาธิตให้เห็นถึงวิธีการนำ Component ต่างๆ มาใช้ประโยชน์ ในแต่ละบท อาจมีไฟล์ตัวอย่าง เช่น ไฟล์ภาพหรือข้อมูลต่างๆ ที่ใช้ในการสาธิต ซึ่งผู้เรียนสามารถดาวน์โหลดไปได้จากลิงก์ในแต่ละบท มีข้อสงสัย สอบถามได้ที่ Facebook -
พื้นหลังสีอะไร? มีข้อความบนปุ่มเขียนว่ายังไร? เมื่อเรารู้จักส่วนของ Designer แล้ว เดี่ยวจะมาทำความรู้จักส่วนของ Blocks ซึ่งจะเป็นส่วนของการที่จะบอกให้แอพของที่เราจะสร้างนั้น มีกระบวนการทำงานยังไร เช่นหลักจากที่ กดคลิกที่ปุ่มแล้วให้ทำอะไร, การกำหนดค่าตัวแปรมีชื่อตัวแปรอะไรมีค่าเท่าเริ่มต้นเท่าไหร่, การคำนวนบวกเลขแล้วแสดงผลหน้าจออย่างไร เป็นต้น ตัวอยาการต่อจิกซอให้คอมโพแนนทำงานเมื่อมีการกดคลิก ฺblock ใน App Inventor ใช้งานยังไร? มีรูปแบบอะไรบ้าง?
- App Inventor สำหรับมือใหม่
- สอน app inventor 2 tutorials
- App Inventor เว็บไซต์สอนการพัฒนาแอปพลิเคชัน โดย Google เพื่อสอนเด็กๆ
- สอน app inventor 2 ultimate download
- สอน App Inventor 2 สำหรับผู้เริ่มต้น (App Inventor 2 Tutorial for Beginner) - GotoKnow
Temporada
ตอนนี้เด็กหัดเขียนบล็อกกำลังศึกษา App inventor 2 ซึ่งน่าสนใจมาก คนที่เขียน java ไม่เก่งหรือไม่มีพื้นฐานการเขียนโปรแกรม ก็สามารถทำได้ ใครอยากสร้างเกมส์หรือแอพเจ๋งๆ ก็ลองเล่นกันดู ไม่ยากเลย ไม่ต้องเขียน eclipse ให้ปวดหัว แถมตัว App inventor 2 นี่สวยกว่าตัวเบสิกอีกต่างหาก ใช้งานไม่ยากเลยจริงๆ วันดีคืนดีก็ได้เข้ายูทูปแล้วลองเสิร์ชหาตัว AI2 ว่ามีใครใจดีสอนเราเขียนเกมส์มั้ยน้า แล้วก็เจอ! มีคนสอนสร้างเกม Flappy Bird ด้วย เค้าสอนละเอียดดีนะ อาจจะไม่เหมือนมากแต่รับรองว่าเล่นได้เหมือนกันเลย ก็ลองศึกษากันดูนะคะ >< แล้วเอามาแชร์กันบ้างว่าได้ผลมั้ย
App Inventor เป็นเว็บไซต์สอนการพัฒนาแอปพลิเคชัน อีกหนึ่งเครื่องมือที่ Codekids เราใช้ในการสอนเด็กๆ โดยสิงที่นี้ถูกสร้างจาก MIT และ Google ร่วมมือกัน พัฒนาขึ้นมา เพื่อให้เด็กๆเข้าใจหลักการการพัฒนาแอปพลิเคชันได้ โดยไม่จำเป็นต้องเขียนโค้ด แต่เป็นการแบบ Block coding เป็นคอมโพเนนต์ต่อคอมโพเนนต์ สามารถพัฒนาได้ทั้ง Android และ iOS. ใน App Inventor จะนำเสนอและสอนให้เด็กๆ เริ่มพัฒนา App ได้อย่างไม่ยากมาก โดยจะมี 4 ขั้นตอนหลักๆดังนี้. 1. สอนให้รู้จัก การสร้างโปรเจ็กต์ ในการพัฒนาแอปพลิเคชัน โดยจะต้องจัดเตรียมโฟลเดอร์ เพื่อจัดเก็บรหัสคำสั่ง และไฟล์ต่างๆ ที่จำเป็นสำหรับ การพัฒนาแอปพลิเคชัน. 2. สอนให้ออกแบบและพัฒนาหน้าจอส่วนติดต่อกับผู้ใช้ (User interface) สำหรับใช้เป็นตัวควบคุมเค้าโครง (Layout) ของส่วนประกอบต่างๆ. 3. สอนให้ เขียน Code คำสั่งสำหรับการทำงาน ของแอปพลิเคชันตามที่ต้องการโดยไม่ต้องใช้ภาษาใดๆ แต่เป็นการเขียนโดยแบ่งเป็น Section และ คอมโพเนนต์. ใช้หลักการพัฒนาซอฟต์แวร์เชิงคอมโพเนนต์ (Component-based Software Development) คือ ให้ผู้ใช้นำคอมโพเนนต์หรือชิ้นส่วนของซอฟต์แวร์ มาประกอบกันเป็นระบบใน App Inventor ได้จัดเตรียม คอมโพเนนต์พื้นฐานเพื่อให้นำมาประกอบเป็น แอปพลิเคชันตามที่ต้องการได้ 4.
คลกิ เลือก 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: อ.
5, 10. 6 Windows: Windows XP, Windows Vista, Windows 7 GNU/Linux: Ubuntu 8+, Debian 5+ โปรแกรมประเภทเว็บบราวเซอร์ต่างๆ Mozilla Firefox 3. 6 หรือ สูงกว่า Apple Safari 5. 0 หรือ สูงกว่า Google Chrome 4.