รายละเอียดระบบ

📢 แจกฟรี! App Script ระบบปฏิทินกิจกรรมหน่วยงาน (Public Calendar)

วันนี้ขอมาแชร์ระบบ “ปฏิทินกิจกรรมหน่วยงาน” ที่พัฒนาเป็น Web Application ใช้งานได้จริง และที่สำคัญคือใช้เครื่องมือฟรีจาก Google ทั้งระบบ!

💡 เหมาะสำหรับ:
หน่วยงาน / โรงเรียน / องค์กร ที่ต้องการจัดการตารางกิจกรรมให้ดูง่าย ทันสมัย และเข้าถึงได้ทุกอุปกรณ์

⸻

🔧 โครงสร้างระบบ (System Architecture)

1️⃣ ฐานข้อมูล (Database) – Google Sheet
ใช้เก็บข้อมูลกิจกรรมทั้งหมด เช่น
• ชื่อกิจกรรม
• วันเริ่ม / วันสิ้นสุด
• รายละเอียด
• สีของกิจกรรม

👉 แก้ไขง่าย เพิ่ม/ลบ/ปรับข้อมูลได้เหมือนพิมพ์งานทั่วไป

⸻

2️⃣ ระบบประมวลผล (Backend) – Google Apps Script
ทำหน้าที่เป็น API เชื่อมระหว่างหน้าเว็บกับฐานข้อมูล

• doGet() → โหลดหน้าเว็บให้ผู้ใช้งาน
• getEvents() → ดึงข้อมูลกิจกรรมจาก Sheet
• addEvent() → บันทึกกิจกรรมใหม่ลงระบบ

⸻

3️⃣ ส่วนแสดงผล (Frontend) – HTML / CSS / JavaScript

• ใช้ Bootstrap 5 → รองรับมือถือ (Responsive)
• ใช้ FullCalendar.js → แสดงปฏิทินแบบสวยงาม
• ใช้ google.script.run → เชื่อมข้อมูลแบบไม่ต้องรีเฟรชหน้า

⸻

🔄 การทำงานของระบบ (Data Flow)

📌 กรณีดูปฏิทิน
• ผู้ใช้เปิดลิงก์
• ระบบโหลดหน้าเว็บ
• ดึงข้อมูลจาก Google Sheet
• แสดงผลบนปฏิทินทันที

📌 กรณีเพิ่มกิจกรรม
• กรอกข้อมูลผ่านฟอร์ม
• ระบบส่งข้อมูลไปบันทึกใน Sheet
• แสดงผลบนปฏิทินทันที (ไม่ต้องรีเฟรช)

⸻

✨ จุดเด่นของระบบนี้

✅ ใช้งานฟรี 100% (Serverless)
✅ ไม่ต้องเช่าโฮสติ้ง
✅ อัปเดตข้อมูลแบบ Real-time
✅ โครงสร้างเข้าใจง่าย แยก Frontend / Backend ชัดเจน
✅ พร้อมนำไปใช้งานจริง หรือพัฒนาต่อยอดได้ทันที

⸻

💬 ใครที่กำลังมองหาระบบปฏิทินใช้งานในหน่วยงาน
หรืออยากศึกษาแนวทางการทำ Web App ด้วย Google Apps Script
ตัวนี้ตอบโจทย์มากค่ะ
⸻