Báo cáo phân tích và thiết kế xây dựng ứng dụng chốt đơn cho cộng tác viên bằng php mysql laravel

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI
KHOA CÔNG NGHỆ THƠNG TIN

Tạ Anh Dũng

PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE
CHỐT HÀNG CHO CỘNG TÁC VIÊN BÁN HÀNG

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY
Ngành: Hệ Thống Thơng Tin

Vĩnh Phúc - 2022
1


2


TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI
KHOA CÔNG NGHỆ THƠNG TIN

Tạ Anh Dũng

PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE
CHỐT HÀNG CHO CỘNG TÁC VIÊN BÁN HÀNG

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY

Ngành: Hệ Thống Thơng Tin

Cán bộ hướng dẫn: Lê Thị Hường

Vĩnh Phúc - 2022

3


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT................................................................................7
LỜI CÁM ƠN................................................................................................................ 8
LỜI CAM ĐOAN............................................................................................................9
LỜI NÓI ĐẦU.............................................................................................................10
CHƯƠNG 1: PHẦN MỞ ĐẦU...................................................................................11
1. Lý do chọn đề tài...............................................................................................11
2. Mục tiêu đề tài...................................................................................................11
3. Giới hạn và phạm vi của đề tài.............................................................................11
4. Kết quả đạt được................................................................................................11
5. Kết cấu của đề tài...............................................................................................12
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT............................................................................13
1.1.

Cơ sở lý thuyết về cơ sở dữ liệu.....................................................................13

1.2.

Ngơn ngữ lập trình.........................................................................................15

1.2.1.

Ngơn ngữ HTML......................................................................................15

1.2.2. Ngơn ngữ CSS.............................................................................................16
1.2.3. Ngơn ngữ PHP............................................................................................17
1.3. Mơ hình MVC...................................................................................................19
1.4. Laravel framework............................................................................................20
1.5. Kết chương 2.....................................................................................................21
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG...................................................22
3.1. Mơ tả bài tốn....................................................................................................22
3.2. Đối tượng sử dụng hệ thống..............................................................................23
3.3. Khảo sát............................................................................................................23
3.3.1. Xác định yêu cầu của hệ thống:...................................................................24
3.2.2. Yêu cầu chức năng và phi chức năng..........................................................28
3.3.3. Phân tích thiết kế hệ thống..........................................................................29
3.4 Phân tích và thiết kế hệ thống.............................................................................30
3.5. Biểu đồ use case................................................................................................32
3.5.1 Biểu đồ Use-case tổng quát..........................................................................32
3.5.2 Use case đăng nhập......................................................................................32
3.5.3. Use case quản lí doanh thu..........................................................................33
4


3.5.4. Use case quản lý giao dịch..........................................................................34
3.5.5. Use case quản lý thuộc tính.........................................................................35
3.5.6. Use case quản lý danh mục.........................................................................36
3.5.7. Use case quản lý nhà cung cấp....................................................................37
3.5.8 Use case quản lý sản phẩm...........................................................................38
3.5.9. Use case quản lý vai trò...............................................................................39
3.5.10. Use case quản lý giá trị..............................................................................40
3.5.11. Use case quản lý người dùng.....................................................................41
3.5.12. Use case ctv...............................................................................................42
3.6 Biểu đồ hoạt động..............................................................................................43

3.6.1 Biểu đồ hoạt động chức năng đăng ký..........................................................43
3.6.2 Biểu đồ hoạt động chức năng đăng nhập......................................................43
3.6.3 Biểu đồ hoạt động chức năng chỉnh sửa thông tin cá nhân...........................44
3.6.4 Biểu đồ hoạt động chức năng quản lý danh sách thành viên........................44
3.6.5 Biểu đồ hoạt động chức năng quản lý danh mục, dịch vụ, bài viết...............45
3.6.6 Biểu đồ hoạt động chức năng xử lý đơn hàng..............................................45
3.6.7 Biểu đồ hoạt động chức năng thêm mới bài viết...........................................46
3.6.8 Biểu đồ hoạt động chức năng sửa bài viết....................................................46
3.6.9 Biểu đồ hoạt động chức năng xóa bài viết....................................................47
3.6.10 Biểu đồ hoạt động chức năng thêm mới sản phẩm.....................................47
3.6.11 Biểu đồ hoạt động chức năng sửa sản phẩm..............................................48
3.6.12 Biểu đồ hoạt động chức năng xóa sản phẩm..............................................49
3.6.13 Biểu đồ hoạt động chức năng xóa người dùng...........................................50
3.6.14 Biểu đồ hoạt động chức năng đặt hàng......................................................50
3.7 Biểu đồ tuần tự...................................................................................................51
3.7.1 Biểu đồ tuần tự đăng nhập/đăng ký..............................................................51
3.7.2 Biểu đồ tuần tự quản lý sản phẩm................................................................52
3.7.3 Biểu đồ tuần tự quản lý bài viết....................................................................52
3.7.4 Biểu đồ tuần tự quản lý slide........................................................................53
3.7.5 Biểu đồ tuần tự quản lý sự kiện....................................................................53
3.7.6 Biểu đồ tuần tự quản lý đơn hàng................................................................54
3.7.7 Biểu đồ tuần tự quản lý nhà sản xuất...........................................................54
5


3.8. Biểu đồ trạng thái..............................................................................................55
3.8.1 Biểu đồ trạng thái chức năng đăng nhập......................................................55
3.9. Biểu đồ lớp.......................................................................................................55
3.9.1 Danh sách các đối tượng..............................................................................55
3.9.2

Mơ hình hóa các lớp đối tượng................................................................57

3.10 Thiết kế cơ sở dữ liệu.......................................................................................59
3.10.1 Bảng Admins..............................................................................................59
3.10.2 Bảng Attributes...........................................................................................59
3.10.3 Bảng Categories.........................................................................................60
3.10.4 Bảng Comments.........................................................................................60
3.10.5 Bảng Contacts............................................................................................60
3.10.6 Bảng Keywords..........................................................................................60
3.10.7 Bảng Menus................................................................................................61
3.10.8 Bảng Orders...............................................................................................61
3.10.9 Bảng Producer...........................................................................................61
3.10.10 Bảng Products..........................................................................................61
3.10.11 Bảng products_attributes..........................................................................62
3.10.12 Bảng products_keywords..........................................................................62
3.10.13 Bảng Products_imges...............................................................................62
3.10.14 Bảng Ratings............................................................................................63
3.10.15 Bảng Statics..............................................................................................63
3.10.16 Bảng Transactions....................................................................................63
3.10.17 Bảng Types...............................................................................................63
3.10.18 Bảng Users...............................................................................................64
3.10.19 Bảng User_favourite................................................................................64
3.11 Kiểm thử...........................................................................................................64
3.11.1. Chức năng đăng ký....................................................................................64
3.11.2. Chức năng đăng nhập................................................................................64
3.11.3. Chức năng cập nhật thông tin....................................................................64
3.11.4. Chức năng quên mật khẩu.........................................................................65
3.12 Bảo trì............................................................................................................... 65
3.13 Kết chương 3....................................................................................................65

6


CHƯƠNG 4: XÂY DỰNG HỆ THỐNG.....................................................................66
4.1. Giao diện quản trị..............................................................................................66
4.2 Giao diện danh mục giao dịch............................................................................66
4.3 Giao diện quản lý danh mục...............................................................................67
4.4 Giao diện quản lý nhà cung cấp..........................................................................67
4.5 Giao diện quản lý thuộc tính...............................................................................68
4.6 Giao diện quản lý giá trị.....................................................................................68
4.7 Giao diện quản lý sản phẩm................................................................................69
4.8 Giao diện quản lý người dùng............................................................................69
4.9 Giao diện quản lý vai trò....................................................................................70
4.10. Kết chương 4...................................................................................................70
KẾT LUẬN.................................................................................................................71
1. Đánh giá kết quả của đề tài...................................................................................71
2. Hướng phát triển tiếp theo của đề tài....................................................................72
TÀI LIỆU THAM KHẢO...........................................................................................73
PHỤ LỤC.................................................................................................................... 74

7


DANH MỤC CÁC TỪ VIẾT TẮT
ST

Từ viết

T

tắt

Tên đầy đủ

Giải thích

Application
1

API

2

DOM

3

XHTML

Programming

Giao diện lập trình ứng dụng.

Interface
Document Object
Model
Extensible
HyperText Markup

Các đối tượng thao tác văn bản

Ngôn ngữ Đánh dấu Siêu văn bản Mở rộng

Language
4

XML

eXtensible Markup
Language

Ngôn ngữ đánh dấu mở rộng do W3C đề nghị
với mục đích tạo ra các ngơn ngữ đánh dấu
khác
Ngơn ngữ đánh dấu (markup language) XML

5

SVG

Scalable Vector

và dùng để miêu tả các hình ảnh đồ họa véc tơ

Graphics

hai chiều, tĩnh và hoạt hình, thường dành cho
ứng dụng trên các trang mạng.
Ngơn ngữ mơ hình gồm các ký hiệu đồ họa

6

UML

Unified Modeling

mà các phương pháp hướng đối tượng sử

Language

dụng để thiết kế các hệ thống thơng tin một
cách nhanh chóng.

7

CSDL

Cơ sở dữ liệu

LỜI CÁM ƠN
Đồ án tốt nghiệp là kết quả của một khóa học và là một thành quả lao động đáng
ghi nhận. Để có thể thực hiện và hồn thành đồ án này, em đã nhận được sự giúp đỡ và
8


hướng dẫn tận tình của các thầy, các cơ và các bạn trong khoa. Em xin gửi lời cảm ơn
chân thành và sâu sắc tới các thầy cô trong khoa, cảm ơn các thầy, các cơ những người
đã tận tình giảng dạy và truyền đạt những kiến thức cần thiết, những kinh nghiệm quý
báu cho em trong suốt bốn năm học tại trường đại học TRƯỜNG ĐẠI HỌC CÔNG
NGHỆ GIAO THƠNG VẬN TẢI để em có thể tự tin khi thực hiện đồ án này.

Đặc biệt em xin chân thành cảm ơn cơ giáo người đã tận tình hướng dẫn, chỉ bảo,
động viên và hỗ trợ em trong suốt quá trình thực hiện đề tài này. Trong thời gian làm
đồ án cùng cô, em không những học hỏi được những kiến thức mà còn học hỏi được
khả năng làm việc nghiêm túc, độc lập và có trách nhiệm với cơng việc của mình.
Cuối cùng, em xin bày tỏ lịng biết ơn vơ hạn đối với cha mẹ và gia đình những
người thân xung quanh đã ln động viên, khích lệ và tạo điều kiện tốt nhất cho em
trong quá trình học tập.
Mặc dù em đã có cố gắng hồn thiện đồ án trong phạm vi và khả năng cho phép
nhưng chắc chắn khơng tránh khỏi những thiếu sót. Em kính mong nhận được sự cảm
thơng và góp ý của q thầy cô và các bạn.

Vĩnh Yên, tháng 4 năm 2022
Sinh viên thực hiện

Tạ Anh Dũng

9


LỜI CAM ĐOAN

Tôi xin cam đoan kết quả đạt được trong khóa luận là sản phẩm của riêng cá nhân,
khơng sao chép lại của người khác. Trong toàn bộ nội dung của khóa luận, những điều
được trình bày hoặc là của cá nhân hoặc là được tổng hợp từ nhiều nguồn tài liệu. Tất
cả các tài liệu tham khảo đều có xuất xứ rõ ràng và được trích dẫn hợp pháp.Tơi xin
hồn tồn chịu trách nhiệm và chịu mọi hình thức kỷ luật theo quy định cho lời cam
đoan của mình.

Vĩnh Yên, tháng 4 năm 2022

Sinh viên thực hiện

Tạ anh Dũng

10


LỜI NÓI ĐẦ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.
Cùng với sự phát triển vượt bậc của khoa học kỹ thuật thì cơng nghệ thơng tin và
thương mại điện tử là một trong những lĩnh vực nổi trội, có nhiều đóng góp thiết thực
nhất cho nền kinh tế. Cơng nghệ thơng tin và thương mại điện tử có mặt trong hầu hết
các lĩnh vực của cuộc sống và trở thành một công cụ hỗ trợ rất đắc lực trong công tác
quản lý, kinh doanh.
Ngày nay, “ Thương mại điện tử “ đem lại rất nhiều lợi ích khơng những cho các
doanh nghiệp mà người tiêu dùng cũng có những lợi ích như tích kiệm thời gian và chi
phí trông việc mua sắm và tiêu dùng. Việc bán hàng qua mạng khơng cịn là hình thức
xa lạ đối với người tiêu dùng nữa, bán hàng qua mạng là hình thức làm việc rất phổ
biến, hình thức này bất kỳ một doanh nghiệp kinh doanh sản phẩm đều lựa chọn.
Chính vì vậy em đã chọn đề tài “Phân tích và thiết kế xây dựng Website chốt hàng
cho cộng tác viên bán hàng”
Nội dung đề tài gồm các chương:
Chương 1 : Phần mở đầu.
Chương 2 : Cơ sở lý thuyết.
Chương 3 : Phân tích thiết kế hệ thống.

Chương 4 : Xây dựng hệ thống.

11


CHƯƠNG 1: PHẦN MỞ ĐẦU
1. Lý do chọn đề tài
Như chúng ta cũng thấy trong thị trường hiện nay thì việc cạnh tranh về kinh
doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công
ty lớn đều chú tâm đến việc làm thỏa mãm khách hàng một cách tốt nhất.
So với kinh doanh truyền thống thì thương mại điện tử chi phí thấp hơn, đạt
hiệu quả cao hơn. Hơn thế nữa, với lợi thế của công nghệ Internet nên việc truyền
tải thông tin về sản phẩm nhanh chóng, thuận tiện. Kết hợp với bộ phận giao hàng
tận nơi, là thông qua bưu điện hay ngân hàng để thanh toán tiền, càng tăng thêm
thuận lợi để loại
Biết được những nhu cầu đó chương trình “ Xây dựng website chốt hàng cho
cộng tác viên bán hàng ” được xây dựng trên nền tảng PHP nhằm để đáp ứng cho
cộng tác viên có thể thơng qua Website này mà chốt đơn hàng cho khách một cách
nhanh chóng và thuận tiện đáp ứng được nhu cầu khách hàng .
Trước thực tế đó em đã chọn đề tài:” Phân tích thiết kế và xây dựng website
chốt hàng cho cộng tác viên bán hàng” cho đề tài khóa luận tốt nghiệp của mình.
2. Mục tiêu đề tài
− Trình bày được các vấn đề liên quan đến PHP ,MySQL .
− Phân tích hệ thống chương trình bao gồm giao diện, các activity nhằm đáp ứng
nhu cầu người dùng
− Triển khai và cài đặt chương trình trong mơi trường internet
3. Giới hạn và phạm vi của đề tài
Trong phạm vi đề tài này em sẽ nghiên cứu các vấn đề sau:
-

Nghiên cứu về quy trình quản lý cộng tác viên chốt đơn

-

Website được xây dựng bằng ngôn ngữ PHP, cơ sở dữ liệu xây dựng bằng php
MyAdmin

4. Kết quả đạt được
Website quản lý chốt đơn sau khi hoàn thành dự kiến đạt được các kết quả sau:
-

Giao diện thân thiện, dễ nhìn thích hợp với người dùng
Cập nhật thông tin dữ liệu cho hệ thống.

-

Hoàn thành trang quản lý admin website với các chức năng chính sau:
+ Quản lý người dùng
+ Quản lý bảng điều khiển
12


+ Quản lý danh sách giao dịch
+ Quản lý sản phẩm: danh mục, nhà cung cấp, thuộc tính, giá trị, sản phẩm
+ Quản lý vai trò
5. Kết cấu của đề tài
Nội dung đề tài gồm các chương:
Chương 1: Cơ sở lý thuyết
Chương 2: Khảo sát nghiệp vụ
Chương 3: Phân tích thiết kế hệ thống

Chương 4: Xây dựng hệ thống

13


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

Cơ sở lý thuyết về cơ sở dữ liệu

Hệ thống sử dụng hệ cơ sở dữ liệu MySQL.
MySQL là một hệ thống quản lý cơ sở dữ liệu quan hệ nhanh và dễ dàng.
MySQL đang được sử dụng cho nhiều công việc kinh doanh từ lớn tới nhỏ, nó được
phát triển, được cơng bố, được hỗ trợ bởi MySQL AB, là một công ty của Thụy Điển.
Hệ cơ sở dữ liệu này đã trở thành khá phổ biến vì nhiều lý do:


MySQL là mã nguồn mở.



MySQL là một chương trình rất mạnh mẽ.



MySQL sử dụng một Form chuẩn của ngôn ngữ dữ liệu nổi tiếng là SQL.



MySQL làm việc trên nhiều Hệ điều hành và với nhiều ngôn ngữ như PHP,

PERL, C, C++, Java, …



MySQL làm việc nhanh và khỏe ngay cả với các tập dữ liệu lớn.



MySQL rất thân thiện với PHP, một ngôn ngữ rất đáng giá để tìm hiểu để phát
triển Web.



MySQL hỗ trợ các cơ sở dữ liệu lớn, lên tới 50 triệu hàng hoặc nhiều hơn nữa
trong một bảng. Kích cỡ file mặc định được giới hạn cho một bảng là 4 GB,
nhưng chúng ta có thể tăng kích cỡ này (nếu hệ điều hành có thể xử lý nó) để đạt
tới giới hạn lý thuyết là 8 TB.



MySQL là có thể điều chỉnh. Giấy phép GPL mã nguồn mở cho phép lập trình
viên sửa đổi phần mềm MySQL để phù hợp với môi trường cụ thể của họ.
MySQL sử dụng nhiều kiểu dữ liệu, được chia thành 3 loại: kiểu số, kiểu date và

time, và kiểu chuỗi.
Kiểu dữ liệu số trong MySQL
MySQL sử dụng tất cả các kiểu dữ liệu số theo chuẩn ANSI SQL. Các kiểu dữ
liệu số phổ biến gồm:
14



INT: Một số ngun với kích cỡ thơng thường, có thể là signed hoặc unsigned.
Nếu có dấu, thì dãy giá trị có thể là từ -2147483648 tới 2147483647, nếu khơng
dấu thì dãy giá trị là từ 0 tới 4294967295. Chúng ta có thể xác định một độ rộng
lên tới 11 chữ số.



TINYINT: Một số nguyên với kích cỡ rất nhỏ, có thể là signed hoặc unsigned.
Nếu có dấu, thì dãy giá trị có thể là từ -128 tới 127, nếu khơng dấu thì dãy giá trị
là từ 0 tới 255. Chúng ta có thể xác định một độ rộng lên tới 4 chữ số.



SMALLINT: Một số nguyên với kích cỡ nhỏ, có thể là signed hoặc unsigned.
Nếu có dấu, thì dãy giá trị có thể là từ -32768 tới 32767, nếu khơng dấu thì dãy
giá trị là từ 0 tới 65535. Chúng ta có thể xác định một độ rộng lên tới 5 chữ số.



MEDIUMINT: Một số nguyên với kích cỡ trung bình, có thể là signed hoặc
unsigned. Nếu có dấu, thì dãy giá trị có thể là từ -8388608 tới 8388607, nếu
khơng dấu thì dãy giá trị là từ 0 tới 16777215. Chúng ta có thể xác định một độ
rộng lên tới 9 chữ số.



BIGINT: Một số nguyên với kích cỡ lớn, có thể là signed hoặc unsigned. Nếu

có

dấu,thì

dãy

giá

trị

có

thể

là

từ

-9223372036854775808

tới

9223372036854775807, nếu khơng dấu thì dãy giá trị là từ 0 tới
18446744073709551615. Chúng ta có thể xác định một độ rộng lên tới 20 chữ
số.


FLOAT(M,D): Một số thực dấu chấm động khơng dấu. Chúng ta có thể định
nghĩa độ dài hiển thị (M) và số vị trí sau dấy phảy (D). Điều này là khơng bắt
buộc và sẽ có mặc định là 10,2: với 2 là số vị trí sau dấu phảy và 10 là số chữ số

(bao gồm các phần thập phân). Phần thập phân có thể lên tới 24 vị trí sau dấu
phảy đối với một số FLOAT.



DOUBLE(M,D): Một số thực dấu chấm động khơng dấu. Chúng ta có thể định
nghĩa độ dài hiển thị (M) và số vị trí sau dấy phảy (D). Điều này là khơng bắt
buộc và sẽ có mặc định là 16,4: với 4 là số vị trí sau dấu phảy và 16 là số chữ số
(bao gồm các phần thập phân). Phần thập phân có thể lên tới 53 vị trí sau dấu
phảy đối với một số DOUBLE. REAL là đồng nghĩa với DOUBLE.
15




DECIMAL(M,D): Một kiểu khác của dấu chấm động không dấu. Mỗi chữ số
thập phân chiếm 1 byte. Việc định nghĩa độ dài hiển thị (M) và số vị trí sau dấy
phảy (D) là bắt buộc. NUMERIC là một từ đồng nghĩa cho DECIMAL.
1.2.

Ngơn ngữ lập trình
1.2.1. Ngơn ngữ HTML

Ngơn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) là
một trong các loại ngôn ngữ được sử dụng trong lập trình web. Khi truy cập một trang
web cụ thể là click vào các đường link, chúng ta sẽ được dẫn tới nhiều trang các nhau,
và các trang này được gọi là một tài liệu HTML (tập tin HTML).
Một trang HTML như vậy được cấu thành bởi nhiều phần tử HTML nhỏ và được
quy định bằng các thẻ tag. Chúng ta có thể phân biệt một trang web được viết
bằng ngôn ngữ HTML hay PHP thông qua đường link của nó. Ở cuối các trang HTML

thường hay có đi là .HTML hoặc .HTM
HTML là ngơn ngữ lập trình web được đánh giá là đơn giản. Mọi trang web, mọi
trình duyệt web đều có thể hiển thị tốt ngơn ngữ HTML. Hiện nay, phiên bản mới nhất
của HTML là HTML 5 với nhiều tính năng tốt và chất lượng hơn so với các phiên bản
cũ của HTML.
Vai trò của HTML trong lập trình web:
HTML là một loại ngơn ngữ đánh dấu siêu văn bản 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. HTML chứa những
yếu tố cần thiết mà dù website 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.
16


Đối với các lập trình viên hay nhà phát triển web, họ đều phải học HTML như
một loại ngôn ngữ cơ bản trước khi bắt tay vào thiết kế trang web nào.

Các thẻ trong HTML:
Các trang HTML được quy định bằng các thẻ tag. Những thẻ này được chứa
trong các dấu ngoặc đơn dạng: <tên thẻ>. Trừ một vài thẻ đặc biệt, hầu hết các thẻ cơ
bản đều có các thẻ đóng tương ứng với nó. Ví dụ, thẻ <html> có thẻ đóng tương ứng
là </html>, thẻ <body> có thẻ đóng tương ứng là </body> … Bảng 1.1 là các mẫu thẻ
tag thường gặp trong HTML.
Bảng 1.1. Các mẫu thẻ thường gặp trong HTML

Tag

DOCTYPE…>

<html>

Giải thích

Cịn gọi là thẻ khai báo một tài liệu HTML. Thẻ này xác định loại
tài liệu và phiên bản HTML.

Thẻ này chứa đựng các tài liệu HTML đầy đủ. Ở đầu trang sẽ xuất
hiện các thẻ <head>, </head> và thân tài liệu là các thẻ <body>,
</body> .

<head>

Thẻ này đại diện cho đầu trang tài liệu mà có thể giữ các thẻ
HTML như <title>, <link> …

<title>

Thẻ <title> được sử dụng trong thẻ <head> chỉ tiêu đề tài liệu.

17


<body>

Thẻ này đại diện cho thân tài liệu và giữ các thẻ như

, <div>,

…

Thẻ tag này đại diện cho các tiêu đề trang.

Thẻ tag này đại diện cho định dạng các đoạn văn trong trang web.

1.2.2. Ngôn ngữ CSS
Định nghĩa
CSS là viết tắt của Cascading Style Sheets. Đây là một ngôn style sheet được sử
dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngơn ngữ đánh dấu
(markup). CSS cung cấp một tính năng bổ sung cho HTML. CSS thường được sử
dụng với HTML để thay đổi phong cách của trang web và giao diện người dùng. Ngơn
ngữ này cũng có thể được sử dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML
đơn giản, SVG và XUL.
CSS được sử dụng cùng với HTML và JavaScript trong hầu hết các trang web để
tạo giao diện người dùng cho các ứng dụng web và giao diện người dùng cho nhiều
ứng dụng di động.
Ba lợi ích chính của CSS


Giải quyết một vấn đề lớn:
Trước khi có CSS, các thẻ như phơng chữ, màu sắc, kiểu nền, các sắp xếp phần

tử, đường viền và kích thước phải được lặp lại trên mọi trang web. Đây là một quá
trình rất dài tốn thời gian và công sức.


Tiết kiệm rất nhiều thời gian:
Định nghĩa kiểu CSS được lưu trong các tệp CSS bên ngồi vì vậy có thể thay

đổi tồn bộ trang web bằng cách thay đổi chỉ một tệp.
18




Cung cấp thêm các thuộc tính:
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.
1.2.3. Ngôn ngữ PHP
Giới thiệu chung:



PHP khởi đầu như là một dự án mã nguồn mở nhỏ, nhưng theo đà phát triển,
ngày càng nhiều người thấy rằng nó càng ngày càng hữu ích. PHP được phát triển từ
một sản phẩm có tên là PHP/FI. PHP/FI do Rasmus Lerdorf tạo ra năm 1994, ban đầu
được xem như là một tập con đơn giản của các mã kịch bản Perl để theo dõi tình hình
truy cập đến bản sơ yếu lý lịch của ơng trên mạng. Ơng đã đặt tên cho bộ mã kịch bản
này là "Personal Home Page Tools". Khi cần đến các chức năng rộng hơn, Rasmus đã
viết ra một bộ thực thi bằng C lớn hơn để có thể truy vấn tới Database và giúp cho
người sử dụng phát triển các ứng dụng web đơn giản. Rasmus đã quyết định công bố
mã nguồn của PHP/FI cho mọi người xem, sử dụng cũng như sửa các lỗi có trong nó,
đồng thời cải tiến mã nguồn.
PHP viết hồi qui của "PHP: Hypertext Preprocessor".

PHP là ngơn ngữ lập trình kịch bản viết cho máy chủ mà được nhúng trong
HTML. Nó được sử dụng để quản lý nội dụng động, Database, Session tracking, …
PHP được tích hợp với một số Database thơng dụng như MySQL, PostgreSQL,
Oracle, Sybase, Informix, và Microsoft SQL Server.
PHP thực thi rất tuyệt vời, đặc biệt khi được biên dịch như là một Apache
Module trên Unix side. MySQL Server, khi được khởi động, thực thi các truy vấn phức
tạp với các tập hợp kết quả khổng lồ trong thời gian Record-setting.
PHP hỗ trợ một số lượng rộng rãi các giao thức lớn như POP3, IMAP, và LDAP.
PHP4 bổ sung sự hỗ trợ cho Java và các cấu trúc đối tượng phân phối (COM và
CORBA).
Cú pháp PHP là giống C.



Sự sử dụng chung của PHP
19


PHP thực hiện các hàm hệ thống, ví dụ: từ các file trên một hệ thống, nó có thể
tạo, mở, đọc, ghi và đóng chúng.
PHP có thể xử lý các form, ví dụ: thu thập dữ liệu từ file, lưu dữ liệu vào một
file, thơng qua email có thể gửi dữ liệu, trả về dữ liệu tới người dùng.
Chúng ta có thể thêm, xóa, sửa đổi các phần tử bên trong Database thông qua PHP.
Truy cập các biến Cookie và thiết lập Cookie.
Sử dụng PHP, có thể hạn chế người dùng truy cập vào một số trang trong Website.
Nó có thể mật mã hóa dữ liệu.



Đặc trưng của PHP

Các đặc trưng quan trọng làm PHP trở thành ngôn ngữ khá tiện lợi:


Đơn giản hóa



Hiệu quả



Bảo mật cao



Linh động



Thân thiện

1.3. Mơ hình MVC
MVC là viết tắt của Model – View – Controller. Là một kiến trúc phần mềm hay
mơ hình thiết kế được sử dụng trong kỹ thuật phần mềm. Đây là mơ hình phân bố
source code thành 3 phần, mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với
các thành phần khác.
Các thành phần trong MVC
Controller

20


Giữ nhiệm vụ nhận điều hướng các yêu cầu từ người dùng và gọi đúng những
phương thức xử lý chúng… Chẳng hạn thành phần này sẽ nhận request từ url và form
để thao tác trực tiếp với Model.
Model
Đây là thành phần chứa tất cả các nghiệp vụ logic, phương thức xử lý, truy xuất
database, đối tượng mô tả dữ liệu như các Class, hàm xử lý…
View
Đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa tất cả các
đối tượng GUI như textbox, images… là tập hợp các form hoặc các file HTML.
Ưu điểm và nhược điểm của MVC
Ưu điểm
Thể hiện tính chun nghiệp trong lập trình, phân tích thiết kế. Do được chia
thành các thành phần độc lập nên giúp phát triển ứng dụng nhanh, đơn giản, dễ nâng
cấp, bảo trì…
Nhược điểm
Đối với dự án nhỏ việc áp dụng mơ hình MC gây cồng kềnh, tốn thời gian trong
quá trình phát triển. Tốn thời gian trung chuyển dữ liệu của các thành phần.
1.4. Laravel framework
Framework là một thư viện các hàm xây dựng sẵn, chuyên dùng phục vụ cho
cơng việc lập trình PHP. Việc sử dụng các framework hỗ trợ cơng việc lập trình nhanh
hơn, tiết kiệm thời gian và đảm bảo bảo mật hơn cho hệ thống. Một PHP Framework
thường được xây dựng trên mô hình MVC.

21


Cho tới năm 2015, thì Framework laravel hiện đang đứng top 1 thế giới về mức

độ phổ biến và ưu dùng. Được cộng đồng hỗ trợ phát triển mạnh mẽ. Tháng 8 năm
2014, Laravel Framework được xem như là một dự án PHP phổ biến nhất trên Github.
Sau nhiều lần được cộng đồng Laravel thế giới hỗ trợ phát triển thì phiên bản
mới nhất hiện nay là Laravel 5.2 và sắp tới là phiên bản 5.3.
Các tính năng cơ bản của Laravel Framework


Bundles: Ở laravel phiên bản 3.x, cung cấp một hệ thống đóng gói các module,
với rất nhiều tính năng đi kèm.



Composer: Ở laravel phiên bản 4.x, được sử dụng như một cơng cụ quản lý với
tính năng như thêm các gói cài đặt, các chức năng PHP phụ trợ cho Laravel có
trong kho Packagist.



Eloquent ORM (object relation mapping): ánh xạ các đối tượng và quan hệ cơ
sở dữ liệu, cung cấp các phương thức nội bộ để thực thi đồng thời cũng bổ sung
các tính năng hạn chế về mối quan hệ giữa các đối tượng cơ sở dữ liệu. Eloquent
ORM trình bày các bảng trong cơ sở dữ liệu dưới dạng các lớp, cung cấp thêm
lựa chọn truy cập cơ sở dữ liệu trực tiếp mới mẻ hơn, chuyên nghiệp hơn.



Application logic: Là một phần của phát triển ứng dụng, được sử dụng bởi bộ
điều khiển controllers.



Routes: Định nghĩa mối quan hệ giữa các đường dẫn (url), các liên kết (link) .
Khi một liên kết được tạo ra bằng cách sử dụng tên của routes, thì một định danh
liên kết thống nhất sẽ được tạo ra bởi laravel.



Restful Controller: cung cấp các tùy chọn để tách các logic phía sau các
request HTTP POST, GET.



Class auto loading: cung cấp việc tải tự động các class trong PHP, mà không
cần include các class vào. Tùy thuộc vào yêu cầu các class cần thiết sẽ được nạp
vào, hạn chế các class không cần thiết.
22




View: chứa các mã html, hiển thị dữ liệu được chỉ định bởi controller



Migrations: cung cấp một hệ thống kiểm soát các phiên bản lược đồ cơ sở dữ
liệu (database cheme), làm cho web ứng dụng có khả năng tương tác phù
hợp những thay đổi logic, các đoạn mã code của ứng dụng và những thay đổi cần
thiết trong việc bố trí cơ sở dữ liệu, triển khai nới lỏng và cập nhật các ứng dụng.



Unit Testing: đóng một vai trò quan trọng trong Laravel, Unit testting chứa rất
nhiều các hệ thống unit testing, giúp phát hiện và ngăn chặn lỗi trong khn khổ
nhất định. Unit Testing có thể đượcchạy thơng qua tiện ích command-line.



Automatic pagination: Tính năng tự động phân trang được tích hợp
vào Laravel giúp đơn giản hóa các nhiệm vụ thực hiện phân trang so với các
phương pháp thơng thường.

1.5. Kết chương 2
Từ những phân tích trên về cơ sở lý thuyết các công nghệ trên, em sử dụng Laravel
framework để xây dựng các chức năng cho website quản lý chốt đơn và hệ cơ sở dữ
liệu MySQL để lưu trữ và quản lý dữ liệu hệ thống. Mặc dù các cơng nghệ này cịn tồn
tại những nhược điểm nhất định, nhưng em sẽ tận dụng các ưu điểm của các công nghệ
này để xây dựng website quản lý chốt đơn với các chức năng hoạt động tốt nhất có thể.

23


CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Chương 3 của báo cáo sẽ trình bày phân tích thiết kế hệ thống cho website xây
chốt đơn. Trước tiên là đặc tả yêu cầu của hệ thống, sau đó sẽ đi phân tích thiết kế chi
tiết hệ thống thơng qua các biểu đồ usecase, biểu đồ tuần tự, biểu đồ hoạt động, biểu
đồ lớp và cuối cùng thiết kế cơ sở dữ liệu cho website.
3.1. Mơ tả bài tốn
Website quản lý chốt đơn tới những khách hàng tiềm năng có muốn làm cộng tác
viên, cung cấp và giới thiệu các dịch vụ hiện có của cửa hàng một cách đầy đủ thơng
qua mơi trường trực tuyến đến cho khách hàng. Vì vậy em đưa ra đặc tả bài toán như

sau:
Khách hàng muốn được tư vấn thì vào trang Web để được tư vấn cách chốt đơn,
tham khảo các sản phẩm, giá cả của sản phẩm, sản phẩm đã được đưa lên trên trang
Web. Khi khách hàng cần đến loại sản phẩm nào đó thì kích vào xem chi tiết về sản
phẩm đó, khi xem chi tiết xong, nếu khách hàng hài lòng về dịch vụ, khách hàng chọn
vào mục đăng ký cũng như số lượng người sử dụng dịch vụ. Thông thường thì phải
đăng nhập vào hệ thống mới đăng ký được dịch vụ, nhưng với những khách vãng lai,
không cần đăng ký để mua để trở thành thành viên để có thể đặt lịch cũng như đăng ký
dịch vụ sản phẩm, khách hàng phải điền đầy đủ thông tin chi tiết về mình và chọn vào
đăng kí làm cộng tác viên. Nếu thơng tin hợp lệ thì hệ thống sẽ gửi và thông báo đặt
lịch thành công cho khách hàng.
Các câu hỏi cần phải đặt ra khi xây dựng bài toán khi xây dựng trang web:
• Trang web có chức năng làm gì?
• Trang web sẽ có những chức năng nào?
• Trang web sẽ giải quyết được bài tốn gì?
• Trang web sẽ hoạt động ra sao?
• Hướng tới đối tượng nào?
• Sử dụng ngơn ngữ hay nền tảng nào để phát triển?
• Sử dụng cơ sở dữ liệu và lưu trữ dữ liệu ra sao?
• Làm sao để xây dựng nhanh chóng mà hiệu quả, hiệu năng tốt.
• Cơ chế nâng cấp, kiểm thử và bảo trì.
24


-Website cung cấp danh mục sản phẩm, nhà cung cấp, thuộc tính, giá trị sản phẩm
cho tất cả mọi người có nhu cầu làm cộng tác viên, đáp ứng đầy đủ các dịch vụ, hỗ
trợ chăm sóc khách hàng trực tuyến.
+ Xây dựng các chức năng cho khách hàng.
+ Xây dựng các chức năng cho nhân viên quản trị.
3.2. Đối tượng sử dụng hệ thống

+ Khách hàng
+ Thành viên
+ Người quản lý
+ Nhân viên
3.3. Khảo sát
Website được xem như công cụ tiếp thị mạnh mẽ nhất cho các doanh nghiệp. Đó
có thể là kênh bán hàng mang lại doanh số cao nhất, kênh thông tin giới thiệu về dịch
vụ doanh nghiệp, hay đăng ký tin tức tuyển dụng… Với các sản phẩm đa dạng thì
website là kênh quảng cáo dịch vụ mang lại nguồn doanh thu tốt nhất.
Việc xác định rõ ràng mục đích giúp người thiết kế nhanh chóng đưa ra giao diện
phù hợp với yêu cầu của doanh nghiệp. Các mục đích đó có thể là:


Giới thiệu tổ chức: lịch sử hình thành, đội ngũ, thương hiệu…



Quảng cáo các dịch vụ: chăm sóc da, tư vấn làm đẹ…



Thu hút khách hàng truy cập website tìm hiểu dịch vụ, đăng ký sử dụng



Cung cấp chỉ dẫn, thông tin liên hệ cho các khách hàng tiềm năng

Các yếu tố cần xem xét bao gồm:


Những thông tin mà đối tượng thường quan tâm: những nhà bán hàng tham
khảo giá cả, bạn trẻ chưa có vốn muốn đăng kí làm cộng tác viên



Thói quen của đối tượng khi sử dụng trang web: tìm kiếm phương pháp chốt
đơn, thơng tin sản phẩm,..



Màu sắc, hình ảnh nào dễ thu hút đối tượng nhất?

Xây dựng hệ thống điều hướng trang :

25