Web portal

Wednesday, 07 May 2025

ⓕ     𝕏     in

ภาพรวม

เว็บไซต์รวบรวมลิงก์สำหรับผู้ใช้บริการ

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

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

• แสดงลิงก์ในรูปแบบการ์ด
• บันทึกสถิติการกดลิงก์
• ระบบค้นหาลิงก์
• ระบบกรองลิงก์ตามหมวดหมู่
• รองรับการแสดงผลทุกหน้าจอ

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

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

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

การออกแบบระบบจะพัฒนาในรูปแบบเว็บแอปฯ เน้นการออกแบบ UI/UX ให้ง่ายในการใช้งานและจะต้องรองรับการแสดงผลทุกหน้าจอ ได้ต้องวิเคราะห์การเลือกภาษาโปรแกรมและเครื่องมือ ที่มีประสิทธิภาพในการทำงานและเหมาะสมกับทีมงานที่จะช่วยกันพัฒนาได้อย่างต่อเนื่อง

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

• 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

คุณสมบัติ

• สามารถค้นหาลิงก์
• สามรถกดกรองเพื่อแสดงผลตามหมวดหมู่
• รองรับการแสดงผลทุกหน้าจอ

ผลลัพธ์

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

รูปภาพ

ลิงก์

• Web portal