วันพุธที่ 25 ตุลาคม พ.ศ. 2560

mobile2-5

ใบงานที่ 2 การสร้างแอพถ่ายภาพและการแทรกภาพในไอคอน

วัตถุประสงค์
1. เพื่อศึกษาวิธีการสร้างถ่ายภาพจากสมาร์ทโฟน
2. สามารถบอกขั้นตอนการสร้าง App เพื่อถ่ายภาพจากสมาร์ทโฟนได้
3. สามารถบอกขั้นตอนการแทรกรูปภาพลงบนไอคอนของ App ที่ต้องการได้

เนื้อหา
ให้นักศึกษาเขียนขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อถ่ายภาพและการแทรกรูปภาพลงในไอคอน พร้อมบอกข้อจำกัดของการถ่ายภาพ เช่น การใช้กล้องหน้า และกล้องหลัง

การทดลอง
1.ให้บอกขั้นตอนการเข้าสร้าง App เพื่อถ่ายภาพจากสมาร์ทโฟน
ขั้นตอนแรกเข้าไปที่ google แล้วเข้าไปที่   http://appinventor.mit.edu/explore/#
แล้วเข้าไปที่  ปุ่มสีส้มมุมขวามือ

จากนั้นก็กรอก Gmail เข้าไป

ขั้นตอนต่อไปเข้าไปที่  Projects และ Start new project 


ตั้งชื่องาน


เข้าไปที่ Botton


ไปที่ Media และไปที่ Camera


อัฟโหลดรูปภาพ


เลือกไฟล์ของรูปภาพที่จะใช้ และปรับแต่งภาพให้เรียบร้อย


จากนั้นไปที่ Blocks


ไปที่ Button1 เลือกอันแรก


ต่อมาเลือก Camera1 และเอาไปใช้ต่อ do


ไปที่ Build และเลือกอันแรก


จากนั้นเข้าโทรศัพท์ไปยังแอพ 


เข้าไปที่ Scan QR code


ที่ตรงหน้าจอ


จากนั้นเมื่อคลิกตรงรูปภาพ ก็จะสามารถถ่ายรูปได้


2. สร้างแอพ ให้แสดงภาพถ่ายเมื่อกดปุ่มบนสมาร์ทโฟนโดยมีเงื่อนไขดังนี้

a. เมื่อกดปุ่มจะเข้าไปยังหน้าที่ 2 ซึ่งจะแสดงรูปส่วนตัว

b. เมื่อกดปุ่มแต่ละปุ่มจะแสดงรูป

                            i. ภาพหมู่ ครอบครัวฉัน

                                           ii. ภาพ ผู้ปกครอง

                           iii. ภาพ(เดี่ยว)สมาชิกในครอบครัว
c. เมื่อกดปุ่ม Home จะกลับไปหน้าหลัก