Môn dự án mẫu đề tài website fpt shop

BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI 
CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC 

---------- 

MÔN: DỰ ÁN MẪU 
ĐỀ TÀI: WEBSITE FPT SHOP 
Giáo viên hướng dẫn: Bùi Quang Ngọc
Sinh viên thực hiện: Nguyễn Hồng Hải
 

Trần Quang Vĩnh
Trịnh Thanh Tú
Trần Lam Trường
Lớp: PT15315-Web 

Hà Nội – 2020


Dự án mẫu – Website bán đồ công nghệ

 

NHẬN XÉT 

(Của giáo viên hướng dẫn)
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………

……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
Giáo viên hướng dẫn ký, ghi rõ họ tên

Ghi chú:


NHẬN XÉT 
(Của hội đồng phản biện)

……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………

……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………

HĐ phản biện ký, ghi rõ họ tên

Ghi chú:


MỤC LỤC
LỜI MỞ ĐẦU...................................................................................................................................................4
PHẦN 1: GIỚI THIỆU CHỨC NĂNG – HỆ THỐNG..................................................................................4

1.1. Giới thiệu đề tài.......................................................................................................................................4
1.1.1. Khảo sát - xây dựng ý tưởng.............................................................................................................4
1.1.2. Kết luận............................................................................................................................................5
1.1.3. Hệ thống tương tự.............................................................................................................................6
1.1.4. Ý tưởng- Mục đích đề tài..................................................................................................................7
1.1.5. Đối tượng tham gia vào dự án...........................................................................................................7
1.2. Các công cụ và công nghệ sử dụng..........................................................................................................7
1.2.1. Các cơng cụ......................................................................................................................................7
1.2.2. Các cơng nghệ..................................................................................................................................8
PHẦN 2: PHÂN TÍCH NỘI DUNG VÀ THIẾT KẾ HỆ THỐNG...............................................................8
2.1. Sơ đồ hệ thống.........................................................................................................................................8
2.2. Mô tả nội dung, chức năng......................................................................................................................9
2.3. Ma trận phân quyền các chức năng........................................................................................................10
2.4. Mơ tả các chức năng..............................................................................................................................12
2.4.1. Tìm kiếm sản phẩm........................................................................................................................12
2.4.2. Đăng nhập.......................................................................................................................................13
2.4.3. Đăng kí...........................................................................................................................................14
2.4.4. Đổi mật khẩu..................................................................................................................................15
2.4.5. Thay đổi thơng tin cá nhân.............................................................................................................16
2.4.6.Phản hồi...........................................................................................................................................17
2.4.7. Thanh tốn......................................................................................................................................18
2.4.8. Quản lý danh mục...........................................................................................................................19
2.4.9. Quản lý sản phẩm...........................................................................................................................20
2.4.10. Quản lý tài khoản..........................................................................................................................21
2.4.11. Quản lý phản hồi...........................................................................................................................22
2.4.12. Quản lý đơn hàng..........................................................................................................................22
PHẦN 3: THIẾT KẾ GIAO DIỆN................................................................................................................23
3.1. Giao diện người dùng............................................................................................................................23
3.1.1. Trang chủ........................................................................................................................................23

3.1.2. Tìm kiếm sản phẩm........................................................................................................................25
3.1.3. Danh mục sản phẩm........................................................................................................................26
3.1.4. Chi tiết sản phẩm............................................................................................................................27
3.1.5. Giỏ hàng.........................................................................................................................................28
3.1.6. Thanh toán......................................................................................................................................29
3.1.7. Liên hệ............................................................................................................................................30
3.1.8. Đăng nhập.......................................................................................................................................31
3.1.9. Đăng kí...........................................................................................................................................32
3.1.10. Thay đổi thơng tin.........................................................................................................................33
3.1.11. Đổi mật khẩu................................................................................................................................34
3.1.12. Phản hồi........................................................................................................................................34
3.1.13 Tin tức...........................................................................................................................................36
3.2. Giao diện quản trị..................................................................................................................................37
3.2.1 Trang chủ.........................................................................................................................................37
3.2.2 Quản lý danh mục sản phẩm............................................................................................................38
3.2.3 Quản lý sản phẩm............................................................................................................................38
3.2.4 Quản lý slider..................................................................................................................................39
3.2.5 Quản lý comment.............................................................................................................................39
3.2.6 Quản lý user.....................................................................................................................................40
3.2.7 Quản lý setting.................................................................................................................................40
3.2.8 Quản lý tin tức.................................................................................................................................41
3.2.9 Quản lý banner................................................................................................................................41
3.2.10 Quản lý hỗ trợ................................................................................................................................42
3.2.11 Quản lý order.................................................................................................................................42
3.2.12 Quản lý code..................................................................................................................................43
PHẦN 4: XÂY DỰNG CƠ SỞ DỮ LIỆU.....................................................................................................44
4.1. Mơ hình ERD........................................................................................................................................44
4.2. Mơ tả chi tiết các bảng...........................................................................................................................44
4.2.1 Bảng Banner....................................................................................................................................44

4.2.2 Bảng Support...................................................................................................................................45
4.2.3 Bảng Category.................................................................................................................................45
4.2.4 Bảng Comments..............................................................................................................................45
4.2.5 Bảng Information.............................................................................................................................46
4.2.6 Bảng News......................................................................................................................................46


4.2.7 Bảng Order......................................................................................................................................46
4.2.8 Bảng Order_details..........................................................................................................................46
4.2.9 Bảng Products..................................................................................................................................47
4.2.10 Bảng Slide.....................................................................................................................................47
4.2.11 Bảng User......................................................................................................................................48
4.2.12 Bảng discount_code.......................................................................................................................48

LỜI MỞ ĐẦU 
Chúng ta đang sống trong thời kì hội nhập, thời kì mà cơng nghệ đang phát triển một
cách nhanh chóng. Điều đó kéo theo một loạt các Website Thương mại Điện tử hình
thành theo xu hướng đó nhằm phục vụ số lượng và nhu cầu về sản phẩm của khách hàng
trên cả nước. Ngành công nghệ đang chiếm doanh số lớn nhất sau ngành thời trang trên
kênh thương mại điện tử. Với website bán đồ công nghệ trực tuyến FPT SHOP, bạn có
thể mua các sản phẩm về cơng nghệ như điện thoại, máy tính bảng, laptop,đồng hồ,.. một
cách trực tuyến mọi lúc mọi nơi trên các thiết bị có kết nối internet và trình duyệt web
như máy tính bảng, smartphone, PC… Vì thế, nhóm em quyết định phát triển dự án
website FPT SHOP với mục đích đáp ứng nhu cầu mua sắm đồ công nghệ của mọi
người.

PHẦN 1: GIỚI THIỆU CHỨC NĂNG – HỆ THỐNG 
1.1. Giới thiệu đề tài 
1.1.1. Khảo sát - xây dựng ý tưởng 
Tổng quan về thị trường   

Theo một báo cáo từ Hiệp hội Thương Mại Điện Tử, Việt Nam hiện có hơn 800
doanh  nghiệp phân phối đồ công nghệ, với 90% thị phần được đóng góp bởi các
nhãn hiệu nước ngồi như Apple, Samsung, Oppo,… và 20% thị phần còn lại đến từ
các nhãn hiệu trong nước như Vsmart, Bphone,... Hầu hết các thương hiệu trong nước
chỉ giới hạn ở phân khúc giá trị trung bình thấp và chủ yếu xuất khẩu sang các thị
trường  láng giềng lân cận. Thị phần đồ công nghệ nhập ngoại như sau: Hàn Quốc
(30%), châu Âu (23%), Nhật  Bản (17%), Thái Lan (13%), Mỹ (10%) và các nước
khác (7%). 
Tiềm năng phát triển 
Theo báo cáo của Q&Me () số người dùng trực tuyến hàng tháng
đã tăng lên 61% từ 47% của năm trước. Cũng theo một khảo sát thị trường nho nhỏ
tại 30 trường phổ thông, Cao đẳng, Đại học chỉ ra rằng có 95% số học sinh  ở độ tuổi
17– 19 tuổi có sử dụng các thiết bị cơng nghệ và trên 19 tuổi thì tỷ lệ này là gần như
là 100%. 
Có một số yếu tố có thể thúc đẩy sự phát triển tiếp tiếp diễn của thị trường công nghệ
Việt Nam trong  những năm tới. Động cơ đầu tiên phải kể đến sự phát triển mạnh mẽ


của thương mại điện tử khiến  cho việc mua sắm đồ công nghệ trở nên thuận tiện hơn
đối với người tiêu dùng. Hiện nay, có tới 57% số  người dùng đã mua sản phẩm
online bởi sự “tiện lợi” (44%), “đa dạng sản phẩm”  (43%) và “giá cả” (40%) của
kênh mua sắm này. Mua hàng trực tuyến đang rất được ưa chuộng vì  khách hàng có
thể thao tác dễ dàng và nhanh chóng. 40% số người mua online đặt mua sản  phẩm
hàng tháng. (Nguồn: ) 

Hình 1.1: Tần suất mua đồ trực tuyến 

Nếu nhìn vào kênh bán hàng, có thể thấy các trang web trực tuyến và đang trở thành
những kênh bán hàng phổ biến nhất. Số lượng người mua hàng trực tuyến các sản
phẩm công nghệ tăng tới 77%  từ 54% so với 2 năm trước.12% đáp viên trả lời rằng

họ chủ yếu lựa chọn việc mua hàng trực tuyến  và 10% sử dụng Facebook thường
xuyên nhất. Do đó, 22% số người mua phụ thuộc vào  kênh website trực tuyến. Đây
là xu hướng gia tăng lớn so với 1 năm về trước, khi tỉ lệ chỉ là 9%.

Dự án mẫu – Website trực tuyến FPT SHOP 

Hình 1.2: Số người mua mỹ phẩm trực tuyến từ năm 2016-2018 

Website trực tuyến không chỉ là kênh bán hàng phổ biến mà cịn là nguồn thơng
tin có ảnh hưởng  lớn tới quyết định mua hàng. 


1.1.2. Kết luận 
- 57% người Việt Nam mua đồ công nghệ trực tuyến. 
- Mặt hàng công nghệ như điện thoại hay laptop có tỉ lệ mua hàng trực tuyến gia
tăng cao hơn nữa trong tương lai vì vậy những website thương mại điện tử cũng
cần thiết. 
- Hiện nay mọi người đều hướng đến xu hướng tiện lợi nhanh chóng vì vậy website
bán đồ công nghệ là một kênh mua sắm được nhiều người quan tâm nhất. 
1.1.3. Hệ thống tương tự 
1.1.3.1. thegioididong.com

Ưu điểm: 
∙ Thanh toán nhanh, sử dụng được nhiều phương thức thanh tốn 
∙ Có chức năng theo dõi đơn hàng 
Nhược điểm:  
∙ Người dùng bình luận truyện bằng facebook, nên khơng kiểm sốt được nội
dung bình luận.

1.1.3.2. clickbuy.com.vn

Ưu điểm: 
∙ Bộ lọc tốt 
∙ Có chức năng lịch sử mua hàng 
Nhược điểm: 
∙ Khơng có chức năng theo dõi đơn hàng

1.1.4. Ý tưởng- Mục đích đề tài 
Nhu cầu mua sắm đồ công nghệ trực tuyến của người dùng internet vẫn đang không
ngừng tăng, dựa  vào những thông tin thu thập và khảo sát em quyết định xây dựng dự
án bán đồ công nghệ trực tuyến  mang tên là FPT SHOP, với mục đích nhằm xây dựng
website có thể đáp ứng được nhu cầu  mua sắm của con người nói chung và những
người đam mê cơng nghệ nói riêng.  
1.1.5. Đối tượng tham gia vào dự án 
- Những người sử dụng website có thói quen mua đồ cơng nghệ trực tuyến. 
- Các hãng cơng nghệ có nhu cầu đăng tải sản phẩm lên website. 
- Cá nhân sở hữu website FPT SHOP. 


1.2. Các công cụ và công nghệ sử dụng 
1.2.1. Các cơng cụ 

Hình 1.6: Các cơng cụ sử dụng trong dự án 

1.2.2. Các cơng nghệ 

Hình 1.7: Các cơng nghệ sử dụng trong dự án

PHẦN 2: PHÂN TÍCH NỘI DUNG VÀ THIẾT KẾ HỆ THỐNG
2.1. Sơ đồ hệ thống

Hình 2.1: Sơ đồ hệ thống (Use Case)

2.2. Mô tả nội dung, chức năng
ST
T

Chức năng

Nội dung

Input

Output

1

Đăng ký

Thơng tin tài
khoản. (Username,
Password,
Email,...)

Hiển thị kết quả
đăng ký
(Đăng kí thành
cơng )

2

Đăng nhập

Người dùng đăng ký tài
khoản để trở thành
member(thành viên) có cập
nhật thơng tin cá nhân và xem
lịch sử mua hàng
Người dùng và quản trị viên
đăng nhập để sử dụng các
chức năng có được từ chức
năng phân quyền cấp cho.

Username và mật
khẩu.

Hiển thị kết quả
đăng nhập và
chuyển hướng
ra trang chủ nếu
đăng nhập thành
công.


3

Xem sản phẩm

Mọi người đều có thể xem
thơng tin chi tiết của, xem
danh mục sản phẩm, xem
danh sách sản phẩm thuộc 1
danh mục
Người dùng nhập tên sản
phẩm mình muốn tìm, hệ
thống sẽ tìm kiếm sản phẩm
liên quan tới từ khóa tìm
kiếm.
Thành viên có thể đánh giá,
phản hồi sản phẩm

Khi click vào
đường dẫn tới trang
xem chi tiết sản
phẩm

Hiển thị trang chi
tiết sản phẩm.

4

Tìm sản phẩm

Người dùng nhập
tên sản phẩm hoặc
từ khóa của sản
phẩm.

Quản lí danh
mục

Admin là người duy nhất có
quyền xem chức năng này.
1.Admin có thể thêm danh
mục.
2.Admin có thể xem danh
sách danh mục và thực hiện
hành động xóa danh mục.
3.Admin có thể sửa danh
mục.
4.Admin có thể xem danh
sách sản phẩm của danh mục
đó.

1. Admin nhập vào
tên danh mục,
đường dẫn.
2. Admin thực hiện
hành động xóa với
1 danh mục, sau đó
xác nhận xóa với
hộp thoại.
3. Admin thực hiện
nhập vào danh mục
đường dẫn cần sửa.
4. Admin chọn
hành động danh
sách sản phẩm với

một danh mục.

Quản lí sản
phẩm

Admin là người duy nhất có
quyền sử dụng chức năng
này.
1. Xem danh sản phẩm.
2. Xóa sản phẩm.
3. Thêm sản phẩm.
4. Tìm sản phẩm.
5. Chỉnh sửa sản phẩm.
6. Lọc sản phẩm theo danh
mục.

2. Admin xác nhận
xóa thực sự ở hộp
thoại khi thực hiện
hành động xóa với
1 sản phẩm.
3. Admin thực hiện
nhập tên sản phẩm,
đường dẫn, ảnh bìa,
trạng thái sản
phẩm.
4.Admin nhập và
chọn sản phẩm cần
chỉnh sửa.
5. Admin thực hiện

nhập tên sản phẩm,
đường dẫn, ảnh bìa,
dnah mục.
6. Admin chọn
danh mục.

Hiển thị ra trang
chứa danh sách kết
quả tìm kiếm được
dựa vào từ khóa đã
cho.
Hệ thống sẽ lưu lại
đánh giá và phản
hồi và hiển thị
ngay lập tức đánh
giá và phản hồi
trong trang
1. Chuyển về trang
danh sách danh
mục nếu kết quả
lưu thành công.
2. Chuyển về trang
danh sách danh
mục nếu kết quả
xóa thành cơng.
3. Chuyển về trang
danh sách danh
mục nếu kết quả
lưu chỉnh sửa
thành công.

4. Chuyển trang
mới, hiển thị tồn
bộ sản phẩm thuộc
danh mục đó.
2. Chuyển hướng
về trang danh sách
sản phẩm nếu hệ
thống thực hiện
xóa thành công.
3. Chuyển hướng
sang trang chỉnh
sửa sản phẩm vừa
mới thêm nếu hệ
thống thực hiện
lưu thành công.
4. Chuyển hướng
sang trang chỉnh
sửa sản phẩm đã
chọn.
5. Chuyển hướng
sang trang danh
sách sản phẩm nếu
hệ thống thực hiện
lưu thành công.
6. Hệ thống chuyển

5

Đánh giá, phản
hồi

6

7

Người dùng đánh
giá và nhập lời
phản hồi về sản
phẩm


8

Quản lí phản
hồi

9

Quản lí tài
khoản

Admin là người duy nhất có
quyền sử dụng chức năng
này.
1. Danh sách phản hồi
2. Xóa phản hồi
Admin là người duy nhất có
quyền sử dụng chức năng
này.
1. Danh sách tài khoản

2. Tìm kiếm tài khoản
3. Chỉnh sửa tài khoản
4. Khóa tài khoản

2. Admin xác nhận
xóa thực sự ở hộp
thoại khi thực hiện
hành động xóa với
một phản hồi
2. Admin chọn tài
khoản cần chỉnh
sửa.
3. Admin nhập mật
khẩu, loại tài khoản
của thành viên đã
chọn để chỉnh sửa
4. Admin chọn
hành động khóa tài
khoản đối với một
tài khoản.

hướng sáng trang
mới hiển thị tồn
bộ sản phẩm thuộc
danh mục đã chọn.
2. Admin xác nhận
xóa thực sự ở hộp
thoại khi thực hiện
hành động xóa
với một phản hồi.

2. Chuyển hướng
tới trang chỉnh sửa
tài khoản đã chọn.
3. Chuyển hướng
về trang danh sách
tài khoản nếu kết
quả thành công
4. Chuyển hướng
về danh sách tài
khoản nếu kết quả
khóa tài khoản
thành công

2.3. Ma trận phân quyền các chức năng
STT

Chức năng

1

Đăng ký

2

Đăng nhập

3

Xem sản phẩm

4

Phản hồi

5

Xem chi tiết sản phẩm

6

Khách

Thành viên

Quản trị viên

✓
✓

✓

✓

✓

✓

✓

✓

✓

✓

Xem trang chủ

✓

✓

✓

7

Tìm sản phẩm

✓

✓

✓

8

Mua sản phẩm

✓

✓

✓

9

Đổi mật khẩu

✓

✓

10

Xem lịch sử mua hàng

✓

✓

✓


11

Theo dõi đơn hàng

✓

✓

12

Cập nhật thông tin

✓

✓

13

Liên hệ

14

Đăng xuất

15

Quản lý danh mục

✓

16

Quản lý phản hồi

✓

17

Quản lý đơn hàng

✓

18

Quản lý người dùng

✓

19

Quản lý sản phẩm

✓

✓

✓
✓

✓


2.4. Mơ tả các chức năng
2.4.1. Tìm kiếm sản phẩm

Hình 2.4: Flowchart tìm kiếm sản phẩm

2.4.2. Đăng nhập

Hình 2.9: Flowchart đăng nhập


2.4.3. Đăng kí

Hình 2.11: Flowchart đăng kí


2.4.4. Đổi mật khẩu

Hình 2.17: Flowchart đổi mật khẩu


2.4.5. Thay đổi thơng tin cá nhân

Hình 2.19: Flowchart thay đổi thông tin cá nhân


2.4.6.Phản hồi

Hình 2.21: Flowchart đánh giá, phản hồi sản phẩm


2.4.7. Thanh tốn

Hình 2.24: Flowchart thanh tốn hóa đơn

2.4.8. Quản lý danh mục

Hình 2.32: Flowchart thêm danh mục

Hình 2.35: Flowchart sửa danh mục

Hình 2.37: Flowchart xóa danh mục


2.4.9. Quản lý sản phẩm

Hình 2.40: Flowchart thêm sản phẩm

Hình 2.40: Flowchart sửa sản phẩm

Hình 2.40: Flowchart xóa sản phẩm


2.4.10. Quản lý tài khoản

Hình 2.49: Flowchart sửa tài khoản

Hình 2.49: Flowchart khóa tài khoản


2.4.11. Quản lý phản hồi

Hình 2.54: Flowchart xóa phản hồi

2.4.12. Quản lý đơn hàng

Hình 2.57: Flowchart xóa đơn hàng