Google Map

Google Map  

การทำ Google Map ด้วย app inventor

ขั้นตอนแรกให้เราเข้า เว็บ Thunkable ก็จะเห็นหน้าเว็บแบบนี้นะครับ

ให้เรากดไปที่ Sigin เพื่อทำการสมัคร

เมื่อสมัครเสร็จแล้วก็จะ ขึ้นหน้านี้มาและให้เราเลือก ระบบ ios หรือ Android

ให้เราลาก Google Maps ลงตามรูป

ให้กดลาก Notifier มาวางตามรูป

ให้เรากด Friebase_DB มาวางลงตามภาพ

ช่อง Firebase Token ให้ใส่ eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9

ช่องFirebase URL ให้ใส่ DEFAULT

ต่ออย่างโค้ด

นายปภินวิทย์ ลีกา เลขที่7 สคฮ2/3

  นายวรวุฒิ แสงทอง เลขที่12 สคฮ2/3

โครงงาน

โครงงาน

เรื่อง นาฬิกาดิจิตอลและอนาล็อค

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

1. เพื่อศึกษาภาษาจาวาเพื่อพัฒนาโปรแกรม
2. เพื่อศึกษาโปรแกรม Netbeans
3. สามารถประยุกต์การพัฒนาโปรแกรมให้สามารถทำงานตามเงื่อนไขที่กำหนดได้

      เนื่อหาสาระ

            การสร้างโปรแกรม นาฬิกาดิจิตอลและอานาล็อคขึ้นมา เพื่ออยากรู้ว่าภา java สามารถนำมาใช้        สร้างนาฬิกาดิจิตอลและอนาล็อคได้หรือไม่ ถ้าสร้างได้สามารถ โดยใช้โปรแกรม Netbeans IDE 8.2
    ตามรูป

รูปภาพที่ 1 แสดงรูปภาพโปรแกรม NetBeans IDE 8.2

ภาษาที่ใช้ในการเขียนโปรแกรมเป็นภาษา JAVA ในการเขียนโปรแกรม นาฬิกาดิจิตอลและอนาล็อค

      ขั้นตอนการพัฒนา

      

      ขั้นตอนการทำงานขอโปรแกรม

      ขั้นตอนที่สร้างโปรแกรมจนเสร็จสมบูรณ์
                                 

ผลงาน วิชา JAVA

 

                           

DOWNLOAD SOURCE CODE : https://drive.google.com/drive/folders/1Z50aRRGOP0IE3LQ1gXn1SgLeioDlhxNo

แหล่งอ้างอิงค์ วิชา JAVA

https://www.youtube.com/watch?v=1b2xQT-v9LI

รูปโปรแกรมที่เสร็จสมบูรณ์

ขั้นตอนการพัฒนาแอพด้วย 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

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