Tải bản đầy đủ (.docx) (95 trang)

“XÂY DỰNG VÀ GIỚI THIỆU WEBSITE BÁN HOA QUẢ HỮU CƠ”

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (7 MB, 95 trang )

ĐA
TN
Đ
H
TR

N
B
Á
S
Ơ
N
X
Â
Y
D

N
G
V
À
GI
ỚI
T
HI

U
W
E
B
SI


TE
B
Á
N
H
O
A
Q
U

H

U
C
Ơ
H
À
N
ỘI
20
21
0

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT
------------------ -----------------

ĐỒ ÁN TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN
MÃ SỐ: 7480201


HÀ NỘI - 2021


TRỜNG ĐẠI HỌC MỎ -ĐỊA CHẤT
KHOA CÔNG NGHỆ THÔNG TIN
------------------  -----------------

ĐỒ ÁN TỐT NGHIỆP
CHUYÊN NGHÀNH KHOA HỌC MÁY TÍNH ỨNG DỤNG

ĐỀ TÀI
“XÂY DỰNG VÀ GIỚI THIỆU WEBSITE BÁN HOA QUẢ HỮU
CƠ”

SINH VIÊN THỰC HIỆN
TRẦN BÁ SƠN – 1621050273
LỚP DCCTKH61A

CÁN BỘ HƯỚNG DẪN
ThSGV. NGUYỄN THỊ PHƯƠNG
BẮC
BỘ MÔN KHOA HỌC MÁY TÍNH

HÀ NỘI – 2021


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

LỜI CẢM ƠN

Em xin chân thành cảm ơn trường Đại học Mỏ Địa chất và khoa Công nghệ
thông tin, bộ mơn Khoa học máy tính, các thầy cơ trong bộ môn cũng như trong khoa,
trong trường đã tạo điều kiện cho em hoàn thành tốt đợt thực tập tốt nghiệp. Nhờ quá
trình thực hiện đồ án tốt nghiệp này em đã có thêm rất nhiều kinh nghiệm quý báu.
Những kinh nghiệm đó sẽ giúp em hồn thiện hơn trong công việc và môi trường làm
việc sau này.
Hơn cả, Em xin chân thành cảm ơn GV.ThS cô Nguyễn Thị Phương Bắc, là
người đã tận tình hướng dẫn, chỉ bảo em trong suốt thời gian thực hiện đề tài.
Em cũng xin gửi lời cảm ơn sâu sắc đến quý Thầy, Cô trong Khoa đã tận tình
giảng dạy, trang bị cho chúng em những kiến thức quý báu trong những năm học vừa
qua.
Em xin gửi lòng biết ơn sâu sắc đến Ba, Mẹ, các anh chị và bạn bè đã ủng hộ,
giúp đỡ và động viên em trong những lúc khó khăn cũng như trong suốt thời gian học
tập và nghiên cứu.
Mặc dù em đã cố gắng hoàn thiện đồ án tốt nghiệp trong phạm vi và khả năng
cho phép, nhưng chắc chắn sẽ khơng tránh khỏi những thiếu sót, kính mong sự cảm
thơng và rất mong chia sẻ, góp ý của các thầy cơ để giúp em hồn thành tốt đợt báo
cáo thực tập tốt nghiệp này.
Một lần nữa em xin chân thành cảm ơn!
Hà Nội, ngày 30 tháng 6 năm 2021
Sinh viên
TRẦN BÁ SƠN

Trần Bá Sơn – Lớp Khoa học máy tính A K61

1


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT................................................................................3
DANH MỤC HÌNH VẼ................................................................................................5
MỤC LỤC BẢNG.........................................................................................................7
LỜI MỞ ĐẦU...............................................................................................................8
CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI......................................................................9
I.1 Tính cấp thiết của đề tài........................................................................................9
I.2 Mục tiêu của đề tài................................................................................................9
I.3 Phạm vi của đề tài...............................................................................................10
I.4 Nội dung nghiên cứu...........................................................................................10
CHƯƠNG II: CƠ SỞ LÝ THUYẾT VÀ CƠNG NGHỆ.............................................11
II.1 Tìm hiểu về Website............................................................................................11
II.1. 1 Website là gì?..............................................................................................11
II.1. 2 Yêu cầu tối thiểu của một Website..............................................................11
II.1.3 Tên miền và Webhosting..............................................................................11
II.1.4 Các bước xây dựng Website........................................................................12
II.1.5 Chi phí xây dựng Website............................................................................12
II.2 Tổng quan về ngôn ngữ php...............................................................................12
II.2.1 Lịch sử phát triển.........................................................................................12
II.2.2 Điểm mạnh của PHP....................................................................................13
II.3 Tổng quan về MySQL.........................................................................................15
II.3.1. Đặc điểm của MySQL................................................................................15
II.3.2 Điểm mạnh của MySQL..............................................................................16
II.4 Tổng Quan Về phpMyAdmin..............................................................................19
II.4.1 phpMyAdmin là gì?.....................................................................................19
II.4.2 Tính năng chung của phpMyAdmin là gì?...................................................19
II.4.3 Ưu điểm của phpMyAdmin là gì?...............................................................21
II.4.4 Nhược điểm của phpMyAdmin là gì?..........................................................22
II.5 Visual Studio code..............................................................................................22
II.5.1 Visual Studio Code là gì?............................................................................22

II.5.2 Một số tính năng của Visual Studio code.....................................................22

Trần Bá Sơn – Lớp Khoa học máy tính A K61

2


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

II.6 XAMPP............................................................................................................... 25
II.7 Tìm Hiểu Về CSS...............................................................................................28
II.8 Tìm hiểu về JavaScript.......................................................................................29
II.9 Bootstrap...........................................................................................................31
II. 10 HTML.............................................................................................................. 33
CHƯƠNG III: PHÂN TÍCH VÀ THIẾT HỆ THỐNG...............................................34
III.1 Khảo sát hệ thống.............................................................................................34
III.1.1 Giới thiệu về cửa hàng bán Hoa Quả Hữu Cơ............................................34
III.1.2 Đánh giá hiện trạng....................................................................................34
III.1.3 Giải pháp khắc phục...................................................................................35
III.1.4 Ứng dụng của website................................................................................35
III.1.5 Đối tượng sử dụng......................................................................................35
III.1.6 Mục đính của website.................................................................................35
III.2 Phân Tích Hệ Thống...........................................................................................36
III.2.1 Đặc tả yêu cầu............................................................................................36
III.2.2 Tác nhân của hệ thống................................................................................37
III.2.3 Biểu đồ use case.........................................................................................37
III2..4 Xây dựng biểu đồ tuần tự...........................................................................39
III.3 Xây dựng biểu đồ lớp........................................................................................40
III.4 Thiết kế CSDL..................................................................................................41
III.4.1 Các bước trong thiết kế cơ sở dữ liệu cho một hệ thống.............................41

III.4.2 Bảng Dữ Liệu.............................................................................................42
III.4.3 Lược đồ CSDL quan hệ..............................................................................47
III.5 Thiết kế giao diện............................................................................................48
III.5.1 Giao diện website.......................................................................................48
III.5.2 Giao diện trang quản trị..............................................................................48
III.5.3 Xây dung biểu đồ thành phần........................................................................48
CHƯƠNG IV. CÀI ĐẶT CHƯƠNG TRÌNH..............................................................50
IV.1 Hệ thống Website..............................................................................................50
IV.2 Hệ thống quản trị..............................................................................................57
KẾT LUẬN.................................................................................................................63

Trần Bá Sơn – Lớp Khoa học máy tính A K61

3


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

TÀI LIỆU THAM KHẢO...........................................................................................64
DANH MỤC CÁC TỪ VIẾT TẮT................................................................................4
DANH MỤC HÌNH VẼ................................................................................................5
MỤC LỤC BẢNG.........................................................................................................7
LỜI MỞ ĐẦU...............................................................................................................8
CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI......................................................................9
I.1 Tính cấp thiết của đề tài........................................................................................9
I.2 Nội dung nghiên cứu...........................................................................................10
I.2.1 Nội dung chính.............................................................................................10
I.2.2 Mục tiêu........................................................................................................10
Chương II: CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ..................................................11
II.1 Tổng quan về HTML.........................................................................................11

II.2 Tổng quan về ngôn ngữ php...............................................................................12
II.2.2 Điểm mạnh của PHP....................................................................................12
II.3 Tổng quan về MySQL.......................................................................................15
II.3.1. Đặc điểm của MySQL................................................................................15
II.3.2 Điểm mạnh của MySQL..............................................................................15
II.4 Visual Studio code:............................................................................................18
II.5 XAMPP:............................................................................................................20
II.6 Tìm Hiểu Về CSS..............................................................................................24
II.6.1 CSS là gì......................................................................................................24
II.7 Tìm hiểu về Javascript.......................................................................................25
CHƯƠNG III: KHẢO SÁT À PHÂN TÍCH HỆ THỐNG..........................................27
III.1 Khảo sát hệ thống.............................................................................................27
III.1.1 Giới thiệu về cửa hàng bán Hoa Quả Hữu Cơ............................................27
III.1.2 Đánh giá hiện trạng....................................................................................27
III.1.3 Giải pháp khắc phục...................................................................................28
III.1.4 Ứng dụng của website................................................................................28
III.1.5 Đối tượng sử dụng......................................................................................28
III.1.6 Mục đính của website.................................................................................28
III.2 Phân Tích Hệ Thống...........................................................................................29

Trần Bá Sơn – Lớp Khoa học máy tính A K61

4


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

III.2.1 Đặc tả yêu cầu............................................................................................29
III.2.2 Tác nhân của hệ thống................................................................................30
III.2.3 Biểu đồ use case.........................................................................................30

III.2.4 Xây dựng biểu đồ tuần tự...........................................................................32
CHƯƠNG IV. THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.........................................34
IV.1 Thiết kế CSDL:.................................................................................................34
IV.1.1 Các bước trong thiết kế cơ sở dữ liệu cho một hệ thống.............................34
IV.2 Bảng Dữ Liệu...................................................................................................35
IV.2.1 Bảng sản phẩm............................................................................................35
IV.2.2 bảng nhà cung cấp......................................................................................35
IV.2.3 bảng menu...................................................................................................36
IV.2.4 bảng đơn hàng............................................................................................36
IV.2.5 Bảng danh mục...........................................................................................37
IV.2.6 Bảng đánh giá.............................................................................................37
IV.2.7 Bảng chi tiết đơn hàng................................................................................38
IV.2.8 Bảng Auth (thành viên)...............................................................................38
IV.2.9 Bảng Admin.................................................................................................38
IV.2.10 Bảng tin tức...............................................................................................39
IV.3 Lược đồ CSDL quan hệ....................................................................................40
IV.4 Giao Diện..........................................................................................................40
IV.4.1 Giao diện website.......................................................................................40
IV.4.2 Giao diện trang quản trị..............................................................................41
CHƯƠNG V. KẾT QUẢ VÀ THỰC NGHIỆM..........................................................42
V.1 Môi Trường phát triển........................................................................................42
V.1.1 Môi trường: Localhost –Xampp...................................................................42
V.1.2 Công Cụ Lập Trình - Visual Studio Code....................................................46
V.1.3 Hệ quản trị cơ sở dữ liệu phpMyAdmin.......................................................47
V.2 Hệ thống Website...............................................................................................51
V.3 Hệ thống quản trị................................................................................................59
KẾT LUẬN.................................................................................................................64
1.

ĐÁNH GIÁ.......................................................................................................64


Trần Bá Sơn – Lớp Khoa học máy tính A K61

5


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

2.

HƯỚNG PHÁT TRIỂN....................................................................................64

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

DANH MỤC CÁC TỪ VIẾT TẮT
STT
1
2
3
4
5
6
7
8
9
10
11
12

Từ viết tắt

TMĐT
SQL
DB
VS
TMTT
JS
MVC
PHP
CNTT
HTML
CSS
XAMPP

Ý nghĩa
Thương mại điện tử
Structured Query Language
Database
Visual Studio
Thương mại truyền thống
JavaScript
Model-View-Controller
Hypertext Preprocessor
Công nghệ thông tin
Hypertext Markup Language
Cascading Style Sheets
Cross-Platform (X), Apache (A), MariaDB (M),
PHP (P) và Perl (P)

Trần Bá Sơn – Lớp Khoa học máy tính A K61


6


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

DANH MỤC HÌNH
Hình III. 1 Biểu đồ use case tổng quát............................................................3021
Hình III. 2 Biểu đồ use case tác nhân khách hàng..........................................3122
Hình III. 3 Biểu đồ use case tác nhân Admin..................................................3122
Hình III. 4 Biểu đồ trình tự cho chức năng đăng nhập....................................3223
Hình III. 5 biểu đồ trình tự cho use case thêm giỏ hàng.................................3324
Hình III. 6 biểu đồ trình tự cho use case đặt hàng...........................................3324
YHình III. 1 Biểu Đồ use case tổng quát............................................................37
Hình III. 2 Biểu đồ use case tác nhân khách hàng..............................................38
Hình III. 3 Biểu đồ use case tác nhân Admin......................................................38
Hình III. 4 Biểu đồ tuần tự use case đăng nhập..................................................39
Hình III. 5 Biểu đồ trình tự cho use case thêm giỏ hàng.....................................39
Hình III. 6 Biểu đồ trình tự cho use case đặt hàng..............................................40
Hình III. 7 Biểu đồ lớp........................................................................................41
Hình III. 8 Lược đồ CSDL quan hệ.....................................................................47
Hình III. 9 Giao diện website..............................................................................48
Hình III. 10 Giao diện trang quản trị...................................................................48
Hình III. 11 Biểu đồ thành phần admin...............................................................49
Hình III. 12 Biểu đồ thành phàn khách hàng......................................................49
Hình III. 13 Biểu đồ triển khai............................................................................49

Trần Bá Sơn – Lớp Khoa học máy tính A K61

7



Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Y
Hình IV. 1 Lược đồ CSDL quan hệ.

4031

Hình IV. 2 Giao diện website. 4031
Hình IV. 3Giao diện trang quản trị. 413

Hình IV. 1 Giao diện trang chủ hiển thị..............................................................50
Hình IV. 2 Hiển thị tìm kiếm, giỏ hàng, tài khoản, đăng xuất, logo....................50
Hình IV. 3 Sản phẩm mới....................................................................................51
Hình IV. 4 Sản phẩm mua nhiều nhất..................................................................51
Hình IV. 5 Sản phẩm ưu thích nhất.....................................................................51
Hình IV. 6 Thơng tin chăm sóc khách hàng, địa chỉ............................................52
Hình IV. 7 Thơng tin sản phẩm...........................................................................52
Hình IV. 8 Đăng ký tài khoản..............................................................................52
Hình IV. 9 Đăng Nhập tài khoản.........................................................................53
Hình IV. 10 Tìm kiếm sản phẩm.........................................................................53
Hình IV. 11 Giỏ hàng...........................................................................................54
Hình IV. 12 Phương thức thanh tốn...................................................................54
Hình IV. 13 Trang tin tức.....................................................................................55
Hình IV. 14 Đánh giá website.............................................................................55
Hình IV. 15 Thơng tin của website và địa chỉ của cửa hàng...............................55
Hình IV. 16 Giao diện chatbot.............................................................................56
Hình IV. 17 Giao tiếp mới cửa hàng....................................................................56
Hình IV. 18 Đăng nhập nào trang quản trị..........................................................57
Hình IV. 19 Giao diện trang quản trị...................................................................57

Hình IV. 20 Danh sách thành viên cảu trang website..........................................58
Hình IV. 21 Giao diện quản lý danh mục............................................................58
Hình IV. 22 Giao diện quản lý sản phẩm............................................................59
Hình IV. 23 Giao diện nhà cung cấp...................................................................59
Hình IV. 24 Quản lý tin tức.................................................................................59
Hình IV. 25 Giao diện quản lý sản phẩm hết hàng..............................................60
Hình IV. 26 Giao diện quản lý ban quản trị.........................................................60
Hình IV. 27 Thêm thành viên trong ban quản trị.................................................60
Hình IV. 28 Quyền hạn của thành viên...............................................................61

Trần Bá Sơn – Lớp Khoa học máy tính A K61

8


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Hình IV. 29 Giao diện đơn hàng..........................................................................61
Hình IV. 30 Chi tiết đơn hàng.............................................................................61
Hình IV. 31 In đơn hàng......................................................................................62

Y

Hình V. 1 Cài đặt Xampp 1. 34
Hình V. 2 Cài đặt Xampp 235
Hình V. 3 Cài đặt Xampp 3. 35
Hình V. 4 Cài đặt Xampp 4. 36
Hình V. 5 Cài đặt Xampp 536
Hình V. 6 Cài đặt Xampp 6. 37
Hình V. 7 Cài đặt Xampp. 37

Hình V. 8 Cài đặt VS Code 1. 38
Hình V. 9 Cài đặt VS Code 2 38
Hình V. 10 Cài đặt VS Code 3. 39
Hình V. 11Giao diện trang chủ hiển thị. 39
Hình V. 12 Sản phẩm mới. 40
Hình V. 13 Sản phẩm mua nhiều nhất.40
Hình V. 14 Sản phẩm ưu thích nhất.

41

Hình V. 15 Thơng tin chăm sóc khách hàng, địa chỉ.41
Hình V. 16 Thơng tin sản phẩm. 41
Trần Bá Sơn – Lớp Khoa học máy tính A K61

9


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Hình V. 17 Đăng ký tài khoản. 42
Hình V. 18 Đăng Nhập tài khoản. 42
Hình V. 19 Tìm kiếm sản phẩm..43
Hình V. 20 thơng tin giỏ hàng. 43
Hình V. 21Hình thức thanh tốn.44
Hình V. 22Giao diện tin tức. 44
Hình V. 23 Giao diện trang quản trị. 47
Hình V. 24 Danh sách thành viên cảu trang website.48
Hình V. 25 Giao diện quản lý danh mục. 48
Hình V. 26Giao diện quản lý sản phẩm. 49
Hình V. 27 giao diện nhà cung cấp. 49

Hình V. 28 Quản lý tin tức.49
Hình V. 29 Giao diện quản lý sản phẩm hết hàng.

50

Hình V. 30 Giao diện quản lý ban quản trị 50
Hình V. 31 thêm thành viên trong ban quản trị.

50

Hình V. 32 Quyền hạn của thành viên.51
Hình V. 33 Giao Diện quản lý đơn hàng. 51
Hình V. 1 Cài đặt Xampp 1. 42
Hình V. 2 Cài đặt Xampp 2. 43
Hình V. 3 Cài đặt Xampp 343
Hình V. 4 Cài đặt Xampp 444
Hình V. 5 Cài đặt Xampp 544
Hình V. 6 Cài đặt Xampp 645
Hình V. 7 Cài đặt Xampp 745
Hình V. 8 Cài đặt VS Code 1 46
Hình V. 9 Cài đặt VS Code 2 46
Hình V. 10 Cài đặt VS Code 3

47

Trần Bá Sơn – Lớp Khoa học máy tính A K61

10



Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Hình V. 11 Giao diện trang chủ hiển thị 51
Hình V. 12 hiển thị logo,tìm kiếm,tài khoản,đăng xuất

51

Hình V. 13 Sản phẩm mới. 52
Hình V. 14 Sản phẩm mua nhiều nhất.52
Hình V. 15 Sản phẩm ưu thích nhất.

52

Hình V. 16 Thơng tin chăm sóc khách hàng, địa chỉ.53
Hình V. 17 Thơng tin sản phẩm. 53
Hình V. 18 Đăng ký tài khoản. 53
Hình V. 19 Đăng Nhập tài khoản. 54
Hình V. 20 Tìm kiếm sản phẩm..54
Hình V. 21 thơng tin giỏ hàng. 55
Hình V. 22 Hình thức thanh tốn. 55
Hình V. 23 Giao diện tin tức. 56
Hình V. 24 Đánh giá website 56
Hình V. 25 Thơng tin của website và địa chỉ của cửa hàng 57
Hình V. 26 Giao diện chatbot 57
Hình V. 27 phản hồi của admin qua chatbot 58
Hình V. 28 đăng nhập trang quản trị 58
Hình V. 29 Giao diện trang quản trị59
Hình V. 30 Danh sách thành viên cảu trang website 59
Hình V. 31 Giao diện quản lý danh mục 60
Hình V. 32 Giao diện quản lý sản phẩm 60

Hình V. 33 Giao diện nhà cung cấp 61
Hình V. 34 quản lý tin tức 61
Hình V. 35 Giao diện quản lý sản phẩm hết hàng 61
Hình V. 36 Giao diện quản lý ban quản trị 62
Hình V. 37 thêm thành viên trong ban quản trị 62

Trần Bá Sơn – Lớp Khoa học máy tính A K61

11


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Hình V. 38 Quyền hạn của thành viên 62
Hình V. 39 Giao diện quản lý đơn hàng 63

Trần Bá Sơn – Lớp Khoa học máy tính A K61

12


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

MỤC LỤC BẢ
Bảng IV. 1 Bảng sản phẩm..............................................................................3528
Bảng IV. 2 bảng nhà cung cấp.........................................................................3629
Bảng IV. 3 bảng menu.....................................................................................3629
Bảng IV. 4 Bảng đơn hàng..............................................................................3730
Bảng IV. 5 Bảng danh mục..............................................................................3730
Bảng IV. 6 Bảng đánh giá................................................................................3730

Bảng IV. 7 Bảng chi tiết đơn hàng..................................................................3831
Bảng IV. 8 Bảng Auth(thành viên)..................................................................3831
Bảng IV. 9 Bảng admin...................................................................................3932
Bảng IV. 10 Bảng tin tức.................................................................................3932
YBảng III. 1 danh sách các đối tượng lớp...........................................................40
Bảng III. 2 Bảng sản phẩm..................................................................................42
Bảng III. 3 Bảng nhà cung cấp............................................................................43
Bảng III. 4 Bảng menu........................................................................................43
Bảng III. 5 Bảng đơn hàng..................................................................................44
Bảng III. 6 Bảng danh mục.................................................................................44
Bảng III. 7 Bảng đánh giá...................................................................................45
Bảng III. 8 Bảng chi tiết đơn hàng......................................................................45
Bảng III. 9 Bảng Auth(thành viên)......................................................................46
Bảng III. 10 Bảng admin.....................................................................................46
Bảng III. 11 Bảng tin tức.....................................................................................47

Trần Bá Sơn – Lớp Khoa học máy tính A K61

13


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

LỜI MỞ ĐẦU
Ngày nay, với sự phát triển mạnh mẽ của khoa học công nghệ, Công nghệ
Thông tin là một trong những ngành có vị thế dẫn đầu và có vai trị rất lớn trong sự
phát triển chung đó. Các ứng dụng của công nghệ thông tin được áp dụng trong mọi
lĩnh vực nghiên cứu khoa học cũng như trong mọi lĩnh vực của đời sống. Là một phần
của Cơng nghệ Thơng tin, Cơng nghệ web đang có được sự phát triển mạnh mẽ và phổ
biến rất nhanh bởi những lợi ích mà nó mang lại cho cộng đồng là rất lớn.

Bằng việc lựa chọn và thực hiện đề tài “Xây dựng website bán hoa quả hữu
cơ”, em muốn tìm hiểu và đưa ra một giải pháp tốt nhằm giải quyết công việc bán
hàng trực tuyến cho cửa hàngông ty. Website mang lại cho cửa hàngông ty rất nhiều
lợi ich như: khả năng quảng cáo, phổ biến tên tuổi cơng ty rất nhanh trên mơi trường
mạng tồn cầu, việc kinh doanh sẽ mở 24/7h, giảm thiểu chi phí nhân viên cho tiếp thị,
quảng cáo, dễ dàng nhận phải hồi từ phía khách hàng...
Website bán hàng giúp cho cơng tycửa hàng cung cấp cho khách hàng những
lựa chọn linh hoạt và tiện lợi trong việc tìm mua sản phẩm thơng qua chức năng tìm
kiếm và giỏ hàng. Các thơng tin về sản phẩm được hiển thị chi tiết với từng sản phẩm,
từ đó khách hàng dễ dàng nhận biết và lựa chọn được thứ mình cần. Về phía Cửa
Hàng, hệ thống mang lại sự tiện dụng trong việc cập nhập và quản lý các thông tin cho
website, tạo khả năng liên lạc nhanh và dễ dàng với khách hàng.
Nội dung đề tài gồm các chương:
Chương I: Tổng quan về đề tài giới thiệu tổng quan về đề tài.
Chương II: Cơ sở lý thuyết và công nghệ.
Chương III: Khảo sát và Phân tích và thiết kế hệ thống.
Chương IV: Thiết kế và xây dựng hệ thống.
Chương IV: Kết quả và thực nghiệm.Cài đặt chương trình.

Em xin trân trọng cảm ơn!

Trần Bá Sơn – Lớp Khoa học máy tính A K61

14


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI


Trần Bá Sơn – Lớp Khoa học máy tính A K61

15


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI
I.1 Tính cấp thiết của đề tài.
Nhu cầu sử dụng trong Xã hội ln là động cơ chính thúc đẩy sản xuất, như
chúng ta đã biết việc thiếu thông tin cho công đoạn đáp ứng cung cầu làm cho việc đưa
sản phẩm đến tay người tiêu dùng trở nên khó khăn và gây nhiều lãng phí cho Xã hội.
Bên cạnh đó, việc phổ biến sử dụng Internet đã tạo ra một bước ngoặt mới trong định
hướng phát triển ngành Công nghệ thông tin ở nước ta cùng với nhu cầu sử dụng máy
tính để trao đổi, để cập nhật thông tin ngày càng tăng. Từ thực tế đó việc đưa thơng tin
đáp ứng các nhu cầu của mọi người và hỗ trợ cho việc mua bán diễn ra một cách
nhanh chóng, tiết kiệm đã trở nên vô cùng cấp thiết. Với thời đại Công nghệ thông tin
phát triển như hiện nay, mua bán qua mạng cũng là một giải pháp tối ưu trong việc
phân phối thơng tin vào mục đích thương mại, và đây cũng là một mảnh đất mới cho
thị trường hàng tiêu dùng trong giai đoạn phát triển kinh tế ở nước ta. Việc bạn có thể
ung dung ngồi nhà mà du ngoạn từ cửa hàng này sang cửa hàng khác trong khơng gian
trực tuyến khơng cịn là cảnh trong phim viễn tưởng mà đã trở thành hiện thực. Ngày
nay, bất kì thứ hàng hóa nào bạn đều có thể đặt mua qua Internet: từ một bó hoa tươi,
một chiếc tivi, một chiếc xe hơi… nó được bán ở một cửa hàng trên mạng. Cửa hàng
ảo trên Internet cũng giống như một cửa hàng thực sự kinh doanh nhiều loại mặt hàng
đa dạng trong nhiều lĩnh vực. Do đó việc thực hiện xây dựng một cửa hàng ảo trên
Internet có thể ứng dụng được và có tiềm năng phát triển trong tương lai. Ngày nay,
với đời sống của người Việt ngày càng được nâng cao và cải thiện, thì nhu cầu được
tiếp cận đến những thực phẩm sạch và rõ nguồn gốc ngày càng được chú trọng hơn.
Cùng với đó cửa hàng bán Hoa Quả Hữu Cơ là nơi kinh doanh và buôn bán các

sản phẩm, đang rất cần một website để có thể giới thiệu sản phẩm, thực hiện bán hàng
trực tuyến..

Trần Bá Sơn – Lớp Khoa học máy tính A K61

16


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

I.2 Nội dung nghiên cứu.

I.2.1 Mục tiêu của đề tài.
Xây dựng một website giới thiệu và bán hoa quả hữu cơ cần đáp ứng yêu cầu người
dùng:
Thứ nhất: Dành cho khách hàng (người mua): Khách hàng là những người có nhu
cầu mua sản phẩm, họ sẽ tìm các sản phẩm cần thiết trên hệ thống và đặt mua các sản
phẩm này. Vì thế phải có những chức năng sau:
 Giúp khách hàng tìm kiếm, xem thơng tin sản phẩm nhanh chóng, đơn giản, đặt
mua sản phẩm.
 Sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng để
khách hàng có thể nhập thơng tin mua và chọn phương thức thanh toán.
Thứ hai: Dành cho quản trị viên (người bán): Người làm chủ hệ thống và có quyền
kiểm sốt mọi hoạt động của hệ thống. Người này được cấp username và password để
đăng nhập hệ thống thực hiện chức năng của mình:
 Quản lý thơng tin các sản phẩm: Cập nhật, sửa, xóa các mặt hàng, loại hàng,
nhà sản xuất, tồn kho, tin tức.
 Quản lý thông tin khách hàng.
 Quản lý giao dịch.
 Thống kê doanh thu theo ngày, tuần, tháng.I.2.1 Nội dung chính.

- Tìm hiểu nghiệp vụ bài tốn
Tìm hiểu về cơng cụ, ngơn ngữ lập trình như HTML,CSS,PHP,MySQL……
Phân tích đặc tả hệ thống.
Thiết kế hệ thống.
Thiết kế và xây dựng website.
Kiểm thử.
Bảo trì hệ thống.
I.2.2 I.32.2 Phạm vi của đề tài.
 Nghiên cứu công cụ và phát triển một trang web đơn giản bán sản phẩm là hoa
quả đến tay người tiêu dùng.
 Trang web có đầy đủ chức năng của một trang thương mại điện tử.

Trần Bá Sơn – Lớp Khoa học máy tính A K61

17


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

I.2.34 Nội dung nghiên cứu.
 Công nghệ ứng dụng web: lập trình PHP, HTML, CSS sử dụng thiết kế web:
Notepad++, Bootstrap, Visual Studio Code, phpMyAdmin, Chatbot …
 Nghiên cứu nội dung các chương:
o Tổng quan đề tài: Tính cấp thiết, mục tiêu, phạm vi và nội dung nghiên
cứu.
o Cơ sở lý thuyết và cơng nghệ: Tìm hiểu về thương mại điện tử, các công
nghệ thiết kế website, hệ quản trị cơ sở dữ liệu…
o Phân tích và Thiết kế hệ thống hệ thống: Khảo sát, phân tích yêu cầu, các
biểu đồ…
o ồThiết kế hệ thống: , tThiết kế biểu đồ lớp, CSDL, giao diện…

o Cài đặt chương trình: Cài đặt môi trường, giao diện website…

Mục tiêu.
Xây dựng website bán Hoa Quả Hữu Cơ với các chức năng cơ bản như sau:
Liệt kê các chức năng cơ bản của web.
Giúp cửa hàng đạt được doanh số bán hàng theo mục tiêu đã đề ra.
Website quảng bá sản phẩm và thương hiệu của cửa hàng.
Website hiển thị sản phẩm đẹp, thu hút người dùng.
Xây dựng và phát triển thương hiệu cho cửa hàng.
Hỗ trợ khách hàng một cách nhanh nhất khi nhận được yêu cầu liên hệ.
Quản lý các mặt hàng sản phẩm, cấu hình website.
Quản lý thống kê doanh thu, các đơn hàng sản phẩm, thống kê doanh thu. Nắm bắt
được công nghệ thiết kế web bằng PHP, MYSQL, HTML, JQUERY, CSS....

Trần Bá Sơn – Lớp Khoa học máy tính A K61

18


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

Chương CHƯƠNG II: CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ
Thương mại điện tử ngày một phát triển trên thế giới nói chung và ở Việt Nam
nói riêng, sự ra đời của các ngơn ngữ lập trình cho phép bạn thiết kế và xây dựng các
ứng dụng thương mại điện tử dưới nhiều hình thức khác nhau. Trong đó, người ta
thường sử dụng HTML cho việc thiết kế các trang web tĩnh và PHP cho xây dựng
trang web động và sử dụng MySQL để thiết kế cơ sở dữ liệu.…..
II.1 Tìm hiểu về Website
II.1. 1 Website là gì?
Website là một văn phòng ảo của doanh nghiệp trên Internet. Website bao gồm tồn

bộ thơng tin, dữ liệu, hình ảnh về các sản phẩm, dịch vụ và hoạt động sản xuất kinh
doanh mà doanh nghiệp muốn giới thiệu đến người truy cập Internet. Văn phòng ảo
này khác với văn phòng thật của doanh nghiệp là nó hoạt động 24/7 (24h/ngày, 7
ngày/tuần). Khách đến thăm văn phịng này có thể trong nước hay ngồi nước và chi
phí duy trì văn phịng ảo này rất thấp. Với đặc điểm trên, Website là bộ mặt của doanh
nghiệp trước khách hàng, đối tác trong và ngoài nước. Vì vậy Website cần có những
yếu tố sau:





Thiết kế thẩm mĩ, tiện lợi.
Tốc độ nhanh.
Tên Website dễ nhớ và ngắn gọn.
Hỗ trợ nhiều tín năng như: email, thống kê truy cập, cập nhật thơng tin dễ dàng
và nhanh chóng, ...

II.1. 2 Yêu cầu tối thiểu của một Website.
 Tên Website hay cịn gọi là tên miền có dạng www.tencongty.com (.net, .org,
.com.vn).
 Web hosting là nơi lưu trữ website trên máy chủ Internet.
 Các trang Web đã được xây dựng và hoạt động.
II.1.3 Tên miền và Webhosting.
Domain name là địa chỉ Website hay cịn gọi là tên miền, ví dụ domain name
'www.yahoo.com' là địa chỉ Website của Yahoo. Domain name chỉ có một và chỉ duy
nhất một. Bạn có thể biết tên miền có cịn được đăng ký hay khơng bằng cách kiểm tra
trên mạng, hãy đăng ký ngay lập tức trước khi có người khác đăng ký mất tên miền đó
của bạn. Để duy trì quyền sở hữu Domain name, bạn phải đóng một khoảng phí hàng
năm theo quy định của pháp luật để sử dụng nó. Domain chính có dạng


Trần Bá Sơn – Lớp Khoa học máy tính A K61

19


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

www.tencongty.com, ví dụ 'www.vnsolution.com'. Domain phụ cịn gọi là sub domain
là domain được tạo từ domain chính, ví dụ VNSOLUTION có một chi nhánh tại Hà
Nội, chúng ta có thể tạo địa chỉ website cho khu vực Hà Nội của công ty
VNSOLUTION như sau:'www.hanoi.vnsolution.com'.
Web hosting là nơi lưu trữ tất cả các trang Web, các thông tin email, dữ liệu, hình
ảnh trên một máy chủ Internet, Web hosting đồng thời cũng là nơi diễn ra tất cả các
hoạt động giao dịch, trao đổi thông tin giữa Website với người sử dụng Internet và hỗ
trợ các phần mềm Internet hoạt động.
II.1.4 Các bước xây dựng Website.
Trước tiên bạn phải xác định mục đích xây dựng Website: để giới thiệu thơng tin về
công ty hay kinh doanh qua mạng.
 Đăng ký tên miền.
 Thiết kế Website:
 Xây dựng cấu trúc website phục vụ mục tiêu phát triển thương hiệu mở
rộng thị trường.
 Thiết kế đồ hoạ: biên tập nội dung, hình ảnh thích hợp thị hiếu thẩm mĩ
của khách hàng.
 Lập trình ứng dụng và cơ sở dữ liệu (đối với website động)
 Thuê chỗ trên máy chủ kết nối website với Internet toàn cầu.
 Quảng bá website sau khi đã hồn thiện.
 Bảo trì và nâng cấp (cập nhật thơng tin).
II.1.5 Chi phí xây dựng Website.

Để xây dựng và vận hành một Website, về căn bản bạn phải trả 3 khoản phí.
Trước hết bạn cần đăng ký một tên niềm riêng, thường được gọi là địa chỉ Website
'www.tencongty.com'. Để có tên miền bạn đầu tư một khoảng phí là 150.000 VND
trong năm đầu tiên và chi trả 150.000 VND cho từng năm tiếp theo (các chi phí trên
chưa bao gồm VAT).
Khoản đầu tư thứ hai là chi phí thiết kế Website. Khoản phí này tuỳ thuộc vào quy
mơ và phức tạp của Website bạn.
Khoản đầu tư thứ ba là chi phí duy trì Website. Mọi Website đều cần có một máy
chủ để kết nối chúng với Internet. Chi phí lưu trữ phụ thuộc vào đặc điểm và quy mô
Website của bạn.

Trần Bá Sơn – Lớp Khoa học máy tính A K61

20


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

II.1 Tổng quan về HTML
HTML (viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu
văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu
thông tin được trình bày trên World Wide Web. HTML được định nghĩa như là một ứng dụng
đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức
tạp. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C)
duy trì. Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà
phát triển đã thay thế nó bằng XHTML. Hiện nay, HTML đang được phát triển tiếp với phiên
bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.
Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử lý bởi
số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản:


-

có thể gõ vào ngay từ những dịng đầu tiên.

-

cho đến những cơng cụ xuất bản WYSIWYG phức tạp.

HTML không phải là ngôn ngữ lập trình, nó là ngơn ngữ trình bày.

Các dạng thẻ HTML
o Thẻ HTML dùng để viết lên những thành tố HTML
o Thẻ HTML được bao quanh bởi hai dấu lớn hơn < và > nhỏ hơn.
o Những thẻ HTML thường có một cặp giống như <b> và </b>
o Thẻ thứ nhất là thẻ mở đầu và thẻ thứ hai là thẻ kết thúc.
o Dòng chữ ở giữa hai thẻ bắt đầu và kết thúc là nội dung.
o Những thẻ HTML khơng phân biệt in hoa và viết thường, ví dụ dạng <b> và
<B> đều như nhau
Các thuộc tính của thẻ HTML
Những thẻ HTML đều có những thuộc tính riêng. Những thuộc tính này cung
cấp thơng tin về thành phần HTML của trang web. Tag này xác định thành phần thân
của trang HTML: <body>. Với một thuộc tính thêm vào là bgcolor, bạn có thể báo
cho trình duyệt biết rằng màu nền của trang này là màu đỏ, giống như sau: bgcolor="red"> hoặc <body bgcolor="#E6E6E6"> (#E6E6E6 là giá trị hex của
màu)
Thẻ này sẽ xác định dạng bảng HTML:<table> với một thuộc tính đường viền

Trần Bá Sơn – Lớp Khoa học máy tính A K61

21



Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

(border), bạn có thể báo cho trình duyệt biết rằng bảng sẽ khơng có đường viền:
<table border="0">
Thuộc tính ln luôn đi kèm một cặp như name/value: name="value" (tên="giá
trị") thuộc tính ln ln được thêm vào thẻ mở đầu của thành phần HTML.
II.2 Tổng quan về ngôn ngữ php.
II.2.1 Lịch sử phát triển.
PHP - viết tắt của PHP Hypertext Preprocessor.Vào khoảng năm 1994, Rasmus
Lerdorf đưa một số đoạn Perl Script vào trang Web để theo dõi xem ai đang đọc tài
liệu của ông ta. Dần dần, người ta bắt đầu thích các đoạn Script này và sau đó đã xuất
bản một gói cơng cụ có tên là "Personal Home Pages" (nghĩa đầu tiên của PHP). Ông
ta đã viết một cơ chế nhúng và kết hợp với một số công cụ khác để phân tích đầu vào
từ các mẫu biểu HTML: FI, Form Interpreter hay Phiên dịch mẫu biểu, được tạo ra
theo cách đó và được đặt tên là PHP/FI hay PHP2. Nó được hồn thành vào khoảng
giữa năm 1995.
II.2.2 Điểm mạnh của PHP.
 Mã nguồn mở.
- Có lẽ nhiều bạn cũng biết PHP là một sản phẩm mã nguồn mở (Open-source)
nên việc cài đặt và tùy biến PHP là miễn phí và tự do.
- Vì có ưu thế nguồn mở nên PHP có thể được cài đặt trên hầu hết các Web
Server thơng dụng hiện nay như Apache, IIS…
 Tính Cộng đồng của PHP.
- Là một ngôn ngữ mã nguồn mở cùng với sự phổ biến của PHP thì cộng đồng
PHP được coi là khá lớn và có chất lượng.
- Với cộng đồng phát triển lớn, việc cập nhật các bản vá lỗi phiên bản hiện tại
cũng như thử nghiệm các phiên bản mới khiến PHP rất linh hoạt trong việc hồn thiện
mình.

- Cộng đồng hỗ trợ, chia sẽ kinh nghiệm của PHP cũng rất dồi dào. Với rất
nhiều diễn đàn, blog trong và ngồi nước nói về PHP đã khiến cho quá trình tiếp cận
của người tìm hiểu PHP được rút ngắn nhanh chóng.
 Thư viện phong phú
-

Ngồi sự hỗ trợ của cộng đồng, thư viện script PHP cũng rất phong phú

Trần Bá Sơn – Lớp Khoa học máy tính A K61

22


Đồ án tốt nghiệp chuyên ngành Khoa học máy tính ứng dụng

và đa dạng. Từ những cái rất nhỏ như chỉ là 1 đoạn code, 1 hàm
(PHP.net…) cho tới những cái lớn hơn như Framework (Zend, CakePHP,
CogeIgniter, Symfony…), ứng dụng hoàn chỉnh (Joomla, WordPress,
PhpBB…).
-

Với thư viện code phong phú, việc học tập và ứng dụng PHP trở nên rất
dễ dàng và nhanh chóng. Đây cũng chính là đặc điểm khiến PHP trở nên
khá nổi bật và cũng là nguyên nhân vì sao ngày càng có nhiều người sử
dụng PHP để phát triển web.

 Hỗ trợ kết nối nhiều hệ cơ sở dữ liệu
-

Nhu cầu xây dựng web có sử dụng cơ sở dữ liệu là một nhu cầu tất yếu

và PHP cũng đáp ứng rất tốt nhu cầu này. Với việc tích hợp sẵn nhiều
Database Client trong PHP đã làm cho ứng dụng PHP dễ dàng kết nối tới
các hệ cơ sở dữ liệu thông dụng.

-

Việc cập nhật và nâng cấp các Database Client đơn giản chỉ là việc thay
thế các Extension của PHP để phù hợp với hệ cơ sở dữ liệu mà PHP sẽ
làm việc.

-

Một số hệ cơ sở dữ liệu thơng dụng mà PHP có thể làm việc là: MySQL,
MS SQL, Oracle, Cassandra…

 Lập trình hướng đối tượng.
Ngày nay, khái niệm lập trình hướng đối tượng (OOP) đã khơng cịn xa lạ với
lập trình viên. Với khả năng và lợi ích của mơ hình lập trình này nên nhiều ngôn ngữ
đã triển khai để hỗ trợ OOP.
Từ phiên bản PHP 5, PHP đã có khả năng hỗ trợ hầu hết các đặc điểm nổi bật
của lập trình hướng đối tượng như là Inheritance, Abstraction, Encapsulation,
Polymorphism, Interface, Autoload…
Với việc ngày càng có nhiều Framework và ứng dụng PHP viết bằng mơ hình
OOP nên lập trình viên tiếp cận và mở rộng các ứng dụng này trở nên dễ dàng và
nhanh chóng.
 Tính Bảo mật.
Bản thân PHP là mã nguồn mỡ và cộng đồng phát triển rất tích cực nên có thể
nói PHP khá là an tồn.

Trần Bá Sơn – Lớp Khoa học máy tính A K61


23


×