LibX

Monday, 28 Apr 2025

ⓕ 𝕏 in

ภาพรวม

Mobile App สำหรับผู้ใช้บริการห้องสมุดเพื่อใช้สแกนเข้า-ออก ห้องสมุดและยืมหนังสือ

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

ได้รับมอบหมายให้ออกแบบแอปฯในส่วนของ UX/UI ทุกหน้า และพัฒนาโมบายแอปฯ Front-end/Back-end ให้รองรับทั้ง Android/iOS ในส่วนฟีเจอร์ต่าง ๆ ดังนี้

ระบบ Login (OAuth2)
การสร้างคิวอาร์โค้ด เพื่อใช้สแกนเข้า-ออก
การดึงข้อมูลเพื่อแสดงค่าปรับจากการยืมหนังสือ ผ่าน API
การค้นหาข้อมูลหนังสือทุกวิทยาเขตของห้องสมุด
การสแกนยืม หนังสือด้วยตัวเอง
การดึงข้อมูลประวัติการยืมและรายการยืม ผ่าน API
การต่ออายุหนังสือ
การตั้งค่า Biometric เพื่อใช้สำหรับการเข้าใข้งาน
เมนูเลือกภาษา ไทย/อังกฤษ/จีน
การตรวจสอบตำแหน่งปัจจุบัน เพื่อกำหนดการยืมได้หรือไม่

รวมทั้งได้รับมอบหมายให้ Deploy แอปฯขี้น App store, Play store

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

ก่อนที่จะพัฒนาแอปฯ LibX ระบบห้องสมุดเดิมที่มีอยู่แล้ว ได้พัฒนาและให้บริการมานานมากแล้ว ทำให้ฟีเจอร์และภาษาทีใช้พัฒนามีความซับซ้อนและไม่ทันสมัย ซึ่งเป็นสิ่งที่ท้าทายในการพัฒนาแอปฯเพื่อให้สามารถใช้งานร่วมกันได้

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

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

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

Mobile App: Vue.JS (Quasar) สามารถใช้ในการพัฒนาได้หลายแพลตฟอร์ม เช่น Web App, Mibile App เป็นต้น
Styling: Tailwind CSS เป็นเครื่องมือที่ใช้งานง่าย มานำออกแบบ UI ได้อย่างสวยงามและมีประสิทธิภาพ
Backend: Node.JS (Fastify) (Node.JS) เป็น framework ที่มีประสิทธิภาพ รวดเร็ว และประหยัดทรัพยากร

คุณสมบัติ

ค้นหาหนังสือของห้องสมุดได้ทุกวิทยาเขต
สร้างคิวอาร์โค้ด สำหรับใช้สแกนเข้า-ออก
สร้างบาร์โค้ด สำหรับตรวจสอบสิทธิ์
ขำระค่าปรับ จากการยืมเกินกำหนด (ชำระผ่าน PromptPay Thailand)
อ่านหนังสือออนไลน์ผ่านแอปฯ
สแกนยืมหนังสือ ด้วยตนเอง
ดูประวัติการยืม/รายการยืม/ยืมต่อ
ตั่งค่า Biometric สำหรับการเข้าใข้งาน
ลงทะเบียนใบหน้า เพื่อใช้เข้า-ออก
รองรับภาษา ไทย/อังกฤษ/จีน

ผลลัพธ์

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

รูปภาพ

App store

Play store

LibX ​

ภาพรวม ​

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

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

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

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

คุณสมบัติ ​

ผลลัพธ์ ​

รูปภาพ ​

ลิงก์ ​