คู่มือ glide

1

โครงการ................................................... ณ .............................................. ระหวา่ งวนั ท่ี 23 – ชว่ งเชา้ วนั /เวลา 08.30 น.- 09.30 – 10.00 น. 10.00 – 12.00 น. 09.30 น. 23 ธนั วาคม พิธเี ปิด แนะนำประโยชนข์ องการ 2563 ลงทะเบียน โครงการ สร้างส่อื การเรยี นการสอน และการส่ือสารด้วย Google Apps • Google Chrome. • Google Gmail. • Google Drive & Google Folders. • Google Docs, Google Slide, Google Sheet, Google Forms,

2 ................................................................ ................................................... 24 ธนั วาคม 2563 ชว่ งบา่ ย 12.00–13.00 น. 13.00 – 17.00 น. 17.00 - 18.00 น. หลกั สตู ร Google Sheet Basic ข้ันตอนความคิด ▪ ชนดิ ขอ้ มลู Glide และ สร้างบัญชี ▪ การคำนวณพ้ืนฐานที่สำคญั ▪ การใชส้ ูตรตวั เลข ▪ การใชส้ ูตรข้อความ ▪ การอ้างองิ เซลลแ์ บบสมั พัทธ์ รับประทาน และ แบบตายตวั อาหารกลางวนั หลกั สตู ร Google form ▪ การใช้งาน Google Form (สร้างแบบทดสอบออนไลนด์ ้วย Google Form)

วนั /เวลา 09.00 – 10.00 น. 10.00 – 12.00 น. 12 24 ธันวาคม การเรมิ่ ตน้ Glideจะ - สร้างหน้าแอพ รับ 2563 แสดงรายการสว่ นที่ ตอ้ งการสรา้ ง • \"แทบ็ \" ใน Glide • เพ่ิมแท็บใหม่ (หรือเปล่ยี นชอื่ ) • สร้างแอปใหม่ใน • ชีข้ ้อมูล“ แหล่งที่มา” ไปที่ Glide จาก Google Sheet แผน่ งาน“ เก่ยี วกบั ” • เลือกไฟลส์ เปรด - แสดงรายละเอยี ดเหตกุ ารณ์ ชตี ใหม่ • UI ของแอปพรอ้ ม • จัดรูปแบบชอื่ เหตุการณห์ ลกั ขอ้ มูลผลลัพธ์ท่ี และคำอธบิ าย เชื่อมโยงกับสเปรด ชตี • เพ่มิ ส่วนประกอบ“ ชอื่ ” จาก “ +” • ช้ีแหล่งขอ้ มลู ไปทค่ี อลมั น์แผน่ งาน (“ event_title_title” “ event_title_sub”) กำหนดการอาจเปลย่ี นแปลงไดต้ ามความเหมาะสม

3 2.00 - 13.00 น. 13.00 – 16.00 น. 16.00 - 17.00 น. สรปุ การเรยี นรู้ - กำหนดการจัดงาน • จัดรูปแบบเคา้ โครงหน้าจอโดยใช้ โหมด \"รายการ\" • ดงึ ข้อมลู ท่คี ุณต้องการแสดง บประทานอาหาร • สว่ นประกอบ“ Title” เพอื่ รวม กลางวัน ชื่อหัวขอ้ เวลาและภาพหน้าปก • สว่ นประกอบ“ Rich Text” และ ช่ือ“ SPEAKER” - ส่งอเี มลถึงการสนบั สนนุ • เพ่มิ สว่ นประกอบ“ ปุม่ ฟอร์ม” ในหน้าคำถามทีพ่ บบอ่ ย • แกไ้ ขปุม่ \"คณุ ลกั ษณะ\" เลอื ก \"การดำเนินการ\" (\"แสดง แบบฟอรม์ \")

4 สร้าง Mobile App (no code) โดยใช้ Google Sheet & Glide วิธีที่สร้างแอพมือถือโดยไมม่ รี หสั ดว้ ยเทมเพลตแอพท่ีคุณสามารถใชไ้ ด้ 1. ข้นั ตอนความคิด Let 's ช่ือ app น้ี – Remote Confy แอพมอื ถอื สาหรบั ผจู้ ดั งานเสมอื นเพอ่ื จดั การขอ้ มูลกิจกรรม รายละเอยี ดการขายตว๋ั คาถามทีพ่ บบ่อยและการสนบั สนุนลูกคา้ ผูใ้ ชส้ ามารถดูตารางกิจกรรมซ้ือตว๋ั ออนไลน์และส่งอีเมลถึงผจู้ ดั งาน ในการเริ่มตน้ ฉนั จะแสดงรายการส่วนทฉี่ นั ตอ้ งการสร้าง: • ภาพรวมของขอ้ มลู และรายละเอียดกิจกรรม • ประเภทตว๋ั ราคาและการชาระเงิน • รายการลาโพงรูปโปรไฟลแ์ ละชีวประวตั ิ • กาหนดการกิจกรรมเวลาเซสชน่ั และหวั ขอ้ • รายการคาถามท่พี บบ่อย • ตดิ ตอ่ ฝ่ ายสนบั สนุนลูกคา้ ไปท่ีGlideและสร้างบญั ชีฟรี จากน้นั ไปที่Google Sheetและสร้างไฟล\"์ ฐานข้อมลู เหตกุ ารณ์ เสมือน\"ใหม่ เมื่อคุณเขา้ สู่ระบบและรบั รองความถูกตอ้ งท้งั สองบญั ชี:

5 • สร้างแอปใหมใ่ น Glide จาก Google Sheet • เลือกไฟลส์ เปรดชีตใหม่ ( คดั ลอกและใชต้ วั อยา่ งน้ี ) • คุณจะเห็น UI ของแอปพร้อมขอ้ มลู ผลลพั ธท์ เ่ี ชื่อมโยงกบั สเปรดชีต แอพ Glide จะเปลย่ี นสเปรดชีตของคณุ และส่งออกขอ้ มูลบน UI มอื ถือ กล่าวคอื คณุ จะตอ้ งสร้าง และอปั เดตสเปรดชีตเพ่ือเตมิ ขอ้ มูลเหล่าน้ีเพอ่ื กาหนดคา่ แอปของคุณ หากคุณไมต่ อ้ งการเร่ิมตน้ ใหมค่ ณุ สามารถคดั ลอกสเปรดชีตของฉนั ได้ สร้างแผ่นงานใหม่ในไฟลเ์ ดียวกนั แต่ละแผน่ มีฐานขอ้ มลู (ในวงเล็บ) ทเี่ ราตอ้ งการสาหรับแอป เหตกุ ารณ:์ • เกี่ยวกบั (รูปภาพเดน่ ชื่อเหตุการณ์คาอธิบายลงิ ก)์ • วิทยากร (ชื่อ บริษทั รูปถ่ายประวตั ิหวั ขอ้ เซสชนั่ ) • หุ้นส่วน (ช่ือ บริษทั โลโก)้ • กาหนดการ (เวลาเซสชน่ั หวั ขอ้ ช่ือผูบ้ รรยาย) • ตวั๋ (ประเภทตวั๋ ราคารายละเอยี ดการชาระเงิน) • คาถามท่ีพบบ่อย (รายการคาถามและคาตอบ) • คาถามทีพ่ บบอ่ ยในการป้อนขอ้ มูล (ชื่อ - นามสกลุ ของผใู้ ชอ้ ีเมลและคาถาม)

6 4. สร้างหนา้ แอพ เราจะตอ้ งสร้างหนา้ แอพ 4 หนา้ แยกกนั : เกีย่ วกบั กาหนดการลาโพงและคาถามทีพ่ บบ่อย แตล่ ะ หนา้ จะเช่ือมโยงไปยงั แผ่นงานและขอ้ มูลท่ีเก่ียวขอ้ งท่เี ราสร้างไวใ้ นข้นั ตอนที่ 3 ตรวจสอบใหแ้ น่ใจว่าคุณรีเฟรชฐานขอ้ มลู “ โหลดแผน่ งานใหม่” ใน Glide การดาเนินการน้ีจะ ซิงคเ์ อาตพ์ ุต Glide กบั ขอ้ มูลสเปรดชีตท่คี ุณอปั เดต เพิม่ แท็บใหมใ่ น Glide • ไปที่ \"แท็บ\" บนแถบดา้ นขา้ งทางซา้ ยใน Glide • เพ่ิมแทบ็ ใหม่ (หรือเปล่ยี นช่ือ) เช่น“ เกี่ยวกบั ” • ช้ีขอ้ มูล“ แหล่งทม่ี า” ไปท่ีแผ่นงาน“ เก่ียวกบั ”

7 5. แสดงรายละเอยี ดเหตกุ ารณ์ มาสรา้ งหนา้ \"เกี่ยวกบั \" กนั คณุ สามารถใส่ภาพปกช่ือเหตุการณ์คาอธิบายและป่ ุมต่างๆ เริ่มตน้ ดว้ ยการคลกิ \"เคา้ โครง\" บนแถบดา้ นขา้ งทางซา้ ยใน Glide จดั รูปแบบเคา้ โครงหนา้ จอโดยใช้ โหมด \"รายละเอียด\" จากน้นั : เพ่มิ “ ส่วนประกอบ +” ใหม่ • เช่นรูปภาพชื่อเร่ืองขอ้ ความพ้นื ฐานป่ ุมตวั คน่ั ชื่อเร่ือง Rich Text (และองคป์ ระกอบอ่ืน ๆ ทีค่ ุณเห็นว่าเหมาะสม) • แตล่ ะองคป์ ระกอบแสดงถึงบลอ็ กการออกแบบท่ีเช่ือมโยงกบั ขอ้ มูลจากแผ่นงาน“ เก่ียวกบั ”

8 • มาจดั รูปแบบชื่อเหตกุ ารณ์หลกั และคาอธิบาย • เพมิ่ ส่วนประกอบ“ ช่ือ” จาก“ +” • ช้ีแหล่งขอ้ มูลไปทีค่ อลมั นแ์ ผน่ งาน (“ event_title_title”“ event_title_sub”) • เพิ่มส่วนประกอบ \"รายการแบบอินไลน\"์ ในหนา้ เกี่ยวกบั

9 • ช้ีแหล่งขอ้ มูลไปทีแ่ ผ่นงาน (“ ลาโพง”) • ดึงขอ้ มูลลาโพงอน่ื ๆ ออกมา (ช่ือ บริษทั รูปถ่าย) ดาเนินการตอ่ ในหนา้ \"เกี่ยวกบั \" ตอนน้ีเราตอ้ งการสร้างป่ ุมซ้ือตวั๋ ท่ีเชื่อมโยงไปยงั ใบส่งั ซ้ือตว๋ั ตา่ งๆ (General vs. Expert Admission) ต่อไปน้ีคือข้นั ตอนเชิงตรรกะและมุมมองแอปเมอ่ื ผูใ้ ชค้ ลิกท่ีป่ ุม \"ตวั๋ \": • เห็นตวั๋ 2 ประเภท (เลือกมมุ มองตวั๋ ) • คลิกทตี่ วั เลอื กตว๋ั ใบท่ี 1 (มมุ มองการรับเขา้ ทวั่ ไป) • เห็นป่ ุม \"ซ้ือตวั๋ \" (มุมมองการเขา้ ชมทวั่ ไป) • เห็นหนา้ การชาระเงินภายนอก (การชาระเงินตวั๋ ) • เพิม่ ส่วนประกอบ“ ป่ ุม” ในหนา้ เกี่ยวกบั • แกไ้ ขป่ มุ \"คุณลกั ษณะ\" เลือก \"การดาเนินการ\" (\"ลิงกไ์ ปยงั หนา้ จอ\") • ช้ีแหลง่ ขอ้ มูลไปทีแ่ ผน่ งาน (“ ตว๋ั ”)

10 • จดั รูปแบบเคา้ โครงหนา้ จอโดยใชโ้ หมด \"รายการ\" • ดึงแหล่งขอ้ มูลท้งั หมดทีเ่ กี่ยวขอ้ งกบั ขอ้ มลู ตว๋ั (ประเภทราคารายละเอยี ด) • ในมมุ มองแอป“ การรบั เขา้ ทว่ั ไป” ใหเ้ พิ่มองคป์ ระกอบ“ ป่ มุ ” จาก“ +” • แกไ้ ขป่ มุ \"คณุ ลกั ษณะ\" เลือก \"การดาเนินการ\" (\"เปิ ดลงิ ก\"์ ) • ช้ี \"เป้าหมาย\" ไปท่ี \"การชาระเงินตว๋ั \" ท่ีมีลงิ ก์ Gumroad

11 ลองใชเ้ ทมเพลตแอพ (บนมือถือ / เวบ็ ) ท่นี ่ี 7. กาหนดการจดั งาน หนา้ กาหนดการจะแสดงรายการวาระการประชุมและหวั ขอ้ ตา่ งๆ ในการสร้างมมุ มอง กาหนดการให้ช้ีแหลง่ ขอ้ มูลไปที่แผน่ งาน \"กาหนดการ\" วิธีปรับแตง่ UI มือถือบน Glide: กาหนดค่าแทบ็ \"กาหนดการ\" • จดั รูปแบบเคา้ โครงหนา้ จอโดยใชโ้ หมด \"รายการ\" • ดึงขอ้ มลู ที่คุณตอ้ งการแสดง (หวั ขอ้ เวลา) • ส่วนประกอบ“ Title” เพื่อรวมช่ือหวั ขอ้ เวลาและภาพหนา้ ปก • ส่วนประกอบ“ Rich Text” และช่ือ“ SPEAKER” • คอมโพเนนต“์ List Relation” เพื่อเชื่อมโยงฐานขอ้ มลู ลาโพงทมี่ อี ยู่ (จะใชไ้ ม่ไดจ้ นกวา่ เราจะทาข้นั ตอนถดั ไป)

12 หวั ขอ้ เซสชนั แต่ละหวั ขอ้ สอดคลอ้ งกบั วิทยากรทกี่ าลงั นาเสนอหวั ขอ้ คณุ สามารถสร้าง ฐานขอ้ มูล Speakers (ช่ือชีวประวตั ิหวั ขอ้ headshot) และใชฐ้ านขอ้ มลู น้ีซ้าในฐานขอ้ มลู กาหนดการ • ไปทีไ่ อคอน \"ขอ้ มูล\" บนแถบดา้ นขา้ งทางซา้ ยใน Glide • ไปทีแ่ ท็บ \"กาหนดการ\" ในฐานขอ้ มูล • เพ่ิมคอลมั น์ + จากมุมขวาบนแกไ้ ขการต้งั คา่ ดา้ นลา่ ง

13 8. ส่งอเี มลถงึ การสนบั สนุนลูกคา้ ส่วนน้ีอาจรวมถึงคาถามที่พบบ่อยเช่นการซ้ือตวั๋ การขอคนื เงินและอืน่ ๆ ในการสร้างหนา้ น้ีคุณ สามารถช้ีแหลง่ ขอ้ มูลไปทแี่ ผน่ งาน \"คาถามทพ่ี บบ่อย\" และจดั รูปแบบการแสดงผลตามน้นั ผใู้ ชอ้ าจตอ้ งการถามคาถามเพม่ิ เตมิ ทไ่ี มร่ วมอยใู่ น FAQ ดงั น้นั เราสามารถสรา้ งแบบฟอร์มการ ตดิ ตอ่ เพื่อการน้ี • เพิ่มส่วนประกอบ“ ป่ ุมฟอร์ม” ในหนา้ คาถามที่พบบอ่ ย • แกไ้ ขป่ มุ \"คณุ ลกั ษณะ\" เลือก \"การดาเนินการ\" (\"แสดงแบบฟอร์ม\") • ช้ีป่ มุ แบบฟอร์มไปที่แหล่งขอ้ มูล“ อนิ พตุ : คาถามที่พบบ่อย” • สร้างช่องแบบฟอร์ม 3 ช่อง (ชื่อ - นามสกลุ อีเมลและคาถาม)

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36