EP.116 ระบบบันทึกภาระงานประจำวัน ToDoList Update

Описание: แอปพลิเคชัน Todo List ที่พัฒนาด้วย Google Apps Script และ HTML/CSS/JavaScript โดยมีจุดเด่นและคุณสมบัติหลักดังนี้:
✅จุดเด่นของระบบ
✅ส่วนต่อประสานที่ทันสมัยและตอบสนองได้ดี (Responsive UI)
ออกแบบด้วย Bootstrap 5.3 และ CSS แบบกำหนดเอง รองรับการใช้งานทั้งบนเดสก์ท็อปและมือถือ
ใช้ฟอนต์ Kanit เพื่อความสวยงามและเหมาะสมกับภาษาไทย
รองรับการแสดงผลแบบ responsive โดยปรับตารางและเลย์เอาต์ให้เหมาะสมกับขนาดหน้าจอ

✅การจัดการข้อมูลด้วย Google Sheets
ข้อมูลทั้งหมดถูกเก็บใน Google Sheets ทำให้สามารถจัดการและเข้าถึงข้อมูลได้อย่างง่ายดาย
รองรับการเพิ่ม แก้ไข ลบ และอัพเดทสถานะของรายการภารกิจ
การอัปโหลดและจัดเก็บไฟล์ใน Google Drive
ผู้ใช้สามารถแนบไฟล์ที่เกี่ยวข้องกับภารกิจและบันทึกใน Google Drive พร้อมสร้างลิงก์สำหรับเข้าถึงไฟล์

✅การแจ้งเตือนผ่าน Telegram
มีฟังก์ชันส่งการแจ้งเตือนภารกิจคงค้างไปยัง Telegram โดยอัตโนมัติ ช่วยให้ผู้ใช้ไม่พลาดงานสำคัญ

✅ปฏิทินและการกรองข้อมูล
ใช้ jQuery UI Datepicker เพื่อเลือกวันที่และกรองภารกิจตามวันที่ได้อย่างสะดวก
แสดงจุดสีเขียวในปฏิทินสำหรับวันที่ที่มีภารกิจ

✅ตารางข้อมูลที่ยืดหยุ่นด้วย DataTables
ใช้ DataTables เพื่อแสดงข้อมูลในรูปแบบตารางที่สามารถค้นหา จัดเรียง และแบ่งหน้าได้
รองรับการแสดงผลแบบ responsive สำหรับหน้าจอขนาดเล็ก

✅การป้องกันด้วยรหัสผ่าน
มีฟังก์ชันตรวจสอบรหัสผ่าน (verifyPassword) เพื่อเพิ่มความปลอดภัยในการเข้าถึง
การจัดการข้อผิดพลาด
มีการจัดการข้อผิดพลาดที่ครอบคลุมด้วยการบันทึก log และการแจ้งเตือนผ่าน SweetAlert2

💥คุณสมบัติและสิ่งที่ระบบทำได้
ระบบนี้เป็นแอปพลิเคชันสำหรับจัดการ ภารกิจรายวัน ที่มีฟังก์ชันครบครัน ดังนี้:
✅การจัดการภารกิจ (Todo Management)
เพิ่มภารกิจ: ผู้ใช้สามารถเพิ่มภารกิจใหม่โดยระบุวันที่ เวลา ชื่อภารกิจ ความสำคัญ และแนบไฟล์ (ถ้ามี)
แก้ไขภารกิจ: แก้ไขข้อมูลภารกิจ เช่น วันที่ เวลา ชื่อ ความสำคัญ และไฟล์แนบ
ลบภารกิจ: ลบภารกิจออกจากระบบด้วยการยืนยันผ่าน SweetAlert2
เปลี่ยนสถานะ: สลับสถานะภารกิจระหว่าง "YES" (เสร็จสิ้น) และ "NO" (ยังไม่เสร็จ)


✅การอัปโหลดไฟล์
รองรับการอัปโหลดไฟล์ไปยัง Google Drive ในโฟลเดอร์ที่ชื่อ "TodoFiles"
สร้างลิงก์สำหรับไฟล์ที่อัปโหลด โดยตั้งค่าให้ทุกคนที่มีลิงก์สามารถดูได้

✅การจัดการข้อมูลใน Google Sheets
บันทึกข้อมูลภารกิจลงในชีตชื่อ Sheet1 ในรูปแบบ: ID, วันที่, เวลา, ชื่อภารกิจ, สถานะ, ความสำคัญ, ลิงก์ไฟล์
ดึงข้อมูลทั้งหมดหรือตามวันที่ที่เลือกมาแสดงในตาราง
รองรับการค้นหาข้อมูลตามชื่อภารกิจ วันที่ เวลา หรือระดับความสำคัญ

✅การแจ้งเตือนอัตโนมัติ
ฟังก์ชัน sendDailyNotification ส่งข้อความแจ้งเตือนภารกิจคงค้างไปยัง Telegram จากข้อมูลใน Sheet2
รองรับการจัดรูปแบบข้อความในรูปแบบ HTML เพื่อความสวยงาม


✅การแสดงผลและการกรองข้อมูล
แสดงข้อมูลในตารางที่สามารถค้นหาและจัดเรียงได้
กรองข้อมูลตามวันที่ผ่านปฏิทินหรือแสดงข้อมูลทั้งหมด
แปลงวันที่จาก ค.ศ. เป็น พ.ศ. เพื่อให้เหมาะสมกับผู้ใช้ชาวไทย


✅การจัดการ UI และ UX
ปฏิทิน: แสดงวันที่ที่มีภารกิจด้วยจุดสีเขียว
ตาราง: ปรับแต่งความกว้างคอลัมน์ให้เหมาะสม โดยเฉพาะคอลัมน์ "ภาระงาน" ที่ใช้ 60% ของความกว้าง
Responsive Design: ซ่อนคอลัมน์ที่ไม่สำคัญในหน้าจอขนาดเล็กและแสดงข้อมูลในรูปแบบ child row
การแจ้งเตือน: ใช้ SweetAlert2 เพื่อแสดงการแจ้งเตือนเมื่อบันทึก ลบ หรือเกิดข้อผิดพลาด
Loading Spinner: แสดงสถานะการโหลดข้อมูลเพื่อเพิ่มประสบการณ์ผู้ใช้

✅การรักษาความปลอดภัย
มีฟังก์ชันตรวจสอบรหัสผ่าน (verifyPassword) เพื่อควบคุมการเข้าถึง
การจัดการไฟล์ใน Google Drive ตั้งค่าให้เฉพาะผู้ที่มีลิงก์สามารถเข้าถึงได้

หากสนใจสนับสนุนระบบนี้ไปใช้ได้นะครับ
https://script.google.com/macros/s/AK...