fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. system h2.docx · web viewhiển thị vị trí...

24
Xây dựng ứng dụng hướng dẫn các dịch vụ giảm giá trên Android Tạ Văn Hùng TH10A Phạm Thanh Hà TH10A 1. Xây dựng ứng dụng 1.1. Client 1.1.1. Danh sách các màn hình: Bảng 4.1: Danh sách các màn hình STT Tên màn hình Ý nghĩa/Ghi chú 1 Trang chính Gồm menu left, action bar và các tab chứa các list hiện thị thông tin sản phẩm theo 4 gợi ý: Mới nhất, Hot nhất, Xem nhiều nhất, Giảm nhiều nhất. 2 Trang bản đồ Hiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map để người dùng chọn các sản phẩm phù hợp với vị trí của mình.

Upload: others

Post on 14-Jan-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

Xây dựng ứng dụng hướng dẫn các dịch vụ giảm giá trên Android

Tạ Văn Hùng TH10APhạm Thanh Hà TH10A

1. Xây dựng ứng dụng1.1. Client1.1.1. Danh sách các màn hình:

Bảng 4.1: Danh sách các màn hình

STT Tên màn hình Ý nghĩa/Ghi chú

1 Trang chính Gồm menu left, action bar và các tab chứa các list hiện thị thông tin sản phẩm theo 4 gợi ý: Mới nhất, Hot nhất, Xem nhiều nhất, Giảm nhiều nhất.

2 Trang bản đồ Hiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map để người dùng chọn các sản phẩm phù hợp với vị trí của mình.

3 Trang tìm kiếm Gồm một list hiển thị các sản phẩm phù hợp với từ khóa tìm kiếm của người dùng.

4 Trang Buffet và BBQ Hiển thị danh sách các sản phẩm được phân loại thuộc danh mục Buffet và BBQ

5 Trang Quán Ăn và Ăn vặt Hiển thị danh sách các sản phẩm

Page 2: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

được phân loại thuộc danh mục Quán Ăn và Ăn vặt

6 Trang Nhà hàng sang Hiển thị danh sách các sản phẩm được phân loại thuộc danh mục Nhà hàng sang

7 Trang đăng nhập Có chức năng cho phép người dùng đăng nhập và chuyển sang trang đăng kí nếu chưa có tài khoản.

8 Trang đăng kí Có chức năng cho phép người dùng đăng ký tài khoản và chuyển sang trang đăng nhập sau khi đăng ký xong.

9 Trang đổi mật khẩu Cho phép người dùng đổi mật khẩu sau khi đăng nhập.

10 Trang lịch sử Hiển thị danh sách các sản phẩm mà mà người dùng đã từng xem.

11 Trang About Hiển thị thông tin của ứng dụng.

12 Trang đăng sản phẩm Cho phép nhà cung cấp đăng sản phẩm mới sau khi đăng nhập.

13 Trang sản phẩm đã đăng Hiển thị danh sách các sản phẩm mà nhà cung cấp đã từng đăng và có thể chuyển sang trang sửa thông tin sản phẩm.

14 Trang sửa thông tin cá nhân Cho phép nhà cung cấp có thể sửa thông tin các nhân của mình sau khi đăng nhập và có thể chuyển sang trang đổi mật khẩu.

15 Trang chi tiết Hiển thị thông tin chi tiết một sản phẩm, vị trí sản phẩm , những gợi ý

Page 3: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

và chỉ đường từ vị trí người dùng đến vị trí của sản phẩm.

16 Trang sửa thông tin sản phẩm Cho phép nhà cung cấp sửa thông tin của sản phẩm mà mình đã từng đăng sau khi đăng nhập.

1.1.2. Chức năng của người dùng- Trang chính: Gồm các tùy chọn cho người dùng để sử dụng các chức năng của chương trình bao gồm left menu, action bar và 4 tab để hiện thị 4 loại gợi ý cho người dùng lựa chọn sản phẩm phù hợp nhất.

Ảnh chi tiết:

Page 4: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

Hình 4.4: Trang chủ

Page 5: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

Chi tiết màn hình:

Left Menu: Là 1 menu được add các item trong activity_main_drawer.xml

Hình 4.6: Action Bar

Action Bar: Gồm 2 icon menu và search

Page 6: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang bản đồ: Ảnh chi tiết:

Hình 4.7: Trang bản đồ

Page 7: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Các trang danh mục: Ảnh chi tiết:

Hình 4.8: Các trang danh mục

Page 8: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang lịch sử: Ảnh chi tiết:

Hình 4.9: Trang lịch sử

Bảng 4.5: Mô tả chi tiết trang lịch sử

Page 9: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang tìm kiếm: Ảnh chi tiết:

Hình 4.10: Trang tìm kiếm

Page 10: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang trang about: Ảnh chi tiết:

Hình 4.11: Trang giới thiệu

Page 11: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang chi tiết: Hiện thị thông tin sản phẩm và đưa ra các sản phẩm gợi ý. Ảnh chi tiết:

Hình 4.12: Tab chi tiết

Page 12: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

Hình 4.13: Tab Map1.1.3. Chức năng của nhà cung cấp- Trang đăng nhập:

Ảnh chi tiết:

Hình 4.14: Trang đăng nhập

Page 13: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang đăng kí Ảnh chi tiết:

Hình 4.15: Trang đăng kí

- Trang đổi mật khẩu Ảnh chi tiết:

Hình 4.16: Trang đổi mật khẩu

Page 14: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang sửa thông tin Ảnh chi tiết:

Hình 4.17: Trang sửa thông tin

Page 15: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang đăng sản phẩm Ảnh chi tiết:

Hình 4.18: Trang đăng sản phẩm- Trang sản phẩm đã đăng

Ảnh chi tiết:

Hình 4.19: Trang sản phẩm đã đăng

Page 16: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Trang sửa sản phẩm Ảnh chi tiết:

Hình 4.20: Trang sửa sản phẩm

Page 17: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

2.2. Server2.2.1. Trang đăng nhập- Hình ảnh chi tiết:

Hình 4.21: Trang login- Chức năng của trang: Để quản trị viên đăng nhập vào website quản lý.

2.2.2. Trang quản lý sản phẩm

Hình 4.22: Trang quản lý sản phẩm- Chức năng của trang: Để quản trị viên tìm kiếm, thêm, sửa, xóa thông tin sản phẩm.

Page 18: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

2.2.3. Trang quản lý nhà cung cấp

Hình 4.23: Trang quản lý nhà cung cấp- Chức năng của trang: Để quản trị viên tìm kiếm, thêm, sửa, xóa thông tin nhà cung cấp.

2.2.4. Trang quản lý ảnh

Hình 4.24: Trang quản lý ảnh

Page 19: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

- Chức năng của trang: Để quản trị viên tìm kiếm. thêm, sửa, xóa link ảnh.

2.2.5. Trang quản lý danh mục

Hình 4.25: Trang quản lý danh mục

- Chức năng của trang: Để quản trị viên tìm kiếm, thêm, sửa, xóa thông tin danh mục.

2.2.6. Trang quản lý quản trị

Page 20: fit.mta.edu.vnfit.mta.edu.vn/softcon/reports/1. System H2.docx · Web viewHiển thị vị trí của người dùng và vị trí của sản phẩm trên bản đồ Google Map

Hình 4.26: Trang quản lý quản trị viên- Chức năng của trang: Để quản trị viên tìm kiếm, thêm, sửa, xóa thông tin quản

trị viên.