II. Nội dung cụ thể
b. Giao diện đặt xe
- Tên giao diện: Cài đặt định vị bản đồ - Người sử dụng là khách hàng
- Nhiệm vụ : Xác định được vị trí hiện tại của khách hàng thông qua định vị GPS - Tiền điều kiện: Đăng nhập ứng dụng thành công
- Điều kiện sử dụng giao diện : Hiển thị bản đồ nhưng chưa cập nhật được vị trí (bộ định vị đang tắt hoặc chặn ứng dụng)
- Giải thích giao diện :
Sau khi đăng nhập cập nhật vị trí hiện tại rồi trả về giao diện đặt xe . Trong quá trình suốt sẻ thì thực hiện như thế nhưng nếu phần mềm có chút trục trặc trong quá trình xác định vị trí thì mình phải sử dụng cách thủ công để bật GPS . Khi chuyển qua giao diện cài đặt vị trí sẽ có 1 thông báo hiện lên (Alert) . Có nút “Hủy” , “Có” để thực hiện việc có hay không sử dụng cài đặt GPS thủ công. Thanh công cụ lúc này bị vô hiệu hóa chỉ được lựa chọn “Hủy hoặc Có”
Hình ảnh minh họa Giải thích Điều hướng đến trang chủ Điều hướng đến lịch sử Điều hướng đến trang ưu đãi
Nút hiển thị menu cá nhân (Giao diện lựa chọn tổng quan) Hiển thị điểm bắt đầu của hành trình . Nhấn vào sẽ qua giao diện nhập Hiển thị điểm kế thúc của hành trình. Nhấn vào sẽ qua giao diện nhập
b. Giao diện đặt xe
- Tên giao diện : Đặt xe
- Người sử dụng : Khách hàng sử dụng phần mềm
- Nhiệm vụ : Sử dụng để đặt xe phục vụ công việc di chuyển của khách hàng
- Điều kiện : Xác định được vị trí hiện tại Hình ảnh minh họa Giải thích
Hiển thị vị trí hiện tại
Đưa bản đồ về vị trí hiện tại làm tâm Điểm ưu đãi đang có
Bản đồ hiển thị vị trí của khách hàng, hoạt động và vị trí của lái xe
c. Giao diện nhập điểm đến và điểm đi
- Tên giao diện : Nhập điểm đến điểm đi
- Người sử dụng : Khách hàng sử dụng phần mềm
- Nhiệm vụ : Sử dụng để xác định chính xác điểm đến điểm đi
- Tiền xử lý : Hiển thị giao diện đặt xe - Giải thích giao diện :
Sau khi chọn vào textbox ( )
Các đường viền được thêm hiệu ứng đổ bóng để làm nổi bật các khối. Làm cho mình có thể nhận biết được những nhóm có họ với nhau.
Hình ảnh minh họa Giải thích giao diện
Button để quay về giao diện đặt xe Khung nhập cũng như hiển thị điểm đến và điểm đi . Chọn điểm bằng những địa điểm thường xuyên tới Hiện thị lịch sử gần đây đã đi .
Header hiển thị việc đang tiến hành nhập điểm đến hay điểm đi Vị trí được chọn khi di chuyển bản đồ theo tâm
Nút xác nhận chọn vị trí
d. Giao diện hiển thị đường đi
- Tên giao diện : chọn loại xe
- Người sử dụn : Khách hàng sử dụng phần mềm - Nhập vụ : Hiển thị loại xe , giá cả
- Điều kiện : Hoàn thành việc nhâp điểm đến và đi
Hình ảnh minh họa Giải thích giao diện
Xác định vị trí của điểm bắt đầu
Điểm đến khách hàng lựa chọn
Button chuyển sang giao diện thông tin đặt xe
Tuyến đường lựa chọn đi
e. Giao diện chọn nội dung chuyến đi ( Loại phương tiện, phương thức thanh toán, ưu đãi)
-Tên giao diện : chọn nội dung chuyến đi
-Người sử dụng : Khách hàng sử dụng phần mềm
-Nhập vụ : Hiển thị loại xe, giá cả, ưu đãi và phương thức thanh toán
-Điều kiện : Thực hiện thao tác “Đặt xe”
Hình ảnh minh họa Giải thích giao diện
Lựa chọn loại xe phù hợp với nhu cầu của bạn cho lộ trình Phương thức thanh toán: tài khoản, tiền mặt.
Button chuyển sang giao diện tìm kiếm tài xế
Ưu đãi
Hẹn giờ nếu như chưa muốn đi ngay
f. Giao diện chọn nội dung chuyến đi ( Loại phương tiện, phương thức thanh toán, ưu đãi)
-Tên giao diện : Tìm kiếm tài xế
-Người sử dụng : Khách hàng sử dụng phần mềm -Nhập vụ : Hiển thị hoạt động tìm kiếm tài xế phù hợp -Điều kiện : Thực hiện thao tác “Đặt xe”
Giải thích giao diện: Giao diện bổ sung thêm hình ảnh quét tìm kiếm tài xế trên khu vực xung quanh.
Ấn button “HỦY” để hủy quá trình tìm kiếm tài xế và quay trở lại trang trước.
g. Giao diện chọn nội dung chuyến đi ( Loại phương tiện, phương thức thanh toán, ưu đãi)
-Người sử dụng : Khách hàng sử dụng phần mềm
-Nhập vụ : Hiển thị hoạt động vị trí thông tin liên quan đến xe và tài xế
-Điều kiện : Đã xác định được tài xế đặt xe
h. Giao diện quá trình đi
-Tên giao diện : Quá trình đi
-Người sử dụng : Khách hàng sử dụng phần mềm
-Nhập vụ : Hiển thị hoạt động vị trí của xe đang đi và thời gian dự tính hoàn thành chuyến đi
-Điều kiện : Tài xế đã xác nhận đón khách.
Hình ảnh minh họa Giải thích giao diện
Thông tin tài xế gồm: Tên, số điện thoại và biển số xe đang sử dụng
Phương thức thanh toán: tài khoản, tiền mặt.
Button chuyển sang giao diện tìm kiếm tài xế
Ưu đãi
Hẹn giờ nếu như chưa muốn đi ngay
3.3.1.3. Thiết kế kịch bản
Người đặt xe Phần mềm Giao diện
Luồng 1 : Chọn chứu năng đặt xe công nghệ
Chuyển sang giao diện hiển thị bản đồ, giao diện tìm vị trí , nhập điểm đi và điểm đến. Luồng 1.1 : Xác định được vị trí trên bản đồ Luồng 1.2 : Bật Hệ thống sử dụng định vị GPS tự động cập nhật vị trí hiện tại của khách hàng trên bản đồ
định vị GPS
Hệ thống tự động yêu cầu thông báo cho khách hàng bật định vị GPS. Luồng 1.2.1: Không bật định vị trở về giao diện chính Luồng 1.2.2: Lựa chọn bật định vị Nếu khách hàng chọn “Hủy” trở về trang chủ mà không cập nhật vị trí của người dùng Nếu người dùng chọn “Có” tiến hành bật định vị và cập nhật vị trí của khách hàng trên bản đồ.
Luồng 2 : Chọn điểm đón, điểm đón bằng cáchDi chuyển vị trí trên bản đồ.
Thay đổi vị trí con trỏ trên bản đồ để chọn vị trí và cập nhật trên ô địa chỉ đón và đến Luồng 2.1 :Lựa chọn tìm điểm đón và điểm đến bằng cách nhập bàn phím(nếu chọn ô điểm...)
Chuyển sang giao diện nhập điểm đến và điểm đón bằng văn bản
Luồng 2.1.1 : Lựa chọn tìm điểm đón
Hiện giao diện tìm điểm đón và các gợi ý. - Có thể nhập bằng cách sử dụng các vị trí trong gợi ý - Nhập bằng bàn phím
Luồng 2.1.2 : Lựa chọn tìm điểm đến
Hiện giao diện tìm điểm đến và các gợi ý. - Có thể nhập bằng cách sử dụng các vị trí trong gợi ý - Nhập bằng bàn phím Thực thi 2.2 : Ấn nút trở về Trở về trạng thái trước đó mà không cập nhật nội dung điểm đến hoặc điểm đón đã nhập
Luồng 2.3 : Đã nhập điểm đến hoặc điểm đón lựa chọn nút “Xác nhận” Trở về trang chính đặt xe và cập nhật vị trí điểm đón và vị trí điểm đến vào ô điểm đón
và điểm đến
Nếu dầy đủ điểm đến và điểm đón hiện đường đi, khoảng cách lên giao diện
Luồng 3: Truy cập giao diện “Đặt xe” lựa chọn nội dung chuyến đi(...) Ấn nút đặt xe trên màn hình.
Hiển thị giao diện lựa chọn nội dung chuyến đi(Loại xe, hình thức thanh toán, Ưu đãi áp dụng)
Luồng 4.Ấn đặt xe để xác nhận đặt xe để xác nhận
thông tin đã lựa chọn
Chuyển chế độ màn hình sang màn hình tìm kiếm tài xế .
Chưa tìm thấy xe : Màn hình chế độ chờ tìm xe
Luồng 4.1: Chờ tìm tài xế
Thông báo xác định được tài xế thực hiện chuyến đi. Hiển thị thông tin tài xế và thông tin cần thiết cho chuyến đi
Luồng 4.2: Hủy tìm kiếm tài xế- Kết thúc quá trình tìm kiếm tài xế. Ân nút
(Hỏi lý do) Trở về iao diện trang xác định nội dung chuyến đi phía trước
Luồng 4.3. Chọn ưu đãi
Hiển thị các lựa chọn ưu đãi dành cho khách hàng trong quá trình sử dụng.
Thực thi 5.1: Áp dụng ưu đãi vào quá trình đặt xe. Trở lại về trang trước(lộ trình xe).
Luồng 4.4: Lựa chọn hình thức thanh toán
Hiển thị giao diện lựa chọn hình thức thanh toán . Giúp cho khchs hàng có thể lựa chọn hình thức thanh toán thuận tiên nhất
Luồng 4.5: Lựa chọn tính năng
Điều hướng giao diện về giao diện hèn giờ
hẹn giờ nếu khách hàng muốn đặt xe trước Luồng 4.5: Trở về
Khách hàng muôn thoát khỏi giao diện hoặc muốn thay đổi vị trí điêm đón và điểm đến có thể trơ về trang phía trước
Luồng 5: Xác nhận thông tin tài xế và đặt xe cho chuyến đi
Hiên thị giao diện quá trình tài xế trên đường đến đó và quá trình di chuyển
Luồng 6: Xác nhận hoàn thành chuyến đi và đánh giá
3.3.1.3. Lỗi trong quá trình sử dụng hệ thống
STT Hiện tượng lỗi Cách khắc phục
1 Lỗi nhầm hoặc không tìm thấy địa điểm khi nhập địa điêm đón và đến
Trong giao diện đã thiết kế chỉ sử dụng các nút lựa chọn là chủ yếu và chọn ra phương pháp là từ bước một nên khó để gây ra lỗi. Tuy nhiên việc chọn địa điểm đón và đến thông qua kênh nhập còn gây ra lỗi như xác định vị trí sai so với thực tế hiện tại hoặc không thể xác định được vị trí.
-Cập nhật các đơn vị địa lý hành chính tên bản đồ thường xuyên.
-Áp dụng định vị và bản đồ mới nhất.
-Gợi ý vị trí tìm kiếm cho khách dựa vào các vị trí có sẵn trong dữ liệu.
-Thông báo không thể tìm thấy vị trí này trên bản đồ
2 Lỗi cập nhật vị trí hiện tại của khách hàng chưa chuẩn sác
Trong quá trình sử dụng ứng dụng không thê tránh khoi lỗi cập nhật vị trí hiện tại không chuân xác. Nguyên nhân có thể do chưa bật định vị, lỗi định vị, lỗi phần cứng thiết bị.
Có thể khắc phục abừng cách thường xuyên Update phần mềm, thông báo cho khách hàng kiểm tra lại thông tin vị trid hiện tại nếu cần thiết.
Yêu cầu lái xe có thê liên hệ khách hàng xác nhật vị trí trước khi tới đón khách.
3 Nhập vị trí điểm đến hoặc điểm đón sai hoặc không tìm thấy
Nhập điểm đến, điểm đi không đúng định dạng , hoặc là không có. Hệ thống lập tức kiểm tra và thông báo cho người dùng trên giao diện và cho phép người dùng nhập lại. Nguyên nhân do người dùng chưa hiểu biết về hệ thống cố tình làm sai.
4 Nhập điểm đến chưa
nhập điểm đi. Chỉ cho phép quay trở lại màn hình trước.Hoặc ở nguyên giao diện nhập điểm để hoàn thiện sau đó mới cho chuyển đến các bước tiếp theo. Tắt nút ấn bước tiếp theo”Đặt xe’ 5 Vị trí di chuyển quá gần Nhập điểm đi, điểm đến trùng nhau hoặc quá
gần. Khắc phục thông báo không chấp nhận kết quả và trả về giao diện đặt xe ban đầu. 6 Thời gian đợi tìm kiếm tài
xế quá lâu
Giới hạn thời gian tìm kiếm tài xế. Sau mỗi lần hết thười gian tìm kiếm hiện thông báo
hỏi ý kiến khach hàng muốn tìm kiếm tiếp hay không.
Nếu” Có” tiếp tục tìm, nếu ‘không’ quay trở lại trang đặt xe phía trước đó.
3.3.2. Chức năng thanh toán- Nguyễn Thành Trung. 3.3.2.1. Mô hình giao diện
a. Giao diện tiền thanh toán:
+ Tên giao diện: Tiền thanh toán. + Đối tượng sử dụng: Người dùng.
+ Nhiệm vụ: Hiển thị hình thức thanh toán với người dùng.
+ Tiền điều kiện: Người dùng đăng nhập thành công, bật định vị, nhập xong vị trí của mình và điểm đến.
+ Giải thích giao diện:
Giao diện này nằm trong phần chức năng “Đặt xe” nhưng trước khi nhấn nút “Đặt xe” người dùng phải trải qua hình thức thanh toán, nên giao diện này được gọi là giao diện “Tiền thanh toán”. Giao diện này được hiểu là giao diện trước khi chọn hình thức thanh toán, ngay khi vừa chọn xong điểm đến. Mục “Tiền mặt” được coi là hình thức thanh toán mặc định của hệ thống dành cho người dùng.
Giao diện gồm có:
- Lời chào của hệ thống ở trên cùng giao diện , tạo cảm giác dễ chịu, thoải mái và thân thiện với người dùng. Bên cạnh lời chào hiển thị thể hiện điểm tích lũy của người dùng khi sử dụng hệ thống. Điểm tích lũy này có được khi người dùng sử dụng dịch vụ của MTA và sẽ tăng lên theo mỗi chuyến đi của người dùng. Khi điểm tích lũy đạt tới một mức nào đó người dùng có thể dùng nó để quy đổi thành tiền nhằm giảm chi phí chuyến đi tiếp theo.
- Vùng ngay bên dưới của lời chào hệ thống và số xu tích lũy là vùng giao diện hiển thị bản đồ chứa quãng đường mà người dùng đã nhập trước đó, giúp người dùng dễ quan sát được hành trình của mình hơn.
- Vùng giao diện dưới bản đồ là các dịch vụ của MTA bao gồm: MTABike
, MTACar 4 chỗ , MTATaxi và MTACar 7 chỗ
- mục “Tiền mặt” - là sự lựa chọn của người dùng.
- mục “Hẹn giờ” - là yêu cầu về thời gian đón của người dùng. - mục “Ưu đãi” - hiển thị tất cả những ưu đãi khuyến mại mà người
dùng có thể sử dụng.
- Ngoài ra còn có thêm mục bổ sung -
- Vùng dưới cùng hiển thị hình thức thanh toán mặc định của hệ thống MTA -
, cụ thể ở đây là tiền mặt; và button
“Đặt xe” - khi người dùng hoàn tất các bước của mình.
b. Giao diện khi chọn vào button “Tiền mặt”:
+ Tên giao diện: Hình thức thanh toán. + Đối tượng sử dụng: Người dùng.
+ Nhiệm vụ: Thay đổi hình thức thanh toán.
+ Tiền điều kiện: Người dùng đăng nhập thành công, bật định vị, nhập xong vị trí của mình và điểm đến.
+ Giải thích giao diện:
Khi người dùng chọn vào button “Tiền mặt” - , hệ thống sẽ chuyển sang giao diện “Hình thức thanh toán”. Tại đây, người dùng có thể thay đổi hình thức thanh toán của mình.
Giao diện gồm có:
- là tên của giao diện khi người dùng bấm vào button “Tiền mặt”.
- Button để trở về giao diện đặt xe. - Phía dưới gồm có 2 hình thức thanh toán là
và
+ Đối với hình thức thanh toán khả dụng, đó là những hình thức thanh toán trực tiếp, nhanh, không cần thông qua một phần mềm hay ứng dụng trung gian thứ 3, đó là hình thức thanh toán và
+ Đối với thêm hình thức thanh toán, hệ thống cung cấp thêm một số app trung gian thứ 3 để người dùng có thể thanh toán như , và
- biểu thị loại hình thanh toán mà người dùng đã chọn, cụ thể ở đây người dùng đã chọn thanh toán bằng tiền mặt.
c. Giao diện khi chọn vào button bổ sung ( ): + Tên giao diện: Tùy chọn.
+ Đối tượng sử dụng: Người dùng.
+ Nhiệm vụ: Thêm ghi chú và gửi yêu cầu xuất hóa đơn đến cho tài xế. + Tiền điều kiện: Người dùng đăng nhập thành công, bật định vị, nhập xong vị trí của mình và điểm đến.
Tại đây người dùng có thể gửi ghi chú cho tài xế lái xe cũng như yêu cầu xuất hóa đơn thanh toán chuyến đi của mình nếu muốn.
Giải thích giao diện:
- là tên của giao diện khi người dùng bấm vào button
.
- Button để trở về giao diện đặt xe.
- Giao diện được chia là 2 phần: + Phần 1: Ghi chú cho tài xế
.
+ Phần 2: Yêu cầu xuất hóa đơn của người dùng. Tại đây người dùng có thể yêu cầu hóa đơn hoặc không
- Nhấn vào button để quay trở lại giao diện đặt xe.
d. Giao diện khi chọn vào button “Ưu đãi”:
+ Tên giao diện: Khuyến mại. + Đối tượng sử dụng: Người dùng.
+ Nhiệm vụ: Xem, tìm hiểu và chọn những ưu đãi phù hợp với loại dịch vụ đã chọn.
+ Tiền điều kiện: Người dùng đăng nhập thành công, bật định vị, nhập xong