โปรแกรมที่ 1 HelloCat

โปรแกรมที่ 1 HelloCat

วัตถุประสงค์

1.     เพื่อเข้าใจการพัฒนาโปรแกรม Android ด้วย App Inventor

2.     เข้าใจการใช้งาน Blocks Editor

3.     สามารถเชื่อมต่อโทรศัพท์กับโปรแกรม ผ่านทาง WiFi

2.1 เกี่ยวกับโปรแกรม HelloCat

โปรแกรมจะมีรูปแมวอยู่ที่หน้าจอ แล้วเมื่อเรากดรูปแมวแล้วจะมีเสียงร้องของแมวออกมา

2.2 ขั้นตอนการพัฒนาโปรแกรม HelloCat

   1)     โหลดไฟล์ที่ใช้ในการสร้างโปรแกรมได้ที่ www.itbru.com/ai2/week2.zip

   2)     สร้างปุ่มรูปแมว

·      ลาก Button มาใส่ในหน้าจอ

·      ส่วน Properties ปรับแต่งตามนี้

Image Upload รูปแมวขึ้นไป

Height เลือก Fill parent

Width เลือก Fill parent

Text ลบข้อความออก

   3)     เพิ่ม Sound เสียงแมว เข้าไปในโปรแกรม

·      Media ลาก Sound มาใส่หน้าจอโปรแกรม 

·      Properties Source อัพโหลดไฟล์เสียง meow.mp3

 

    4)     Run Emulator

จะได้หน้าจอดังภาพ

    5)     การเขียนโปรแกรม

เข้าไปที่ Blocks Editor เพื่อเขียนคำสั่งในโปรแกรม

  

วิธีการเขียนโปรแกรม ทำโดยการลาก Block ที่ต้องการไปยังพื้นที่เขียนโปรแกรม โดยแต่ละ Block จะมีหน้าที่และการทำงานของตัวมันเอง

โดยโปรแกรมที่เราจะทำก็คือ เมือผู้ใช้กดที่รูปแมว จะมีสียงแมวดังออกมา รูปแมวก็คือปุ่มที่มีชื่อว่า Button1 ให้เราคลิก Button1 ทางซ้ายมือ แล้ว ลากBlock when Button1.Click do ไปยังพื้นที่เขียนโปรแกรม ความหมายก็คือ เมือ Button1 โดน คลิก จะทำอะไร

จากนั้นคลิก Sound1 เลือก Block call Sound1.play ไปวางใน Block when Button1.Click do Block จะวางต่อกันได้พอดี

ทดลองกดรูปแมว จะมีเสียงแมว “เหมียววววววววววววววววววว”

2.3 เชื่อมต่อโทรศัพท์กับโปรแกรม ผ่านทาง WiFi มีขั้นตอนดังนี้

    1)     ติดตั้งโปรแกรม MIT AI2 Companion App ในมือถือ

    2)     เชื่อมต่อโทรศัพท์ และมือถือในเครือข่ายเดียวกัน

    3)     เปิดโปรแกรมเพื่อทำการเชื่อมต่อโดยการคลิกที่เมนู Connect -> AI Companion จะได้ code และ QRCode ที่ใช้ในการเชื่อมต่อ

    4)     เปิดโปรแกรมที่โทรศัพท์ พิมพ์โค้ดที่ได้ หรือเลือก sand QR code

    5)     โทรศัพท์จะทำการเชื่อมต่อ และแสดงผลทางหน้าจอ

ขอขอบคุณข้อมูลจาก

http://appinventor.mit.edu/

http://kidsangsan.com/

แบบฝึกหัดท้ายบท

    1.     ให้นักศึกษาทำโปรแกรมสื่อการสอนส่งเสริมการเรียนรู้ เช่นโปรแกรมช่วยสอนนับเลข โปรแกรมช่วยสอนอ่านออกเสียงอักษรภาษาอังกฤษ โปรแกรมเปียนโน

·      เสียงไม่ต่ำกว่า 5 เสียง

·      มีไอคอล

ตัวอย่างโปรแกรมนับเลข มีตัวเลข 1 - 9 ทางหน้าจอ เมือผู้ใช้กดที่ตัวเลขจะมีเสียงอ่านของตัวเลขนั้นๆ ออกมา

1	2	3
4	5	6
7	8	9