9. Kế hoạch làm việc
5.1 Ứng dụng Đặt hàng
5.1.1 Form đăng nhập
Điều kiện hiển thị: Người dùng mở ứng dụng từ điện thoại
Chức năng: Đăng nhập vào hệ thống
Kí hiệu
Loại
Component Mô tả
1 Edit text Người dùng nhập email.
2 Edit text Người dùng nhập mật khẩu
3 Text view Chuyển tới màn hình Reset password
4 Button Thực hiện chức
năng đăng nhập
5 Button Chuyển đến đăng
nhập bằng facebook
6 Button Chuyển đến đăng
nhập bằng google
7 Button Người dùng chuyển
qua đăng ký
36 Kí
hiệu
Loại
Component Mô tả
1 Edit text Người dùng nhập email
2 Edit text Người dùng nhập mật khẩu
3 Edit text Người dùng xác nhận mật khẩu
4 Edit text
Thực hiện chức năng đăng kí tài khoản
5 Button Chuyển về đăng
nhập
5.1.2 Form Signup
Điều kiện hiển thị : Người dùng chọn Signup tại Form đăng nhập.
Chức năng : Đăng kí tài khoản
37 Kí
hiệu
Loại
Component Mô tả
1 Edit text Người dùng nhập email
2 Button
Thực hiện chức năng reset mật khẩu
3 Button Chuyển về đăng
nhập
5.1.3 Reset mật khẩu
Điều kiện hiển thị : Người dùng chọn Forgot password tại Login form
Chức năng : Reset mật khẩu khách hàng
38 Kí
iệu
Loại
Component Mô tả
1 Button Chuyển sang
Page chọn vị trí
2 Search bar Nhập tên món cần tìm
3 Button Tìm kiếm món ăn
theo tên đã nhập
4 Button Đưa ra các
Categories có sắn
5 Button Đưa ra tất cả món ăn
6 Button Đưa ra tất cả món ăn Phương Tây
7 Button Hiển thị các món đồ uống
8 Button Hiển thị các món asian
9 Recycler View
Hiển thị món theo lượng rating gần đây
5
5.1.4 Màn hình Home
Điều kiện hiển thị: Đăng nhập thành công vào hệ thống.
Chức năng: Xem món ăn, là cầu nối liên kết toàn bộ ứng dụng.
Mô tả chi tiết :
39 10 Recycler
View
Hiển thị các thông tin món ăn mới
11 Recycler View
Hiển thị danh sách món ăn đang sale
12 Button Chuyển đến giỏ
hàng
13 Bottom bar home
Chuyển đến trang Home
14 Bottom bar favorite
Chuyển đến trang Favorite
15 Bottom bar chat
Chuyển đến trang Chat
16 Bottom bar profile
Chuyển đến Profile
40 Kí
hiệu
Loại
Component Mô tả
1 Search bar Tìm địa chỉ nhận hàng
2 Button Thay đổi thành
ảnh vệ tinh
3 Button ĐỊnh vị vị trí hiện tại
4 Picker Chọn vị trí
trong bản đồ
5 Button Xác nhận địa
chỉ
5.1.5 Chọn vị trí
Điều kiện hiển thị : Trong trang Home chọn thay đổi địa chỉ Chức năng : CHọn địa chỉ nhận hàng
Mô tả chi tiết :
41
5.1.6 Màn hình chi tiết món ăn
Điều kiện hiển thị: Người dùng chọn vào một item món ăn bất kì.
Chức năng: Xem thông tin chi tiết món ăn, đánh giá ưa thích,nhắn tin với cửa hàng, share món ăn, tăng giảm số lượng, chọn kích thước món, thực hiện chọn mua, hoặc thêm vào giỏ hàng, đánh giá món và comment Mô tả chi tiết:
Kí hiệu
Loại
Component Mô tả
1 Image View Hình ảnh món ăn 2 Text view Xem lượt rating
3 Text view Tên món ăn
4 Text view Giá tiền 5 Text view Mô tả món ăn
6 Button Chọn size S
7 Button Chọn size M
8 Button Chọn size L
9 Button Tăng số lượng
10 Button Giảm số lượng
11 Button Thêm vào giỏ
hàng
12 Button Chuyển tới thanh toán
1
42 13 Recycle View Hiển thị các món
ăn cùng cửa hảng
14 Recycle View Hiển thị các món ăn cùng Category 15 Edit Text Nhập comment
16 Button Gửi comment
17 Recycle View
Hiển thị danh sách các comment
43
5.1.7 Màn hình Favorite
Điều kiện hiển thị : Người dùng Favourite trên Navigation Bar Chức năng : Hiển thị danh sách các món ăn ưa thích
Mô tả chi tiết : Kí
hiệu
Loại
Component Mô tả
1 Recycle View
Hiển thị danh sách các món ăn ưa thích
44
5.1.8 Màn hình giỏ hàng
Điều kiện hiển thị : Người dùng chọn icon giỏ hàng tại màn hình chính, hoặc chọn Buy now tại màn hình chi tiết món ăn
Chức năng : Cho phép người dùng xem lại các món ăn trong giỏ hàng của mình,xóa món ăn ra khỏi giỏ hàng, tăng hoặc giảm lượng món ăn trong giỏ.
Mô tả chi tiết : Kí
hiệu
Loại
Component Mô tả
1 Button Giảm số lượng
món ăn
2 Button Tăng số lượng
món ăn
3 Text View Số tiền món ăn
4 Button Xoá món ăn
5 Button Ghi chú thích
về món ăn
6 Text View Hiển thị số món ăn trong giỏ 7 Text View Tổng số tiền
8 Button Chuyển sang
thanh toán
45
5.1.9 Màn hình thanh toán
Điều kiện hiển thị : Khách hàng chọn nút Continue trong giỏ hàng
Chức năng : Giúp khách hàng kiểm tra địa chỉ nhận hàng, chọn cách thanh toán, cách thay toán,
Mô tả chi tiết : Kí
hiệu
Loại
Component Mô tả
1 Address item
Hiển thị địa chỉ nhận hàng hiện tại
2 Radio Group
Chọn phương thức vận chuyển
3 Radio Group Chọn phương thức thanh toán
4 Text View Số tiền các món trong giỏ
5 Text View Số tiền vận chuyển
6 Text View Số tiền giảm giá
7 Text View Tổng tiền đơn hàng
8 Button Thực hiện chức
năng đặt hàng
46
5.1.10 Quản lý tính năng cá nhân
Điều kiện hiển thị : Khách hàng chọn Profile trên thanh Navigation Bar
Chức năng : Hiển thị các tính năng liên quan đến bản thân người dùng
Mô tả chi tiết : Kí
hiệu
Loại
Component Mô tả
1 Text view Hiển thị tên khách hàng
2 Text view Hiển thị email đăng kí
3 Button
Chuyển tới trang quản lý thông tin
4 Button
Chuyển tới trang quản lý hình thức thanh toán
5 Button
Chuyển tới trang lịch sử đơn hàng
6 Button
Chuyển tới trang giới thiệu app
7 Buttton Đăng xuất
47
5.1.11 Quản lý thông tin
Điều kiện hiển thị : Trong quản lý tính năng cá nhân chọn Profile
Chức năng : Quản lý thông tin khách hàng Mô tả chi tiết :
Kí hiệu
Loại
Component Mô tả
1 Image View Avatar người dùng
2 Button
Chọn ảnh từ thư viện để thay đổi avatar
3 Button
Chuyển sang chế độ thay đổi thông tin
4 Text View Tên người dùng
5 Text View Email người dùng
6 Text View Số điện thoại người dùng 7 Text View Giới tính
8 Text View Ngày sinh
9 Button Update
10 Button Trở về
48
5.1.12 Phương thức thanh toán
Điều kiện hiển thị : Trong quản lý tính năng cá nhân chọn Payment method Chức năng : Quản lý các hình thức thanh toán
Mô tả chi tiết Kí
hiệu
Loại
Component Mô tả
1 Text View Số tiền hiện tại
2 Button Thêm cách thanh toán
49 Kí
hiệu
Loại
Component Mô tả
1 Recycle
view
Toàn bộ các đơn hàng
2 Text View Mã đơn hàng
3 Text View Tổng tiền đơn hàng
4 Text View Tổng số item trong đơn hàng
5 Text View Ngày tháng đặt hàng
5.1.13 Lịch sử đặt hàng
Điều kiện hiển thị : Trong quản lý tính năng cá nhân chọn Order History Chức năng : Xem lại toàn bộ thông tin các đơn hàng từ trước tới nay.
Mô tả chi tiết :
50
5.1.14 Xem thông tin đơn hàng đã mua
Điều kiện hiển thị : Khách hàng chọn button show detail order tại Order history Chức năng : Xem đơn hàng (thông tin, giá cả), thực hiện chuyển đến hủy đơn hàng.
Mô tả chi tiết : Kí
hiệu
Loại
Component Mô tả
1 Text view Thời gian đặt hàng
2 Recycle
view
Toàn bộ các món ăn trong đơn hàng
3 Text view Tổng tiền các món ăn
4 Text view Giảm giá
5 Text view Tổng tiền vận chuyển
6 Text view Tổng tiền hoá đơn 7 Text view ID hoá đơn 8 Text view Tên người đặt 9 Text view Số điện thoại 10 Text view Địa chỉ
51