Southern Information
ภาพรวม
เว็บไซต์รวบรวมและจัดเก็บฐานข้อมูลท้องถิ่นภาคใต้
บทบาท/หน้าที่
ได้รับมอบหมายให้ออกแบบเว็บแอปฯเว็บไซต์รวบรวมและจัดเก็บฐานข้อมูลท้องถิ่นภาคใต้โดยมีฟีเจอร์ดังนี้
- ระบบ Login
- ระบบจัดการเนื้อหา
- ระบบเวอร์ชั่นของเนื้อหา
- ระบบกำหนดสถานะการแสดงผลของเนื้อหา
- ระบบอัพโหลดรูปภาพ
- ระบบนับจำนวนครั้งการอ่านเนื้อหา
- ระบบกำหนดหมุดลงบนแผนที่
- ระบบค้นหา
- รองรับการแสดงผลทุกหน้าจอ
ปัญหา/ความท้าทาย
การรวบรวมข้อมูลในเรื่องต่างๆของภาคใต้ในบริบทของหน่วยงานยังไม่มีการจัดทำขึ้นมาอย่างเป็นระบบและไม่ได้แบ่งออกเป็นหมวดหมู่ จากปัญหาที่เกิดขึ้นทำให้ได้จัดตั้งคณะกรรมและทีมงานมาช่วยกันรวมรวมข้อมูลและวางแผนพัฒนาเว็บไซต์ เพื่อใช้เป็นแหล่งรวบรวมและจัดเก็บฐานข้อมูลท้องถิ่นภาคใต้ของหน่วยงาน
แนวคิดการออกแบบ
ในช่วงเวลานั้นเทคโนโลยียังไม่ทันสมัยเท่าปัจจุบัน การออกแบบและพัฒนาจะเน้นใช้ Framework ได้เลือกใช้ Codeigniter เพื่อลดข้อผิดพลาดที่จะเกิดขึ้นกับระบบและให้ความสำคัญกับเรื่องความปลอดภัยของระบบมากที่สุด การออกแบบจะพัฒนาในรูปแบบเว็บไซต์ (CMS) ให้ง่ายในการใช้งานและจะต้องรองรับการแสดงผลทุกหน้าจอ ได้วิเคราะห์การเลือกภาษาโปรแกรมและเครื่องมือ ที่มีประสิทธิภาพในการทำงานและเหมาะสมกับทีมงานที่จะช่วยกันพัฒนาได้อย่างต่อเนื่อง
เทคโนโลยี/เครื่องมือ
- Frontend:
jQueryเป็น Library ที่เป็นที่นิยม ง่ายในการใช้งานและมีประสิทธิภาพ - Backend:
PHP (Codeigniter)เป็น Framework ที่ได้รับความนิยม ใช้งานง่ายและมีประสิทธิภาพในการทำงาน - Database:
MongoDBเหมาะสำหรับการจัดเก็บข้อมูลจำนวนมากๆ และมีประสิทธิภาพในการทำงานที่ดี - Styling:
Bootstrapใช้ออกแบบ UI/Responsive ของเว็บแอปฯ - DevOps:
Dockerใช้สำหรับการ Deploy ระบบในส่วนของ API และใช้ Kong API ในการทำ Reverse proxy Frontend และ Backend
คุณสมบัติ
- สามารถ เพิ่ม/ลบ/แก้ไข เนื้อหา
- สามารถย้อนเวอร์ชั่นของเนื้อหา
- กำหนดสถานะการแสดงผลของเนื้อหา
- สามารถอัพโหลดรูปภาพ
- สามารถค้นหาเนื้อหา
- แสดงผลข้อมูลของหมุดลงบนแผนที่
- รองรับการแสดงผลทุกหน้าจอ
ผลลัพธ์
จากการออกแบบและพัฒนารเว็บไซต์รวบรวมและจัดเก็บฐานข้อมูลท้องถิ่นภาคใต้จนเสร็จและได้เปิดให้บริการ ทำให้เกิดเป็นบริการใหม่กับหน่วยงาน ข้อมูลที่บันทึกสามารถใช้เป็นสื่อการเรียนรู้ให้กับผู้ใช้บริการได้ทุกที่ ทุกเวลา เพิ่มความสะดวกในการค้นหาข้อมูลได้อย่างง่าย เว็บไซต์สามารถทำงานได้อย่างถูกต้องและรวดเร็ว ทำให้เกิดประสบการณ์ที่ดีกับผู้ใช้บริการ
รูปภาพ

