xây dựng website bán quà tặng, đồ lưu niệm dùng html5 và css3

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

NGÀNH KỸ THUẬT PHẦN MỀM

Đề tài

XÂY DỰNG WEBSITE BÁN QUÀ TẶNG,
ĐỒ LƯU NIỆM DÙNG HTML5 VÀ CSS3

Sinh viên: Lê Thị Mỹ Hạnh
Mã số: 1111287
Khóa: K37

Cần Thơ, 05/2015


BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

NGÀNH KỸ THUẬT PHẦN MỀM

Đề tài

XÂY DỰNG WEBSITE BÁN QUÀ TẶNG,
ĐỒ LƯU NIỆM DÙNG HTML5 VÀ CSS3

Người hướng dẫn
Ths Võ Huỳnh Trâm

Sinh viên thực hiện
Lê Thị Mỹ Hạnh
Mã số: 1111287
Khóa: K37

Cần Thơ, 05/2015


LỜI CẢM ƠN

Trong quá trình học tập tại trường Đại học Cần Thơ, các thầy cô trong khoa
Công Nghệ Thông Tin và Truyền Thông đã tận tình dạy bảo cho em nhiều kiến thức
quý báu và bổ ích, giúp em vượt qua những khó khăn trong học tập , cũng như trang
bị cho chúng em những kiến thức, nền tảng quý báo để là hành trang vững bước
trên con đường làm việc đầy chông gai sau này.
Xin tỏ lòng biết ơn sâu sắc đến cô Võ Huỳnh Trâm đã hướng dẫn tận tình,
sửa chữa những sai sót, những mặt hạn chế và còn thiếu sót của em trong suốt thời
gian nghiên cứu đề tài tốt nghiệp này.
Các thầy cô trong bộ môn Công nghệ phần mềm đã truyền đạt nhiều kiến
thức quý báu làm nền tảng để em có thể thực hiện đề tài này.
Dù đã rất cố gắng để hoàn thành một cách tốt nhất, nhưng cũng không tránh
khỏi những thiếu sót và hạn chế trong quá trình thực hiện.Rất mong sự thông cảm,
chỉ bảo cũng như sự đóng góp chân thành của quý thầy cô và bạn bè để đề tài ngày
càng tốt hơn.

Kính dâng cha, mẹ đã hết lòng nuôi dạy và động viên tinh thần trong suốt
thời gian qua.
Sau cùng kính chúc quý thầy cô dồi dào sức khỏe và thành công trong công
việc của mình.
Xin chân thành cảm ơn!
Cần Thơ, ngày 19 tháng 5 năm 2015
Sinh viên thực hiện

Lê Thị Mỹ Hạnh


Mục lục

GVHD: ThS Võ Huỳnh Trâm

MỤC LỤC
LỜI CẢM ƠN ............................................................................................................ 3
MỤC LỤC .................................................................................................................. i
DANH MỤC HÌNH ................................................................................................... v
TÓM TẮT ................................................................................................................. vi
ABSTRACT ............................................................................................................. vii
DANH MỤC CÁC TỪ VIẾT TẮT .......................................................................... viii
I.PHẦN GIỚI THIỆU ............................................................................................... 1
I.1. Đặt vấn đề ...................................................................................................... 1
I.2. Lịch sử giải quyết vấn đề ............................................................................... 1
I.3. Mục tiêu của đề tài ......................................................................................... 1
I.4. Phạm vi của đề tài .......................................................................................... 2
I.4.1. Khách hàng .............................................................................................. 2
I.4.1.1. Xem chi tiết một sản phẩm ................................................................ 2
I.4.1.2. Đặt mua sản phẩm ............................................................................. 2

I.4.1.3. Tìm kiếm sản phẩm ........................................................................... 2
I.4.1.4. Bình luận sản phẩm ........................................................................... 2
I.4.1.5. Góp ý vào website ............................................................................. 2
I.4.2. Quản trị.................................................................................................... 2
I.4.2.1. Quản lý sản Phẩm .............................................................................. 2
I.4.2.2. Quản lý loại sản phẩm ....................................................................... 2
I.4.2.3. Thống kê............................................................................................ 3
I.4.2.4. Quản lý khách hàng ........................................................................... 3
I.4.2.5. Quản lý bình luận .............................................................................. 3
I.4.2.6. Quản lý giỏ hàng ............................................................................... 3
I.4.2.7. Quản lý tài khoản............................................................................... 3
I.4.2.8. Quản lý khuyến mãi ........................................................................... 3
II.PHẦN NỘI DUNG ................................................................................................ 6
CHƯƠNG 1: MÔ TẢ BÀI TOÁN.............................................................................. 6
II.1.1.Giới thiệu sơ lược về mô tả bài toán ........................................................ 6
II.1.2. Đặt tả chức năng ..................................................................................... 9
i
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

II.1.2.1.Mục đích ........................................................................................... 9
II.1.2.2.Phạm vi sản phẩm ............................................................................. 9
II.1.3.Mô tả hệ thống......................................................................................... 9
II.1.3.1.Mô hình hệ thống .............................................................................. 9
II.1.3.2.Các chức năng của sản phẩm ........................................................... 10
II.1.3.3.Đặt điểm người sử dụng .................................................................. 14

II.1.3.4.Môi trường vận hành ....................................................................... 15
II.1.3.5.Các ràng buộc thực thi ..................................................................... 15
II.1.4.Các yêu cầu thực thi .............................................................................. 15
II.1.4.1.Giao diện người sử dụng ................................................................. 15
II.1.4.2.Giao tiếp phần mềm ........................................................................ 16
II.1.5.Các chức năng của hệ thống .................................................................. 16
II.1.5.1.Xem chi tiết một sản phẩm .............................................................. 17
II.1.5.2.Đặt mua sản phẩm ........................................................................... 17
II.1.5.3.Bình luận sản phẩm ......................................................................... 19
II.1.5.4.Tìm kiếm sản phẩm ......................................................................... 19
II.1.5.5.Góp ý vào website ........................................................................... 20
II.1.5.7.Đăng nhập ....................................................................................... 22
II.1.5.8.Quản lý tài khoản ............................................................................ 22
II.1.5.9.Quản lý sản phẩm ............................................................................ 23
II.1.5.10.Quản lý loại sản phẩm ................................................................... 24
II.1.5.11.Quản lý giỏ hàng ........................................................................... 25
II.1.5.12.Quản lý khách hàng ....................................................................... 25
II.1.5.13.Thống kê ....................................................................................... 26
II.1.5.14.Quản lý khuyến mãi ...................................................................... 27
II.1.5.15.Quản lý bình luận .......................................................................... 28
II.1.6.Các yêu cầu phi chức năng .................................................................... 29
II.1.6.1.Các yêu cầu thực thi ........................................................................ 29
II.1.6.2.Các yêu cầu bảo mật ........................................................................ 29
II.1.6.3.Các đặc điểm của chất lượng phần mềm .......................................... 29
ii
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP .............................................. 30
II.2.1.Giới thiệu .............................................................................................. 30
II.2.1.1.Mục đích ......................................................................................... 30
II.2.1.2.Phạm vi sản phẩm ........................................................................... 30
II.2.2.Mô hình triển khai ứng dụng.................................................................. 31
II.2.2.1.Mô hình hệ thống ............................................................................ 31
II.2.2.2.Môi trường vận hành ....................................................................... 31
II.2.3.Thiết kế dữ liệu...................................................................................... 32
II.2.3.1.Mô tả các lớp................................................................................... 32
II.2.3.2.Mô hình cơ sở dữ liệu ...................................................................... 34
II.2.3.3.Từ điển dữ liệu ................................................................................ 34
II.2.4.Thiết kê theo chức năng ......................................................................... 38
II.2.4.1.Xem chi tiết một sản phẩm .............................................................. 38
II.2.4.2.Đặt mua sản phẩm ........................................................................... 40
II.2.4.3.Bình luận sản phẩm ......................................................................... 46
II.2.4.4.Tìm kiếm sản phẩm ......................................................................... 47
II.2.4.5.Góp ý .............................................................................................. 49
II.2.4.6.Đăng ký ........................................................................................... 50
II.2.4.7.Đăng nhập ....................................................................................... 52
II.2.4.8.QL tài khoản ................................................................................... 53
II.2.4.9.QL Sản phẩm .................................................................................. 57
II.2.4.10.QL Loại Sản phẩm ........................................................................ 59
II.2.4.11.QL giỏ hàng .................................................................................. 61
II.2.4.12.QL khách hàng .............................................................................. 62
II.2.4.13. QL khuyến mãi ............................................................................. 63
II.2.4.14. QL bình luận ................................................................................ 65
II.2.4.15. Thống kê ...................................................................................... 67
CHƯƠNG 3: KIỂM THỬ VÀ ĐÁNH GIÁ ............................................................. 75

II.3.1.Giới thiệu .............................................................................................. 75
II.3.1.1.Mục đích ......................................................................................... 75
iii
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

II.3.1.2.Phạm vi sản phẩm ........................................................................... 75
II.3.2.Môi trường kiểm thử.............................................................................. 75
II.3.3.Danh sách các TESTCASE .................................................................... 75
II.3.4.Một số TESTCASE chọn lọc ................................................................. 76
II.3.4.1.Xem chi tiết một sản phẩm(TC01) ................................................... 76
II.3.4.2.Đặt mua sản phẩm(TC02) ................................................................ 76
II.3.4.3.Bình luận sản phẩm (TC03) ............................................................. 77
II.3.4.4.Tìm kiếm sản phẩm (TC04) ............................................................. 78
II.3.4.5.QL Sản phẩm (TC05) ...................................................................... 79
II.3.4.6.QL Khuyến mãi (TC06) .................................................................. 80
II.3.4.7.QL giỏ hàng (TC07) ........................................................................ 82
II.3.4.8.QL Bình luận (TC08) ...................................................................... 82
II.3.4.9.Thống kê (TC09) ............................................................................. 83
II.3.5.Kết quả kiểm thử ................................................................................... 85
II.3.5.1.Chi tiết kết quả đã kiểm thử ............................................................. 85
II.3.5.2.Thống kê kết quả kiểm thử .............................................................. 87
PHẦN III: PHẦN KẾT LUẬN ................................................................................ 88
III.1.1. Kết quả đạt được ................................................................................. 88
III.1.1.1.Về lý thuyết ................................................................................... 88
III.1.1.2.Về phần mềm ................................................................................. 88

III.2.1.Hạn chế khó khăn ................................................................................. 89
III.3.1.Hướng phát triển .................................................................................. 89
TÀI LIỆU THAM KHẢO ........................................................................................ 90
PHỤ LỤC ................................................................................................................ 91

iv
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

DANH MỤC HÌNH
Hình II.1.Sơ đồ chức năng quản trị ........................................................................ 10
Hình II.2.Sơ đồ QL tài khoản ................................................................................ 11
Hình II.2.Sơ đồ QL tài khoản ................................................................................ 11
Hình II.4.Sơ đồ QL sản phẩm ................................................................................ 11
Hình II.5.Sơ đồ QL bình luận ................................................................................ 12
Hình II.6.Sơ đồ QL khuyến mãi............................................................................. 12
Hình II.7.Sơ đồ QL khách hàng ............................................................................. 12
Hình II.8.Sơ đồ QL giỏ hàng ................................................................................. 13
Hình II.9.Góp ý ..................................................................................................... 13
Hình II.10.Thống kê .............................................................................................. 13
Hình II.11.Sơ đồ phân rã chức năng của khách hàng ............................................. 14
Hình II.12. Mô hình triển khai ứng dụng ............................................................... 31
Hình II.13. Mô hình CMD ..................................................................................... 34
Hình II.14. Xem chi tiết một sản phẩm .................................................................. 39
Hình II.15. Đặt mua sản phẩm ............................................................................... 41
Hình II.16. Giỏ hàng .............................................................................................. 42

Hình II.17. Form thanh toán .................................................................................. 43
Hình II.18. Lưu đồ quy trình đặt mua sản phẩm..................................................... 45
Hình II.19.Giao diện bình luận .............................................................................. 46
Hình II.20.Giao diện tìm kiếm ............................................................................... 47
Hình II.21.Giao diện kết quả tìm kiếm ................................................................... 48
Hình II.22.Giao diện góp ý .................................................................................... 49
Hình II.23.Giao diện đăng ký ................................................................................ 51
Hình II.24.Giao diện đăng nhập ............................................................................. 52
Hình II.25.Giao diện QL tài khoản ........................................................................ 54
Hình II.26.Giao diện QL tài khoản ........................................................................ 54
Hình II.27.Lưu đồ thao tác cập nhật....................................................................... 56
Hình II.28.Giao diện QL sản phẩm ........................................................................ 57
Hình II.29.Giao diện QL loại sản phẩm ................................................................. 59
Hình II.30.Giao diện QL loại sản phẩm ................................................................. 60
Hình II.31.Giao diện QL giỏ hàng ......................................................................... 61
Hình II.32.Giao diện QL khách hàng ..................................................................... 62
Hình II.33.Giao diện QL khuyến mãi .................................................................... 63
Hình II.34.Giao diện QL khuyến mãi .................................................................... 64
Hình II.35.Giao diện QL bình luận ........................................................................ 66
Hình II.36.Giao diện thống kê ngày ....................................................................... 68
Hình II.37.Biểu đồ thống kê ngày .......................................................................... 69
Hình II.38.Giao diện thống kê tháng ...................................................................... 71
Hình II.39.Biểu đồ thống kê tháng ......................................................................... 71
Hình II.40.Giao diện thống kê năm ........................................................................ 72
Hình II.41.Biểu đồ thống kê năm ........................................................................... 73

v
SVTH: Lê Thị Mỹ Hạnh-1111287

Mục lục

GVHD: ThS Võ Huỳnh Trâm

TÓM TẮT
Công nghệ thông tin phát triển ngày càng đổi mới không ngừng bằng việc
chinh phục hết đỉnh cao này tới đỉnh cao khác.Cùng với tốc độ đó thì việc bán hàng
online ngày càng phổ biến trong số đó bán quà tặng, đồ lưu niệm online hiện nay rất
phát triển mạnh.Nắm bắt được tình hình đó, đề tài “Website bán quà tặng, đồ lưu
niệm“ được xây dựng như là một hệ thống quản lý nhằm mang lại tính thuận tiện
cho khách hàng muốn mua quà tặng, đồ lưu niệm, những sản phẩm thật phù hợp với
yêu cầu của khách hàng.
Website được xây dựng trên nền HTML5 và CSS3 nhằm mục giúp khách hàng
có một giao diện thu hút và bắt mắt hơn với các ứng dụng của CSS3 và tiện lợi hơn
trong việc xem hình ảnh của sản phẩm sắc nét ứng dụng HTML5 đặc biệt là xu
hướng mới thiết kế phẳng (flat design).Thiết kế phẳng (flat design) được coi là một
triết lý thiết kế theo chủ nghĩa tối giản, tức mọi thành phần đồ họa được làm cho
đơn giản nhất với những đặc tính như màu sắc rõ ràng, góc cạnh, không gian mở và
tất cả được thể hiện dạng hai chiều. Hệ thống cung cấp các chức năng hướng theo 2
nhóm người dùng như sau: Nhóm người dùng đầu tiên và quan trọng nhất đó là
khách hàng. Khách hàng có thể xem thông tin của sản phẩm và thông tin chi tiết
từng sản phẩm mà khách hàng quan tâm, đặt mua sản phẩm trực tuyến và có thể
bình luận sản phẩm để hiểu rõ hơn về sản phẩm. Nhóm thứ hai là quản trị hệ thống
có quyền xem thông tin của người đặt hàng, thêm sửa xóa sản phẩm và quản lý bình
luận..Website được xây dựng với hệ quản trị cơ sở dữ liệu SQL Server 2008, các
công nghệ web như: JavaScript, ASP.NET, HTML5 và CSS3, BootStrap.
Kết quả, đề tài đã hoàn thành được việc đưa các tính năng mới trong HTML5
và CSS3 vào website, hoàn thành việc phân tích và thiết kế chức năng cho 2 nhóm
người dùng và xây dựng tương đối hoàn chỉnh quy trình đặt hàng online trên
website.

vi
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

ABSTRACT
Information technology is more and more developing and subjugating from
this pinnacle to pinnacle. Following with this speed, online selling, especially
souvenirs selling, is also more and more increasingly popular. As the result, I
choose the theme “The selling gifts and souvenirs website” which is a management
system in order to provide customers with gifts and souvenirs conveniently and
completely suitable for their requirements.
The website is built upon HTML5 and CSS3, which provide customers with
the attractive interface of CSS3 and the convenience to see the real picture of
HTML5, especially flat design.Flat design is considered a design philosophy in
minimalist, which means all of graphical elements are made as simple as possible
with clear and angled colors, opened space and in two dimensions. The system
mainly intends to two following groups of users. The first and most important one is
customers. They can view the detailed information of products that they are
interested, order products online and even comment to understand more about the
products. The second group is the system administrators who have the right to see
the information of the order, add, repair or delete products, manage comments..
The website is built on the database management system SQL Server 2008, the
web technologies such as JavaScript, ASP.NET, HTML5 and CSS3, Bootstrap.
The results of the research has accomplished bringing the applications of HTML5
and CSS3 into the website, analyzing and designing functions for two groups of

users, and building a relatively complete online order process on website.

vii
SVTH: Lê Thị Mỹ Hạnh-1111287


Mục lục

GVHD: ThS Võ Huỳnh Trâm

DANH MỤC CÁC TỪ VIẾT TẮT
HTML5 : HyperText Markup Language phiên bản 5
CSS3: Cascading Style Sheet phiên bản 3
CSDL: Cơ sở dữ liệu
QL: Quản lý

viii
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần giới thiệu

GVHD: ThS Võ Huỳnh Trâm

I.PHẦN GIỚI THIỆU
I.1. Đặt vấn đề
Xã hội ngày càng phát triển, thu nhập ngày càng tăng cao thì con người có xu
hướng chăm sóc những người thân yêu của mình về mặt tinh thần ngày càng nhiều
hơn. Cha mẹ muốn thưởng quà cho con cái, bạn bè muốn mang đến niềm vui cho
nhau, đôi lứa muốn tạo bất ngờ cho người yêu của mình bằng những món quà độc

đáo, đẹp mắt.
Tất cả tạo nên nhiều thuận lợi cho việc kinh doanh quà lưu niệm. Lợi nhuận
cao, số vốn đầu tư lại không phải là quá lớn nên mở shop kinh doanh quà lưu niệm
đang là một hướng đi được khá nhiều người lựa chọn để khởi nghiệp.
Lĩnh vực này được đánh giá cao, rất có tiềm năng bởi đối tượng khách hàng
khá đa dạng. Tuy nhiên ngày nay còn nhiều mặt hàng tràn lan không biết phải tìm
kiếm, mua như thế nào cho phù hợp giá cả, những mặt hàng uy tín, những thông tin
cần thiết cho khách hàng. Điều trên hết là tiết kiệm thời gian phải đi trực tiếp tới
shop để lựa chọn thay vì ngồi ở nhà chúng ta cũng có thể lựa chọn những món quà
ưng ý. Nên việc thiết kế “Website bán quà tặng, đồ lưu niệm” trở nên quan trọng.
Ngày nay cũng đã có rất nhiều website bán quà lưu niệm online nhưng làm thế
nào để nó đẹp và dễ sử dụng là một vấn đề đang được chú trọng.
Vì vậy, "Xây dựng website bán quà tặng, đồ lưu niệm dùng HTML5 và
CSS3" theo hướng thiết kế phẳng là một đề tài đáng được quan tâm.
I.2. Lịch sử giải quyết vấn đề
Việc quản lý bán hàng online thông qua các website hiện nay đã được phát
triển mạnh mẽ ở Việt Nam cũng như khắp thế giới. Và " Website bán quà tặng, đồ
lưu niệm" là một trong những hình thức nêu trên.
Một số website về bán quà lưu niệm như:
- Cửa hàng quà lưu niệm Chip Chip:
- CandyShop88:
- PanDaGift:
Tuy nhiên, việc sử dụng công nghệ HTML5 và CSS3 và xu hướng thiết kế
phẳng vào thiết kế website thì vẫn còn là một điều mới mẻ và cần được phát triển
thêm.
I.3. Mục tiêu của đề tài
Xây dựng một "Website bán quà tặng, đồ lưu niệm" với đầy đủ chức năng cơ
bản cần thiết cho người sử dụng như: Cho khách hàng đặt mua sản phẩm bình luận
ở từng sản phẩm, quản trị quản lý nhiều chức năng như: quản lý sản phẩm, quản lý
loại sản phẩm, quản lý giỏ hàng, quản lý khuyến mãi…. .

Xây dựng Website trên nền tảng HTML5 và CSS3 và xu hướng thiết kế phẳng
(flat design), làm cho diện web trở nên đẹp hơn và thích ứng.
1
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần giới thiệu

GVHD: ThS Võ Huỳnh Trâm

I.4. Phạm vi của đề tài
Gồm có 2 nhóm đối tượng sử dụng hệ thống gồm: quản trị, khách hàng. Các
yêu cầu chi tiết về từng đối tượng người dùng được trình bày như sau:
I.4.1. Khách hàng
I.4.1.1. Xem chi tiết một sản phẩm
Trong khi xem sản phẩm nếu bạn thích vào sản phẩm nào đó khách
hàng có thể chọn vào sản phẩm đó để vào xem chi tiết thông tin của sản
phẩm. Khi chọn vào xem chi tiết sản phẩm khách hàng có thể thông tin:
tên sản phẩm, giá , số lượng còn, loại sản phẩm, nội dung khuyến mãi,..
của sản phẩm mà khách hàng đang xem
I.4.1.2. Đặt mua sản phẩm
Khách hàng sau khi đã chọn một sản phẩm ưng ý phù hợp, sẽ tiến
hành đặt mua sản phẩm đó ngay trong chi tiết sản phẩm khách hàng chọn
số lượng sản phầm và nhấn button mua hệ thống sẽ chuyển trang giỏ
hàng.Điền đầy đủ thông tin và nhấn xác nhận để hoàn tất quy trình mua
hàng
I.4.1.3. Tìm kiếm sản phẩm
Khách hàng có thể tìm kiếm nhanh một sản phẩm bằng cách tìm kiếm
theo tên sản phẩm
I.4.1.4. Bình luận sản phẩm

Khách hàng có thể bình luận một sản nào đó trong ngay phần chi tiết
sản phẩm của sản phẩm đó. Đợi quản trị duyệt bình luận mới được hiển
thị
I.4.1.5. Góp ý vào website
Khách hàng có thể đóng góp ý kiến của mình về website trên menu
góp ý
I.4.2. Quản trị
I.4.2.1. Quản lý sản Phẩm
Xem danh sách chi tiết từng sản phẩm và có thể thực hiện các chức
năng sau
- Thêm sản phẩm
- Xóa sản phẩm
- Sửa sản phẩm
I.4.2.2. Quản lý loại sản phẩm
Xem chi tiết từng loại sản phẩm có thể thực hiện các chức năng sau:
- Thêm loại sản phẩm
- Sửa loại sản phẩm
2
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần giới thiệu

GVHD: ThS Võ Huỳnh Trâm

I.4.2.3. Thống kê
Xem thống kê số lượng số lượng và doanh thu sản phẩm bán ra trong
một ngày, một tháng, một năm.
I.4.2.4. Quản lý khách hàng
Quản trị có thể xem thông tin khách hàng để biết chi tiết về địa chỉ, số

điện thoại của khách hàng.
I.4.2.5. Quản lý bình luận
Xem thông tin phản hồi từ khách hàng về một sản phẩm và xác nhận
từng phản hồi đó.
Xóa phản hồi từ phía khách hàng.
I.4.2.6. Quản lý giỏ hàng
Quản trị có thể xóa giỏ hàng trong mục xóa giỏ hàng và duyệt giỏ
hàng .
I.4.2.7. Quản lý tài khoản
Quản trị có thể thực hiện chức năng sau:
- Thêm tài khoản
- Sửa tài khoản
I.4.2.8. Quản lý khuyến mãi
Quản trị có thể thực hiện chức năng sau
- Thêm khuyến mãi
- Sửa khuyến mãi
I.5. Nội dung nghiên cứu
 Phương pháp thu thập thông tin:
- Thu thập thông tin trên Internet
- Liên hệ trực tiếp và thường xuyên trao đổi, tham khảo ý kiến với giáo
viên hướng dẫn.
 Về lý thuyết:
- Nắm vững các phương pháp tổ chức, phân tích và thiết kế cơ sở dữ liệu.
- Quy trình sản xuất phần mềm: thu thập yêu cầu, mô tả vấn đề, đặc tả yêu
cầu, thiết kế và kiểm thử phần mềm.
- Ngôn ngữ lập trình mới: HTML5, CSS3, ASP.NET giao tiếp với VB.
- Các Framework: Bootstrap, Jquery,...
 Về kỹ thuật:
- Dùng công cụ Power Designer 16 để phân tích và thiết kế các mô hình.
- Dùng hệ quản trị cơ sở dữ liệu SQL Server 2008 để tạo và quản lý cơ sở

dữ liệu.
- Ngôn ngữ lập trình: HTML5, CSS3, ASP.NET,...
- Công cụ lập trình:Visual Studio 2012
3
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần giới thiệu

GVHD: ThS Võ Huỳnh Trâm

- Đồ họa: Photoshop, Paint
I.6. Đóng góp của đề tài
 Kết quả đạt được
- Website bán quà tặng, đồ lưu niệm đã tổ chức được quy trình mua hàng cho
khách hàng một cách đơn giản nhất.
- Cho khách hàng bình luận để biết thêm thông tin của từng sản phẩm mà
khách hàng quan tâm
- Cho quản trị quản lý được các sản phẩm, các đơn hàng (giỏ hàng), bình luận
từ phía khách hàng,quản lý loại sản phẩm, thống kê, quản lý khách
hàng,quản lý tài khoản, ….
- Thiết kế giao diện web theo hướng thiết kế phẳng(flat design)
- Sử dung công nghệ mới HTML5 và CSS3 với các hiệu ứng đẹp và bắt mắt
và đơn giản
I.7. Bố cục quyển luận văn
Nội dung quyển luận văn gồm các phần và các chương sau:
 PHẦN I: PHẦN GIỚI THIỆU
Phần này trình bày sơ lược về các lý do, yêu cầu của đề tài cùng biện
pháp, phương hướng giải quyết các yêu cầu đặt ra. Và cuối cùng là phần giới
thiệu tổng quan nội dung từng chương trong quyển luận này.

 PHẦN II: PHẦN NỘI DUNG
Phần này đi vào phần đặc tả chức năng hệ thống, các sơ đồ giúp xây dựng
hệ thống, cấu trúc dữ liệu vật lý, sơ đồ chức năng của chương trình và lưu đồ
giải thuật cho một số xử lý phức tạp.
Gồm có 3 chương:
 Chương 1: MÔ TẢ BÀI TOÁN
-

Mô tả chi tiết bài toán: Giúp người đọc hiểu rõ các chức năng
đề tài.

-

Phân tích đánh giá.

- Tiếp cận giải quyết vấn đề, chọn lựa giải pháp
 Chương 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP
-

Bao gồm thiết kế kiến trúc tổng thể của hệ thống, giải thích
chức năng của từng thành phần trong hệ thống, các giải thuật
xử lý của hệ thống hoặc của một thành phần hệ thống, thiết kế
cơ sở dữ liệu, …
4

SVTH: Lê Thị Mỹ Hạnh-1111287


Phần giới thiệu

GVHD: ThS Võ Huỳnh Trâm

- Mô tả cách thức cài đặt thiết kế .
 Chương 3: KIỂM THỬ VÀ ĐÁNH GIÁ
-

Mô tả mục tiêu kiểm thử

-

Kịch bản kiểm thử

- Kết quả kiểm thử
 PHẦN III: PHẦN KẾT LUẬN
+ Kết quả đạt được
+ Hướng phát triển
- Tài liệu tham khảo
- Phụ lục: Hướng dẫn cài đặt, sử dụng chương trình/giải pháp

5
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

II.PHẦN NỘI DUNG
Phần này trình bày phần mô tả hệ thống, các sơ đồ dùng để xây dựng cơ sở dữ
liệu, sơ đồ chức năng của hệ thống và lưu đồ giải thuật cho các xử lý phức tạp. Với

các chương sau đây:
 CHƯƠNG 1: MÔ TẢ BÀI TOÁN
 CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP
 CHƯƠNG 3: KIỂM THỬ VÀ ĐÁNH GIÁ

CHƯƠNG 1: MÔ TẢ BÀI TOÁN
II.1.1.Giới thiệu sơ lược về mô tả bài toán
Hệ thống gồm 2 nhóm người dùng chính: quản trị và khách hàng.
Một cửa hàng chuyên bán quà tặng, lưu niệm muốn mở rộng thị trường mua
bán thông qua một website bán hàng online việc đầu tiên là phải quản lý những sản
phẩm trong cửa hàng và trình bày những sản phẩm một cách đẹp, bắt mắt và chi tiết
từng sản phẩm đê khách hàng hiểu rõ thông tin của sản phẩm. Để quản lý được sản
phẩm không nhằm lẫn cần gán cho mỗi sản phẫm một mã sản phẩm duy nhất.
Ngoài mã sản phẩm cần có tên sản phẩm, giá, số lượng, hình ảnh, mô tả của sản
phẩm, trạng thái
- Tên sản phẩm: là tên của sản phẩm có sẵn
- Mã sản phẩm: mã tự tăng của một sản phẩm
- Giá : là giá tiền bán ra của sản phẩm
- Số lượng: số lượng của sản phẩm mà một mã sản phẩm đang có trong
cửa hàng
- Hình ảnh: là hình ảnh đại diện cho sản phẩm đó
- Mô tả: là phần giới thiệu sơ lược về sản phẩm
- Trạng thái: trạng thái của sản phẩm
Để thuận lợi cho việc quản lý của cửa hàng thì ta phân chia sản phẩm ra làm
nhiều loại khác nhau. Mỗi loại sản phẩm có một mã sản phẩm để tránh trùng lập và
tương ứng với mã loại sản phẩm là tên sản phẩm. Mỗi loại sản phẩm thì sẽ có nhiều
loại sản phẩm khác nhau.
- Mã loại sản phẩm: được gán mỗi loại là duy nhất, tự tăng
- Tên loại: do quản trị tạo
Ở mỗi lĩnh vực kinh doanh khác nhau đều có những đặc điểm riêng nhưng cho

dù kinh doanh cái gì thì khách hàng luôn là quan trọng nhất. Hệ thống sẽ quản lý
khách hàng thông qua website. Sau khi đã xem chi tiết sản phẩm nếu khách hàng
ưng ý với sản phẩm đó thì chọn nút đặt mua sản phẩm sẽ được cho vào giỏ hàng.
Nếu muốn thanh toán sản phẩm thì chọn nút thanh toán sẽ hiện lên những thông tin
6
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

cơ bản để khách hàng điền vào đó và click nút xác nhận. Nội dung trong form thanh
toán gồm có họ tên khách hàng, giới tính, số điện thoại, ngày đặt hàng, địa chỉ và
cuối cùng là mã xác nhận
- Tên khách hàng: là tên của khách khi đặt hàng
- Giới tính: giới tính của khách hàng
- Số điện thoại: số điện thoại của khách hàng dùng để liên lạc khi giao
hàng
- Địa chỉ: địa chỉ của khách hàng để giao hàng
- Ngày đặt hàng: là ngày hiện hành mà bạn đặt hàng
- Mã xác nhận: là mã Captcha mà bạn phải xác nhận khi đặt hàng
- Hình thức thanh toán: cách thanh toán tiền khi mua sản phẩm
Bên cạnh những mặt hàng mới, thì đi kèm với nó là thông tin khuyến mãi. Mỗi
sản phẩm khuyến mãi được gán cho một mã số khuyến mãi duy nhất: gồm có nội
dung, ngày bắt đầu, ngày kết thúc khuyến mãi
- Nội dung: là nội dung khuyến mãi
- Ngày bắt đầu: là ngày bắt đầu khuyến mãi
- Ngày kết thúc: là ngày kết thúc khuyến mãi
Về việc mua sản phẩm thì sau khi khách hàng đã xem chi tiết sản phẩm thấy

thích và muốn mua sản phẩm thì khách hàng phải tiến hành đặt hàng. Sau khi nhập
các thông tin yêu cầu trong quá trình đặt hàng thì đơn đặt hàng sẽ được thành lập.
Mỗi giỏ hàng thì có đầy đủ thông tin về: mã sản phẩm, tên sản phẩm, hình ảnh của
sản phẩm, số lượng mua, giá, thành tiền, tổng tiền.
- Mã sản phẩm: là mã sản phẩm mà khách hàng đặc mua
- Tên sản phẩm:là tên của sản phầm được đặt mua
- Hình ảnh: hình đại diện cho sản phẩm đó
- Số lượng mua :là số lượng sản phẩm mà khách hàng mua cho từng sản
phẩm
- Giá: là giá tiền từng sản phẩm
- Thành tiền: là giá tiền nhân với số lượng
- Tổng tiền: là tổng số tiền trong giỏ hàng
Trong khi mua hàng hoặc sau khi mua hàng khách hàng có những thắc mắc gì
về sản phẩm mà bạn quan tâm thì bạn có thể gửi bình luận ngay bên dưới sản phẩm
đó để hỏi những thắc mắc của mình. Khách hàng phải đăng nhập để thực hiện chức
năng này.
Trong bình luận gồm có tên người bình luận, nội dung bình luận (nội dung
bình luận bạn có thể đinh dạng như word và có thể chèn hình bằng URL hay icon có
sẵn ), trạng thái, ngày bình luận
7
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

- Tên người bình luận: tên tài khoản người bình luận
- Nội dung bình luận: là nội dung mà khách hàng muốn hỏi
- Trạng thái: dùng để quản trị xem duyệt bình luận

- Ngày: ngày bình luận
Sau khi bình luận, để nội dung bình luận hiển thị lên website thì cần phải được
nhà quản trị duyệt bình luận xong mới được hiển thị. Nếu bình luận không được
duyệt thì sẽ không được hiển thị lên website mà sẽ bị quản trị xóa.
Bên cạnh bình luận có phần góp ý cho website khách hàng có thể góp ý trực
tiếp vào website mà không cần đăng nhập, để website ngày càng hoàn thiện hơn về
chức năng cũng như thái độ phục vụ , giao dịch với khách hàng. Trong mục góp ý
gồm có họ tên, địa chỉ , số điện thoại, email, nội dung, mã xác nhận.
- Họ tên: là họ tên khách hàng góp ý
- Địa chỉ: địa chị của khách hàng
- Số điện thoại: số điện thoại của khách hàng
- Email: hợp thư điện tử của khách hàng
- Nội dung: là phần nội dung mà khách hàng muốn góp ý vào website
- Mã xác nhận: là mã bằng chữ cái và chữ số mà khách hàng phải xác nhận
trước khi gửi góp ý
Để vào bình luận sản phẩm bạn cần phải đăng ký một tài khoản nội dung đăng
ký gồm có: mã tài khoản, tên tài khoản, mật khẩu, trạng thái.
- Mã tài khoản: là mã tự cấp với mã số duy nhất
- Tên tài khoản: tên người dùng tự đặt
- Email: hợp thư điện tử của bạn
- Địa chỉ: địa chỉ của bạn
- Mật khẩu : là mật khẩu để đăng nhập vào hệ thống
- Nhập lại mật khẩu: xác nhận lại mật khẩu
- Mã captcha: mã xác nhận để đăng ký tài khoản
- Trạng thái: là quyền của tài khoản, mặc định khi đăng ký là quyền số 2 là
khách hàng
Cuối cùng là hướng dẫn cách mua sản phẩm cho khách hàng
 Quy trình đặt hàng
Khi ưng ý một sản phẩm nào đó khách hàng click vào sản phẩm để
xem chi tiết sản phẩm. Trong phần chi tiết sản phẩm sẽ hiển thị đầy đủ

thông tin của sản phẩm, nếu khách hàng muốn mua sản phẩm đó click
vào button đặt hàng. Sản phẩm sẽ được chuyển vào giỏ hàng của bạn.
Nếu bạn muốn kết thúc quá trình đặt hàng bằng cách nhấn nút thanh toán
form thanh toán hiện lên, bạn điền đầy đủ thông tin vào đó để kết thúc
8
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

phần thanh toán.Sau đó quản trị vào xem sẽ duyệt giỏ hàng của bạn nếu
duyệt xong số lượng sản phẩm trong CSDL sẽ giảm xuống.
II.1.2. Đặt tả chức năng
II.1.2.1.Mục đích
- Mẫu đặc tả nhằm mục đích mô tả chi tiết các yêu cầu chức năng và phi
chức năng của website. Mô tả sơ lược giao diện các tính năng chính của
hệ thống.
- Mẫu đặc tả này tạo ra nhằm mục đích giúp cho các thành viên thiết kế,
lập trình, kiểm thử, triển khai, bảo trì hiểu chi tiết hơn về website và
công việc của từng nhóm người phải làm.
 Nhóm người đọc
- Người QL: phân tích hệ thống phân tích các yêu cầu chức năng và phi
chức năng.
- Thiết kế viên: đặc tả phân tích các yêu cầu chức năng và phi chức năng,
giao diện và tính năng của sản phẩm.
- Kiểm thử viên: là tài liệu kiểm thử chấp nhận đối với khách hàng.
- Nhóm đảm bảo chất lượng: đánh giá chất lượng của website.
- Khách hàng: mô tả chức năng và phi chức năng website.

II.1.2.2.Phạm vi sản phẩm
- Tên website: Xây dựng website bán quà tặng, đồ lưu niệm dùng
HTML5 và CSS3.
- Thiết kế theo hướng thiết kế phẳng (Flat design)
- Phạm vi ứng dụng của website là môt cửa hàng bán quà tặng, đồ lưu
niệm cho gia đình.
- Mục đích chủ yếu là cho khách hàng tham quan, tìm kiếm, mua sắm
những sản phẩm phù hợp với yêu cầu của khách hàng. Cho quản lý dễ
dàng quản lý cửa hàng một cách thuận tiện nhất.
II.1.3.Mô tả hệ thống
II.1.3.1.Mô hình hệ thống
- Website là một phần mềm ứng dụng trong hệ thống. Hoạt động song
song với các phần mềm khác. Hỗ trợ việc quản lý bán hàng của một cửa
hàng bán quà lưu niệm

9
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

II.1.3.2.Các chức năng của sản phẩm
 Quản trị
 Xem danh các tài khoản
QL tài khoản

QL sản phẩm

Thống kê

Website bán
quà tặng, đồ
lưu niệm

QL loại sản phẩm

 Thêm tài khoản
 Sửa tài khoản






Xem danh sách các sản phẩm
Thêm sản phẩm
Sửa thông tin sản phẩm
Xóa sản phẩm

 Thống kê SP bán ra trong 1 ngày
 Thống kê SP bán ra trong 1 tháng
 Thống kê SP bán ra trong 1 năm
 Xem danh sách loại sản phẩm
 Thêm loại sản phẩm
 Sửa thông loại tin sản phẩm

 Duyệt bình luận
 Xóa bình luận

QL bình luận

QL khuyến mãi

QL khách hàng
QL giỏ hàng

Góp ý

 Xem các loại khuyến mãi
 Thêm khuyến mãi
 Sửa thông tin khuyến mãi

 Xem thông tin khách hàng
 Xóa khách hàng
 Xem chi tiết giỏ hàng
 Duyệt giỏ hàng
 Xóa giỏ hàng
 Xem góp ý
 Xóa góp ý

Hình II.1.Sơ đồ chức năng quản trị
10
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

Sơ đồ phân rã từng chức năng

QL tài khoản

Thêm Tài
Khoản

Sửa Tài
Khoản

Hình II.2.Sơ đồ QL tài khoản

QL loại sản phẩm

Thêm Loại Sản
Phẩm

Sửa Thông tin
loại sản phẩm

Hình II.2.Sơ đồ QL tài khoản

QL sản phẩm

Thêm Sản
Phẩm

Sửa Thông
tin sản phẩm

Xóa sản
phẩm

Hình II.4.Sơ đồ QL sản phẩm

11
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

QL bình luận

Duyệt bình
luận

Xóa bình
luận
Hình II.5.Sơ đồ QL bình luận

QL khuyến mãi

Thêm khuyến
mãi

Sửa Khuyến
mãi

Hình II.6.Sơ đồ QL khuyến mãi
QL khách hàng

Xem thông tin
khách hàng

Hình II.7.Sơ đồ QL khách hàng

12
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

GVHD: ThS Võ Huỳnh Trâm

QL giỏ hàng

Xem thông tin
giỏ hàng

Duyệt giỏ
hàng

Xóa giỏ
hàng

Hình II.8.Sơ đồ QL giỏ hàng
Góp ý

Xem góp ý

Xóa góp ý

Hình II.9.Góp ý

Thống kê

TK số lượng sản
phẩm bán ra trong
1 ngày

TK số lượng sản
phẩm bán ra trong
1 tháng

TK số lượng sản
phẩm bán ra
trong 1 năm

Hình II.10.Thống kê

13
SVTH: Lê Thị Mỹ Hạnh-1111287


Phần nội dung

 Khách hàng

GVHD: ThS Võ Huỳnh Trâm

Xem chi tiết
sản phẩm

Đặt mua sản
phẩm

Website bán quà
tặng, đồ lưu niệm

Tìm kiếm sản
phẩm

Bình luận
sản phẩm






Xem tên sản phẩm
Giá sản phẩm
Số lượn còn
Thông tin khuyến mãi

 Chọn số lượng
 Đặt mua sản phẩm mình
ưng ý

 Điền thông tin vào form
thanh toán
 Tìm kiếm nhanh theo
tên sản phẩm

 Bình luận sản phẩm mà
mình quan tâm ngay
bên dưới
-

Gởi góp ý

 Có thể gởi góp ý về
website nếu bạn muốn

Hình II.11.Sơ đồ phân rã chức năng của khách hàng
Các chức năng khách:
- Đăng ký tài khoản
- Đăng nhập nếu muốn bình luận sản phẩm nào đó
II.1.3.3.Đặt điểm người sử dụng
Có hai nhóm người sử dụng website
- Quản trị
- Khách hàng

14
SVTH: Lê Thị Mỹ Hạnh-1111287