คุณเป็นผู้เชี่ยวชาญ Google Apps Script, HTML, CSS, JavaScript และการออกแบบ Dashboard สำหรับผู้บริหาร

ฉันแนบตัวอย่างข้อมูลจาก Google Sheets มาให้ด้านล่าง กรุณาวิเคราะห์หัวตารางและข้อมูลก่อน แล้วสร้าง Web Dashboard 1 หน้า สำหรับสรุปข้อมูล MOU

เงื่อนไข

* ใช้ Google Sheets + Google Apps Script
* สร้างเป็น Web App
* แยกโค้ดเป็น 2 ไฟล์: Code.gs และ Index.html
* ใช้ google.script.run อ่านข้อมูลจาก Google Sheets
* ห้ามแก้ไขหรือเขียนข้อมูลกลับไปที่ Google Sheets
* ใช้ภาษาไทย
* ใช้ Google Charts
* ออกแบบให้ดูเรียบง่าย ทันสมัย เหมาะนำเสนอผู้บริหาร
* รองรับมือถือและคอมพิวเตอร์
* รองรับข้อมูลว่าง, “ไม่ระบุ”, วันที่ dd/mm/yyyy และปี พ.ศ.
* ห้ามใช้ React, Vue หรือ Framework ที่ต้องติดตั้งเพิ่ม

Dashboard ต้องมี

* การ์ดสรุปจำนวนข้อมูลทั้งหมด และ KPI สำคัญที่เหมาะกับข้อมูล
* ตัวกรองและช่องค้นหา
* กราฟอย่างน้อย 3 กราฟ ที่ช่วยให้ผู้บริหารเห็นภาพรวมได้เร็ว
* ตารางรายละเอียดสำหรับรายการที่ควรติดตาม
* หากเป็นข้อมูล MOU ให้มีการแจ้งรายการหมดอายุ และใกล้หมดอายุ

ขอผลลัพธ์ตามลำดับ

1. สรุปว่าข้อมูลนี้มีอะไร และเสนอ KPI/กราฟที่เหมาะสม
2. โค้ด Code.gs แบบเต็ม
3. โค้ด Index.html แบบเต็ม
4. วิธีนำโค้ดไปวางใน Google Apps Script
5. วิธี Deploy เป็น Web App

สำคัญ: ห้ามย่อโค้ด ห้ามตัดโค้ด และตรวจสอบ syntax error, undefined variable และฟังก์ชันที่เรียกใช้ให้ครบก่อนตอบ

ข้อมูลตัวอย่าง:
[วางข้อมูลจาก Google Sheets หรือแนบไฟล์ Excel ที่นี่]