การพัฒนา Mobile Apps
No Code ด้วย AppSheet
Sarawut Kedtrawon
โครงการพัฒนาคุณภาพการศึกษาโรงเรียนขนาดเล็ก
วันที่ 2-3 กรกฏาคม 2565
คณะครูศาสตร์ มหาวิทยาลัยราชภัฏชัยภูมิ
1
2
3
4
สร้างพื้นที่เก็บข้อมูลบน Google Drive
1.สร้างโฟนเดอร์ ตั้งชื่อที่สื่อความหมายกับ งานของเรา
2.สร้างพื้นที่เก็บข้อมูล(Database) ด้วย Google Sheet
3.สร้างคอลัมน์ (Column) บนไฟล์ Google Sheet
5
เข้าเว็บไซต์ appsheet
Sing in ให้เรียบร้อยด้วย Google Account
6
เข้าเว็บไซต์ appsheet
Sing in ให้เรียบร้อยด้วย Google Account
7
สร้างแอพใหม่
8
2. Create a new app และ Start With You own data
1.สร้างแอพใหม่
ตั้งชื่อแอพ
9
4. Choose your data
3.ตั้งชื่อ และ เลือกหมวดหมู่
เลือกไฟล์ที่เตรียมไว้
10
5. เลือกไฟล์ที่เตรียมไว้�ใน Google Drive
แอปของคุณพร้อมแล้ว!
11
6. Customize your app
Dashboard AppSheet
12
จัดการ Data
เมนู Data
1.เลือก ซีต1
13
จัดการ Data
เมนู Data
2.เลือก View Columns
เพื่อบริหารจัดการ
ชนิดของข้อมูล
14
จัดการ Columns “TYPE”
เมนู Data
3.บริหารจัดการ
ชนิดของข้อมูล
ด้วย Columns “TYPE”
15
จัดการ Columns “TYPE”
จากText เป็น Enum
4.Columns “TYPE”
เปลี่ยน Columns “คำนำหน้า”
จากText เป็น Enum
แล้วกำหนด
“นาย, นาง, นางสาว”
16
จากText เป็น Enum
17
2. กำหนด Type และ Type Details
3.Input mode สามารถเลือกรูปแบบได้
4.เลือก Done เมื่อ เสร็จแล้ว
1.คลิก รูปดินสอ เพื่อแก้ไข
เพิ่มเติม
Columns “TYPE”
เปลี่ยน Columns “เพศ”
จากText เป็น Enum
แล้วกำหนด
“ชาย, หญิง”
18
จัดการ Columns “TYPE”
จากText เป็น Phone
5.Columns “TYPE”
เปลี่ยน Columns “เบอร์โทร”
จากText เป็น Phone
19
จัดการ Columns “TYPE”
จากText เป็น อื่น ๆ
6.เปลี่ยน Columns “อายุ”
จากText เป็น Number
เปลี่ยน Columns “พิกัด”
จากText เป็น LatLong
เปลี่ยน Columns “รูปภาพ”
จากText เป็น Image
ส่วน Text เก็บตัวอักษร
ตัวเลข อักขระพิเศษได้
ขั้นตอนสุดท้าย SAVE
20
ทดสอบเพิ่มข้อมูล
กดเครื่องหมาย บวก (+)
แล้วกด Save บันทึกข้อมูล
สามารถลบข้อมูล
แก้ไขข้อมูล
โทร
ส่งข้อความ
ดูพิกัด
21
การปรับแต่งให้ App สวยงาม
เมนู UX แถบ View
ให้คลิกที่ ชีต1
เพื่อทำการปรับ
แต่งความสวยงาม
22
การปรับแต่งให้ App สวยงาม
เมนู UX แถบ View
ที่เมนู View type
สามารถปรับแต่ง
หน้าแสดงผล
23
การปรับแต่งให้ App สวยงาม
เมนู UX แถบ View
เลื่อนลงด้านล่าง
ที่เมนู Main image..
สามารถปรับแต่ง
การแสดงผล
24
การปรับแต่งให้ App
สวยงาม
เมนู UX แถบ Brand
เลื่อนลงด้านล่าง
ที่เมนู Main image..
สามารถปรับแต่ง
การแสดงผล
25
การทดสอบ App บน โทรศัพท์Smartphone
1. GmailAccount ที่ลงทะเบียนในโทรศัพท์ของเราควรเป็น account เดียวกับที่สร้างโปรแกรม
เพื่อความสะดวก และง่ายต่อการทดสอบและใช้งาน
2. ท่านใช้โทรศัพท์ยี่ห้ออะไร?
2.1 ทุกท่านที่ใช้โทรศัพท์ Apple iPhone จะต้องเข้า App Store
2.2 ทุกท่านที่ใช้โทรศัพท์ Android ทุกยี่ห้อจะต้องเข้า Play Store
ให้ติดตั้ง App ที่ชื่อว่า AppSheet ลงไปในเครื่อง App ที่เราสร้างจะถูกเรียกผ่านโปรแกรม AppSheet อีกที (ทุก App จะอยู่ในนั้น)
26
การทดสอบ App บน
โทรศัพท์
Smartphone
27
การแชร์แอพ
1.เมนู Manage แถบ Author
เมนูย่อย Teamwork
เปิดการทำงานของ
Make this a public sample?
แล้ว Change visibility
28
การแชร์แอพ
2.ไปที่ไอคอนรูปบุคคล�มีเครื่องหมายบวก
29
การแชร์แอพ
3.แชร์ด้วย email
30
ผู้ที่ได้รับ email เชิญสามารถเข้าใช้ App ได้เลย
การแชร์แอพ
4.แชร์แบบ copy Link
31
4.แชร์แบบ copy Link