Đồ án cơ sở 2 Website bán sahcs

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ
TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 2

WEBSITE
Sinh viên thực hiện:

HOÀNG VĂN NHẬT
NGUYỄN VĂN THẮNG

Lớp:

21SE2
21MC

Giảng viên hướng dẫn: ThS. LƯƠNG KHÁNH TÝ


TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ
TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 2

WEBSITE
Sinh viên thực hiện:

HOÀNG VĂN NHẬT
NGUYỄN VĂN THẮNG

Lớp:

21SE2
21MC

Giảng viên hướng dẫn: ThS.LƯƠNG KHÁNH TÝ

Đà Nẵng, tháng 12 năm 2022


LỜI CẢM ƠN
Trên thực tế khơng có sự thành cơng nào không gắn liền với những sự giúp đỡ
của mọi người dù ít hay nhiều, dù trực tiếp hay gián tiếp . Trong suốt thời gian học
tập, chúng em đã nhận được rất nhiều sự quan tâm giúp đỡ nhiệt tình của thầy Lương
Khánh Tý
Vì thời gian, điều kiện có hạn em đã cố gắng rất nhiều nhưng vẫn còn nhiều hạn
chế và khơng thể tránh khỏi những thiếu sót, mong thầy cơ và các bạn có những ý
kiến đóng góp để em có thể hồn thiện và phát triển đề tài hơn .
Em xin chân thành cảm ơn !


NHẬN XÉT
(Của Giảng viên hướng dẫn)


MỤC LỤC

DANH MỤC HÌNH
I . Biểu đồ
Hình 2.1: Biểu đồ use case tổng quan hệ thống
Hình 2.2: Biểu đồ use case sản phẩm
Hình 2.3: Biểu đồ use case quản lý kho hàng
Hình 2.4: Biểu đồ use case quản lý giỏ hàng
Hình 2.5: Biểu đồ use case lớp
Hình 2.5: Biểu đồ trạng thái chức năng đăng nhập
Hình 2.6: Biểu đồ use case trạng thái chức năng quản lý sản phẩm
Hình 2.7: Biểu đồ trạng thái chức năng quản lý kho hàng
Hình 2.8: Biểu đồ trạng thái chức năng tìm kiếm
Hình 2.9: Biểu đồ tuần tự chức năng đăng nhập
Hình 2.10 : Biểu đồ tuần tự quản lý kho hàng
Hình 2.5: Biểu đồ tuần tự chức năng tìm kiếm

II. Bảng dữ liệu
Bảng 2.1 : Bảng users
Bảng 2.2 : Bảng tbl_social
Bảng 2.3 : Bảng products
Bảng 2.4 : Bảng menus
Bảng 2.5 : Bảng slider
Bảng 2.6 : Bảng customers
Bảng 2.7 : Bảng carts
Bảng 2.8 : Bảng jobs

III. Website người dùng :
Hình 3.1 : Giao diện trang chủ
Hình 3.2 : Giao diện sản phẩm
Hình 3.3 : Giao diện chi tiết sản phẩm

Hình 3.4 : Giao diện liên hệ


Hình 3.5 : Giao diện giỏ hàng
Hình 3.6 : Giao diện thanh tốn

IV. Website quản trị
Hình 3.7 : Giao diện đăng nhập
Hình 3.7 : Giao diện trang chủ
Hình 3.7 : Giao diện danh mục
Hình 3.7 : Giao diện sản phẩm
Hình 3.7 : Giao diện slider
Hình 3.7 : Giao diện chi tiết đơn hàng
Hình 3.7 : Giao diện quản lý đơn hàng



DANH MỤC CỤM TỪ VIẾT TẮT
STT
1
2

Cụm từ
Vietnam - Korea University of Infomation
and Communication Technology
Cơ sở dữ liệu

Viết tắt
VKU
CSDL

CHƯƠNG 1. PHẨN MỞ ĐẦU
1.1 LÝ DO CHỌN ĐỀ TÀI
Ngày nay, sở thích đọc sách của con người rất phổ biến và có xu hướng phát
triển mạnh. Sách mang đến cho con người nền tri thức vô giá, làm cho cuộc sống con
người ngày trở lên văn minh hơn. Nhưng tình hình dịch bệnh đang căng thẳng và
một số người khơng có thời gian để tìm đến nhà sách để lựa chọn cho mình những
quyển sách hay và ý nghĩa. Nhận thấy vấn đề này em quyết định xây dựng website
bán sách trực tuyến. Những khách hàng có nhu cầu mua sách chỉ cần thông qua
website trực tuyến không mất nhiều thời gian để có thể sở hữu cuốn sách mà mình
u thích.
1.2 MỤC TIÊU VÀ NHIỆM VỤ NGHIÊN CỨU
- Mục tiêu:
Xây dựng website bán sách trực tuyến với các chức năng hoàn chỉnh, dễ sử dụng
và thuận tiện cho việc quản lý.
Việc xây dựng website bán sách nhằm giúp các nhà kinh doanh có thể giải quyết
các cơng việc nghiệp vụ liên quan một cách nhanh chóng hiệu quả và chính xác hơn
so với làm thủ cơng. Ít tổn thời gian và mở rộng thị trường sách online cùng với đà
phát triển của công nghệ thông tin. Giúp cho doanh nghiệp tránh được rủi ro về quản
trị thông tin cũng như mát mát những thông tin khách hàng nhạy cảm.
- Nhiệm vụ:
+ Nghiên cứu đề tài.
+ Phân tích và thiết kế hệ thống.
+ Thiết kế và xây dựng website.
1.3 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU
- Đối tượng nghiên cứu:
+ Khách hàng là những người yêu sách, có sở thích đọc sách.
+ Quản lý và nhân viên tại cửa hàng bán sách.
+ Tài liệu.

- Phạm vi nghiên cứu:

10


+ Website này có thể được ứng dụng cho các nhà sách có quy mơ và hình thức hoạt
động nghiệp vụ nhỏ.
+ Đề tài xây dựng website bán sách.
+ Lĩnh vực thiết kế website.
+ Hoạt động bán sách, cập nhật sách và thông tin về sách.
1.4 PHƯƠNG PHÁP NGHIÊN CỨU
- Tham khảo các website bán sách trên mạng.
- Khảo sát thực tế.
- Tìm kiếm tài liệu trên internet có liên quan đến nội dung nghiện cứu.
- Tìm hiểu về cơng cụ hỗ trợ lập trình và cách sử dụng.
- Thu tập tài liệu liên quan đên nghiệp vụ quản lý website bán sách
1.5 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
Website được xây dựng đã áp dụng thành tựu của công nghệ thông tin vào lĩnh
vực thương mại.
Sự ra đời của website này không chỉ giải quyết những nhu cầu của con người
mà cịn thuận lợi cho cơng tác quản lý của nhà sách

CHƯƠNG 2. CƠ SỞ LÝ THUYẾT
2.1 HTML, CSS, JS, BOOSTRAP
2.1.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ó đ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.
2.1.2 CSS

11


CSS là từ viết tắt của Cascading Style Sheets. CSS này định nghĩa cách hiển
thị một tài liệu HTML. Tuy nhiên nó cũng được áp dụng cho các tài liệu như: XML.
CSS đặc biệt hữu ích trong việc thiết kế Web. Nó giúp cho người thiết kế dễ
dàng áp đặt các phong cách đã được thiết kế lên bất kì Page nào của Website một
cách nhanh chóng, đồng bộ

2.1.3 JS
JavaScript là một ngơn ngữ lập trình của HTML và WEB. Nó nhẹ và được sử
dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng
cho phép Client-Side script tương tác với người sử dụng và tạo các trang web động.
Nó là một ngơn ngữ chương trình thơng dịch với các khả năng hướng đối tượng.
2.1.4 BOOSTRAP
Bootstrap là một framework cho phép thiết kế website reponsive nhanh hơn và
dễ dàng hơn.
Bootstrap là bao gồm các HTML templates, CSS templates và Javascript tạo ra
những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals,
image carousels và nhiều thứ khác. Trong bootstrap có thêm các plugin Javascript
trong nó. Giúp cho việc thiết kế reponsive của bạn dễ dàng hơn và nhanh chóng hơn.
2.1 Ngơn ngữ PHP
PHP là Hypertext Preprocessor, thường được viết tắt thành PHP là một ngơn
ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng
dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt. Nó rất thích
hợp với web và có thể dễ dàng nhúng vào trang HTML.
2.3. Hệ quản trị CSDL MySQL
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 ư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. 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 cơ sở dữ
liệu trên internet.

12


MySQL là hệ quản trị cơ sở dữ liệu miễn phí, được tích hợp sử dụng chung với
apache và php. Chính yếu tố mã nguồn mở nên MySQL đã qua rất nhiều sự hỗ trợ

của những lập trình viên yêu thích mã nguồn mở. MySQL cũng có cùng cách truy
xuất và mã lệnh tương tự với SQL. Về bản chất thì MySQL chỉ đáp ứng được việc
truy xuất đơn giản trong quá trình vận hành của website nhưng hầu hết có thể giải
quyết tất cả các bài tốn trong PHP.
2.4. Ngôn ngữ thiết kế hệ thống UML
UML (Unified Modeling Language) là ngơn ngữ dành cho việc đặc tả, hình dung,
xây dựng và làm tài liệu của các hệ thống phần mềm.
UML tạo cơ hội để viết thiết kế hệ thống, bao gồm những khái niệm như tiến
trình nghiệp vụ và các chức năng của hệ thống.
Cách xây dựng các mô hình trong UML phù hợp mơ tả các hệ thống thông tin cả
về cấu trúc cũng như hoạt động. Cách tiếp cận theo mơ hình của UML giúp ích rất
nhiều cho những người thiết kế và thực hiện hệ thống thơng tin cũng như những
người sử dụng nó; tạo nên một cái nhìn bao quát và đầy đủ về hệ thống thơng tin dự
định xây dựng. Cách nhìn bao qt này giúp nắm bắt trọn vẹn các yêu cầu của người
dùng; phục vụ từ giai đoạn phân tích đến việc thiết kế, thẩm định và kiểm tra sản
phẩm ứng dụng công nghệ thông tin.
UML sử dụng một hệ thống ký hiệu thống nhất biểu diễn các Phần tử mơ hình
(model elements). Tập hợp các phần tử mơ hình tạo thành các Sơ đồ UML (UML
diagrams). Có các loại sơ đồ UML chủ yếu sau:
- Sơ đồ lớp (Class Diagram)
- Sơ đồ đối tượng (Object Diagram)
- Sơ đồ tình huống sử dụng (Use Cases Diagram)
- Sơ đồ trình tự (Sequence Diagram)
- Sơ đồ cộng tác (Collaboration Diagram hay là Composite Structure Diagram)
- Sơ đồ trạng thái (State Machine Diagram)
- Sơ đồ thành phần (Component Diagram)
- Sơ đồ hoạt động (Activity Diagram)

13

- Sơ đồ triển khai (Deployment Diagram)
- Sơ đồ gói (Package Diagram)
- Sơ đồ liên lạc (Communication Diagram)
- Sơ đồ tương tác (Interaction Overview Diagram - UML 2.0)
- Sơ đồ phối hợp thời gian (Timing Diagram - UML 2.0)

CHƯƠNG 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.1 Mơ tả bài tốn
Đây là một loại hình kinh doanh qua mạng. Với website bán sách, cửa hàng sẽ
đưa thông tin của các loại sách lên trang web.
Người quản trị trang web có quyền thêm mới (khi có mặt hàng mới về), sửa đổi
thơng số của mặt hàng, và xóa đi những mặt hàng khơng cịn hoặc đã lỗi.
Với khách vãng lai thì được xem trang web, xem thông tin về các loại mặt hàng,
nhưng khơng có quyền mua hàng. Để mua hàng, bạn phải đăng ký là thành viên của
trang web.
Khi có một đơn đặt hàng, người quản lý sẽ đối chiếu thơng tin và sau đó giao
hàng cho người đặt hàng. Như vậy là q trình mua bán đã hồn thành
3.2. Mô tả hoạt động của hệ thống
Hệ thống bán sách gồm có 2 website: Website khách hàng và Website quản trị
3.2.1 Website người dùng
- Website khách hàng có 6 trang chính:
+ Trang chủ
+ Sản phẩm sách
+ Giỏ hàng
- Chức năng:
+ Tìm kiếm, mua sách, xem các thơng tin của sách.
+ Xem thông tin website.

14

+ Tự động gửi mail
+ Gửi ý kiến đến nhà sách.
3.2.2 Website quản trị
- Website quản trị có 4 trang chính:
+ Trang chủ.
+ Danh mục
+ Sản phẩm
+ Slider
+ Giỏ hàng
- Chức năng:
+ Đưa ra danh sách các quyển sách, tìm kiếm, thêm sách mới, cập nhật, sửa, xóa
thơng tin một quyển sách.
+ Đưa thông tin về những quyển sách cụ thể trong từng nhà xuất bản: sách tên, tác
giả tên, nhà xuất bản, nội dung tóm tắt sách, giá bán, hình ảnh trang bìa sách sách…
+ Thêm, sửa xóa slider
+ Xem chi tiết đơn hàng
3.3. YÊU CẦU PHI CHỨC NĂNG
Giao diện thân thiện, dễ dùng, hệ thống nhanh, thuận tiện, chính xác để người
quản trị dễ dàng quản lý mặt hàng mà không tốn nhiều thời gian cũng như công sức.
Hệ thống rút ngắn được thời gian nhập thông tin của sách và đơn giản hóa q
trình nhập thơng tin. Hệ thống bao gồm các chức năng:
- Quản lý thông tin của các mặt hàng.
- Quản lý đơn hàng
3.4 YÊU CẦU CHỨC NĂNG
- Giúp quản lý các hoạt động kinh doanh của nhà sách.
- Giúp quảng bá thông tin tới khách hàng.
- Xây dựng một website quản lí nhà sách tiện lợi, hiệu quả với chi phí phù hợp.
- Nâng cao hoạt động của hàng hóa thơng qua việc tin học hóa bộ phận quản lí và

tiết kiệm được chi phí.

15


3.5. MƠ HÌNH HĨA U CẦU
3.5.1 Biểu đồ use case
3.5.1.1 Biểu đồ use case tổng quan hệ thống

Hình 2.1: Biểu đồ use case tổng quan hệ thống
3.5.1.2 Biểu đồ use case quản lý kho hàng

Hình 2.2: Biểu đồ use case quản lý kho hàng

3.5.1.3 Biểu đồ use case quản lý đơn hàng

16


Hình 2.3: Biểu đồ use case quản lý đơn hàng
3.5.1.4 Biểu đồ use case giỏ hàng

Hình 2.4: Biểu đồ use case giỏ hàng
3.5.2 Biểu đồ lớp

17


Hình 2.5: Biểu đồ lớp
3.5.1 Biểu đồ trạng thái

3.5.3.1 Biểu đồ trạng thái chức năng đăng nhập

Hình 2.6: Biểu đồ trạng thái chức năng đăng nhập
3.5.3.2 Biểu đồ trạng thái quản lý kho hàng

18


Hình 2.7: Biểu đồ trạng thái quản lý kho hàng
3.5.3.3 Biểu đồ trạng thái chức năng tìm kiếm

Hình 2.8: Biểu đồ trạng thái chức năng tìm kiếm
3.5.4 Biểu đồ tuần tự
3.5.4.1 Biểu đồ tuần tự chức năng đăng nhập

19


Hình 2.9: Biểu đồ tuần tự chức năng đăng nhập
3.5.4.2 Biểu đồ tuần tự quản lý kho hàng

Hình 2.10: Biểu đồ tuần tự quản lý kho hàng
3.5.4.2 Biểu đồ tuần tự chức năng tìm kiếm

20


Hình 2.11: Biểu đồ tuần tự chức năng tìm kiếm

21

3.6. THIẾT KẾ CƠ SỞ DỮ LIỆU

Hình 2.12: Bảng thiết kế cơ sở dữ liệu
3.7. CÁC BẢNG DỮ LIỆU
Bảng 2.1: Bảng users

Name
Name
Email

Type
Varchar(255)
Varchar(255)
22


Phone

Varchar(255)

Bảng 2.2: Bảng tbl_social
Name
Provider_user_id
Provider
user

Type
Varchar(100)

Varchar(100)
Int

Bảng 2.3: Bảng products
Name
Name
Description
Content
Menu_id
Price
Price_sale
Active
Thumb

Type
Varchar(255)
LongText
Text
Int
Int
Int
Int
Varchar(255)

Bảng 2.4: Bảng menus
Name
Name
Parent_id
Description
Content

Active

Type
Varchar(255)
Int
Text
Longtext
Int

Bảng 2.5: Bảng Sliders
Name
Name
URL
Thumb
Sort_by
active

Type
Varchar(255)
Varchar(255)
Varchar(255)
Int
Int

Bảng 2.6: Bảng Customers
Name
Name
Phone

Type

Varchar(255)
Varchar(255)

23


Address
Email
Content

Varchar(255)
Varchar(255)
Text

Bảng 2.7: Bảng Carts
Name
Customer_id
Product_id
Pty
Price

Type
bigInt(20)
Int
Int
Int

Bảng 2.8: Bảng Jobs
Name
Queue

Payload
Attpempts

Type
Varchar(255)
LongText
TinyInt

CHƯƠNG 4. TRIỂN KHAI VÀ XÂY DỰNG WEBSITE
4.1. Wesite người dùng
4.1.1 Giao diện trang chủ

Hình 3.1: Giao diện trang chủ

24


4.1.2 Giao diện sản phẩm

Hình 3.2 : Giao diện sản phẩm
4.1.3 Giao diện chi tiết sản phẩm

Hình 3.3 : Giao diện chi tiết sản phẩm
4.1.4 Giao diện liên hệ

25