
Benjamarachutit School
Computing Sciene
M.3
4.7 การสร้างแอปพลิเคชันกล้องถ่ายรูป


ขั้นตอนที่ 1 Create New App ตั้งชื่อ New Project Name ว่า Camera จากนั้นนำเครื่องหมายถูกในช่อง Try it out ออกแล้วกด Create

ขั้นตอนที่ 2 ไปที่ User Interface ลาก Label 1 ใส่ที่หน้าจอ ต่อจากนั้นให้กำหนดขนาด Font = 30 (ใส่ตัวเลขตามความเหมาะสม) และตกแต่ง Color ตามที่ต้องการ

ขั้นตอนที่ 3 ไปที่ Image > Image ลากใส่ที่หน้าจอ และทำการปรับ Height กับ Width ตามที่ต้องการ (ในตัวอย่างจะเป็นการปรับความสูงและความกว้างเป็นแบบ %)

ขั้นตอนที่ 4 ไปที่ User Interface > Button ลากใส่ที่หน้าจอ ทำการเปลี่ยน Text ของ Button เป็น TAKE และทำการตกแต่งตามที่ต้องการ

ขั้นตอนที่ 5 ไปที่ Image > Camera และ Image > Image Recognizer ลากใส่ที่หน้าจอ

ขั้นตอนที่ 6 ต่อไปเป็นการต่อบล็อก เพื่อให้ปุ่ม TAKE ทำงานเพื่อกดในการถ่ายรูปได้ โดยไปที่ Blocks แล้วไปที่ Button1 > when Button1 Click do ลากใส่ที่หน้าจอ แล้วไปที่ Camera1 > call Camera1 's take photo ลากต่อข้างล่างชุดบล็อก when Button1 Click do


ขั้นตอนที่ 7 ต่อไปให้ไปที่ Image1 > set Image1 's Picture to ลากใส่ต่อที่ข้างล่างชุดบล็อก call Camera1's take photo แล้วให้ทำการลากบล็อก Photo ต่อข้างบล็อก set Image1 's Picture to

ขั้นตอนที่ 8 ต่อไปให้ไปที่ Image_Recognizer1 > call Image_Recognizer1 's Upload ลากใส่ต่อที่ข้างล่างบล็อก set Image1 's Picture to

ขั้นตอนที่ 9 ต่อไปให้ไปที่ Label1 > from Label1 set Text to ลากใส่ต่อที่ข้างล่างบล็อก in Image_Recognizer1 call Upload แล้วทำการลากบล็อก description ต่อข้างบล็อก from Label1 set Text to

หลังจากทำขั้นตอนที่ 9 เสร็จ ก็ถือว่าเสร็จสิ้นในการทำ