Shorten URL

Tuesday, 06 May 2025

ⓕ 𝕏 in

ภาพรวม

ระบบสร้างลิงก์สั้นสำหรับการประชาสัมพันธ์และการสื่อสาร

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

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

ระบบ Login
การสร้างรหัสเพื่อใช้เป็นลิงก์
การเพิ่ม/ลบ/แก้ไข ลิงก์
การแสดงผลในรูปภาพแบบคิวอาร์โค้ด
การดาวน์โหลดไฟล์รูปคิวอาร์โค้ด
การส่งลิงก์ไปยังอีเมล
สถิติการใช้งาน (จำนวนลิงก์และจำนวนการคลิกลิงก์)
การ Redirect URL
รองรับการแสดงผลทุกหน้าจอ

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

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

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

การออกแบบระบบจะเน้นพัฒนาในรูปแบบเว็บแอปฯ เน้นการออกแบบ 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

คุณสมบัติ

ย่อลิงก์ให้สั้น (ไม่มีวันหมดอายุ)
แสดงรายการลิงก์และจำนวนการคลิกลิงก์
สามารถ ลบ/แก้ไข ลิงก์ได้
การดาวน์โหลดไฟล์รูปคิวอาร์โค้ด
ส่งลิงก์ไปยังอีเมล
รองรับการแสดงผลทุกหน้าจอ

ผลลัพธ์

จากการออกแบบและพัฒนาระบบ Shorten URL จนแล้วเสร็จ ได้ถูกนำไปใช้งานอย่างแพร่หลาย ทำให้เกิดความสะดวกในการใช้งานและเพิ่มประสิทธิภาพในการทำงานมากยิ่งขึ้น โดยระบบสามารถย่อลิงก์ให้สั้นและสร้าง QR Code ในขั้นตอนเดียว การย่อลิงก์และการจัดการลิงก์ทำงานได้อย่างรวดเร็วและถูกต้อง ในส่วนของการเข้าลิงก์ที่ผ่านการย่อให้สั้นสามารถ Redirect ได้อย่างถูกต้องและรวดเร็ว