Xây dựng website mua sắm trực tuyến

Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

TRƯỜNG ĐẠI HỌC NÔNG LÂM TP. HCM
KHOA CÔNG NGHỆ THÔNG TIN
--------------------

MÔN: GIAO TIẾP NGƯỜI – MÁY
ĐỀ TÀI:
XÂY DỰNG WEBSITE MUA SẮM TRỰC TUYẾN

1.

1


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

Mục lục
I...............................................................................................Phát biểu bài toán
.........................................................................................................................2
1......................................................................................................Lời mở đầu
.........................................................................................................................3
2...........................................................................................................Mục tiêu
.........................................................................................................................3
II.............................................................................Chức năng chính của website
.........................................................................................................................3
III...........................................................................................................Thuật ngữ

.........................................................................................................................4
IV...................................................................................................Sơ đồ giao diện
.........................................................................................................................5
V...........................................................................................Đặc tả các màn hình
.........................................................................................................................6
1.........................................................................................................Trang chủ
.........................................................................................................................5
2................................................................................Trang tìm kiếm sản phẩm
.........................................................................................................................9
3........................................................................Trang xem thông tin sản phẩm
.......................................................................................................................12
4...............................................................................................Trang mua hàng
.......................................................................................................................15
5..................................................................................................Trang đăng ký
.......................................................................................................................18
6..............................................................................................Trang đăng nhập
.......................................................................................................................20
7...............................................................................Trang so sánh 2 sản phẩm
.......................................................................................................................21
8....................................................................................................Trang liên hệ
.......................................................................................................................23
9.......................................................................................Trang quên mật khẩu
.......................................................................................................................25
10. Trang khuyến mãi……………....…………………….……….27
11.Trang điều khoản sử dụng……………………………….……...29
12.Trang các thể loại sản phẩm……………………………….…... 31
13.Trang quản lí sản phẩm………………………………………... 34
14.Trang quản lí User………………………………………………37
15.Trang quản lí đơn hàng…………………………………………39
VI.

Tổng kết…………………………………………………………….. 40
2


Trường ĐH Nông Lâm TP HCM

I.

Giao Tiếp Người Máy

Phát biểu bài toán
1.
-

-

-

-

2.

Lời mở đầu
Từ lâu mua sắm vốn là một nhu cầu phổ biến, Hầu hết mọi người và
đặt biệt là phái nữ xem nó như một nhu câu không thề thiếu trong
đời sống hiện nay.
Đời sống ngày càng nâng cao thì nhu cầu mua sắm ngày càng mạnh
mẽ. Cùng với sự phát triển mạnh mẽ, rộng khắp của công nghệ
thông tin, máy vi tính, điện thoại thông minh trên phạm vi toàn cầu
thì việc mua sắm trực tuyến chưa bao giờ dễ dàng đến thế.

Việc mua sắm cũng là một liệu pháp để giải tỏa những áp lực của
cuộc sống hằng ngày. Một biện pháp hiệu quả để giúp khách hàng
có thể xả stress
Mặc dù nhu cầu mua sắm online là rất lớn nhưng hiện nay ở Việt
Nam, số lượng cái trang web mua sắm trực tuyến không thực sự
nhiều. Vì vậy việc phát triển một trang web mua sắm có thể xem là
một nhu cầu cần thiết để đáp ưng thị trường hiện nay.
Mục tiêu
a. Cung cấp những sản phẩm tốt nhất phục vụ cho người tiêu
dùng
b. Giúp người nghe dễ dàng tìm kiếm những sản phẩm mà mình
yêu thích
c. Dễ dàng tìm hiểu những sản phẩm mới, những sản phẩm được
giảm giá
d. Mỗi người tự làm phong phú tủ đồ của mình
e. Giúp người dùng quản lí tài khoản của mình

3


Trường ĐH Nông Lâm TP HCM
II.

Giao Tiếp Người Máy

Chức năng chính của website
1. Tìm kiếm sản phẩm: là chức năng cho phép người dùng tìm kiếm
sản phẩm thông qua tên sản phẩm và thể loại
2. Đăng kí: là chức năng cho phép người dùng tạo tài khoản trên hệ
thống website mua sắm

3. Đăng nhập: là chức năng cho phép người dùng đăng nhập tài khoản
của mình trên website để sử dụng các tính năng riêng biệt.
4. Xem thông tin sản phẩm: Khách hàng có thể xem thông tin sản
phẩm trước khi có quyết định mua sản phẩm đó hay không
5. Mua sản phẩm: Khách hàng có thể mua sản phẩm bằng cách thêm
vào giỏ hàng để đặt hàng. Tuy việc để có thể thực hiện mua sản
phẩm, người dùng phải đăng nhập bằng tài khoản của mình
6. So sánh sản phẩm: Khách hàng có thể so sánh 2 sản phẩm khác

7.

8.

III.

nhau
Chức năng với quyền Admin:
Quản lí sản phẩm: là chức năng của admin quản lý toàn bộ danh
sách các sản phẩm trên website, admin có thể thêm, sửa thông tin
và xóa các sản phẩm trong trang web.
Quản lí tài khoản: là chức năng của admin quản lý toàn bộ danh
sách các tài khoản trên website, admin có thể thêm, sửa thông tin
và xóa các tài khoản trong danh sách.

Thuật ngữ
Thuật ngữ

Viết tắt, chú thich

Guest

Khách vào website, chưa
đăng nhập

Admin

Người quản trị

Product

Sản Phẩm

4


Trường ĐH Nông Lâm TP HCM

IV.

V.

Sơ đồ giao diện

Đặc tả các màn hình
A.
B.

slider, combobox, check box.
Mô tả các màn hình có trong ứng dụng
5

Giao Tiếp Người Máy


Trường ĐH Nông Lâm TP HCM
1. Màn hình trang chủ

6

Giao Tiếp Người Máy


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

7


Trường ĐH Nông Lâm TP HCM
Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng
nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức
năng tìm kiếm sản phẩm theo từ
khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Đăng nhập

Form

Đường dẫn đến trang đăng nhập
vào hệ thống.

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn hàng.

Slide

Frame

CSDL

Hiển thị danh sách sản phẩm nổi
bật trong CSDL

Thể Loại

List

CSDL

Hiển thị danh sách các thể loại
sản phẩm mà trang web có

Sảm Phẩm
mua nhiều

List

CSDL

Hiển thị danh sách các sản phẩm
được mua nhiều

Sản phẩm
mới

List

CSDL

Hiển thị danh sách các sản phẩm
mới

Footer

Web

Những thông tin liên hệ

Mô tả:
• Là màn hình đầu tiên khi truy cập website, từ đây có thể thực hiện
các chức năng khác

• Thiết kế với các màu sáng ở phần header và body, các mục chính
màu đen làm nổi bật trang web.

8


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

2. Tìmkiếm sản phẩm

9


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

10


Trường ĐH Nông Lâm TP HCM
Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng
nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức
năng tìm kiếm sản phẩm theo
từ khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Đăng nhập

Form

Đường dẫn đến trang đăng
nhập vào hệ thống.

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn
hàng.

Kết quả tìm kiếm

Table

CSDL

Hiển thị kết quả tìm kiếm theo
từ khoá nhận vào

Thể Loại

List

CSDL

Hiển thị danh sách các thể loại
sản phẩm mà trang web có

Footer

Web

Những thông tin liên hệ

Mô tả:
• Khi nhập từ khoá cần tìm, hệ thống sẽ thực hiện chức năng tìm
kiếm để cho ra kết quả giống hoặc gần giống với từ khoá đã
nhập…

11


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

3. Xem thông tin sản phẩm

12


Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu
Màn hình

Giao Tiếp Người Máy

Nguồn

Mặc định

Web

Mô tả
Nhận các dữ liệu do người dùng

13


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy
nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức
năng tìm kiếm sản phẩm theo
từ khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Đăng nhập

Form

Đường dẫn đến trang đăng
nhập vào hệ thống.

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn
hàng.

Thế loại

List

CSDL

Hiển thị danh sách các thể loại
sản phẩm mà trang web có

Ảnh đại diện

Image

CSDL

Hiển thị hình ảnh của sản phẩm

Thêm vào giỏ
hàng

Form

CSDL

Đường dẫn đến trang đơn
hàng.

THông tin sản
phẩm

Table

CSDL

Hiển thị những thông tin cần
biết của sản phẩm

Footer

Web

Những thông tin liên hệ

Mô tả:
• Để xem thông tin của sản phẩm trước khi khách hàng quyết định
có mua hay không
• Khách hàng không cần đăng nhập vẫn có thẻ xem thông tin sản
phẩm

14


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

4. Mua hàng.

15

Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu
Màn hình

Giao Tiếp Người Máy

Nguồn

Mặc định

Web

Mô tả
Nhận các dữ liệu do người dùng

16


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy
nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức

năng tìm kiếm sản phẩm theo
từ khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Đăng nhập

Form

Đường dẫn đến trang đăng
nhập vào hệ thống.

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn
hàng.

Thể Loại

List

CSDL

Hiển thị danh sách các thể loại
sản phẩm mà trang web có

Đơn hàng

Table

CSDL

Thể hiện các sản phẩm được
thêm vào giỏ hàng, thông tin
giá, số lượng.

Vouche

Form

Người dùng có thể nhập các
vouche giảm giá (nếu có)

Địa chỉ giao hàng

Form

Người dùng bắt buộc phải nhập
vào địa chỉ giao hàng để mua
sản phẩm

Footer

Web

Những thông tin liên hệ

Mô tả:

• Để có thề mua hàng, người dùng bắt buộc phải đăng nhập bằng
tài khoản, nếu không đăng nhập thì chỉ có thể thêm vào giỏ hàng
nhưng không thể đặt hàng

17


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

5. Đăng ký.

18


Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng
nhập vào và tương tác với các
thành phần của website

Đăng nhập

Form

Đường dẫn đến trang đăng
nhập vào hệ thống.

Đăng kí

Form

Điền đầy đủ các thông tin yêu
cầu để đăng ký tài khoản.

Mô tả:
• Sẽ có thông báo khi bạn nhập trùng tài khoản đã được đăng ký
hoặc bạn nhập không đúng yêu cầu.
• Khi bạn nhập sai quá 3 lần, hệ thống sẽ thêm phần nhập mã
capcha, bạn buộc phải nhập đúng mã để có thể tiếp tục đăng ký tài
khoản.

6. Đăng nhập
19


Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng
nhập vào và tương tác với các
thành phần của website

Đăng nhập

Form

Điền thông tin tài khoản đã
đăng ký trước đó để đăng nhập
vào website.

Đăng kí

Form

Đường dẫn đến trang đăng ký.

7.

So sánh 2 sản phẩm:

20


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

21

Trường ĐH Nông Lâm TP HCM
Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng
nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức
năng tìm kiếm sản phẩm theo từ
khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Đăng nhập

Form

Đường dẫn đến trang đăng nhập
vào hệ thống.

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn hàng.

Slide

Frame

CSDL

Hiển thị danh sách sản phẩm nổi
bật trong CSDL

Thể Loại

List

CSDL

Hiển thị danh sách các thể loại
sản phẩm mà trang web có

Khung so
sánh sản
phẩm

Table

CSDL

Hiển thị nội dung 2 sản phẩm
được so sánh

Thêm vào giỏ
hàng

Form

Đường dẫn đến đơn hàng.

Footer

Web

Những thông tin liên hệ

8. Liên hệ

22


Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

Mô tả

Màn hình

Web

Nhận các dữ liệu do người dùng

nhập vào và tương tác với các
thành phần của website

Tìm kiếm

Form

Nhận dữ liệu và thực hiện chức
năng tìm kiếm sản phẩm theo
từ khóa

Menu

List

Đường dẫn đến các chức năng
dịch vụ của website

Khuyến mãi

Form

Đường dẫn đến trang khuyến
mãi.

Đơn hàng

Form

Đường dẫn đến trang đơn hàng

23


Trường ĐH Nông Lâm TP HCM

Giao Tiếp Người Máy

Đăng nhập

Form

Đường dẫn đế ntrang đăng
nhập.

Khung thông tin
liên hệ

Table

Google Map

Form

Đường dẫn đến trang google
map

Footer

Web

Những thông tin liên hệ

CSDL

Hiển thị thông tin để liên hệ với
trang web

9. Quên mật khẩu

24


Trường ĐH Nông Lâm TP HCM

Kiểu dữ liệu

Giao Tiếp Người Máy

Nguồn

Mặc định

25

Mô tả