คู่มือการสร้าง Glide Apps (V.2)

การสร้างแอปพลเิ คชัน ด้วย Glide App ก

คำนำ

คู่มือการสร้างแอปพลิเคชัน ด้วย Glide App จัดทำขึ้นมาเพื่อใช้ประกอบในการพัฒนาบุคลากร
ตามโครงการพัฒนาบุคลากรสร้างแอปพลิเคชันจัดเก็บข้อมลู การศึกษาขน้ั พื้นฐาน ประจำปงี บประมาณ 2564
ของสถาบัน กศน.ภาคตะวันออก เนอ้ื หาประกอบดว้ ย การลงชือ่ เข้าใช้งาน วิธสี ร้างแอปพลิเคชัน การปรับแต่ง
แอปพลิเคชัน เครื่องมือ ข้อควรระวัง และข้อแนะนำที่จำเป็นในการสร้างแอปพลิเคชัน ด้วย Glide App
เพอ่ื เป็นแนวทางในการสรา้ งแอปพลเิ คชันไดส้ ะดวก และงา่ ยขึ้น

หวังเป็นอย่างยิ่งว่า คู่มือเล่มนี้จะเป็นประโยชน์ต่อผู้เข้ารับการพัฒนา และผู้ที่สนใจศึกษาด้วย
ตนเอง

สถาบนั กศน.ภาคตะวนั ออก
มีนาคม 2564

การสร้างแอปพลเิ คชัน ด้วย Glide App ข

สารบญั

เรอ่ื ง หนา้
คำนำ........................................................................................................................................................ ก
สารบัญ..................................................................................................................................................... ข
การสร้างแอปพลิเคชัน ดว้ ย Glide App...................................................................................................1

การสร้างแอปพลิเคชนั ................................................................................................................ 2
การลงช่ือเข้าใชง้ าน .................................................................................................................... 2
วิธีสร้างแอปพลเิ คชัน .................................................................................................................. 4
การปรับแต่งแอปพลิเคชัน .......................................................................................................... 7
เคร่อื งมือ .................................................................................................................................. 10
การเผยแพรแ่ ละการนำแอปพลิเคชนั ไปใช้งาน.......................................................................... 16
การติดตัง้ แอปพลิเคชันบนโทรศพั ท์สมารต์ โฟน......................................................................... 19
ขอ้ ควรระวัง............................................................................................................................................ 26
ขอ้ แนะนำ............................................................................................................................................... 26

การสรา้ งแอปพลิเคชัน ด้วย Glide App

ในโลกยุคปัจจุบันคงปฏิเสธไม่ได้ที่จะบอกว่า โทรศัพท์สมาร์ตโฟนเป็นส่วนสำคัญในชีวิตของเรา
ทุก ๆ ด้าน แล้วถ้าหากเรามีไอเดียที่จะแก้ไขปัญหาต่าง ๆ หรือปรับปรุงกระบวนการทำงานให้สะดวกมากข้ึน
หลายคนกเ็ ริ่มคดิ จะทำ Mobile App มาแก้ปญั หาตา่ ง ๆ นี้ ก่อนเป็นอันดับแรก

หลายคนคงไมไ่ ดท้ ่ีจะมคี วามรใู้ นการพัฒนา Mobile App แตห่ ากเรามคี วามคิดท่ีดีแล้วอยากจะลด
ขั้นตอนการทำงานลง ซึ่งปัจจุบันมีบริการให้มีการพัฒนา Application บน Platform เช่น เว็บแอป มากมาย
หลายเจ้า ซ่งึ จะมาช่วยลดขน้ั ตอนหลัก ๆ คอื การเขยี นโคด้ ทใี่ คร ๆ กบ็ อกวา่ ยากลงได้

ในวงการศกึ ษาก็คงหลีกเลย่ี งไม่ไดใ้ นเร่ืองการนำเทคโนโลยีเข้ามาชว่ ยในการบรหิ ารจัดการเพ่ือเป็น
ช่องทางในการให้บริการแก่นักศึกษา หากมีแอปพลิเคชันเพื่อบริหารจัดการ หรือเป็นแหล่งรวบรวมสื่อ ข้อมูล
ต่าง ๆ รวมไว้ในแอปพลิเคชันเดียว คงเป็นเรื่องดีไมน่ ้อยที่จะชว่ ยให้ทั้งครู และนักศึกษา มีความสะดวก สบาย
มากย่ิงขน้ึ ประหยดั เวลา ประหยัดกระดาษ และอนื่ ๆ อกี มากมาย

การออกแบบให้แอปพลเิ คชนั มีความนา่ สนใจ เป็นอีกเรื่องหนึ่งที่ผู้สร้างแอปพลิเคชันตอ้ งพิจารณา
การสร้างแอปพลเิ คชันพลเิ คชนั ต้องไมส่ ลบั ซับซ้อนมากจนทำให้ผใู้ ชง้ ง และร้สู กึ ไม่อยากใชง้ านตอ่ ไป

เว็บไซต์ที่จะใช้สร้างแอปพลิเคชัน ที่จะแนะนำในที่นี้สร้างได้ด้วยวิธีการ และขั้นตอนที่ง่ายชื่อว่า
Glide ที่จะช่วยจัดการในด้านการแสดงผลข้อมูลต่าง ๆ จาก Google Sheet ที่เรามีให้มาอยู่บน สมาร์ตโฟน
สามารถเลือกรูปแบบการแสดงผลได้หลากหลายแบบตามต้องการ โดยแค่เรามีข้อมูลใน Google Sheet
กเ็ ปล่ียนเปน็ Mobile App ไดง้ า่ ย ๆ

การสรา้ งแอปพลเิ คชนั ด้วย Glide App 2

การสร้างแอปพลิเคชัน
การลงชอ่ื เขา้ ใช้งาน

1. พิมพ์ https://www.glideapps.com/ ในชอ่ ง URL

2. คลกิ ทปี่ ุ่ม Log in

3. คลิก “Sign in with Google”

การสร้างแอปพลเิ คชนั ด้วย Glide App 3
4. เลอื กบญั ชีอเี มลที่จะลงช่ือเข้าใช้เพ่ือสรา้ งแอปพลิเคชนั (หากตอ้ งการใช้บญั ชีอีเมลอน่ื ให้เลือก
“ใช้บัญชีอนื่ ”)

5. คลกิ “อนุญาต”

การสรา้ งแอปพลิเคชนั ด้วย Glide App 4
6. เมื่อลงช่ือเข้าใชส้ ำเรจ็ ระบบจะนำเขา้ สูห่ น้าการสร้างแอปพลเิ คชัน

วิธีสร้างแอปพลเิ คชัน

1. คลกิ “New App”

การสรา้ งแอปพลเิ คชัน ด้วย Glide App 5
2. เลือกไฟล์ข้อมลู Google Sheet (ตอ้ งจัดเตรียมไฟลข์ อ้ มลู เป็น Google Sheet ไว้ก่อน อาจมา
จากการตอบแบบตอบข้อมูลจาก Google Form หรือนำข้อมูลจากแหล่งอื่นสร้าง Google Sheet โดยตรง
ก็ได้ แยก Sheet ไว้ตามเมนูแทบ็ )

3. คลกิ “Select”

การสร้างแอปพลิเคชนั ด้วย Glide App 6
4. โปรแกรมจะนำข้อมูลเขา้ สู่ระบบการสร้างแอปพลเิ คชนั

การสรา้ งแอปพลิเคชนั ด้วย Glide App 7

การปรบั แตง่ แอปพลิเคชัน

โลโก้แอปพลเิ คชนั
สามารถนำไฟล์ภาพท่ีสร้างเปน็ โลโกส้ ำหรับแอปพลิเคชัน ไว้แลว้ มาแทนทีโ่ ลโก้เดิม แนะนำให้สร้าง
ภาพในอัตราส่วน 1:1 มวี ิธีทำ ดังนี้
1. คลกิ ท่ีสญั ลกั ษณ์
2. คลกิ ที่ App Info

3. คลิกโลโกแ้ อปพลิเคชนั

การสร้างแอปพลิเคชนั ด้วย Glide App 8

4. คลกิ ป่มุ “Upload”

5. เลือกไฟลโ์ ลโก้
6. คลกิ “เปิด”

การสร้างแอปพลเิ คชนั ด้วย Glide App 9
7. ภาพโลโก้ทีน่ ำเขา้ จะปรากฏแทนภาพเดิม

8. เปล่ยี นชอ่ื แอปพลิเคชนั ในช่อง Name

การสร้างแอปพลิเคชัน ด้วย Glide App 10

เครื่องมอื

กลุ่มเครื่องมอื หลกั
กล่มุ เครอ่ื งมสี ำหรบั ใช้งาน แบ่งออกเปน็ 3 กลุ่ม ใหญ่ ๆ ดังน้ี

หมายเลข 1 สำหรับเชื่อมตอ่ ขอ้ มูล
หมายเลข 2 สำหรับดูผลลพั ธ์และปรบั แตง่ รายละเอียดแอปพลเิ คชัน
หมายเลข 3 สำหรบั ปรับแตง่ เคา้ โครงแอปพลิเคชนั
เคร่ืองมอื ยอ่ ยจากหมายเลข 1
เคร่ืองมอื ทีใ่ ชส้ ำหรบั ปรับแตง่ แอปพลเิ คชนั พลเิ คชนั จากหมายเลข 1 ประกอบดว้ ย
1. TABLES สำหรับเพมิ่ แท็บ

และยงั สามารถเพ่ิมคอลัมน์ในแตล่ ะ Sheet ได้เมื่อพบวา่ ข้อมลู ไม่สมบรู ณ์

การสร้างแอปพลเิ คชนั ด้วย Glide App 11
2. SOURCES สำหรับปรับปรงุ แกไ้ ขข้อมูล

เมอ่ื คลิกทชี่ อ่ื Google Sheet จะนำเข้าส่หู นา้ Sheet เพอ่ื ให้แกไ้ ข ปรบั ปรงุ เปล่ียนแปลง

เมอื่ มีการปรับปรงุ ข้อมูลแตล่ ะครั้ง สามารถกดปุ่ม เพอ่ื เป็นการเรยี กข้อมูลใหม่ให้แสดงผลเป็น
ปจั จุบนั เมอื่ มกี ารปรบั เปลี่ยนขอ้ มูลจากเมนู Edit Sheet

การสร้างแอปพลิเคชนั ด้วย Glide App 12
เครื่องมือยอ่ ยจากหมายเลข 2
1. TABS สำหรับปรบั แตง่ แทบ็ ท่ีสรา้ งข้นึ อาจเพม่ิ /ลบ/ปิด

2. SCREEN
3. DATA ข้นึ อยู่กับ Style ท่ีเลือกใช้ บาง Style อาจไม่มี Data

การสร้างแอปพลิเคชัน ด้วย Glide App 13
4. STYLE การเลือกใชต้ ้องเลอื กใชใ้ ห้เหมาะกบั ข้อมูลแตล่ ะประเภททจี่ ะนำเสนอ

การแสดงผลสามารถแสดงผลได้ทง้ั บนโทรศัพทส์ มาร์ตโฟน ระบบ Android และ IOS บนแทปเล็ต
และเคร่อื ง PC

การสร้างแอปพลิเคชนั ด้วย Glide App 14
เครอ่ื งมอื ยอ่ ยจากหมายเลข 3
Setting
ขอแนะนำเฉพาะ Appearance และ App Info เทา่ นั้น

Appearance
สามารถเปลีย่ นสีพ้นื หลังของแอปพลิเคชัน เปลย่ี นธีม และแบบตัวอกั ษร

การสร้างแอปพลเิ คชนั ด้วย Glide App 15

App Info
สามารถเปลีย่ น ICON และช่อื แอปพลเิ คชัน ตามที่แนะนำไว้เบ้อื งต้นแล้ว

การสรา้ งแอปพลเิ คชนั ด้วย Glide App 16

การเผยแพร่และการนำแอปพลิเคชันไปใชง้ าน

เมื่อสร้างแอปพลิเคชันสำเรจ็ แล้ว ถึงขั้นตอนของการนำไปเผยแพร่ให้แก่กลุ่มเป้าหมาย โดยระบบ
จะสร้างลิงก์สำหรบั แอปพลิเคชนั ให้โดยอตั โนมัติ ผสู้ ร้างสามารถเปลี่ยนชอื่ ลงิ กเ์ องได้ ดงั นี้

1. คลิก “PUBLISH” เพื่อทำการเผยแพรแ่ อปพลเิ คชนั

2. คลกิ “Publish app”

การสร้างแอปพลเิ คชัน ด้วย Glide App 17
3. พบลงิ กแ์ ละ QR Code ทรี่ ะบบสร้างให้

4. เปลี่ยนช่อื ลิงกต์ ามตอ้ งการ
5. คลกิ “Copy” นำลงิ ก์ หรอื QR Code ไปวางเพือ่ เผยแพร่

การสร้างแอปพลิเคชนั ด้วย Glide App 18
6. กรณีท่ตี อ้ งการนำลงิ กไ์ ปใชง้ านภายหลงั คลิก “SHARE” และทำตามข้ันตอนขอ้ ท่ี 5

7. ส่งลิงก์ให้กลุ่มเป้าหมายด้วยหมายเลขโทรศัพท์ ให้พิมพ์หมายเลขโทรศัพท์ ตามรูปแบบ
ตวั อยา่ ง ในช่อง SEND TO PHONE คลิก “Send”

8. ผรู้ บั จะไดร้ ับลิงก์ และสามารถเปิดใช้งาน หรอื ตดิ ต้ังลงในโทรศพั ท์ได้ทนั ที

หมายเหตุ 1. ข้นั ตอนข้อท่ี 1-2 ทำครง้ั แรกเพยี งครง้ั เดยี ว
2. หากมกี ารเปล่ียนแปลงแอปพลเิ คชนั ขอ้ มลู จะอัปเดตอัตโนมตั ิ

การสรา้ งแอปพลเิ คชนั ด้วย Glide App 19

การติดต้งั แอปพลิเคชนั บนโทรศัพท์สมารต์ โฟน

เมื่อสร้างแอปพลิเคชันเรียบร้อยพร้อมใช้งาน ก็สามารถติดตั้งบนโทรศัพท์สมาร์ตโฟน ทั้งระบบ
Android และ IOS เพอื่ เพ่มิ ความสะดวกในการใช้งาน มวี ิธีติดตง้ั ดงั น้ี

ระบบ Android
1. แตะลิงก์ของแอปพลิเคชนั

การสร้างแอปพลเิ คชนั ด้วย Glide App 20

2. แตะท่ีสัญลักษณ์
3. แตะ “เปดิ ดว้ ยแอพอนื่ ”

4. แตะ “ติดตั้งแอป”

การสร้างแอปพลเิ คชัน ด้วย Glide App 21

5. แตะ “ตดิ ตง้ั ”

6. แอปพลิเคชนั จะถกู ตดิ ตั้งบนหน้าหลกั ของโทรศัพท์สมาร์ตโฟนระบบ Android พร้อมใชง้ าน

การสรา้ งแอปพลเิ คชนั ด้วย Glide App 22

ระบบ IOS
1. แตะลิงก์ของแอปพลิเคชัน

2. แตะทส่ี ัญลักษณ์ ดา้ นบน

การสร้างแอปพลเิ คชัน ด้วย Glide App 23
3. แตะที่ “เปิดดว้ ยเบราว์เซอร์เรมิ่ ตน้ ”

4. แตะทส่ี ัญลักษณ์ ดา้ นล่าง

การสร้างแอปพลิเคชัน ด้วย Glide App 24

5. แตะ “เพิ่มไปยงั หนา้ จอโฮม”

6. แตะ “เพิม่ ”

การสรา้ งแอปพลเิ คชัน ด้วย Glide App 25
7. แอปพลเิ คชนั จะถกู ติดตัง้ บนหนา้ หลกั ของโทรศัพท์สมารต์ โฟนระบบ IOS พรอ้ มใชง้ าน

ตวั อยา่ งแอปพลเิ คชนั
https://appplication-64.glideapp.io/

การสรา้ งแอปพลิเคชัน ด้วย Glide App 26

ข้อควรระวัง

หากข้อมูลทน่ี ำมาลงิ กใ์ นแอปพลิเคชัน อย่บู น Google Drive ต้องแชรข์ ้อมูลให้เปน็ สาธารณะ

ข้อแนะนำ

เนื่องการสร้างแอปพลเิ คชนั จากเว็บไซต์ Glide ที่เราใช้งานแบบฟรี จึงมีโควต้าในการใชง้ านแบบ
จำกดั ท่สี ำคัญ ดังน้ี

1. ใชง้ านได้ 500 แถว (นบั รวมทุก Sheet ไม่นับแถวหัวขอ้ )
2. แกไ้ ขได้ 1,000 คร้งั /เดือน/แอปพลเิ คชนั

หากต้องการใชง้ านแบบเต็มรูปแบบไร้ขดี จำกัด แนะนำให้ UPGRADE