Trang web mua sắm online

Màn hình trang quản lý Tên Loại control Nguồn dữ liệu Mặc định Ghi chú/Mô tả Menu Menu đứng Div Chứa các mục tùy chọn dành cho việc quản lý Tài khoản, danh mục quản lí, thống kê.....

Trang 1

Mục lục:

I Mục tiêu 2

II Sử dụng phần mềm 2

III Chức năng 2

IV Bảng viết tắt 2

V ĐẶT TẢ GIAO DIỆN A MÀN HÌNH KHÁCH HÀNG  Sơ đồ màn hình khách hàng 3

MÔ TẢ CÁC MÀN HÌNH 1 Trang chủ 4

2 Màn hình bán chạy 8

3 Màn hình khuyến mãi 9

4 Màn hình hướng dẫn 10

5 Màn hình góp ý 12

6 Màn hình giỏ hàng 13

7 Màn hình chi tiêt sản phẩm 15

8 Màn hình đơn xác nhận 16

9 Màn hình chi tiết đơn hàng 17

10 Xem lịch sử mua hàng 20

11 Màn hình tìm kiếm 21

12 Màn hình đăng ký 24

13 Màn hình đăng nhập 25

14 Màn hình quên mật khẩu 28

15 Thay đổi mật khẩu 29

B MÀN HÌNH TRANG QUAN LÝ  Sơ đồ màn hình trang quản lý 30

MÔ TẢ CÁC MÀN HÌNH 1 Màn hình trang quản lý 30

2 Quản Lý Đơn Đặt Hàng 38

3 Quản Lý Sản Phẩm 45

4 Quản Lý Thành Viên 53

5 Quản Lý Feedback 54

6 Quản lý Banner 57

7 Màn hình đăng nhập 59

8 Màn hình quên mật khẩu 59

9 Màn Hình thay đổi mật khẩu 60

C MÀN HÌNH THÔNG BÁO LỖI 1 Lỗi 404 61

2 Lỗi 500 61

I Mục tiêu sản phẩm

Trang 2

Xây Dựng một website mua hàng trực tuyến (Online Shopping) – Mua sắm nhanh chóng một số sản phẩm thiết bị điện tử (như điện thoại di động, thiết bị số, máy tính bản, ) Khách hàng sẽ mua sắm một cách thoải mái tại nhà mà không cần đến tận nơi

để mua, tiết kiệm được khá nhiều thời gian để làm những công việc quan trọng hơn, hon nữa khách hàng sẽ truy cập và tìm kiếm thông tin một các nhanh chóng về các sản phẩm này.

• Đổi Thông Tin Cá Nhân

• Lấy Lại Mật Khẩu

Trang 3

 Sơ đồ màn hình chính

MÔ TẢ CÁC MÀN HÌNH

1 Trang chủ

Trang 6

STT Tên Loại control Nguồn dữ liệu Mặc định Ghi chú/Mô tả

2 Đăng nhập,

đăng ký <a>

Đăng nhập hoặc đăng ký

4 Danh sách sp - List

- Image

Danh sách sp của trang web

cáo cho trang web

Page 6 of 64

Trang 7

15 Quảng cáo - Image

- Text

Hình ảnh quảng cáo cho một sản phẩm nào đó

16 Hotline <div>

Tên , sđt, email của người hỗ trợ qua đường dây nóng

Thống kê sản phẩm, đang xem,

đã xem, truy cập.

Tên trang web và người thiết kế trang web

Trang 8

2 Màn hình bán chạy

Tên Loại control Nguồn dữ liệu Mặc định Ghi chú/Mô tả

Page 8 of 64

Trang 9

3 Màn hình khuyến mãi

Trang 10

4 Màn hình hướng dẫn

Page 10 of 64

Trang 12

Giao hàng Text Hình thức giao hàng, khu vực giao hàng

5 Màn hình góp ý

Page 12 of 64

Trang 13

Trang 14

Tiếp tục mua

Page 14 of 64

Trang 15

7 Màn hình Chi tiết sản phẩm

Khung chi tiết Table

Trang 16

8 Màn hình đơn xác nhận

Combobox

Page 16 of 64

Trang 17

Tên Loại control Nguồn dữ

Trang 19

9 Màn hình chi tiết đơn hàng

Chi tiết đơn

Trang 21

11.2 Tìm thấy sản phẩm

Trang 22

Nhập lại mật

khách hàng

12.2 Lỗi đăng ký

Page 22 of 64

Trang 25

8 Đăng ký thành công

Thông tin khách

Thông tin khi khách hàng đăng ký thành công

Trang 26

13 Màn hình đăng nhập

From - Text - Image

- From

Tên from, yêu cầu đăng nhập

Tên tài khoản TextField CSDL Tên đăng nhập hoặc email của khách hàng

Page 26 of 64

Trang 27

13.2 Lỗi đăng nhập

Trang 28

9 Đăng nhập thành công

Thanh hiển thị menu

Kiểm tra giỏ

Page 28 of 64

Trang 29

14 Quên mật khẩu

Quên mật khẩu - Text

10 Lỗi quên mật khẩu

Trang 30

15 Thay đổi mật khẩu

Mật khẩu cũ Password

Mật khẩu mới Password

Nhập lại mật

Page 30 of 64

Trang 31

B MÀN HÌNH TRANG QUẢN LÝ

 Sở đồ màn hình trang quản lý

Trang 32

MÔ TẢ CÁC TRANG QUẢN LÝ

3 Màn hình trang quản lý

Menu

Menu đứng Div

Chứa các mục tùy chọn dành cho việc quản lý (Tài khoản, danh mục quản lí, thống kê ).

Trang 33

1.1 Menu ngang

control

Nguồn dữ liệu

Mặc định Ghi chú/Mô tả Màn hình UnorderLis t Chứa các tùy chọn cho người quản lí Trang chủ Link, text Link đẫn tới trang chủ của website hoatuoinonglam.vn

Danh mục

quản lí Link, text

Link đẫn tới trang danh mục quản

lí (trang mặc định khi đăng nhập vào quản lí của website).

Thoát tài

1.2 Người quản lý(menu đứng)

control

Nguồn dữ liệu

Mặc định Ghi chú/Mô tả Màn hình div Chứa các tùy chọn về tài khoản (đổi thông tin, thoát tài khoản). Người quản

Trang 34

[Thoát] Link, Text Thoát tài khoản

1.3 Danh mục quản lý(menu đứng)

Màn hình - Div

- UnorderList

Chứa các chức năng quản lí

hàng

Dẫn đến chức năng quản lí đơn hàng Quản lí thành

viên

Dẫn đến chức năng quản lí thành viên

Quản lí

Page 34 of 64

Trang 35

1.4 Thống kê(menu đứng)

Màn hình Div Chứa các thông tin thống kê của website Hiện có: Label

1.5 Khung nội dung(Danh mục quản lý)

Trang 36

Màn hình Div Chứa nội dung hoặc, các danh mục quản lí. Danh mục quản

Danh mục quản

lí đơn hàng Div

Khái quát thông tin của chức năng quản lí đơn hàng

Danh mục quản

lí thành viên Div

Khái quát thông tin của chức năng quản lí thành viên

Danh mục quản

Khái quát thông tin của chức năng quản lí banner

Phân trang - Button

- Link

Phân trang cho trang danh mục quản lí 1.5.1 Quản lý sản phẩm

Page 36 of 64

Trang 37

Chứa nội dung khái quát của chức năng quản lí sản phẩm Quản lí sản

bọ xung

- link

Link dẫn đến danh sách các sản phẩm đã hết hàng

[Quản lí sản

phẩm ]

Link dẫn đến chức năng quản lí sản phẩm

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

Trang 38

Chứa nội dung khái quát của chức năng quản lí đơn hàng Danh mục quản

Chưa có đơn đặt hàng

Hiển thị tổng số đơn hàng đã xử lí/ tổng số đơn hàng

Tổng tiền đã

thanh toán Label

70.500.000 vnđ Text CSDL 0 vnđ Hiển thị tổng giá trị của các đơn hàng Danh sách đơn

Page 38 of 64

Trang 39

quản lí thành viên Danh mục quản

1 Text CSDL 1 thành viên Hiển thị tổng số thành viên là ban quản lí Khách hàng: Label

viên là khách hàng [Quản lí thành

- Link

Link dẫn đến chức năng quản lí thành viên

1.5.4 Quản lý Feedback

Trang 40

Chứa nội dung khái quát của chức năng quản lí và trả lời feedback

1.5.5 Quản lý Banner

Page 40 of 64

Trang 41

Màn hình Div

Chứa nội dung khái quát của chức năng quản lí banner Danh mục quản lí

Tổng số banner hiện có: Label

Hiển thị tổng số banner mà website có

Banner đang dùng: Label

LG pro 2 vs Galaxy Note

3

Xn—inthoipchobn-4sbgn=2364iha61b8h.v

n

năng quản lí banner

2 Quản lý đơn đặt hàng

2.1 Màn hình quản lý đơn đặt hàng

Trang 42

liệu định Màn hình Page Chứa nội dung của chức năng quản lí bài viết Quản lí đơn đặt

Tìm kiếm

- Submit button

2.2 Màn hình tìm kiếm

Từ khóa tìm

kiếm TextField Từ khóa tìm kiếm Nhập từ khóa cần tìm kiếm

Hàng Chọn mục cần tìm

Ví dụ:

2.3 Màn hình đơn hàng

Page 42 of 64

Trang 43

- Table

Chứa thông tin đơn hàng và các tùy chọn quản lí

Lọc đơn hàng, khi thay đổi giá trị của Lọc hệ thống tự động lọc trên trường tình trạng và hiện thông tin các đơn hàng.

- option

Select-Không check Chọn đơn hàng cần xử lí, hoặc xóa

Hiển thị thông tin của đơn hàng, mỗi đơn hàng được hiển thị trong một rows và mỗi một columns hiển thị một loại thông tin của đơn hàng.

Xem chi tiết - Link

Trang 44

- Button Button

hàng tương ứng hoặc cho người dùng biết đơn hàng này đã xử lí hay chưa

Đơn hàng đã xử

15/20 Text CSDL Số đơn hàng đã xử lí/tổng số đơn hàng Tổng tiền đã

thanh toán: Lable

cả các đơn hàng Phân trang - Link

- Button

Phân trang bằng jquery cho màn hình đơn hàng

Xóa đơn hàng

Gửi thông tin xóa những đơn hàng đã chọn

Xử lí đơn hàng

Gửi thông tin xử lí những đơn hàng đã chọn

Trang 45

Khi chọn xử lý thì hệ thống sẽ báo cho biết có chắc chắn muốn xử lý đơn

hàng(các đơn hàng) đó không như hình bên dưới Nếu đơn hàng đã được xử lý thì sẽ hiển thị đã xử lý trên từng đơn hàng.

2.3.3 Xóa

Trang 46

2.4 Màn hình chi tiết đơn hàng

Page 46 of 64

Trang 47

- Table

Chứa thông tin chi tiết đơn hàng và các tùy chọn quản lí

Thông tin đơn

Thông tin chung của đơn hàng

Thông tin chi

Thông tin danh sách các sản phẩm mua và tổng giá trị đơn hàng

3 Quảng lý sản phẩm

3.1 Màn hình quản lý sản phẩm

Trang 48

- Table

Chứa thông tin sản phẩm và các tùy chọn quản lí

Select-Mã sản phẩm Tìm kiếm sản phẩm

Chọn

- Checkbox

- option

Select-Không check

Chọn sản phẩm cần xóa

san phẩm, mỗi sản phẩm được hiển thị trong một rows và mỗi một columns hiển thị

Page 48 of 64

Trang 49

một loại thông tin của sản phẩm

Gửi thông tin xóa những sản phẩm đã chọn

3.2 Xóa sản phẩm

Khi xóa một (nhiều) sản phẩm thì chọn vào các button submit

3.3 Màn hình tìm kiếm sản phẩm

Trang 50

Mã sản phẩm Select-option Mã sản phẩm Chọn mục cần tìm

3.4 Màn hình thêm sản phẩm

Page 50 of 64

Trang 51

Gửi yêu cầu thêm sản phẩm với thông tin đã chỉnh sửa

Trang 52

3.5 Màn hình chi tiết sản phẩm

Chứa thông tin chi tiết sản phẩm và các lựa chọn quản lí

Page 52 of 64

Trang 53

Chi tiết sản phẩm Text Tiêu đề

Trang 54

Trang 55

30 TextField Csdl Chỉnh sửa số lượng sản

phẩm còn

phẩm với thông tin đã chỉnh sửa

tự động upload và thay đổi hình ảnh bàng jquery

Trang 56

Tìm kiếm Tương tự như các mục tìm kiếm trên

Chọn Tương tự như các mục chọn trên

Thông tin thành

Hiển thị thông tin của thành viên, mỗi thành viên được hiển thị trong một rows và mỗi một columns hiển thị một loại thông tin của thành viên

viên tương ứng.

Phân trang Link, button

Phân trang bằng jquery cho màn hình quản lí thành viên

Trang 57

feedback

Đã trả lời Link, text CSDL Link tới trang đọc và xem thông tin feedback

Trả lời Text, link CSDL Link tới trang trả lời feedback

feedback

5.2 Màn hình trả lời Feedback

Trang 58

Số điện thoại Lable

gửi

Page 58 of 64

Trang 59

4 TextField CSDL Ngày gửi feedback

quản lí feedback

6 Quản lý banner

6.1 Màn hình quản lý banner

Trang 60

Trang 61

Phân trang - Button

mới

lí banner

Trang 62

7 Màn hình đăng nhập

8 Màn hình quên mật khẩu

Page 62 of 64

Trang 63

Tên đăng nhập Lable

Email/Số điên

9 Thay đổi mật khẩu

Tên Mật khẩu cũ Mật khẩu mới Nhập lại mật khẩu mới Đồng ý Hủy

C Màn hình thông báo lỗi

1 Lỗi 404

Định dạng
Số trang	64
Dung lượng	11,95 MB