Green Data Collector (GDC)

Friday, 02 May 2025

ⓕ 𝕏 in

ภาพรวม

เว็บแอปฯสำหรับใช้เก็บข้อมูลในหมวดต่างๆ ทางด้านสิ่งแวดล้อม เพื่อนำมาคำนวณคาร์บอนฟุตพริ้นท์

บทบาท/หน้าที่

ได้รับมอบหมายให้ออกแบบเว็บแอปฯในส่วนหน้าบ้าน เพื่อให้สามารถเก็บข้อมูล บันทึกข้อมูลได้อย่างถูกต้อง และพัฒนาหลังบ้านให้มีการประมวลผลข้อมูลได้อย่างรวดเร็วและถูกต้อง โดยให้สามารถทำงานเข้ากันได้กับส่วนหน้าบ้าน มีฟีเจอร์ดังนี้

ระบบ Login
การกำหนดสิทธ์
การเพิ่ม/ลบ/แก้ไข ข้อมูล
การแสดงกราฟ
การคำนวณค่า CF
การส่งออกข้อมูลเป็นไฟล์ CSV
รองรับการแสดงผลทุกหน้าจอ
ระบบอัตโนมัติ เพิ่มข้อมูลเริ่มต้นในแต่ละปี
บันทึก Log การเพิ่ม/ลบ/แก้ไข ข้อมูล
รองรับการแสดงผลทุกหน้าจอ

ปัญหา/ความท้าทาย

วิธีการเก็บข้อมูลหมวดต่างๆ ทางด้านสิ่งแวดล้อม เช่น ปริมาณการใข้ไฟฟ้า, ปริมาณการใช้น้ำ เป็นต้น ที่อยู่ในรูปแบบ Excel ซึ่งจะพบปัญหาความซ้ำซ้อนของไฟล์ข้อมูล ความถูกต้องของข้อมูล และข้อมูลอาจจะไม่เป็นปัจจุบัน จึงได้คิดวิเคราะห์ถึงความเป็นไปได้ที่นำระบบที่ได้พัฒนาขึ้นมา ใช้จัดเก็บข้อมูลและแก้ไขปัญหาที่เกิดขึ้น สามารถใช้เป็นข้อมูลในการใช้ตัดสินใจให้กับผู้บริหารได้แบบเรียลไทม์

แนวคิดการออกแบบ

การออกแบบระบบจะเน้นพัฒนาในรูปแบบเว็บแอปฯ เพราะจะมีส่วน Back office เพื่อใช้ใส่ข้อมูลต่างๆ ผ่านหน้าจอเบราว์เซอร์ จะทำได้ง่ายและสะดวก ได้วิเคราะห์ วางแผนการเลือกใช้ภาษาโปรแกรมและเครื่องมือที่จะสามารถนำมาพัฒนาได้อย่างเหมาะสมและนำมาใช้พัฒนา Hybrid App ได้อีกด้วย ปัจจัยที่สำคัญอีกอย่างหนึ่งก็คือการเลือกภาษาโปรแกรมและเครื่องมือที่นำมาใช้ จะต้องสามารถหาทีมงานที่จะเข้ามาช่วยในการพัฒนาระบบได้อย่างต่อเนื่องอีกด้วย

เทคโนโลยี/เครื่องมือ

Frontend: Vue.js (Nuxt) เป็น Framework ที่เป็นที่นิยม ง่ายในการใช้งานและมีประสิทธิภาพ
Backend: Node.js (Express) เป็น Framework ที่ได้รับความนิยม ใช้งานง่ายและมีประสิทธิภาพในการทำงาน
Database: PosgreSQL เหมาะสำหรับการจัดเก็บข้อมูลจำนวนมากๆ และมีประสิทธิภาพในการทำงานที่ดี
Styling: Bootstrap ใช้ออกแบบ UI/Responsive ของเว็บแอปฯ
DevOps: Docker ใช้สำหรับการ Deploy ระบบในส่วนของ API และใช้ Kong API ในการทำ Reverse proxy Frontend และ Backend

คุณสมบัติ

สามารถเพิ่ม/ลบ/แก้ไข ข้อมูลในหมวดต่างๆ
ระบบช่วยกรองและแสดงรายการในแต่ละรายเดือน ที่ยังไม่ได้มีการบันทึก
การค้นหาข้อมูลต่างๆ
Log บันทึกการ เพิ่ม/ลบ/แก้ไข
Dashboard การประมวลผลและแสดงข้อมูลต่างๆ แบบเรียลไทม์
- เปรียบเทียบค่า Emission กับปีก่อนหน้า
- แสดงค่า CF (เลือกปี)
กราฟประมวลผลและแสดงข้อมูลการใช้งานในหมวดต่างๆ
Export ค่า CF ตามปีที่เลือก ในรูปแบบ CSV
Analytic ข้อมูลจากการบันทึก

ผลลัพธ์

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