บทความนี้แสดงตัวอย่างระบบเว็บแอพที่พัฒนาด้วย Google Apps Script โดยใช้เครื่องมือเสริมเช่น Bootstrap 5.3, pdfMake และ DataTable สำหรับสร้างใบเกียรติบัตรจากข้อมูลใน Google Sheet ได้อย่างอัตโนมัติ
คุณสมบัติหลักของระบบ
- ออกแบบหน้าตาด้วย Bootstrap 5.3.7
- ดึงข้อมูลผู้เข้าอบรมจาก Google Sheet
- แสดงตารางข้อมูลด้วย DataTable (รองรับภาษาไทย)
- พิมพ์ใบเกียรติบัตรทีละรายการหรือทั้งหมดได้
- ใช้ฟอนต์ Sarabun (สารบัญ) สำหรับภาษาไทย
ตัวอย่างใบเกียรติบัตร
ตัวอย่างใบเกียรติบัตรที่สร้างจากระบบ มีโลโก้หน่วยงานอยู่ด้านบนกึ่งกลาง ใช้ฟอนต์ Sarabun ตามมาตรฐานเอกสารไทย พร้อมระบุชื่อ-หลักสูตร-วันอบรมอย่างชัดเจน
ฟอนต์ที่ใช้
โลโก้หน่วยงานที่ใช้
เทคโนโลยีที่ใช้
- Google Apps Script: สำหรับประมวลผลข้อมูลและเชื่อมต่อ Google Sheet
- pdfMake: สำหรับสร้าง PDF เกียรติบัตร
- Bootstrap 5.3.7: เพื่อออกแบบ UI ให้สวยงามทันสมัย
- DataTable: แสดงข้อมูลในรูปแบบตารางค้นหา/กรองได้
ตาราง Google Sheet
- ชื่อคาราง data
- หัวตาราง
ภาพรวม Dashboard
ด้านล่างคือตัวอย่างหน้าจอ Dashboard สำหรับจัดการและพิมพ์เกียรติบัตร
หมายเหตุ
ระบบนี้สามารถนำไปปรับใช้กับองค์กร สถานศึกษา หรือกิจกรรมอบรมต่าง ๆ ได้ทันที โดยไม่ต้องพึ่งพาเครื่องมือภายนอกเพิ่มเติม
Download
เผยแพร่โดย: GuruChian Dev