Xây dựng và cài đặt một hệ thống website mua bán sản phẩm giày qua mạng. Website có mục đích phân phối trực tiếp sản phẩm, dịch vụ của cửa hàng tới khách hàng thông qua hoạt động mua sắm trực tuyến. Website giúp khách hàng tiết kiệm thời gian, khách hàng có nhiều sự lựa chọn và dễ dàng so sánh giá cả sản phẩm giữa các website bán hàng trực tuyến với nhau. Trang web được thiết kế phải có giao diện sáng, dễ nhìn, dễ dàng truy cập.

1. lOMoAR cPSD|2935381
Dịch vụ viết thuê đề tài – KB Zalo/Tele 0917.193.864 – luanvantrust.com
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM
BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH
Tên đề tài: XÂY DỰNG WEBSITE BÁN GIÀY
Giảng viên hướng dẫn:
Nhóm 09
Sinh viên thực hiện:
Tên : MSSV:
Tên : MSSV:
TP. Hồ Chí Minh,
Kham thảo miễn phí – Kết bạn Zalo/Tele mình 0917.193.864
1

2. lOMoAR cPSD|2935381
Dịch vụ viết thuê đề tài – KB Zalo/Tele 0917.193.864 – luanvantrust.com
LỜI MỞ ĐẦU
Trong sự phát triển không ngừng của xã hội thì nhu cầu của con người về cuộc
sống ngày càng cao. Từ ý nghĩa thực tế đó mà đã nảy sinh ra nhiều loại hình dịch vụ
để phần nào đáp ứng được những nhu cầu thiết yếu của con người. Các dịch vụ đó đa
dạng về nhiều mặt với nhiều cách đáp ứng khác nhau. Và một loại hình dịch vụ khá
phổ biến hiện nay đó là bán hàng qua mạng.
Nếu như trước đây máy tính trở nên xa lạ với mọi người thì ngày nay máy tính
trở thành một người bạn đắc lực không thể thiếu. Người ta có thể thông qua máy tính
làm được mọi chuyện tưởng như là không thể, không những thế mà hiệu quả công việc
còn rất cao nó thể hiện như độ chính xác nhanh chóng và thuận tiện.
Khi vào với dịch vụ mua bán qua mạng, người ta thấy được sự tiện lợi mà nhiều
dịch vụ khác không có được, tạo cho con người có sự tin cậy, mà nhất là trong xã hội
ngày nay khi con người lấy công việc làm nền tảng cho sự phát triển thì dịch vụ mua
bán qua mạng ngày càng phát huy được thế mạnh của nó.
Mua bán được hoạt động với nhiều hình thức khác nhau nhưng để có một dẫn
chứng cụ thể nói lên sự tiện lợi này trong khuân khổ của một đề tài báo cáo đồ án
chuyên ngành chúng em xin xây dựng và cài đặt một hệ thống mua bán sản phẩm giày
qua mạng. Nhiệm vụ chính của chúng em là xây dựng còn sự tiện lợi của nó chỉ khi
dùng đến nó thì mới có thể biết hết được.
Kham thảo miễn phí – Kết bạn Zalo/Tele mình 0917.193.864
2

3. lOMoAR cPSD|2935381
LỜI CẢM ƠN
Hệ thống là một chương trình phần mềm cho phép người sử dụng thực hiện một
cách nhanh chóng, chính xác việc nhập dữ liệu, lưu trữ cập nhật thông tin các mặt
hàng, thực hiện yêu cầu báo cáo bán hàng hay báo cáo tài chính của cửa hàng. Với
giao diện làm việc thân thiện ,tiện dụng đối với người sử dụng hệ thống. Mong rằng
với phần mềm này chúng em có thể đóng góp được một phần nào đó vào sự phát triển
kinh doanh của các cửa hàng giày dép nói riêng và các cửa hàng kinh doanh khác nói
chung.
Với sự hướng dẫn, động viên tận tình của thầy Vũ Thanh Hiền chúng em đã
hoàn thành bài báo cáo đồ án này. Do chưa có nhiều kinh nghiệm nghiên cứu, thực
hành nên chúng em cũng không tránh khỏi những thiếu sót. Chúng em rất mong nhận
được sự thông cảm và góp ý của thầy để đề tài của chúng em được hoàn thiện hơn.
Chúng em xin chân thành cảm ơn !
Sinh viên thực hiện
Huỳnh Thị Bích Hậu
Đào Phương Anh
3
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

4. lOMoAR cPSD|2935381
NHẬN XÉT CỦA GIẢNG VIÊN
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
4
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

5. lOMoAR cPSD|2935381
MỤC LỤC
LỜI MỞ ĐẦU......................................................................................................................................................2
LỜI CẢM ƠN......................................................................................................................................................3
NHẬN XÉT CỦA GIẢNG VIÊN ...................................................................................................................4
MỤC LỤC HÌNH ẢNH.....................................................................................................................................7
CHƯƠNG 1 – TỔNG QUAN VỀ ĐỀ TÀI ......................................................................................................8
1.1 Lý do chọn đề tài......................................................................................................................................8
1.2 Mục đích của đề tài .................................................................................................................................8
1.3 Đối tượng và phạm vi nghiên cứu........................................................................................................8
1.4 Phạm vi nghiên cứu.................................................................................................................................9
1.5 Quy trình nghiệp vụ................................................................................................................................9
CHƯƠNG 2 – CƠ SỞ LÝ THUYẾT............................................................................................................. 10
2.1 Lý thuyết cơ sở dữ liệu........................................................................................................................ 10
2.2 Ngôn ngữ lập trình................................................................................................................................11
2.2.1 Ngôn ngữ HTML............................................................................................................................11
a) HTML hoạt động như thế nào.........................................................................................................11
b) Ưu điểm, nhược điểm của HTML ..................................................................................................11
c) Vai trò của HTML trong lập trình web........................................................................................ 12
2.2.2 Ngôn ngữ CSS................................................................................................................................ 12
a) Định nghĩa............................................................................................................................................ 12
b) Vai trò của CSS.................................................................................................................................. 13
CHƯƠNG 3 - PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU ................................................................ 14
3.1 Thiết kế cơ sở dữ liệu........................................................................................................................... 14
3.2 Mô hình Class Diagram ...................................................................................................................... 18
CHƯƠNG 4 – MÔ HÌNH HOÁ YÊU CẦU ................................................................................................. 19
4.1 Mô hình luồng dữ liệu ......................................................................................................................... 19
4.2 Thiết kế hệ thống .................................................................................................................................. 19
a) Use Case tổng quan hệ thống bán hàng........................................................................................ 19
b) Use Case phân rã chức năng........................................................................................................... 20
4.3 Lược đồ tuần tự..................................................................................................................................... 22
a) Chức năng quản lý nhà cung cấp................................................................................................... 22
b) Chức năng quản lý khách hàng...................................................................................................... 22
c) Chức năng tìm kiếm sản phẩm ....................................................................................................... 23
4.4 Sơ đồ ActivityDiagram........................................................................................................................ 24
a) Chức năng đăng nhập....................................................................................................................... 24
b) Chức năng thêm sản phẩm.............................................................................................................. 25
c) Chức năng sửa sản phẩm ................................................................................................................. 26
CHƯƠNG 5 - THIẾT KẾ PHẦN MỀM........................................................................................................ 27
5
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

6. lOMoAR cPSD|2935381
5.1 Giao diện đăng nhập............................................................................................................................ 27
5.2 Giao diện trang chủ.............................................................................................................................. 28
5.3 Chức năng quản lý ............................................................................................................................... 31
5.4 Chức năng phần mềm.......................................................................................................................... 35
5.5 Các trang giao diện khác .................................................................................................................... 40
TỔNG KẾT........................................................................................................................................................ 43
TÀI LIỆU THAM KHẢO................................................................................................................................ 44
6
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

7. lOMoAR cPSD|2935381
MỤC LỤC HÌNH ẢNH
Hình 1 - Mô hình Class Diagrams................................................................................................................... 18
Hình 2 - Mô hình ERD ..................................................................................................................................... 19
Hình 3 - Use Case tổng quan hệ thống bán hàng.......................................................................................... 19
Hình 4 - Use Case phân rã chức năng Quản lý tài khoản ............................................................................ 20
Hình 5 - Use Case phân rã chức năng Quản lý khách hàng......................................................................... 20
Hình 6 - Use Case phân rã chức năng Quản lý nhà cung cấp...................................................................... 21
Hình 7 - Use Case phân rã chức năng Quản lý sản phẩm............................................................................ 21
Hình 8 - Lược đồ tuần tự chức năng Quản lý nhà cung cấp........................................................................ 22
Hình 9 - Lược đồ tuần tự chức năng Quản lý khách hàng........................................................................... 22
Hình 10 - Lược đồ tuần tự chức năng tìm kiếm sản phẩm .......................................................................... 23
Hình 11 - Sơ đồ ActivityDiagram chức năng đăng nhập............................................................................. 24
Hình 12 - Sơ đồ ActivityDiagram chức năng thêm sản phẩm..................................................................... 25
Hình 13 - Sơ đồ ActivityDiagram chức năng sửa sản phẩm ....................................................................... 26
Hình 14 - Giao diện quản lý đăng nhập.......................................................................................................... 27
Hình 15 - Giao diện khách hàng đăng nhập................................................................................................... 27
Hình 16 - Trang chủ quản lý............................................................................................................................ 28
Hình 17 - Giao diện trang chủ ......................................................................................................................... 28
Hình 18 - Quản lý Đơn hàng............................................................................................................................ 31
Hình 19 - Quản lý Khách hàng........................................................................................................................ 31
Hình 20 - Quản lý Sản phẩm............................................................................................................................ 32
Hình 21 - Quản lý Màu sắc .............................................................................................................................. 32
Hình 22 - Quản lý Size ..................................................................................................................................... 33
Hình 23 - Quản lý Nhà cung cấp..................................................................................................................... 33
Hình 24 - Quản lý Mã giảm giá....................................................................................................................... 34
Hình 25 - Quản lý Nhân viên........................................................................................................................... 34
Hình 26 - Đăng nhập Admin............................................................................................................................ 35
Hình 27 - Đăng nhập khách hàng.................................................................................................................... 35
Hình 28 - Đăng ký thành viên.......................................................................................................................... 36
Hình 29 - Gửi Voucher sinh nhật khách hàng............................................................................................... 36
Hình 30 - Chức năng thống kê......................................................................................................................... 37
Hình 31 - Chức năng báo cáo .......................................................................................................................... 37
Hình 32 - Giỏ hàng............................................................................................................................................ 38
Hình 33 - Đặt hàng và thanh toán ................................................................................................................... 39
Hình 34 - Chỉnh sửa thông tin cá nhân........................................................................................................... 39
Hình 35 - Trang sản phẩm................................................................................................................................ 40
Hình 36 - Trang chi tiết sản phẩm................................................................................................................... 40
Hình 37 - Trang FlashSale ............................................................................................................................... 41
Hình 38 - Trang tin tức ..................................................................................................................................... 41
Hình 39 - Trang liên hệ..................................................................................................................................... 42
7
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

8. lOMoAR cPSD|2935381
CHƯƠNG 1 – TỔNG QUAN VỀ ĐỀ TÀI
1.1 Lý do chọn đề tài
Ngày nay, hình thức bán hàng trực tuyến qua mạng với nhiều loại mặt hàng đa
dạng rất phổ biến và ưa chuộng. Cũng giống như các mặt hàng khác trên thị trường
hiện nay, thời trang cũng là một vấn đề được nhiều người quan tâm kể cả nam và nữ,
vì vậy giày đang là thứ mà khách hàng có nhu cầu mua hàng rất cao, tuy nhiên đa số
họ vẫn yêu thích xu hướng mua hàng trực tuyến và tham khảo các hình ảnh sản phẩm,
giá cả thông qua website trước khi đi đến cửa hàng, hoặc mua và thanh toán trực tuyến
trên website. Nên xây dựng website bán hàng thu hút, ấn tượng sẽ giúp quảng bá được
cửa hàng góp phần phát triển và thành công trong lĩnh vực thời trang.
Có hai nền tảng công nghệ cơ bản được áp dụng để xây dựng hệ thống bán
hàng là ứng dụng di động và Website. Tuy nhiên, ứng dụng di động có những hạn chế
như: người dùng phải tải ứng dụng trên điện thoại di động mới có thể truy cập vào hệ
thống bán hàng online. Cùng với đó, khi ứng dụng có phiên bản mới thì người dùng
phải cập nhật lại ứng dụng mới sử dụng được các tính năng mới.
Trong khi đó, việc thiết kế Website sẽ giải quyết được những rắc rối đó. Người
dùng chỉ cần truy cập Website trên trình duyệt trên máy tính hoặc điện thoại sẽ tự
động cập nhật mà không ảnh hưởng đến việc sử dụng của người dùng. Nhà phát triển
chỉ cần thiết kế Website được hiển thị đẹp nhất trên các phiên bản trình duyệt vốn ổn
định hơn so với các thiết bị di động.
1.2 Mục đích của đề tài
Website có mục đích phân phối trực tiếp sản phẩm, dịch vụ của cửa hàng tới
khách hàng thông qua hoạt động mua sắm trực tuyến. Website giúp khách hàng tiết
kiệm thời gian, khách hàng có nhiều sự lựa chọn và dễ dàng so sánh giá cả sản phẩm
giữa các website bán hàng trực tuyến với nhau. Trang web được thiết kế phải có giao
diện sáng, dễ nhìn, dễ dàng truy cập.
1.3 Đối tượng và phạm vi nghiên cứu
Đối tượng nghiên cứu: Xây dựng Website bán giày.
Quy mô hệ thống: Hệ thống bán hàng chất lượng và chính hãng là hệ thống phục vụ
8
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

9. lOMoAR cPSD|2935381
cho mọi khách hàng, hoạt động trong phạm vi toàn quốc, cho phép nhiều khách hàng
truy cập cùng một lúc.
1.4 Phạm vi nghiên cứu
Kết hợp giữa nghiên cứu lý thuyết và tìm hiểu nhu cầu thực tế của người dùng.
Đồng thời trải nghiệm các Website bán hàng online hiện nay. Trên cơ sở đó, xây dụng
Website bán hàng đẹp, chất lượng và chính hãng với đầy đủ các nghiệp vụ cơ bản.
1.5 Quy trình nghiệp vụ
Quy trình bán hàng
Khi khách hàng có nhu cầu mua giày, lên trang web của cửa hàng tìm kiếm các
sản phẩm theo nhu cầu họ cần, có thể tìm kiếm giày theo: dòng sản phẩm, màu sắc,
giá, danh mục sản phẩm, giới tính, độ tuổi, Hoặc trực tiếp tìm kiếm theo tên sản phảm.
Khách hàng chọn sản phẩm để xem chi tiết sản phẩm, hệ thống sẽ chuyển sang
trang chi tiết , gồm các thông tin: danh sách hình ảnh, tên sản phẩm, giá ( % khuyển
mãi, giá đã khuyến mãi và mã khuyến mãi nếu có), thương hiệu, mã sản phẩm, mô tả
ngắn về sản phẩm, kích thước,.... ngoài ra còn có các thông tin khác như: xuất xứ,
nhận xét đánh giá của khách hàng. Nếu thông tin không hợp yêu cầu, Khách hàng có
thế trở lại trang trước để xem sản phẩm khác.
Khách hàng chọn số lượng , kích thước, màu sắc sản phẩm, sau đó chọn thêm
giỏ hàng, hệ thống sẽ tạo giỏ hàng cho khách hàng. Khách hàng chọn giỏ hàng để xem
thông tin giỏ hàng. Nếu giỏ hàng đã đủ sản phẩm, tiến hành đặt mua. Nếu giỏ hàng
vẫn còn thiếu hoặc muốn chỉnh sửa khách hàng có thể thêm sản phẩm vào giỏ hàng.
Để tiến hành đặt hàng, khách hàng cần đăng nhập (nếu đã có tài khoản) hoặc
đăng ký (nếu chưa có tài khoản). Sau khi đăng nhập, thông tin giỏ hàng sẽ được cập
nhật thành thông tin đơn hàng. Khách hàng kiểm tra đơn hàng và xác nhận thanh toán.
9
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

10. lOMoAR cPSD|2935381
CHƯƠNG 2 – CƠ SỞ LÝ THUYẾT
2.1 Lý thuyết cơ sở dữ liệu
Hệ thống cơ sở dữ liệu SQL Server Management Studio
Microsoft SQL Server Management Studio ( SSMS ) là một ứng dụng phần
mềm do Microsoft phát triển được sử dụng để định cấu hình, quản lý và quản trị tất cả
các thành phần trong Microsoft SQL Server . Lần đầu tiên ra mắt với Microsoft SQL
Server 2005, nó là phiên bản kế thừa của Trình quản lý doanh nghiệp trong SQL 2000
trở về trước. Công cụ này bao gồm cả trình chỉnh sửa tập lệnh và công cụ đồ họa hoạt
động với các đối tượng và tính năng của máy chủ.
SQL Server có khả năng cung cấp đầy đủ các công cụ cho việc quản lý từ giao
diện GUI đến sử dụng ngôn ngữ cho việc truy vấn SQL. Điểm mạnh của SQL điểm
mạnh của nó là có nhiều nền tảng được kết hợp cùng như: ASP.NET, C# để xây dựng
Winform cũng chính nó có khả năng hoạt động độc lập.
SQL Server đã trải qua hơn 20 năm phát triển và đã đề ra những version cụ thể
khác nhau. Các mô hình Client - Server được chia làm 2 thành phần chính bao gồm:
+ Workstation: Nó được cài đặt trên các thiết bị vận hành để trở thành phần mềm
tương tác với hệ thống máy chủ Server.
+ Server: Được cài đặt ở trên máy chủ chính, nó có thể là: SQL server, SQL Server
Agent, SSIS, SSAS,...
SQL Server thông thường được sử dụng cho mục đích lưu trữ dữ liệu. Ngoài ra,
nó còn mang lại những tính năng làm việc giúp người dùng làm việc hiệu quả hơn như
sau:
+ Giúp người sử dụng có thể duy trì việc lưu trữ bền vững.
+ Cho phép bạn tạo ra nhiều cơ sở dữ liệu hơn.
+ Có khả năng phân tích dữ liệu bằng SSAS.
+ Nó có khả năng bảo mật cao.
+ Việc tạo ra được các báo cáo bằng SSRS — SQL Server Reporting Services sẽ được
dễ dàng hơn.
+ Các quá trình sẽ được thực hiện bằng SSIS — SQL Server Integration Services.
10
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

11. lOMoAR cPSD|2935381
2.2 Ngôn ngữ lập trình
2.2.1 Ngôn ngữ HTML
HTML là từ viết tắt của Hypertext Markup Language, là sự kết hợp của
Hypertext và Markup, hay còn được gọi là ngôn ngữ siêu văn bản. HTML có chức
năng giúp người dùng xây dựng và cấu trúc các phần trong trang web hoặc ứng dụng,
thường được sử dụng trong phân chia các đoạn văn, heading, link, blockquotes,…
a) HTML hoạt động như thế nào
Dấu hiệu nhận biết HTML documents chính là files có kết thúc đuôi là .html
hoặc htm và có thể xem bằng cách sử dụng bất kỳ trình duyệt web nào, chẳng hạn như
Safari, Google chrome, Microsoft edge,… Các trình duyệt sẽ đọc được files HTML và
xuất bản nội dung lên internet, tại đây người dùng hoàn toàn dễ dàng đọc được nó.
Thực tế, một web sẽ chứa nhiều trang web HTML, có thể kể đến như trang chủ,
trang about, trang liên hệ,… tất cả các trang đều có HTML riêng. Cụ thể, mỗi trang
HTML chứa một bộ các tag, hay còn được gọi là elements, được hiểu là các yếu tố để
xây dựng từng khối của một trang web.
b) Ưu điểm, nhược điểm của HTML
Ưu Điểm
HTML được tạo ra với mục đích tạo bố cục và cấu trúc cho trang web.
HTML được ra đời từ rất lâu, do đó HTML có nguồn tài nguyên khổng lồ, hỗ trợ một
cộng đồng người dùng lớn. Bên cạnh đó, cộng đồng HTML ngày càng phát triển trên
thế giới.
Mã nguồn của HTML là mã nguồn mở, do đó người dùng có thể sử dụng hoàn toàn
miễn phí.
HTML được sử dụng và được sử dụng trên nhiều trình duyệt được nhiều người dùng
ưa chuộng hiện nay như Internet Explorer, Chrome, FireFox, Cốc cốc,…
Học và tìm hiểu HTML đơn giản nên người học dễ dàng nắm được kiến thức và vận
dụng trong xây dựng trang web căn bản.
Nhược điểm
Nhược điểm lớn nhất của HTML đó chính là chỉ có thể web tĩnh, có thể hiểu là
những trang web chỉ hiện thông tin mà không có sự tương tác cho người dùng. Do đó,
khi xây dựng tính năng động hoặc xây dựng hệ thống website có sự tương tác với
11
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

12. lOMoAR cPSD|2935381
người dùng, lập trình viên cần phải dùng thêm JavaScript hoặc ngôn ngữ backend của
bên thứ ba.
HTML thường chỉ có thể thực thi những thứ logic và cấu trúc nhất định, HTML
không có khả năng tạo sự khác biệt và mới mẻ.
Một số trình duyệt vẫn còn chậm trong viết hỗ trợ các phiên bản mới của HTML,
đặc biệt là HTML5.
Một số trình duyệt không thể render những tag mới trong HTML5.
c) Vai trò của HTML trong lập trình web
Là một loại ngôn ngữ đánh dấu siêu văn bản, thế nên các chức năng của nó
cũng xoay quanh yếu tố này. Cụ thể, HTML giúp cấu thành các cấu trúc cơ bản trên
một website (chia khung sườn, bố cục các thành phần trang web) và góp phần hỗ trợ
khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh.
Ưu điểm nổi trội nhất và cũng là thế mạnh của HTML là khả năng xây dựng
cấu trúc và khiến trang web đi vào quy củ một hệ thống hoàn chỉnh. Nếu bạn mong
muốn sở hữu một website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố trong
văn bản, hãy hỏi HTML. Nhiều ý kiến cho rằng tùy theo mục đích sử dụng mà lập
trình viên hay người dùng có thể lựa chọn ngôn ngữ lập trình riêng cho website của
bạn, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù Website của bạn có
thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn phải
cần đến ngôn ngữ HTML để hiển thị nội dung cho người truy cập.
2.2.2 Ngôn ngữ CSS
a) Định nghĩa
CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử
dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu
(HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web. Bạn có thể
hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như
việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm
style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ,
thay đổi cấu trúc…
Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn
có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp
dụng các thuộc tính cần thay đổi lên vùng chọn đó.
12
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

13. lOMoAR cPSD|2935381
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ markup
(nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diện
website), chúng là không thể tách rời.
b) Vai trò của CSS
Nhờ CSS mà source code của trang Web sẽ được tổ chức gọn gàng hơn, trật tự
hơn. Nội dung trang web sẽ được tách bạch hơn trong việc định dạng hiển thị. Từ đó,
quá trình cập nhập nội dung sẽ dễ dàng hơn và có thể hạn chế tối thiểu làm rối cho mã
HTML.
Sử dụng CSS sẽ giúp bạn không cần thực hiện lặp lại các mô tả cho từng thành
phần. Từ đó, bạn có thể tiết kiệm được tối đa thời gian làm việc với nó, làm code ngắn
lại giúp kiểm soát dễ dàng hơn các lỗi không đáng có.
CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của
trang web. CSS giúp người dùng nhiều styles trên một trang web HTML nên khả năng
điều chỉnh trang của bạn trở nên vô hạn.
13
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

14. lOMoAR cPSD|2935381
CHƯƠNG 3 - PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU
3.1 Thiết kế cơ sở dữ liệu
Bảng 1: Brands
Field Name Data Type Allow null
BrandID int
BrandName nvarchar(MAX) Yes
Bảng 2: Colors
Field Name Data Type Allow null
ColorID int
Color nvarchar(MAX) Yes
Bảng 3: Discounts
Field Name Data Type Allow null
VoucherId int
VoucherCode nvarchar(50) Yes
DayStart datetime2(7) Yes
DayEnd datetime2(7) Yes
DateUse datetime2(7)
CustomerId int
Status bit
Classify bit
Price float
[Percent] float
14
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

15. lOMoAR cPSD|2935381
Bảng 4: OrderDetails
Field Name Data Type Allow null
DetailID int
OrderID int
ProductID int
Quantity int
Price float
SizeID int
ColorID int
Bảng 5: Orders
Field Name Data Type Allow null
OrderID int
UserID int
DateCreate datetime2(7)
Total float
Address nvarchar(MAX)
Status nvarchar(MAX) Yes
Note nvarchar(250) Yes
FullName nvarchar(MAX)
Email nvarchar(MAX)
PhoneNumber nvarchar(MAX)
ExpDiscount bit Yes
VoucherCode nvarchar(MAX) Yes
VoucherId int
PaymentAmount float
15
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

16. lOMoAR cPSD|2935381
Bảng 6: ProductColors
Field Name Data Type Allow null
ID int
ColorID int
Bảng 7: Products
Field Name Data Type Allow null
ProductID int
ProductName nvarchar(MAX)
Price money
Sale money Yes
Image nvarchar(MAX) Yes
Image1 nvarchar(MAX) Yes
Image2 nvarchar(MAX) Yes
BrandID int
Status bit
Description nvarchar(MAX) Yes
Bảng 8: ProductSizes
Field Name Data Type Allow null
ID int
IdSize int
Bảng 9: Roles
Field Name Data Type Allow null
RoleID int
Role nvarchar(MAX) Yes
16
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

17. lOMoAR cPSD|2935381
Bảng 10: Sizes
Field Name Data Type Allow null
SizeID int
Size int
Bảng 11: Users
Field Name Data Type Allow null
UserID int
UserName nvarchar(100)
FullName nvarchar(100)
Gender bit
Email nvarchar(MAX)
ImgUser nvarchar(MAX) Yes
PhoneNumber nvarchar(MAX)
Address nvarchar(250) Yes
DOB datetime2(7)
Password varchar(50)
ConfirmPassword varchar(50)
Lock bit
RoleID int
DateCreated datetime2(7) Yes
17
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

18. lOMoAR cPSD|2935381
3.2 Mô hình Class Diagram
Hình 1 - Mô hình Class Diagrams
18
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

19. lOMoAR cPSD|2935381
CHƯƠNG 4 – MÔ HÌNH HOÁ YÊU CẦU
4.1 Mô hình luồng dữ liệu
Mô hình ERD
Hình 2 - Mô hình ERD
4.2 Thiết kế hệ thống
a) Use Case tổng quan hệ thống bán hàng
Hình 3 - Use Case tổng quan hệ thống bán hàng
19
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

20. lOMoAR cPSD|2935381
b) Use Case phân rã chức năng
Hình 4 - Use Case phân rã chức năng Quản lý tài khoản
Hình 5 - Use Case phân rã chức năng Quản lý khách hàng
20
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

21. lOMoAR cPSD|2935381
Hình 6 - Use Case phân rã chức năng Quản lý nhà cung cấp
Hình 7 - Use Case phân rã chức năng Quản lý sản phẩm
21
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

22. lOMoAR cPSD|2935381
4.3 Lược đồ tuần tự
a) Chức năng quản lý nhà cung cấp
Hình 8 - Lược đồ tuần tự chức năng Quản lý nhà cung cấp
b) Chức năng quản lý khách hàng
Hình 9 - Lược đồ tuần tự chức năng Quản lý khách hàng
22
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

23. lOMoAR cPSD|2935381
c) Chức năng tìm kiếm sản phẩm
Hình 10 - Lược đồ tuần tự chức năng tìm kiếm sản phẩm
23
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

24. lOMoAR cPSD|2935381
4.4 Sơ đồ ActivityDiagram
a) Chức năng đăng nhập
Hình 11 - Sơ đồ ActivityDiagram chức năng đăng nhập
24
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

25. lOMoAR cPSD|2935381
b) Chức năng thêm sản phẩm
Hình 12 - Sơ đồ ActivityDiagram chức năng thêm sản phẩm
25
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

26. lOMoAR cPSD|2935381
c) Chức năng sửa sản phẩm
Hình 13 - Sơ đồ ActivityDiagram chức năng sửa sản phẩm
26
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

27. lOMoAR cPSD|2935381
CHƯƠNG 5 - THIẾT KẾ PHẦN MỀM
5.1 Giao diện đăng nhập
Hình 14 - Giao diện quản lý đăng nhập
Hình 15 - Giao diện khách hàng đăng nhập
27
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

28. lOMoAR cPSD|2935381
5.2 Giao diện trang chủ
Hình 16 - Trang chủ quản lý
Hình 17 - Giao diện trang chủ
28
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

29. lOMoAR cPSD|2935381
29
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

30. lOMoAR cPSD|2935381
30
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

31. lOMoAR cPSD|2935381
5.3 Chức năng quản lý
Quản lý đơn hàng
Hình 18 - Quản lý Đơn hàng
Quản lý khách hàng
Hình 19 - Quản lý Khách hàng
31
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

32. lOMoAR cPSD|2935381
Quản lý sản phẩm
Hình 20 - Quản lý Sản phẩm
Quản lý màu sắc
Hình 21 - Quản lý Màu sắc
32
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

33. lOMoAR cPSD|2935381
Quản lý Bảng size
Hình 22 - Quản lý Size
Quản lý nhà cung cấp
Hình 23 - Quản lý Nhà cung cấp
33
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

34. lOMoAR cPSD|2935381
Quản lý mã giảm giá
Hình 24 - Quản lý Mã giảm giá
Quản lý nhân viên
Hình 25 - Quản lý Nhân viên
34
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

35. lOMoAR cPSD|2935381
5.4 Chức năng phần mềm
Chức năng đăng nhập
Hình 26 - Đăng nhập Admin
Hình 27 - Đăng nhập khách hàng
35
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

36. lOMoAR cPSD|2935381
Chức năng đăng ký thành viên
Hình 28 - Đăng ký thành viên
Chức năng gửi voucher sinh nhật khách hàng
Hình 29 - Gửi Voucher sinh nhật khách hàng
36
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

37. lOMoAR cPSD|2935381
Chức năng báo cáo, thống kê
Hình 30 - Chức năng thống kê
Hình 31 - Chức năng báo cáo
37
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

38. lOMoAR cPSD|2935381
Chức năng giỏ hàng
Hình 32 - Giỏ hàng
Chức năng đặt hàng và thanh toán
38
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

39. lOMoAR cPSD|2935381
Hình 33 - Đặt hàng và thanh toán
Chức năng chỉnh sửa thông tin
Hình 34 - Chỉnh sửa thông tin cá nhân
39
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

40. lOMoAR cPSD|2935381
5.5 Các trang giao diện khác
Trang sản phẩm
Hình 35 - Trang sản phẩm
Trang chi tiết sản phẩm
Hình 36 - Trang chi tiết sản phẩm
40
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

41. lOMoAR cPSD|2935381
Trang FlashSale
Hình 37 - Trang FlashSale
Trang tin tức
Hình 38 - Trang tin tức
41
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

42. lOMoAR cPSD|2935381
Trang liên hệ
Hình 39 - Trang liên hệ
42
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

43. lOMoAR cPSD|2935381
TỔNG KẾT
Các kết quả đã thực hiện
- Giao diện website đẹp, thu hút khách hàng từ ánh nhìn đầu tiên.
- Xây dựng website hoàn hảo dựa trên mong muốn và lợi ích của khách hàng.
- Tiết kiệm thời gian, tiết kiệm chi phí.
Hạn chế
- Chức năng còn thiếu sót nhiều.
- Trang web có tính bảo mật chưa cao.
Hướng phát triển
- Cập nhật website thường xuyên.
- Chú trọng vào tương tác khách hàng.
- Cung cấp cho người dùng tất cả các thông tin mà họ quan tâm.
- Hạn chế tối đa việc sử dụng các từ ngữ chuyên ngành ít người biết, thay vào đó
sử dụng các từ ngữ và cách thức biểu lộ dễ hiểu cho người dùng.
43
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)

44. lOMoAR cPSD|2935381
TÀI LIỆU THAM KHẢO
[1] https://fptcloud.com/html-la-gi/
[2] https://hostingviet.vn/html-la-gi
[3] https://tmarketing.vn/tong-quan-ve-html/
[4] https://vi.wikipedia.org/wiki/CSS
[5] https://topdev.vn/blog/css-la-gi/
[6] https://codegym.vn/blog/2020/06/29/c-la-gi-tim-hieu-ve-ngon-ngu-lap-trinh-c/
44
Downloaded by EBOOKBKMT VMTC (nguyenphihung1009@gmail.com)