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

📸 แจกฟรี! App Script ระบบคลังรูปภาพกิจกรรมหน่วยงาน 🎉
ใช้งานได้จริง พร้อมโค้ดครบ! เหมาะสำหรับโรงเรียน หน่วยงานราชการ องค์กรต่างๆ

❗ระบบนี้แจกให้ใช้ฟรีเพื่อการใช้งานเท่านั้น
ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี

⸻

💡 มาดูภาพรวมการทำงานแบบเข้าใจง่าย:

ระบบนี้เป็น Web Application ที่ใช้

* Google Sheets เป็นฐานข้อมูล
* Google Apps Script เป็น Backend
* และโค้ดใน Canvas คือหน้าบ้าน (Frontend) สำหรับแสดงผล

⸻

🔹 ขั้นตอนการทำงานของระบบ

1️⃣ เริ่มโหลดหน้าเว็บ
เมื่อเปิดลิงก์ ระบบจะแสดงหน้าเว็บ พร้อมไอคอนโหลด
ขึ้นข้อความ “กำลังดึงข้อมูลกิจกรรม…”

2️⃣ ดึงข้อมูลจากหลังบ้าน
หน้าเว็บจะเรียกคำสั่ง
google.script.run.getGalleryData()
เพื่อไปดึงข้อมูลจาก Google Sheets (แท็บ Gallery)

3️⃣ จัดการข้อมูลก่อนแสดงผล

* แปลงลิงก์ Google Drive ให้แสดงรูปได้ทันที
* ป้องกันอักขระพิเศษ
* ตรวจสอบว่ามีข้อมูลหรือไม่

4️⃣ แสดงผลเป็นหน้า Gallery สวยๆ

* แสดงเป็นการ์ดรูปภาพ (Image Card)
* มีชื่อกิจกรรม วันที่ หมวดหมู่ รายละเอียด
* เรียงเป็น Grid รองรับมือถือ (Responsive)

5️⃣ คลิกดูรูปใหญ่ (Lightbox)

* คลิกภาพเพื่อดูแบบเต็มจอ
* ปิดได้ด้วยปุ่ม X / คลิกพื้นหลัง / กด ESC

⸻

📌 สรุปสั้นๆ:
เปิดเว็บ → ดึงข้อมูลจาก Sheet → แปลงลิงก์ → แสดงรูป → คลิกดูภาพใหญ่ได้ทันที

⸻