Ứng dụng Đặt hàng

Một phần của tài liệu Đồ án ứng dụng đặt đồ ăn trực tuyến (Trang 22 - 31)

9. Kế hoạch làm việc

3.1 Ứng dụng Đặt hàng

3.1.1 Login bằng account ứng dụng

Flow chính

1. Người dùng muốn đăng nhập 2. Từ màn hình đăng nhập, người

dùng chọn Login.

3. Người dùng nhập thông tin đăng nhập

4. Chọn Login

5. Hệ thống hiển thị màn hình chính của ứng dụng -> đã đăng nhập thành công

Flow ngoại lệ

3.1 Hệ thống báo lỗi nếu người dùng nhập thông tin đăng nhập sai định dạng 4.1 Chọn Login

5.1 Hệ thống báo lỗi sai định dạng thông tin Kết thúc flow

3.2 Hệ thống báo lỗi nếu người dùng cung cấp sai thông tin đăng nhập

20 4.2 Chọn Login

5.2 Hệ thống báo lỗi sai thông tin đăng nhập Kết thúc flow

3.1.2 Login bằng google

Flow chính

1. Người dùng muốn đăng nhập bằng tài khoản google

2. Từ màn hình đăng nhập, người dùng chọn Login by google.

3. Google sẽ hiển thị tài khoản đã đăng nhập trên google service 4. Chọn Continue with *****(google account name)

5. Hệ thống hiển thị màn hình chính của ứng dụng -> đã đăng nhập thành công

21

3.1.3 Login bằng facebook

Flow chính

1. Người dùng muốn đăng nhập bằng tài khoản facebook

2. Từ màn hình đăng nhập, người dùng chọn Login by facebook

3. Người dùng đăng nhập tài khoản facebook mình muốn đăng nhập

4. Chọn Login

5. Hệ thống hiển thị màn hình chính của ứng dụng -> đã đăng nhập thành công

Flow ngoại lệ

5.a Hệ thống báo lỗi nếu gmail dùng để truy cập facebook của người dùng trùng với email của 1 tài khoản đã tạo sẵn

Kết thúc flow

22

3.1.4 Signup

Flow chính

6. Người dùng muốn đăng kí tài khoản 7. Từ màn hình đăng nhập, người dùng chọn

Signup

8. Hệ thống hiển thị màn hình đăng kí 9. Người dùng nhập thông tin đăng kí 10. Chọn Signup

Flow ngoại lệ

5.a Hệ thống báo lỗi nếu người dùng nhập thông tin đăng nhập sai hoặc dùng tài khoản đã tạo sẵn Kết thúc flow

3.1.5 Forgot password

Flow chính

1. Người dùng muốn đổi mật khẩu

2. Từ màn hình đăng nhập, người dùng chọn forgot password

3. Hệ thống hiển thị màn hình forgot password 4. Người dùng nhập email đăng kí

5. Người dùng kiểm tra email đăng kí và làm theo hướng dẫn để lấy lại mật khẩu

Kết thúc flow Flow thay thế

1.a Từ màn hình chính của ứng dụng, chọn profile ở thanh điều hướng phía dưới màn hình.

1.a1 Chọn logout

23 Bắt đầu flow chính từ bước 2

3.1.6 Xác nhận địa chỉ của bản thân

Flow chính

1. Người dùng muốn thay đổi địa chỉ nhận hàng của bản thân 2. Người dùng chọn nút mũi tên ở phần địa chỉ trên đầu Page

Home của ứng dụng

3. Hệ thống hiển thị màn hình google map để tìm kiếm địa chỉ 4. Người dùng chọn địa chỉ

5. Người dùng xác nhận địa chỉ 6. Hệ thống cập nhật lại địa chỉ

3.1.7 Tìm kiếm món ăn

Flow chính

1. Người dùng chọn thanh tìm kiếm ở trang Home của ứng dụng 2. Người dùng nhập tên món ăn muốn tìm kiếm

3. Người dùng bấm nút tìm kiếm

4. Hệ thống hiển thị món ăn có tên trùng với tên người dùng tìm kiếm

3.1.8 Phân loại món ăn

Flow chính

1. Người dùng chọn loại món ăn ở trang Home của ứng dụng

24 2. Hệ thống hiển thị món ăn có theo loại món ăn

3.1.9 Giỏ hàng

3.1.9.1 Xem hàng trong giỏ

Flow chính

1. Người dùng muốn xem thông tin giỏ hàng

2. Từ màn hình chính của ứng dụng, người dùng chọn icon giỏ hàng ở bên phải phía trên thanh điều hướng

3. Hệ thống hiển thị màn hình cart 3.1.9.2 Thêm hàng vào giỏ hàng

Flow chính

1. Người dùng chọn món ăn ở trang Home của ứng dụng 2. Hệ thống hiển thị thông tin món ăn

3. Người dùng chọn kích thước món 4. Người dùng chọn kích thước số lượng 5. Người dùng bấm Add to cart

6. Hệ thống thêm món vào giỏ hàng của bản thân

25

3.1.10 Thanh toán

Flow chính

1. Bấm vào món bất kì

2. Hệ thống hiển thị thông tin món ăn

3. Người dùng chọn kích thước,số lượng món ăn 4. Bấm buy now

5. Hệ thống chuyển sang màn hình Checkout

6. Chọn phương thức thanh toán, hình thức thanh toán 7. Xác nhận địa chỉ giao hàng và tổng hoá đơn

8. Chọn Confirm

3.1.11 Thêm món ăn ưa thích

Flow chính

1. Người dùng chọn loại món ăn ở trang Home của ứng dụng 2. Hệ thống hiển thị thông tin món ăn

3. Người dùng bấm chọn Icon trái tim

4. Hệ thống đưa món ăn vào Favorite Page trong Navigation bar 5. Người dùng xem món ăn ưa thích ở Favorite Page trong

Navigation bar

26

3.1.12 Quản lý đơn hàng

Flow chính

1. Từ trang chính của ứng dụng, chọn profile ở bên góc phải của thanh điều hướng

2. Chọn Order History

3. Hệ thống hiển thị lịch sử đặt hàng của người dùng

27

3.1.13 Cập nhật thông tin cá nhân

Flow chính

1. Từ trang chính của ứng dụng, chọn Profile ở bên góc phải của thanh điều hướng

2. Chọn Profile

3. Chọn nút thay đổi thông tin 4. Nhập thông tin mới

5. Nhấn nút update

28

Một phần của tài liệu Đồ án ứng dụng đặt đồ ăn trực tuyến (Trang 22 - 31)

Tải bản đầy đủ (PDF)

(67 trang)