TRƯỜNG ĐẠI HỌC KIẾN TRÚC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN – CÔNG NGHỆ THÔNG TIN

Đề tài :
“XÂY DỰNG WEBSITE BÁN HOA”

SVTH: Ngô Đức Anh Quân

Nguyễn Văn Phong
Phạm Ngọc Thế
Nguyễn Đức Dương Nam
Trần Trung Hiếu
Lớp: 20CT2 – Nhóm 6
GVHD: Nguyễn Thị Thanh Huyền

Đà Nẵng, năm 2024

1
MỤC LỤC
CHƯƠNG I MÔ TẢ HỆ THỐNG.................................................................
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.............................................................
2.1. HTML.............................................................................................................................................

2.2. CSS..................................................................................................................................................

2.3. Javascript.........................................................................................................................................

2.4. PHP.................................................................................................................................................

2.5. jQuery..............................................................................................................................................

2.6. Bootstrap.........................................................................................................................................

2.7. Mô hình MVC.................................................................................................................................

2.7.1. Model..................................................................................................................................13
2.7.2. View.....................................................................................................................................13
2.7.3. Controller............................................................................................................................13
2.7.4. Cách làm việc trong MVC.....................................................................................................13
2.7.5. Ưu điểm của Mô hình MVC.................................................................................................14
2.8. Cơ sở dữ liệu MySQL.....................................................................................................................

CHƯƠNG 3: XÂY DỰNG WEBSITE BÁN HOA.....................................

3.1. Cơ sở dữ liệu...................................................................................................................................

1.2. Giao diện.....................................................................................................................................

CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN............................

4.1 Kết luận............................................................................................................................................

4.1.1. Những tính năng đã làm được.............................................................................................16

4.1.2. Những tính năng chưa làm được.........................................................................................16
4.2. Đánh giá..........................................................................................................................................

4.2.1. Thuận lợi và khó khăn..........................................................................................................16

4.2.2. Hướng phát triển.................................................................................................................16

TÀI LIỆU THAM KHẢO.............................................................................

2
 CHƯƠNG I MÔ TẢ HỆ THỐNG
Chức Đối Mô tả / mục Yêu cầu thông Dòng sự kiện
năng tượng tiêu tin

Quản Người Người quản trị Người dùng - Quản trị đăng nhập hệ thống.
lý quản quản lý các đăng nhập
danh trị danh mục, giúp thành công, ▪ Hệ thống kiểm tra tài khoản
mục websit quản lý các sản với quyền và quyền, nếu đúng thì truy
e phẩm dễ dàng. quản trị. cập hệ thống, và chọn quản
lý danh mục.
▪ Hệ thống hiển thị danh sách
danh mục, và các chức năng:
thêm, sửa và xóa và tìm
kiếm danh mục:
▫ Thêm danh mục:
✔ Hệ thống hiển thị form nhập
thông tin danh mục.
✔ Người quản lý nhập thông
tin danh mục.
✔ Nhập nút thêm danh mục.

✔ Hệ thống kiểm tra các

trường dữ liệu:
- Nếu thỏa mãn, thì thực hiện bước
tiếp theo.
- Nếu không, thì quay lại form nhập
thông tin
✔ Hệ thống thông báo thêm
danh mục thành công.
✔ Hệ thống lưu lại thông tin
danh mục.
▫ Sửa danh mục:

3
 ✔ Hệ thống hiển thị form cập
nhật thông tin danh mục.
✔ Người quản lý nhập thông
tin cần thay đổi.
✔ Nhập nút cập nhật danh
mục.
✔ Hệ thống kiểm tra các
trường dữ liệu:
- Nếu thỏa mãn, thì thực hiện bước
tiếp theo.
- Nếu không, quay lại form cập
nhật và hiện thông báo lỗi.
✔ Hệ thống thông báo cập nhật
danh mục thành công.
✔ Hệ thống cập nhật thông tin
danh mục.
▫ Xóa danh mục:
✔ Người quản lý chọn thông tin
danh mục cần xóa.
✔ Hệ thống kiểm tra:
- Nếu không có ràng buộc, thực
hiện bước tiếp theo.
Ngược lại, hủy xóa.

Quản Người Người quản trị Người dùng

▪ Quản trị đăng nhập hệ thống.
lý sản quản quản lý các sản đăng nhập
phẩm trị. phẩm của cửa thành công, ▪ Hệ thống kiểm tra tài khoản và
hàng. với quyền quyền, nếu đúng thì truy cập
quản trị. hệ thống, và chọn quản lý sản
phẩm.
4
 ▪ Hệ thống hiển thị danh sách
sản phẩm và các chức năng:
thêm, sửa và xóa và tìm kiếm
sản phẩm:
▫ Thêm thông tin sản phẩm:
✔ Hệ thống hiển thị form nhập
thông tin sản phẩm.
✔ Người quản lý nhập thông
tin sản phẩm.
✔ Nhập nút thêm sản phẩm.

✔ Hệ thống kiểm tra các

trường dữ liệu:
- Nếu thỏa mãn, thì thực hiện
bước tiếp theo.
- Nếu không, thì quay lại form
nhập thông tin và hiện thông
báo lỗi
✔ Hệ thống thông báo thêm
sản phẩm thành công.
✔ Hệ thống lưu lại thông tin
sản phẩm.
▫ Sửa thông tin sản phẩm:
✔ Hệ thống hiển thị form cập
nhật thông tin sản phẩm.
✔ Người quản lý nhập thông
tin cần thay đổi.
✔ Nhập nút cập nhật sản
phẩm.
✔ Hệ thống kiểm tra các

5
 trường dữ liệu:
- Nếu thỏa mãn, thì thực hiện
bước tiếp theo.
- Nếu không, thì quay lại form
cập nhật và hiện thông báo lỗi
✔ Hệ thống thông báo cập
nhật sản phẩm thành công.
✔ Hệ thống cập nhật thông tin
sản phẩm.
▫ Xóa sản phẩm:
✔ Người quản lý chọn thông
tin sản phẩm cần xóa.
✔ Hệ thống kiểm tra:
- Nếu không có ràng buộc, thực
hiện bước tiếp theo.
- Ngược lại, quay lại form sản
phẩm và hiển thị thông báo lỗi.

Quản Người Người quản trị Người dùng

▪ Quản trị đăng nhập hệ thống.
lý đơn quản quản lý các đơn đăng nhập
hàng trị. hàng của thành thành công, ▪ Hệ thống kiểm tra tài khoản và
viên. với quyền quyền, nếu đúng thì truy cập
quản trị. hệ thống, và chọn quản lý đơn
hàng.
▪ Hệ thống hiển thị danh sách
đơn hàng, và các chức năng:
xem chi tiết, sửa và xóa và tìm
kiếm đơn hàng:
▫ Xem chi tiết đơn hàng:
✔ Quản trị chọn đơn hàng
muốn xem chi tiết.

6
 ✔ Chọn xem chi tiết.

✔ Hệ thống hiển thị form chi

tiết đơn hàng.
▫ Sửa đơn hàng:
✔ Hệ thống hiển thị form cập
nhật thông tin đơn hàng.
✔ Người quản lý nhập thông tin
cần thay đổi.
✔ Nhập nút cập nhật đơn hàng.

✔ Hệ thống kiểm tra các trường

dữ liệu:
- Nếu thỏa mãn, thì thực hiện
bước tiếp theo.
- Nếu không, thì thông báo lỗi
✔ Hệ thống thông báo cập nhật
đơn hàng thành công.
✔ Hệ thống cập nhật thông tin
đơn hàng.
▫ Xóa đơn hàng:
✔ Người quản lý chọn thông tin
đơn hàng cần xóa.
✔ Hệ thống kiểm tra:
- Nếu không có ràng buộc, thực
hiện bước tiếp theo.
- Ngược lại, hủy xóa.

Quản Quản Người quản trị Người dùng

▪ Quản trị đăng nhập hệ thống.
lý slide lý slide quản lý các slide đăng nhập
thành công, ▪ Hệ thống kiểm tra tài khoản và
7
của trang web. với quyền quyền, nếu đúng thì truy cập
quản trị. hệ thống, và chọn quản lý
slide.
▪ Hệ thống hiển thị danh sách
slide, và các chức năng: thêm,
sửa và xóa slide:
▫ Thêm slide:
✔ Hệ thống hiển thị form nhập
thông tin slide.
✔ Người quản lý nhập thông tin
slide.
✔ Nhập nút thêm slide.

✔ Hệ thống kiểm tra các trường

dữ liệu:
- Nếu thỏa mãn, thì thực hiện
bước tiếp theo.
- Nếu không, thì thông báo lỗi
✔ Hệ thống thông báo thêm
slide thành công.
✔ Hệ thống lưu lại thông tin
slide.
▫ Sửa slide:
✔ Hệ thống hiển thị form cập
nhật thông tin slide.
✔ Người quản lý nhập thông tin
cần thay đổi.
✔ Nhập nút cập nhật slide.

✔ Hệ thống kiểm tra các trường

dữ liệu:
8
 - Nếu thỏa mãn, thì thực hiện
bước tiếp theo.
- Nếu không, thì thực hiện
thông báo lỗi
✔ Hệ thống thông báo cập nhật
slide thành công.
✔ Hệ thống cập nhật thông tin
slide.
▫ Xóa slide:
✔ Người quản lý chọn thông tin
slide cần xóa.
✔ Hệ thống kiểm tra:
- Nếu không có ràng buộc, thực
hiện bước tiếp theo.
- Ngược lại, hủy xóa.

Đăng Khách Khách hàng tạo Người dùng - Người dùng nhập tên, email,
kí tài hàng tài khoản cá cung cấp các password hợp lí vào form đăng kí
khoản nhân để có thể thông tin vào
- Hệ thống sẽ kiểm tra hợp lí
đặt hàng và form đăng kí
email và password theo yêu cầu
thanh toán
của website chưa

- Người dùng nhấn Đăng kí

- Hệ thống sẽ nhận tất cả các

thông tin đã nhập và lưu vào cơ
sở dữ liệu

Đăng Khách Khách hàng Người dùng đã - Người dùng nhập tên hoặc
nhập hàng đặng nhập để đăng kí thành email, password hợp lí vào form
tài có thể đặt hàng công, nhập đăng nhập
khoản và thanh toán đúng emial và
- Hệ thống sẽ kiểm tra hợp lí
9
 password email và password đã đăng kí hay
chưa

- Người dùng nhấn Đăng nhập

- Hệ thống thông báo thành công

và trả về trang chủ

Đăng Khách Khách hàng Người dùng có - Người dùng nhấn vào nút logo
nhập hàng đăng nhập bằng tài khoản của gmail ở trang đăng nhập
bằng gmail để đơn gmail
- người dùng chọn gmail đăng
Gmail giản hơn việc
nhập
đăng nhập
- Hệ thống kiểm tra Gmail và xác
nhận thành công

Mua Khách Khách hàng có Người dùng - Khách hàng đăng nhập website.
sản hàng. thể thêm vào đăng nhập
- Hệ thống hiển thị các sản phẩm,
phẩm giỏ hàng và thành công với
người dùng lựa chọn sản phẩm
thanh toán. tài khoản của
yêu thích vào giỏ hàng
cá nhân
- Vào trang giỏ hàng nhấn nút
thanh toán và nhập các trương
cần để giao hàng ví dụ như tên
địa chỉ, phương thức thanh toán,
…

- Người dùng nhấn nút thanh

toán

Tìm Khách Khách hàng có Người dùng - Khách hàng tìm kiếm sản phẩm
kiếm hàng. thể tìm kiếm và tìm kiếm sản qua từ khóa.
sản thêm vào giỏ phẩm bằng từ
- Hệ thống kiểm tra từ khóa nếu
phẩm hàng hoặc khóa
đúng thì hiển thị sản phẩm đã tìm
thanh toán.
kiếm

10
 - Hệ thống hiển thị các sản phẩm
và có thể mua hàng

Thanh Khách Khách hàng có Người dùng - Khách hàng nhấn vào nút thanh
toán hàng. thể quay lại quay lại chức toán.
trang thanh năng thanh
-Hệ thống hiển thị trang thanh
toán nếu chưa toán
toán với các sản phẩm đang chờ
thanh toán
thanh toán

- Người dùng điền đầy đủ thông

tin các trường như Tên, Địa chỉ,
Phương thức thanh toán,…

- Nhấn nút thanh toán

Lịch sử Khách Khách hàng có Người dùng - Khách hàng đăng nhập website.
đơn hàng. thể xem lại đơn đăng nhập
- Hệ thống kiểm tra tài khoản và
hàng hàng đã thanh thành công với
quyền, nếu đúng thì truy cập hệ
toán. tài khoản của
thống, và có thể xem được lịch
cá nhân, đặt
sử đơn hàng
hàng thành
công - Hệ thống hiển thị các đơn hàng
và tình trạng đơn hàng

11
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1. HTML
Trang Web là sự kết hợp giữa văn bản và các thẻ HTML. HTML là chữ viết tắt của
HyperText Markup Language được hội đồng World Wide Web Consortium (W3C)
quy định. Một tập tin HTML chẳng qua là một tập tin bình thường, có đuôi .html
hoặc .htm. HTML giúp định dạng văn bản trong trang Web nhờ các thẻ. Hơn nữa,
các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet.
Một tài liệu HTML gồm 3 phần cơ bản:
- Phần HTML: Mọi tài liệu HTML phải bắt đầu bằng thẻ <html> và kết thúc
bằng thẻ đóng </html>.
- Head: Phần đầu bắt đầu bằng thẻ <head> và kết thúc bởi thẻ </head> . Phần
này chứa tiêu đề hiển thị trên thanh điều hướng của trang Web.
- Body: Phần này nằm sau phần tiêu đề. Phần thân bao gồm văn bản, hình ảnh
và các liên kết mà bạn muốn hiển thị trên trang Web của mình. Phần thân bắt
đầu bằng thẻ <body> và kết thúc bằng thẻ </body>.
2.2. CSS
- CSS là viết tắt của Cascading Style Sheets.
- CSS mô tả cách các phần tử HTML được hiển thị trên màn hình, giấy hoặc
trong phương tiện khác.
- CSS tiết kiệm rất nhiều công việc . Nó có thể kiểm soát bố cục của nhiều trang
web cùng một lúc.
- Các bảng định kiểu bên ngoài được lưu trữ trong các tệp CSS.
- CSS được sử dụng để xác định kiểu cho các trang web của bạn, bao gồm thiết
kế, bố cục và các biến thể hiển thị cho các thiết bị và kích thước màn hình khác
nhau.
2.3. Javascript
Javascript là một ngôn ngữ lập trình kịch bản thực thi ở phía client được bổ sung
vào HTML nhầm làm cho một trang web có khả năng được lập trình để tương tác và
xử lý thông tin.
2.4. PHP
PHP (viết tắt của cụm từ Personal Home Page) là ngôn ngữ lập trình kịch bản
(scripting language) mã nguồn mở được dùng phổ biến để ra tạo các ứng dụng web
chạy trên máy chủ. Mã lệnh PHP có thể được nhúng vào trong trang HTML nhờ sử
dụng cặp thẻ PHP <?php ?>.
Tại sao nên dùng PHP?

12
 Để thiết kế Web động có rất nhiều ngôn ngữ lập trình khác nhau để lựa chọn,
mặc dù cấu hình và tính năng khác nhau nhưng chúng vẫn đưa ra những kết quả
giống nhau. Chúng ta có thể lựa chọn cho mình một ngôn ngữ: ASP, PHP, Java,
Perl... và một số loại khác nữa. Vậy tại sao chúng ta lại nên chọn PHP. Rất đơn
giản, có những lý do sau mà khi lập trình Web chúng ta không nên bỏ qua sự lựa
chọn tuyệt vời này.
- PHP được sử dụng làm Web động vì nó nhanh, dễ dàng, tốt hơn so với các giải
pháp khác.
- PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu có
sẵn, tính linh động, bền vững và khả năng phát triển không giới hạn.
- Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và
chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển Web luôn có ý
thức cải tiến nó, nâng cao để khắc phục các lỗi trong các chương trình này
- PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lập
trình viên chuyên nghiệp, mọi ý tưởng của các bạn PHP có thể đáp ứng một
cách xuất sắc.
2.5. jQuery
JQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng
bằng JavaScript dễ dàng, nhanh và giàu tính năng hơn jQuery được tích hợp nhiều
module khác nhau. Từ module hiệu ứng cho đến module truy vấn selector. jQuery
được sử dụng đến 99% trên tổng số website trên thế giới.
2.6. Bootstrap
- Bootstrap là một framework bao gồm các HTML, CSS và JavaScript template
dùng để phát triển website chuẩn responsive.
- Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng
hơn dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons,
tables, grids, navigation, image carousels…
- Cấu trúc gọn nhẹ khiến chức năng của Bootstrap trở nên linh hoạt
- Bootstrap chứa các tập tin JavaScript, CSS và fonts đã được biên dịch và nén
lại. Ngoài ra, Bootstrap được thiết kế dưới dạng các mô-đun. Do đó, dễ dàng
tích hợp với hầu hết các mã nguồn mở như WordPress, Joomla, Magento, …
2.7. Mô hình MVC
2.7.1. Model
- Phần Model của kiến trúc MVC là thành phần chính và nó chỉ chứa nghiệp
vụ logic, các phương thức xử lý dữ liệu, truy xuất dữ liệu từ database và gửi
đến views.
- Model độc lập với giao diện người dùng.
2.7.2. View

13
 - Phần View giúp người dùng có thể xem được thông tin của trang web, ứng
dụng một cách trực quan.
- Bạn có thể hiểu là View là phần bạn nhìn thấy trên trang Web.
2.7.3. Controller
- Controller dịch ra là điều khiển.
- Đúng như vậy, chức năng của Controller chính là điều khiển, điều hướng các
yêu cầu / request từ người dùng và chỉ định phương thức này, phương thức
kia trong Model sẽ xử lý.
2.7.4. Cách làm việc trong MVC
- MVC thường được sử dụng trong các ứng dụng web. View trong các ứng
dụng này là các tệp HTML hoặc XHTML do ứng dụng tạo ra.
- Controller nhận đầu vào (bằng form hoặc bất kỳ thứ gì) và sau đó nó quản lý
và xử lý đầu vào cho Model.
- Model chứa dữ liệu và các quy tắc về quá trình thực hiện một nhiệm vụ cụ
thể.
- Vì dữ liệu được theo dõi bởi chế độ View và nó được kiểm soát cách trình
bày cho người dùng, nên các Lập trình viên có thể sử dụng chế độ View
tương tự với các dữ liệu khác nhau cho các ứng dụng khác nhau.
- Hoặc có thể sử dụng chung phần Model, Controller chỉ thay đổi phần View.
- Note: Đây chính là cách người ta làm các web giá rẻ. Xây một phần Base
chung và chỉ thay đổi phần View khi lập trình web cho các khách hàng khác
nhau.
2.7.5. Ưu điểm của Mô hình MVC
- Nhiều chế độ View có thể được thực hiện cho các Model
- Phân vùng nhiệm vụ giúp Lập trình viên chuyên sâu trong việc phát triển và
nâng cấp trong tương lai.
- Lý thuyết MVC hoạt động có hành vi ghép thấp giữa các mô hình, khung
nhìn và bộ điều khiển.
- Nhiều Lập trình viên có thể cùng làm việc trên Model, View, Controller
cùng một lúc. Điều này giúp việc gia tăng nhân lực để tăng tốc độ dự án là
khả thi.
- Các View cho một mô hình cần thiết được nhóm lại với nhau.
2.8. Cơ sở dữ liệu MySQL
MySQLi là viết tắt của cụm từ mysql improved (cải tiến), nó là một thư viện giúp
PHP có thể kết nối được với MySQL hỗ trợ từ PHP5 trở đi.
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được
các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng, vì MySQL là
cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên
nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.
14
Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập
CSDL trên internet. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL
từ trang chủ.
Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các
hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell
NetWare, SGI Irix, Solaris, SunOS,…
MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác, nó làm
nơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,…

15
 CHƯƠNG 3: XÂY DỰNG WEBSITE BÁN HOA

3.1. Cơ sở dữ liệu

Hình3.1: Cơ sở dữ liệu
1.2. Giao diện

Giao diện trang chủ

Giao diện trang chủ

16
Giao diện đăng nhập trang quản lý:

Giao diện đăng nhập trang quản lý

Giao diện trang xem chi tiết sản phẩm:

Giao diện trang xem chi tiết sản phẩm

17
Giao diện trang đặt hàng:

Giao diện trang đặt hàng

Giao diện trang quản lý sản phẩm:

Giao diện trang quản lý sản phẩm:

18
 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

4.1 Kết luận

4.1.1. Những tính năng đã làm được
− Hiển thị sản phẩm
− Tìm kiếm lọc sản phẩm
− Đăng nhập, đăng ký, đăng xuất
− Quản lý giỏ hàng , thanh toán
− Quản lý tài khoản người dùng
− Quản lý đơn hàng, theo dõi đơn hàng
− Giới thiệu đánh giá sản phẩm
− Trang quản trị thêm sửa xóa sản phẩm
− Quản trị đơn hàng, khuyến mãi

4.1.2. Những tính năng chưa làm được

4.2. Đánh giá
4.2.1. Thuận lợi và khó khăn
− Thuận lợi: nhận được sự hướng dẫn và góp ý tận tình của thầy, có nhiều
thông tin trên mạng giúp cho quá trình tìm hiểu.
− Khó khăn: thời gian hạn chế do phải thực hiện một vài đề tài khác, còn nhiều
sai sót cần chỉnh sửa trong đề tài.

4.2.2. Hướng phát triển

Trong tương lai, nhóm chúng em dự tính chỉnh sửa đề tài như sau:
− Chỉnh giao diện cho bắt mắt hơn.
− Update CSDL để hiển thị nhiều loại hoa đa dạng hơn.
− Bổ sung thêm các tính năng cần thiết phù hợp với yêu cầu sử dụng.

19
 TÀI LIỆU THAM KHẢO

[1] Colorlib. (2021). Sufee Admin Dashboard. Truy cập từ

https://colorlib.com/polygon/sufee/
[2] W3Schools. (2023). W3Schools Online Web Tutorials. Truy cập từ
https://www.w3schools.com/
[3] Trung Tâm Đào Tạo Công Nghệ Khoa Phạm. (2020, ngày 10 tháng 5). Hướng dẫn
lập trình Python căn bản [Video]. Truy cập từ https://www.youtube.com/watch?
v=CasgqSBvOMY

20