( P0005 ) เว็บแอพลงทะเบียนเข้าร่วมกิจกรรม บาท 1000 ราคา
- เกริ่น
ผู้เขียนมีจัดกิจกรรมเป็นครั้งคราว ส่วนใหญ่ก็จะเป็นการจัดแบบออนไลน์ผ่าน Google Meets ซึ่งก็จะเชิญชวนผู้ที่สนใจเข้าร่วมด้วย
จริงๆระบบอย่างนี้ใช้ Google Form ก็ได้ ง่ายด้วย แค่เพียงทำฟอร์มแล้วก็ให้ผู้สนใจเข้ามากรอกข้อมูล
แต่ถ้าใช้ Google Form หน้าตาของฟอร์มมันไม่มีเอกลักษณ์ ฉะนั้นผู้เขียนจึงทำเป็นเว็บแอพ ที่ใช้ดีไซน์ที่เป็นเอกลักษณ์ของตนเอง
- ภาพรวม
- ระบบพัฒนาโดยใช้ Google Apps Script ในรูปแบบของเว็พแอพ
- ใช้ไลบารี flatpickr สำหรับตัวเลือกวันที่
- เก็บข้อมูลใน Google Calendar (ไม่ได้เก็บข้อมูลใน Google Calendar เลย)
- ไลเซนส์
License : CC4.0 BY (https://creativecommons.org/licenses/by/4.0/deed.en)
หากนำไปพัฒนาต่อแล้วเผยแพร่สู่สาธารณะ จะต้องระบุที่มา
- ทดสอบใช้งานเว็บแอพ
- ทดสอบใช้งานแบบขึ้นระบบเอง
ผู้เขียนออกแบบการขึ้นระบบไว้ คงต้องรอผู้เขียนมาทำวิดีโออธิบาย ขึ้นระบบเองอาจจะยังทำไม่ได้ แม้ขั้นตอนจะไม่ได้ยาก แต่มันมีสิ่งที่เราต้องเซ็ตอัพก่อน
เมื่อก๊อปปี้ไฟล์ออกไป โค้ดจะติดไปกับไฟล์ด้วย
โค้ดบางส่วนจะถูกเข้ารหัส ระบบจะใช้งานได้ แต่จะแก้ไขโค้ดได้ยาก
สำหรับท่านที่สั่งซื้อโปรเจกต์นี้ไป จะได้โค้ด Apps Script ที่ไม่มีการเข้ารหัส
- ตัวอย่างหน้าตั้งค่า
สิ่งแรกที่ต้องทำในการใช้งานระบบคือการตั้งค่า ผู้เขียนแยก หน้าตั้งค่า ออกจาก หน้าแรก (หน้าลงทะเบียน) เพราะหน้าตั้งค่าเราจะต้องใช้งานได้คนเดียว ซึ่งการจะเข้าหน้านี้ได้ ผู้เขียนป้องกันโดยการใช้ Query String ต่อที่ด้านท้ายลิงค์ เช่น https://script.google.com/macros/s/.../exec?v=setting&pw=1234 ด้านหลัง v=setting&pw=1234 ก็คือ Query String ถ้าระบุมาผิดจะเข้าหน้าตั้งค่าไม่ได้ (เนื่องจากระบบนี้ ไม่มีระบบล็อกอินจึงต้องใช้วิธีนี้แทน)
เมื่อเข้า หน้าตั้งค่า มาแล้ว สิ่งที่เราต้องทำก็คือ
- สร้างกิจกรรม ซึ่งจะไปปรากฎใน Google Calendar ของเราด้วย หลังจากสร้างกิจกรรมแล้ว หากมีการแก้ไข ก็สามารถแก้ไขข้อมูลและ Save ตามปกติ
- กรอกไอดีของไฟล์ภาพปกที่อยู่ใน Google Calendar ภาพนี้จะกลายเป็นภาพปกของหน้าลงทะเบียน
หากต้องการเปลี่ยนรหัสผ่านเข้าหน้าตั้งค่า สามารถแก้ได้ที่โค้ดของ Google Apps Script
- ตัวอย่างหน้าแรก (หน้าลงทะเบียน)
หน้าแรก (หน้าลงทะเบียน) เป็นหน้าเว็บสำหรับเผยแพร่สู่สาธารณะ สำหรับให้ผู้สนใจ มากรอกอิเมล์แล้วก็ลงทะเบียน ขั้นตอนลงทะเบียนไม่มีอะไรซับซ้อน
รองรับการใช้งานบนหน้าจอโทรศัพท์
- ตัวอย่างกิจกรรมใน Google Calendar
ข้อมูลของระบบเก็บกิจกรรมใน Google Calendar รายละเอียดกิจกรรมในหน้าตั้งค่า จะเหมือนกับในกิจกรรมใน Google Calendar มีใครเข้าร่วมกิจกรรมบ้างก็จะปรากฎรายชื่อ แต่ในหน้าเว็บลงทะเบียน จะซ่อนบางส่วนของรายชื่อด้วยเครื่องหมาย * เพื่อป้องกันความเป็นส่วนตัว
