สื่อการสอน Mit App Inventor เกมสัตว์อะไรเอ่ย

เกมสัตว์อะไรเอ่ย

MIT APP INVENTOR

ครูสุนิสา อินทนิน

ใบงานที่ 1

1.สร้าง Project ใน MIT APP Inventor
ชื่อ GameApp

2. ที่หน้ า Screen1 ให้สร้างปกให้
สวยงาม อยู่กึ่งกลางหน้ า

3.เปลี่ยนชื่อหน้ าจาก Screen1 เป็น หน้ า
แรก

โดยมีส่วนประกอบต่อไปนี้

a. image
i.ขนาด 2/3 ของหน้ าจอโทรศัพท์
สร้างจาก Canva.com
ii. มีรูปสัตว์ต่างๆ
iii.มีข้อความว่า เกม...เสียงสัตว์
อะไรเอ่ย

b. button
i.เปลี่ยนชื่อเป็น go
ii.ปุ่มปรากฏข้อความ Let's go
iii. เปลี่ยนสีปุ่ม
iv.เปลี่ยนขนาดตัวอักษรเป็น 26pt
v.เปลี่ยนความกว้างของปุ่ม เป็น
350 px
vi.Shape เป็น rounded

3. เพิ่มหน้ าที่ 2
a.ตั้งชื่อว่า animal1
b.จัดกึ่งกลางหน้ า
c.ปลี่ยน Title ของหน้ านี้ เป็น
ลองกดแล้วทายว่าฉันคือใคร

และมีส่วนประกอบต่อไปนี้

a. button
i.เปลี่ยนชื่อเป็น Bhorse
ii.ปุ่มปรากฏข้อความ ฟังเสียงฉัน
กดที่นี่!!
iii.เปลี่ยนขนาดตัวอักษรเป็น 26pt
iv.เปลี่ยนความกว้างของปุ่ม เป็น
350 px
v.Shape เป็น rounded

b. Label
i.เปลี่ยนชื่อเป็น MSG
ii.ปุ่มปรากฏข้อความ แล้วทายสิว่า
ฉันคือใคร
iii.เปลี่ยนขนาดตัวอักษรเป็น 20pt
iv.เปลี่ยนความกว้างของปุ่ม เป็น
350 px

c. TableArrangment
d. button (ภาพช้าง)

i.เปลี่ยนชื่อเป็น elephant
ii.ปุ่มเปลี่ยนรูปเป็น ช้าง
iii.เปลี่ยนความกว้าง เป็น 175 px
iv.เปลี่ยนความสูงของปุ่ม เป็น 175 px

e. button (ภาพม้า)
i.เปลี่ยนชื่อเป็น horse
ii.ปุ่มเปลี่ยนรูปเป็น ม้า
iii.เปลี่ยนความกว้าง เป็น 175 px
iv.เปลี่ยนความสูงของปุ่ม เป็น 175 px

f. button (ภาพวัว)
i.เปลี่ยนชื่อเป็น cow
ii.ปุ่มเปลี่ยนรูปเป็น วัว
iii.เปลี่ยนความกว้าง เป็น 175 px
iv.เปลี่ยนความสูงของปุ่ม เป็น 175 px

g. button (ภาพยีราฟ)
i.เปลี่ยนชื่อเป็น giffe
ii.ปุ่มเปลี่ยนรูปเป็น ยีราฟ
iii.เปลี่ยนความกว้าง เป็น 175 px
iv.เปลี่ยนความสูงของปุ่ม เป็น 175 px

h. ลาก HorizantalArrangment มาใส่

i. button (HOME อยู่ใน HorizantalArrangment)

เปลี่ยนชื่อเป็น Home
ปุ่มปรากฏข้อความ HOME
เปลี่ยนสีปุ่ม
เปลี่ยนขนาดตัวอักษรเป็น 20px
เปลี่ยนความกว้างของปุ่ม 150px
Shape เป็น rounded

j. button (Next อยู่ใน HorizantalArrangment)

เปลี่ยนชื่อเป็น next
ปุ่มปรากฏข้อความ Next
เปลี่ยนสีปุ่ม
เปลี่ยนขนาดตัวอักษรเป็น 20px
เปลี่ยนความกว้างของปุ่ม 150px
Shape เป็น rounded

k. ลาก Sound มาใส่

ใส่เสียงให้กับ Sound
ค้นหาเสียงจาก

https://www.findsounds.com/



4. เขียน code ที่หน้ าแรก
ปุ่ม go (Let's go) เพื่อเปิดหน้ า
animal1

5. เขียน code ที่หน้ า animal1
ปุ่ม Bhorse (ฟังเสียงฉัน กดที่นี่!!)
เพื่อเปิดเสียงม้า animal1

6. เขียน code ที่หน้ า animal1
ปุ่ม elephent (ช้าง) ซึ่งเป็น
คำตอบที่ผิด

7. เขียน code ที่หน้ า animal1
ปุ่ม horse (ม้า) ซึ่งเป็นคำ
ตอบที่ถูก

8. เขียน code ที่หน้ า animal1
ปุ่ม cow (วัว) ซึ่งเป็นคำตอบ
ที่ผิด
ปุ่ม giffe (ยีราฟ) ซึ่งเป็นคำ
ตอบที่ผิด
ปุ่ม Hme เพื่อไปหน้ าแรก
ปุ่ม Next เพื่อไปหน้ าถัดไป

9. ทำให้ครบ 5 ข้อ