ขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อแสดงพิกัดบน Google Maps

ขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อแสดงพิกัดบน Google Maps 

ขั้นตอนที่ 1 ให้เราสร้างแอพชื่อตามที่เราต้องการ

ขั้นตอนที่ 2 ให้เอา Label มาวางเพื่ออันแรกให้บอกสถานะของ GPS อันที่ 2 บอกข้อมูลพิกัดของ GPS

ขั้นตอนที่ 3 เอา image มาวางเพื่อให้แสดงภาพแผนที่

ขั้นตอนที่ 4 ให้เอา HorizontalArrangement มาวาง

ขั้นตอนที่ 5 เอา Spinner มาวางในช่อง HorizontalArrangement 2 อัน

ขั้นตอนที่ 6 ให้เอา Button มาวางต่อท้าย Spinner  ตั้ง 2 อัน

ขั้นตอนที่ 7 ให้เอา LocationSensor จาก Sensoer มาวาง 

ขั้นตอนที่ 8 เอา Clock มาวางเพื่อบอกเวลาอัพเดตพิกัดของ GPS

ขั้นตอนที่ 9 ให้ไปที่ช่อง Connectivity เพื่อเอา ActivityStarter มาวางเพื่อที่จะใช้เข้า googlemap

ขั้นตอนที่ 10 ให้เปลี่ยนชื่อ Lable และ Spinner ตามภาพ

ขั้นตอนที่ 11 ให้ตั้งค่า Lable ตามภาพ 

ขั้นตอนที่ 12 ให้ตั้งค่า  Spinner อันแรกตามภาพ 

ขั้นตอนที่ 13 ให้ตั้งค่า Spinner อันที่ 2 ตามภาพ

ขั้นตอนที่ 14 ให้ตั้งค่า Clock ตามภาพ

ขั้นตอน 15 ให้ตั้งค่า  ActivityStater ตามภาพ

ขั้นตอนสุกท้ายเขียนโค้ดตามภาพ

โค้ดที่ใส่ในช่องของ image

โค้ดอันที่ 1 : http://maps.googleapis.com/maps/api/staticmap?size=640x640&maptype=roadmap&format=jpg&center=

โค้ดอันที่ 2 : &zoom=18&markers=size:mid%7Ccolor:red%7Clabel:H%7C

ตัวอย่าง App

ขั้นตอนการสร้างแอพด้วย App inventor เพื่อส่งอีเมลย์ไปยังผู้รับที่ระบุได้

ขั้นตอนการสร้างแอพด้วย App inventor เพื่อส่งอีเมลย์ไปยังผู้รับที่ระบุได้

ขี่นตอนที่ 1 สร้างแอพชื่อตามที่เราต้องการ

ขั้นตอนที่ 2 ให้นำ HorizontalArrangement มาวาง

ขั้นตอนที่ 3 ให้นำ EmaillPicker และ ContactPicker มาวางในช่อง HorizontalArrangement ที่เราเอามาวางตอนแลก

ขั้นตอนที่ 4 ให้นำ HorizontalArrangement มาวางทั้ง 4 อัน

ขั้นตอนที่ 5 นำ Lable มาวางทั้ง 4 อันเพื่อกำหนดหัวข้อที่เราจะกรอกข้อมูล

ขั้นตอนที่ 5 ให้นำ Spinner มาวางที่ HorizontalArrangement มาวางที่ช่องแลก

ขั้นตอนที่ 6 ให้น้ำ TextBox มาวางทั้ง 3 ช่องที่เหลือ

ขั้นตอนที่ 7 นำ Botton มาใส่

ขั้นตอนที่ 8 เอาActivityStarter มาใส่

ขั้นตอนที่ 9 เอา Web มาใส่

ขั้นตอนสุดท้าย ทำโปรแกรมตามภาพ

ขั้นตอนการสร้างแอพเล่นไฟล์เสียงโดยสามารถเลือกเล่นเสียง

ขั้นตอนการสร้าง App

1.สร้าง App ชื่อ Mobile5

2.เอา Label วาง 2 อัน Label 1ใช้แสดงชื่อไฟล์เสียงที่บันทึก 

Lebel 2 ใช้บอกสถานะว่า บันทึก เสียง หรือ เล่นเสียงอยู่

3.ให้เอา HorizontalArrangement มาวาง

4.ให้เอา Botton มาวาง 3 ปุ่ม ใน HorizontalArrangement

5..ให้เอา HorizontalArrangement มาวาง

6.นำปุ่ม Slider มาวางเพื่อใช้ในการปรับเสียง

7.นำปุ่ม Botton มาวาง

8.นำปุ่ม SoundRecorder มาเพื่อใช้บันทึกเสียง

9.นำปุ่ม Playar มาเพื่อใช้ในการเล่นเสียง

10.นำปุ่ม Sound มาวาง

11.ตั้งค่า Lable Text เป็นชื่อพฟล์เสียง

12.นำรูปมาใส่ตามภาพ

13.ตั้งค่า Silder ตามภาพ

14.กำนหดชื่อต่างๆ ตามรูป

15.ให้เอา Spinner มาใส่เพื่อใส่ชื่อเพลง หรือ เสียงสวัสดี

16.ให้เอา Botton เพื่อนำมาทำเป็นปุ่ม Play เสียงต่างๆ ที่เราจะใส่ไปในช่อง Spinner

ขั้นตอนการเขียนโปรแกรม ให้ทำโปรแกรมตามภาพ

การสร้าง App ScanbarCode

ขั้นตอนการสร้างApp ScanbarCode

ขั้นตอนที่ 1 สร้างชื่อแอพเป็น Mobile4

ขั้นตอนที่ 2 ให้นำ TextBox มาวางเพื่อใช้ TextBox ในการเก็บข้อมูล

         ขั้นตอนที่ 3 คลิกที่ Layout แล้วนำ HorizontalArrangement มาวาง

ขั้นตอนที่ 4 ให้นำ Button มาวาง 2 อัน

ขั้นตอนที  5 คลิกไปที่ Sensors แล้วนำ BarcodeScanner ไปวาง

ขั้นตอนที่ 6 ให้นำ Clock มาวางเพื่อใช้ในการบอกวันที่และเวลาที่แสกน

ขั้นตอนที่ 7 คลิกไปที่ Social แล้วนำ Sharing มาวาง

ขั้นตอนที่ 8 ให้ตั้งค่า TextBox ให้กำหนดตามภาพ

ขั้นตอนที่ 9 ดาวโหลดรูปตามลิ้งเว็ปด้านล่าง

https://www.flaticon.com/free-icon/barcode_138226

https://www.flaticon.com/free-icon/share_151949

ขั้นตอนที่ 10 ตั้งค่า Button 1 และ Button 2 ตามภาพ

ขั้นตอนที่ 11 ให้เอาติกถูกที่ BarcodeScanner ออกตามรูป

ขั้นตอนที่ 12 ตั้งค่า Clock ตามรูป

  

วิธีการทำ Blocks ให้กำหนดตามรูปด้านล่าง