Tổng quan dự án

Chúng tôi đã thực hiện thay thế và phát triển lại hệ thống Web quản lý xe buýt đưa đón học viên trường dạy lái xe của khách hàng, vốn được phát triển bằng Java và vận hành trên trình duyệt PC, bằng nền tảng .NET. Ngoài việc vận hành ổn định trên trình duyệt PC truyền thống, chúng tôi đã hiện thực hóa khả năng tương thích với các thiết bị di động như điện thoại thông minh và các dòng điện thoại phổ thông (feature phone) khác.

Stack kỹ thuật đã sử dụng và tool phát triển

• Ngôn ngữ lập trình: ASP.NET, HTML5, CSS3
• Full-stack framework: .Net Framework
• Database: Microsoft SQL Server 2008 R2 Standard Edition
• Tool quản lý task: Excel

Vấn đề cần giải quyết của khách hàng

• Người sử dụng điện thoại di động gia tăng và sự không tương thích của hệ thống hiện tại
  Hệ thống hiện tại được xây dựng với tiền đề là sử dụng trên trình duyệt PC, không thể đáp ứng nhu cầu sử dụng của người dùng điện thoại thông minh ngày càng tăng. Hơn nữa, cần phải thiết kế lại hệ thống để các trang Web có thể hoạt động hiệu quả trên nhiều thiết bị di động có kích thước màn hình và khả năng vận hành khác biệt so với PC, chẳng hạn như điện thoại phổ thông. Việc hỗ trợ đa thiết bị này là một thách thức cấp bách trong việc nâng cao tính tiện dụng của hệ thống.

Yêu cầu của khách hàng

• Xây dựng hệ thống quản lý đặt chỗ xe buýt tương thích với cả PC và di động
  Khách hàng mong muốn xây dựng một hệ thống Web quản lý xe buýt đưa đón học viên trường dạy lái xe có thể sử dụng liền mạch từ cả PC và thiết bị di động (điện thoại thông minh, điện thoại phổ thông). Yêu cầu đặt ra là học viên sau khi đăng nhập vào hệ thống có thể thực hiện một loạt các thao tác đặt chỗ và quản lý một cách trực quan từ bất kỳ thiết bị nào, bao gồm “Chọn tuyến đặt trước” (lên lịch trình), “Chọn trạm đón” và “Chọn thời gian đón”.

Đề xuất và cách tiếp cận của chúng tôi

• Chi tiết hóa định nghĩa yêu cầu và thiết kế UI theo xu hướng ưu tiên di động (Mobile-first)
  Trước hết, chúng tôi đã tạo tài liệu thiết kế chi tiết dựa trên định nghĩa yêu cầu của khách hàng, làm nền tảng cho việc phát triển. Đồng thời, với tiền đề là hệ thống sẽ được sử dụng không chỉ trên PC mà còn trên nhiều thiết bị di động khác nhau, chúng tôi đã xúc tiến thiết kế layout màn hình được tối ưu hóa cho từng giao diện tương ứng.
• Phát hiện vấn đề trong giai đoạn thiết kế và cùng tìm kiếm UI/UX tối ưu
  Trong quá trình thiết kế và tạo layout, chúng tôi đã sớm phát hiện ra những điểm không tương thích (gây ảnh hưởng đến khả năng vận hành, lỗi hiển thị, v.v.), đặc biệt là với giao diện điện thoại thông minh. Đối với những vấn đề này, chúng tôi đã chủ động đưa ra các phương án thay thế và giải pháp tối ưu, đồng thời tích cực thảo luận với khách hàng để đạt được sự thống nhất về đặc tả kỹ thuật.
• Kiểm thử trên đa thiết bị bằng thiết bị thực và trình giả lập (Simulator)
  Trong giai đoạn phát triển, chúng tôi đã tiến hành kiểm thử hoạt động một cách cẩn thận trên trình duyệt PC và thiết bị điện thoại thông minh thực tế. Mặt khác, đối với các dòng điện thoại phổ thông, do việc mua thiết bị thực tế tại Việt Nam gặp khó khăn, chúng tôi đã sử dụng trình giả lập để thực hiện kiểm thử, qua đó đảm bảo chất lượng trên nhiều môi trường thiết bị đa dạng.