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

การสร้างแอปพลิเคชัน ดว้ ย 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

ทป่ี รกึ ษา คณะผู้จัดทำ

นายสังข์ กาญจนเพม่ิ พูน ผอู้ ำนวยการ สถาบนั กศน.ภาคตะวันออก
นางสาวธัญญ์ลกั ษณ์ ขจรสกลุ วงศ์ รองผอู้ ำนวยการ สถาบนั กศน.ภาคตะวนั ออก

เน้อื หา/รปู เลม่ สถาบนั กศน.ภาคตะวนั ออก

นางกัญญาทพิ เสนาะวงศ์

บรรณาธกิ าร สถาบัน กศน.ภาคตะวนั ออก

นางกมลชนก วสิ ษิ ฐดำรงคก์ ลุ

ประสานงาน สถาบัน กศน.ภาคตะวนั ออก
สถาบัน กศน.ภาคตะวันออก
นายวัชระ คำพรม

นายอภิเชษฐ์ ภูทองยอด