7 Phân tích, thiết kế
7.3.3. Giao diện phân hệ tra cứu trên thiết bị di động
7.3.3.1. Màn hình chính
Hình 7.48 - Giao diện màn hình chính ứng dụng
Màn hình chính ứng dụng gồm một các chức năng như tra cứu, lược sử tra cứu, hướng dẫn sử dụng, giới thiệu về ứng dụng.
7.3.3.2. Màn hình lƣợc sử tra cứu
100
Màn hình lược sử tra cứu hiển thị 10 danh sách tra cứu gần đây nhất của người dùng. Các tra cứu mới nhất sẽ được hiển thị ở phía trên cùng. Trong màn hình này, người dùng cũng có thể chia sẻ thông tin tra cứu thông qua các ứng dụng như SMS, Facebook, Gmail mà thiết bị hỗ trợ, cũng như xem thông tin chi tiết kết quả tra cứu, gọi điện đặt vé.
Chọn lược sử tra cứu
Lấy danh sách tra cứu Màn hình lược sử tra cứu [khởi tạo]
Màn hình lược sử tra cứu [sẳn sàng]
Xem thông tin chi tiết Chia sẻ thông tin
Chọn ứng dụng tra cứu thông tin Màn hình ứng dụng chia sẻ
[khởi tạo] Màn hình thông tin tra cứu
[khởi tạo]
Hình 7.50 - Activity biểu diễn use case lược sử tra cứu
101
Hình 7.51 - Giao diện màn hình Giới thiệu
Màn hình trên giới thiệu thông tin về ứng dụng cũng như các chức năng chính mà ứng dụng hỗ trợ.
7.3.3.4. Màn hình hƣớng dẫn sử dụng
Hình 7.52 – Giao diện màn hình hướng dẫn sử dụng
102
7.3.3.5. Màn hình tra cứu
Hình 7.53 – Giao diện màn hình tra cứu
Người dùng cung cấp thông tin đầu vào như điểm đi, điểm đến, loại phương tiện (không bắt buộc), hãng (không bắt buộc), ngày tra cứu sau đó thực hiện tra cứu, màn hình danh sách các phương tiện thỏa mãn sẽ được hiển thị.
103
Tra cứu
Xem khuyến mãi Xem phim giới thiệu hãng
Xem thông tin hãng Xem đối tượng miễn giảm Chọn phương tiện
Màn hình hiển thị phương tiện [Khởi tạo]
Màn hình giờ chạy tàu, xe [Khởi tạo]
Chia sẻ thông tin tra cứu
Màn hình tin khuyến mãi [Khởi tạo] Màn hình phim về hãng [Khởi tạo] Màn hình ứng dụng chia sẻ [Khởi tạo] Chọn ứng dụng chia sẻ
104
Hình 7.55 - Giao diện màn hình danh sách phương tiện
Tiếp theo người dùng chọn một phương tiện muốn đi, thông tin về giờ chạy (thời
gian đi, thời gian đến) cũng như thông tin hãng sẽ được hiển thị.
105
Tra cứu
Xem khuyến mãi Xem phim giới thiệu hãng
Xem thông tin hãng Xem đối tượng miễn giảm Chọn phương tiện
Màn hình hiển thị phương tiện [Khởi tạo]
Màn hình giờ chạy tàu, xe [Khởi tạo]
Chia sẻ thông tin tra cứu
Màn hình tin khuyến mãi [Khởi tạo] Màn hình phim về hãng [Khởi tạo] Màn hình ứng dụng chia sẻ [Khởi tạo] Chọn ứng dụng chia sẻ
Hình 7.57 - Activity biểu diễn Use case xem giờ chạy tàu, xe
106
Hình 7.58 - Giao diện màn hình thể hiện lộ trình
Để xem thông tin về lộ trình, người dùng chọn chức năng lộ trình. Thông tin chi tiết về lộ trình sẽ được hiển thị.
Chọn chức năng xem l ộ trình tàu/xe
M àn hình xem l ộ trình tàu/xe [Khởi tạo]
Lấy thông ti n l ộ trình tàu/xe
M àn hình xem l ộ trình tàu/xe [Sẳn sàng]
T ra cứu gi ờ chạy tàu/xe
M àn hình danh sách phương ti ện [Sẳn sàng]
Chọn phương ti ện
M àn hình thể hi ện gi ờ chạy [Khởi tạo]
107
7.3.3.7. Màn hình thể hiện giá vé
Hình 7.60 - Giao diện màn hình thể hiện giá vé
Để xem thông tin về giá vé, người dùng chọn chức năng xem giá vé. Thông tin chi tiết về giá vé sẽ được hiển thị. Ở màn hình này, người dùng có thể chọn số lượng từng loại vé muốn đi, ứng dụng cho phép tính tổng số tiền tương ứng. Bên cạnh đó người dùng cũng có thể xem số điện thoại đặt vé hoặc gọi điện đặt vé, hình ảnh của phương tiện.
108
[Excepti on] [Success]
T ra cứu gi ờ chạy tàu/xe
Gọi đặt vé Có số đặt vé Gọi đi ện T hông báo Màn hình danh sách phương ti ện [Sẳn sàng] Chọn phương ti ện Màn hình thể hi ện gi ờ chạy [Khởi tạo]
Chọn xem gi á vé tàu/xe Màn hình xem gi á vé tàu/xe [Khởi tạo]
Lấy thông ti n gi á vé Màn hình xem gi á vé tàu/xe
[Sẳn sàng]
T ính ti ền với số l ượng vé chọn
109
7.3.3.8. Màn hình thể hiện lộ trình trên bản đồ
Hình 7.62 - Giao diện màn hình thể hiện lộ trình trên bản đồ
Màn hình này thể hiện lộ trình từ điểm khởi hành đến điểm kết thúc chuyến đi trên bản đồ Google Map kèm khoảng cách tương ứng.