LỜI CÁM ƠN
Lời đầu tiên em xin được gửi lời cảm ơn sâu sắc và trân thành đến quý thầy cô
trường Đại học Mỏ Địa Chất nói chung, các thầy cô bộ môn trong khoa Công nghệ thông
tin nói riêng cũng như tất cả mọi người đã giúp đỡ em để hoàn thành được đồ án này.
Trong suốt quãng thời gian học tập tại trường, em đã nhận được rất nhiều sự quan tâm, chia
sẻ và giúp đỡ từ quý thầy cô và bạn bè. Các thầy cô đã dùng kiến thức và tâm huyết của
mình để truyền đạt kiến thức quý báu cho em, để em có được nền tảng kiến thức về các kỹ
thuật phần mềm. Bên cạnh đó còn tạo điều kiện cho em có cơ hội thực hành, tiếp xúc nhiều
với các môi trường lập trình khác nhau, tham gia các buổi trao đổi và thực tập thực tế, để
có thể tích luỹ thêm kinh nghiệm cho bản thân trong bước đầu bước vào môi trường làm
việc chuyên nghiệp.
Đặc biệt trong “Đồ án tốt nghiệp”, em được thử sức bằng cách tự mình hoàn thành
đồ án một cách độc lập, qua đó có thể tự nhìn nhận lại khả năng của bản thân một cách
khách quan, và đưa ra các phương pháp thích hợp để nâng cao trình độ, khắc phục nhược
điểm của mình và trau dồi thêm nhiều kiến thức, tiếp bước chuẩn bị hành trang cho quá
trình bước ra làm việc thực tế. Với lòng biết ơn sâu sắc, em xin chân thành cảm ơn thầy
Trần Trung Chuyên đã tận tình giúp đỡ và chỉ bảo về kiến thức cũng như hỗ trợ về mặt
tinh thần từ lúc bắt đầu cho tới lúc kết thúc, nhờ đó mà em đã hoàn thành đúng thời hạn
quy định và tích lũy được cho mình một lượng nền tảng kiến thức quý báu.
Mặc dù đã cố gắng hoàn thành đề tài tốt nhất nhưng với điều kiện thời gian cũng
như kinh nghiệm còn hạn chế của một sinh viên, đồ án này sẽ không thể tránh khỏi những
thiếu sót nhất định. Em rất mong nhận được sự cảm thông và đóng góp chỉ bảo của các
thầy cô để em có điều kiện bổ sung, nâng cao kinh nghiệm phục vụ cho công việc sau này!

Hà Nội, ngày 11 tháng 06 năm 2018


LỜI MỞ ĐẦU
Ngày nay, cùng với sự phát triển của các ngành công nghiệp hiện đại, số lượng rác,
khí thải ngày càng nhiều, nó trở thành vấn đề nhức nhối trong xã hội, gây nhiều ảnh hưởng
cho môi trường sống của con người. Cùng với đó, môi trường sống bị ô nhiễm dễ trở thành

nơi sinh nở của các loài côn trùng gây hại. Do đó, nhu cầu vệ sinh môi trường sống của mỗi
người ngày càng tăng, các công ty dịch vụ bảo vệ môi trường thành lập ngày càng nhiều.
Vậy làm thế nào để công ty của mình trở nên đặc biệt và thu hút khách hàng quan tâm hơn?
Trải qua nhiều năm, phương thức quản lý thông tin và truyền thông của các công ty
theo cách truyền thống đã đóng góp không nhỏ trong quá trình thu hút mọi người quan tâm
và chấp nhận tiếp thu các công ty dịch vụ mới. Tuy nhiên, với sự phát triển và bùng nổ của
công nghệ thông tin thì những phương thức đó cũng đã bộc lộ ảnh hưởng đến việc truyền đạt
và tiếp thu thông tin, trong đó có thể kể đến việc mọi người chỉ tiếp nhận thông tin một cách
thụ động qua những tờ rơi, quảng cáo hoặc thông qua các buổi tư vấn trực tiếp,… các công
tác quản lý thông tin được truyền đi còn hạn chế, mọi người không có cách để chủ động tìm
hiểu thêm thông tin về các dịch vụ ngoài cách đến công ty để được tự vấn trực tiếp.
Bên cạnh đó, song song với xu hướng phát triển của các phương tiện truyền thông như
báo chí, radio, ti vi… thì việc sử dụng Internet ngày càng phổ biến. Truy cập Internet, chúng
ta có được một kho thông tin khổng lồ phục vụ mọi nhu cầu, mục đích của chúng ta chỉ bằng
một cái nhấp chuột. Nhận thức được vấn đề trên, công tác quản lý thông tin và truyền thông
đã có nhiều thay đổi, kết hợp với sự phát triển của công nghệ để cải tiến việc truyền đạt, khắc
phục được các nhược điểm của phương thức truyền thống. Từ đó, những người có nhu cầu
cũng chủ động hơn trong việc tìm kiếm thông tin về công ty cũng như các dịch vụ mà công
ty đang cung cấp để đưa ra được lựa chọn phù hợp.
Với đề tài “Xây dựng website công ty An Sinh”, em sẽ tiến hành nghiên cứu và phát
triển ra một website nhằm phục vụ cho việc quản lý thông tin, xây dựng hình ảnh riêng của
công ty để thu hút khách hàng cho riêng mình. Website sẽ cung cấp đầy đủ các tính năng cơ
bản của một website giới thiệu như: giới thiệu thông tin về công ty, các dịch vụ, vật tư, khách
hàng, thông tin tuyển dụng, liên hệ,…ít giới hạn về kí tự, số lượng bài viết hay thời điểm
đăng tải. Nó sẽ giúp ích trong việc quản lý thông tin và truyền thông của trung tâm, thông tin
công khai giúp lan truyền nhanh chóng và hiệu quả hơn, giảm bớt gánh nặng trong công tác


quản lý thông tin giới thiệu của mình đến mọi người cũng như tiết kiệm được rất nhiều chi
phí trong việc quảng bá hình ảnh của trung tâm. Bên cạnh đó, trang web có tốc độ truy cập

nhanh và thuận tiện cho người tìm kiếm.
Đề tài gồm 3 chương:
 Chương 1: Tổng quan về lý thuyết
 Chương 2 : Phân tích thiết kế và mô tả Website
 Chương 3 : Thiết kế và xây dựng Website


THÔNG TIN KẾT QUẢ NGHIÊN CỨU
1. Thông tin chung
Tên đề tài: Xây Dựng Website Giới Thiệu Công Ty An Sinh
Sinh viên thực hiện: Bùi Quang Khoa
Lớp: Tin học trắc địa K58
Hệ đào tạo: Đại Học
Điện thoại: 0987381622
Email:
Thời gian thực hiện: 2018
2. Mục tiêu
Xây dựng Website giới thiệu:
 Tìm hiểu lý thuyết về ngôn ngữ lập trình PHP, hệ quản trị cơ sở dữ liệu MySQL.
 Đặc tả hệ thống và phân tích hệ thống.
 Xây dựng website giới thiệu.
3. Nội dung chính
Nội dung thực hiện cụ thể như sau:
 Nghiên cứu ngôn ngữ PHP.
 Hệ quản trị cơ sở dữ liệu MySQL.
 Thiết kế đặc tả hệ thống.
 Phân tích hệ thống
 Xây dựng Website
4. Kết quả chính đạt được
 Tìm hiểu và nắm được lý thuyết.

 Xây dựng được Website giới thiệu


MỞ ĐẦU
 Lý do chọn đề tài
Với thời đại công nghệ phát triển, các phương tiện thông tin đại chúng mà đặc biệt là
Internet đối với người dân Việt Nam là không thể thiếu hằng ngày, nên các hoạt động quảng
bá, quảng cáo của các thương hiệu ngày càng xuất hiện nhiều trên Internet qua các hình thức
marketing online và đang dần trở thành xu thế. Để trở nên khác biệt, các công ty dịch vụ cần
phải thay đổi về hình thức quảng bá cũng như kinh doanh của mình. Trong quá khứ, để thu
hút được các khách hàng đến sử dụng dịch vụ tại công ty của mình, các công ty chỉ có duy
nhất phương thức là quảng cáo rầm rộ trên các phương tiện thông tin đại chúng hoặc phải tốn
công tiếp cận trực tiếp đến đối tượng mà họ nhắm tới thì hiện nay, công việc giới thiệu và
quảng cáo hình ảnh, các dịch vụ của công ty được đơn giản hoá thông qua Internet. Cũng
như các công ty khác, công ty dịch vụ An Sinh với mong muốn tiếp cận nhanh chóng đến với
nhiều khách hàng, cung cấp đầy đủ các thông tin cần thiết để phục vụ nhu cầu tìm hiểu thông
tin của khách hàng về các dịch vụ, vật tư công ty sử dụng trong các dịch vụ, qua đó, giúp
khách hàng có thể nhìn nhận một cách trực quan về các dịch vụ công ty đang cung cấp, so
sánh giá cả và lựa chọn dịch vụ với mình. Do đó việc xây dựng nên một website nhằm giới
thiệu và quản lý online là một điều cần thiết, nó phục vụ cho quá trình quản lý thông tin
mang đến cho khách hàng một cách nhanh chóng và chính xác nhất.
Nhận thấy được vai trò và sự cấp bách của vấn đề trên, đề tài “Xây dựng website công
ty An Sinh” được nghiên cứu và triển khai nhằm đáp ứng nhu cầu cho người tiêu dùng trên
toàn quốc thông qua website.
 Mục tiêu và đối tượng nghiên cứu
 Mục tiêu
Nghiên cứu công nghệ phát triển website dựa trên môi trường lập trình PHP, vận dụng lý
thuyết và quá trình thực hành đã được học vào thực tế, kết hợp các tài lệu tham khảo để xây
dựng thành một website hoàn chỉnh. Xây dựng “Website công ty An Sinh” nhằm thu hút
khách từ nhiều nơi có thể tham khảo và liên lạc để mua các gói dịch vụ tại công ty. Ngoài ra,

nó còn giúp công việc quản lý thông tin đăng tải lên trang web: dịch vụ, vật tư, khách hàng,


tuyển dụng… tại công ty được tin học hóa và tối ưu hóa, dễ dàng trong khâu sử dụng và tăng
hiệu suất làm việc.
Phục vụ cho mục tiêu giới thiệu công ty và quản lý mô hình cung cấp dịch vụ, , nếu các
phương pháp quảng cáo truyền thống có giới hạn thời gian cập nhật, thông tin cần giới thiệu
có thể đến không đúng đối tượng và trong phạm vi nhỏ, thì đối với việc xây dựng website
trực tuyến cho công ty sẽ cung cấp được sự tiện lợi trong việc cập nhật, phát hành thông tin,
đối tượng quan tâm đến trung tâm sẽ chủ động hơn trong việc tự tiếp cận thông tin và thông
tin được truy cập chỉ thông qua internet mang lại sự nhanh chóng và tiện lợi. Về phía người
dùng, họ có thể xem thông tin mọi lúc mọi nơi. Về phía những người cung cấp thông tin, họ
có thể dễ dàng cập nhật những tin tức mới nhất, thông tin mới nhất. Do đó việc sử dụng trang
thông tin trực tuyến là điều cần thiết hiện nay nhằm đáp ứng nhu cầu tìm hiểu và cập nhật
thông tin nhanh chóng cho mỗi học viên quan tâm.
 Đối tượng và phạm vi nghiên cứu
 Đối tượng nghiên cứu
o Ngôn ngữ lập trình PHP
o Cơ sở dữ liệu MySQL
 Phạm vi nghiên cứu
o Quy trình phát triển website bằng ngôn ngữ PHP
o Trao đổi dữ liệu giữa website và MySQL
o Các thư viện để phát triển website.
 Ý nghĩa đề tài
Về mặt khoa học: Áp dụng marketing trực tuyến trong quá trình giới thiệu công ty, giúp
các thông tin được đưa ra chính xác và hiệu quả nhất, thúc đẩy nhu cầu sử dụng dịch vụ của
mọi người, tăng doanh thu và góp phần thúc đẩy nền kinh tế.
Về mặt thực tiễn: Giúp công ty An Sinh xây dựng được hình ảnh và màu sắc riêng của
mình trong bối cảnh phát triển hiện nay, có muôn vàn các công ty khác cạnh tranh khốc liệt
trong lĩnh vực cung cấp dịch vụ và vật tư kiểm soát sinh vật gây hại. Giới thiệu được rõ nét



các dịch vụ, vật tư sẵn có và thể hiện ra được thế mạnh của mình đến khách hàng. Với sự
thành công khi thực hiện đề tài sẽ góp phần trong việc tối ưu hóa quá trình làm việc quản lý
dữ liệu, thông tin cần thông tin rộng rãi đến mọi người, loại bỏ những rủi ro, sự bất tiện và
chi phí lưu trữ.
 Về mặt nghiên cứu: Toàn bộ báo cáo nghiên cứu của đề tài sẽ trở thành tài liệu tham khảo
nhanh, dễ hiểu và thiết thực cho các sinh viên ngành công nghệ thông tin nói chung và
mọi người yêu mến lĩnh vực này nói riêng, muốn tìm hiểu về cách thức xây dựng
website, đặc biệt là xây dựng website bằng ngôn ngữ lập trình PHP và cơ sở dữ liệu
MySQL.


MỤC LỤC
LỜI CÁM ƠN...........................................................................................................................................1
LỜI MỞ ĐẦU...........................................................................................................................................2
THÔNG TIN KẾT QUẢ NGHIÊN CỨU.............................................................................................4
MỞ ĐẦU....................................................................................................................................................5
CHƯƠNG 1: TỔNG QUAN VỀ LÝ THUYẾT...................................................................................1
1.1. Tìm hiểu về các ngôn ngữ lập trình................................................................................................1
1.1.1.

Ngôn ngữ HTML...............................................................................................................1

1.1.2.

Ngôn ngữ CSS....................................................................................................................1

1.1.3.


PHP......................................................................................................................................2

1.2. Một số thư viện hỗ trợ......................................................................................................................2
1.2.1.

Thư viện Javascript...........................................................................................................3

1.2.2.

Thư viện Ajax.....................................................................................................................3

1.2.3.

Thư viện BOOTSTRAP....................................................................................................3

1.2.4.

Thư viện JQUERY............................................................................................................4

1.3. Hệ quản trị cơ sở dữ liệu MySQL...................................................................................................5
1.3.1.

Giới thiệu MySQL.............................................................................................................5

1.3.2.

Một số đặc điểm của MySQL:.........................................................................................5

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ VÀ MÔ TẢ WEBSITE......................................................7
2.1. Giới thiệu............................................................................................................................................7

2.1.1.

Tính cấp thiết của đề tài...................................................................................................7

2.1.2.

Phạm vi ứng dụng..............................................................................................................7

2.1.3.

Phương pháp nghiên cứu và thực hiện đề tài................................................................8

2.2. Mô tả bài toán, tiêu chí và đặc tả đề tài.........................................................................................9
2.2.1.

Mô tả bài toán....................................................................................................................9

2.2.2.

Đặc tả đề tài:.....................................................................................................................10

2.3. Các yêu cầu chức năng...................................................................................................................11
2.3.1.

Frontend............................................................................................................................11

2.3.2.

Backend.............................................................................................................................11


2.4. Các yêu cầu phi chức năng.............................................................................................................11
2.1. Phân tích hệ thống..........................................................................................................................12
2.1.1.

Biểu đồ phân cấp chức năng..........................................................................................12

2.1.2.

Mô tả chi tiết các chức năng:.........................................................................................12

2.1.3.

Biểu đồ luồng dữ liệu hệ thống......................................................................................14

2.2. Thiết kế hệ thống.............................................................................................................................22
2.2.1.

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


2.2.2.

Thành phần dữ liệu mức Logic.....................................................................................23

2.2.3.

Bảng, các trường dữ liệu và ràng buộc........................................................................23

CHƯƠNG 3: THIẾT KẾ VÀ XÂY DỰNG WEBSITE....................................................................27
3.1. Giao diện trang quản trị................................................................................................................27

3.1.1.

Giao diện đăng nhập hệ thống.......................................................................................27

3.1.2.

Giao diện trang chủ trang quản trị...............................................................................27

3.1.3.

Giao diện quản lý tài khoản...........................................................................................27

3.1.4.

Giao diện quản lý danh mục..........................................................................................28

3.1.5.

Giao diện quản lý bài viết...............................................................................................28

3.2. Giao diện trang hiển thị.................................................................................................................29
3.2.1.

Giao diện trang chủ.........................................................................................................29

3.2.2.

Giao diện giới thiệu.........................................................................................................29

3.2.3.


Giao diện bài viết.............................................................................................................29

3.2.4.

Giao diện liên hệ..............................................................................................................29

PHỤ LỤC................................................................................................................................................30
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN...........................................................................................32
TÀI LIỆU THAM KHẢO....................................................................................................................34


MỤC LỤC HÌNH
Hình 1: Biểu đồ phân cấp chức năng....................................................................................13
Hình 2: Biểu đồ luồng dữ liệu mức 0.....................................................................................15
Hình 3: Biểu đồ luồng dữ liệu mức 1.....................................................................................16
Hình 4: Biểu đồ luồng dữ liệu chức năng "Quản Lý Tài Khoản"..........................................18
Hình 5: Biểu đồ luồng dữ liệu chức năng "Quản Lý Danh Mục"..........................................20
Hình 6: Biểu đồ luồng dữ liệu chức năng "Quản Lý Bài Viết"...............................................21
Hình 7: Biểu đồ luồng dữ liệu chức năng "Thống Kê"..........................................................23
Hình 8: Cơ sở dữ liệu............................................................................................................24


CHƯƠNG 1: TỔNG QUAN VỀ LÝ THUYẾT
1.1.

Tìm hiểu về các ngôn ngữ lập trình

1.1.1. Ngôn ngữ HTML
HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản

được sử dụng để tạo các tài liệu có thể truy cập trên mạng. Tài liệu HTML được tạo
nhờ dùng các thẻ và các phần tử của HTML. File được lưu trên máy chủ dịch vụ web với
phần mở rộng “.htm” hoặc “.html”. Các trình duyệt sẽ đọc tập tin HTML và hiển thị chúng
dưới dạng trang web. Các thẻ HTML sẽ được ẩn đi, chỉ hiển thị nội dung văn bản và các đối
tượng khác: hình ảnh, media. Với các trình duyệt khác nhau đều hiển thị một tập HTML với
1 kết quả nhất định. Các trang HTML được gửi đi qua mạng internet theo giao thức HTTP.
HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho
phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu
ứng động cho trang web. Để trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng
kết hợp với CSS. HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm
thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như
Javascript để tạo hiệu ứng động cho trang web.
HTML là một chuẩn ngôn ngữ internet được tạo ra và phát triển bởi tổ chức World Wide
Web Consortium còn được viết tắc là W3C. Trước đó thì HTML xuất bản theo chuẩn của
RFC. HTML được tương thích với mọi hệ điều hành cùng các trình duyệt của nó. Khả năng
dễ học, dễ viết là một ưu điểm của HTML không những vậy việc soạn thảo đòi hỏi hết sức
đơn giản và thông thường sử dụng notepad là đã đủ. Hiện nay, phiên bản mới nhất của
HTML là HTML5 với nhiều tính năng ưu việt so với các phiên bản cũ HTML cải tiến khá
nhiều đặc biệt hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các plugin. Một tập tin
HTML bao gồm trong đó là các đoạn văn bản HTML, được tạo lên bởi các thẻ HTML.
HTML5 nói chung mạnh mẽ hơn nhiều không chỉ về tốc độ và độ thích ứng cao mà chính là
khả năng hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) và
DOM (Document Object Model – các đối tượng thao tác văn bản).
1.1.2. Ngôn ngữ CSS
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày
cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách
1


hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ, kích

thước, màu sắc...). Các đặc điểm kĩ thuật của CSS được duy trì bởi tổ chức W3C.
CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộc tính. CSS
khi sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu từ một file css riêng
biệt. Và hiện nay CSS thường được viết riêng thành một tập tin với mở rộng là “.css”. Chính
vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn hơn. Ngoài ra có
thể sử dụng 1 tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian và công sức.
Một đặc điểm quan trọng đó là tính kế thừa của CSS do đó sẽ giảm được số lượng dòng code
mà vẫn đạt được yêu cầu.
Tuy nhiên, đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó. Do vậy, việc trình
bày 1 nội dung trên các trình duyệt khác nhau là không thống nhất. CSS cung cấp hàng trăm
thuộc tính trình bày dành cho các đối tượng với sự sáng tạo cao trong kết hợp các thuộc tính
giúp mang lại hiệu quả.
1.1.3. PHP
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") 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 quát. Nó rất thích hợp với web và có thể dễ dàng nhúng
vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp
giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn
ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế
giới.
Ngôn ngữ PHP là một ngôn ngữ lập trình web rất phổ biến vì tính linh hoạt dễ sử dụng,
dễ học. Bên cạnh đó PHP còn hỗ trợ lập trình hướng đối tượng (OOP) thì việc dùng nó để
phát triển các ứng dụng là rất dễ dàng. Tuy nhiên, với tính mềm dẻo, linh hoạt của nó đã làm
cho người lập trình phát triển ứng dụng với nó không có một quy định nào về cấu trúc của
tập tin, việc quản lý các mã lệnh trong khi phát triển ứng dụng cũng gặp không ít khó khắn.
Từ đó, đã tạo nên một vấn đề rất khó giải quyết là làm sao nâng cấp và sữa chữa các ứng
dụng khi nó xảy ra sự cố hay phát triển ứng dụng cho phù hợp hơn với nhu cầu của người sử
dụng, trong các thời điểm khác nhau.
1.2.


Một số thư viện hỗ trợ
2


1.2.1. Thư viện Javascript
JavaScript là 1 ngôn ngữ dạng script thường được sử dụng cho việc lập trình web ở
phía client, nó tuân theo chuẩn ECMAScript. Là 1 ngôn ngữ linh động, cú pháp dễ sử dụng
như các ngôn ngữ khác và dễ dàng lập trình. JavaScript không hề liên quan tới ngôn ngữ lập
trình java, được hầu hết các trình duyệt ngày nay hỗ trợ. Với javascript, ứng dụng web của
bạn sẽ trở nên vô cùng sinh động, mang tính trực quan và tương tác cao. JavaScript theo
phiên bản hiện hành là một ngôn ngữ lập trình kịch bản dựa trên đối tượng được phát triển từ
các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng
được dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng.
Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. “.js” là phần
mở rộng thường được dùng cho tập tin mã nguồn JavaScript.
1.2.2. Thư viện Ajax
AJAX (Asynchronous JavaScript and XML - JavaScript và XML) là một nhóm các
công nghệ phát triển web được sử dụng để tạo các ứng dụng web động hay các ứng dụng
giàu tính Internet. Ajax là một kỹ thuật phát triển web có tính tương tác cao bằng cách kết
hợp các ngôn ngữ:


HTML (hoặc XHTML) với CSS trong việc hiển thị thông tin.



Mô hình DOM (Document Object Model) được thực hiện thông qua JavaScript, nhằm
hiển thị thông tin động và tương tác với những thông tin được hiển thị.

 Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ với máy chủ

web.
 XML thường là định dạng cho dữ liệu truyền bao gồm HTML định dạng trước, văn
bản thuần (plain text), JSON và ngay cả EBML.
1.2.3. Thư viện BOOTSTRAP
Bootstrap là một Framework có chứa HTML, CSS, JAVASCRIPT, Framewor trong tiếng
việt có nghĩa là “khuân khổ” giúp tiết kiệm được thời gian, công sức hơn nữa việc xây dựng
2 teamplate cho giao diện Desktop và Mobile đã lỗi thời thay vào đó là Responsive.
Responsive sẽ giúp website hiển thị tương thích với mọi kích thước màn hình, sẽ tùy chỉnh
hiện thị được nhiều hơn trên các loại màn hình khác nhau.
3


Ưu điểm khi sử dụng Bootstrap:
 Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện website tiết kiệm rất nhiều
thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng cho bạn áp dùng vào
website. Không tốn nhiều thời gian để tự viết code cho giao diện.
 Tùy biến cao: Có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính
mình. Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 cột và
độ rộng 940px. Bạn có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này.
 Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp
với đa thiết bị trở nên dễ dàng hơn bao giờ hết. Đây là xu hướng phát triển giao diện
website đang rất được ưu chuộng trên thế giới.
1.2.4. Thư viện JQUERY
JQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vào năm 2006 với
một phương châm tuyệt vời: Write less, do more - Viết ít hơn, làm nhiều hơn.
JQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tương
tác Ajax. Với jQuery, khái niệm Rapid Web Development đã không còn quá xa lạ.
JQuery là một bộ công cụ tiện ích JavaScript làm đơn giản hóa các tác vụ đa dạng với việc
viết ít code hơn. Dưới đây liệt kê một số tính năng tối quan trọng được hỗ trợ bởi jQuery:



MySQL là một phần mềm quản trị cơ sở dữ liệu dạng server-based (gần tương đương
với SQL Server của Microsoft).

 Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM để traverse
(duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội dung của chúng bởi sử
dụng phương tiện Selector mã nguồn mở, mà được gọi là Sizzle.
 Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằng việc xử lý các sự
kiện đa dạng mà không làm cho HTML code rối tung lên với các Event Handler.
 Hỗ trợ AJAX − jQuery để phát triển một site giàu tính năng và phản hồi tốt bởi sử
dụng công nghệ AJAX.
 Hiệu ứng − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹp mắt, có thể sử
dụng trong các Website của mình.
4


 Gọn nhẹ − jQuery là thư viện gọn nhẹ - nó chỉ có kích cỡ khoảng 19KB (gzipped).
 Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ trợ hầu hết bởi các
trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, FF 2.0+, Safari 3.0+, Chrome và
Opera 9.0+
 Cập nhật và hỗ trợ các công nghệ mới nhất − jQuery hỗ trợ CSS3 Selector và cú pháp
XPath cơ bản.
1.3.

Hệ quản trị cơ sở dữ liệu MySQL

1.3.1. Giới thiệu MySQL
MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở miễn phí nằm trong nhóm LAMP
(Linux - Apache - MySQL - PHP), Microsoft (Windows, IIS, SQL Server, ASP/ASP.NET),
được tích hợp sử dụng chung với apache, PHP nên nó phổ biến nhất thế giới. Vì MySQL ổ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à MySQL cũng có cùng một cách truy xuất và mã lệnh
tương tự với ngôn ngữ SQL chính vì thế nên MySQL được sử dụng và hỗ trợ của những lập
trình viên yêu thích mã nguồn mở.
MySQL không bao quát toàn bộ những câu truy vấn cao cấp như SQL Server. Vì vậy, nó
chỉ đáp ứng việc truy xuất đơn giản trong quá trình vận hành của website, thích hợp cho các
ứng dụng có truy cập CSDL trên internet và có thể giải quyết hầu hết các bài toán trong PHP,
Perl. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. Nó có
nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành
dòng Windows,

Linux, Mac

OSX, Unix, FreeBSD, NetBSD, Novell

NetWare, SGI

Irix, Solaris, SunOS, …
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử
dụng Ngôn ngữ truy vấn có cấu trúc (SQL)…
1.3.2. Một số đặc điểm của MySQL:


MySQL là một phần mềm quản trị cơ sở dữ liệu dạng server-based (gần tương đương
với SQL Server của Microsoft).

 MySQL quản lý dữ liệu thông qua các cơ sở dữ liệu, mỗi cơ sở dữ liệu có thể có nhiều
5



bảng quan hệ chứa dữ liệu.
 MySQL có cơ chế phân quyền người sử dụng riêng, mỗi người dùng có thể được quản
lý một hoặc nhiều cơ sở dữ liệu khác nhau, mỗi người dùng có một tên truy cập
(username) và mật khẩu (password) tương ứng để truy xuất đến cơ sở dữ liệu.

TÀI LIỆU THAM KHẢO
[1]
[2]. Sử dụng PHP&MySQL thiết kế web động, Nhà xuất bản Minh Khai, 2008.
[3] Tài liệu học CSS – Giáo trình HTML, CSS căn bản đến nâng cao
Link : />[4] />[5] />[6] />[7] />[8] />[9] />[10] />[11] />[12] />[13] />
6


CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ VÀ MÔ TẢ WEBSITE
2.1.

Giới thiệu

2.1.1. Tính cấp thiết của đề tài
Trong những năm gần đây, xuất phát từ nhu cầu chung, các công ty dịch vụ đang ngày
một phát triển. Số lượng các công ty ngày một nhiều trải rộng khắp nhiều lĩnh vực, từ dịch
vụ đào tạo đến các dịch vụ trong lĩnh vực đời sống xã hội... Bên cạnh đó quy mô cũng như
địa bàn hoạt động của các công ty ngày càng mở rộng phục vụ nhu cầu ngày một tăng của
khách hàng. Đặc biệt, cùng với sự phát triển của các ngành dịch vụ nhà cửa, đời sống, các
dịch vụ tiêu diệt côn trùng gây hại cũng ngày một nhiều, sự phát triển luôn đi kèm với sự
cạnh tranh mạnh mẽ nội ngành. Để thu hút khách hàng, công ty An Sinh cần tạo nên sự khác
biệt giữa hàng loạt những công ty đang cạnh tranh gay gắt.
Trong bối cảnh nền kinh tế thế giới đã thay đổi một cách mạnh mẽ dưới sức ép của toàn
cầu hoá, sự phát triển về mặt công nghệ, đặc biệt là công nghệ thông tin, đã xóa đi mọi rào
cản về không gian địa lý, công ty An Sinh quyết định thay đổi để phù hợp. Trong quá khứ, để

thu hút được khách hàng đến yêu cầu sử dụng dịch vụ, các công ty chỉ có duy nhất phương
thức là quảng cáo rầm rộ trên các phương tiện thông tin đại chúng hoặc phải tốn công tiếp
cận trực tiếp đến đối tượng mà họ nhắm tới thì hiện nay, công việc giới thiệu và quảng cáo
hình ảnh, các dịch vụ của công ty được đơn giản hoá thông qua Internet. Cũng như các công
ty khác, công ty An Sinh với mong muốn tiếp cận nhanh chóng đến với nhiều khách hàng, đã
xây dựng nên một website nhằm cung cấp đầy đủ các thông tin cần thiết để phục vụ nhu cầu
tìm hiểu thông tin của mọi người về các dịch vụ, vật tư hiện có cũng như các khách hàng đã
sử dụng dịch vụ của công ty.
Nhận thấy được vai trò và sự cấp bách của vấn đề trên, em quyết định chọn đề tài “Xây
dựng website giới thiệu Công ty An Sinh” nhằm đem lại sự hiệu quả trong quá trình giới
thiệu, quảng bá hình ảnh của công ty đến với nhiều khách hàng, từ đó thu hút thêm nhiều
khách hàng biết đến và sử dụng dịch vụ của mình.
2.1.2. Phạm vi ứng dụng
“Website giới thiệu Công ty An Sinh” được ứng dụng trong việc cập nhật thông tin nhanh
chóng đến người đọc, quản lý thông tin: các dịch vụ, vật tư, khách hàng, cung cấp kiến thức
7


cơ bản về phòng tránh và tiêu diệt các loại côn trùng gây hại, quản lý bài viết một cách dễ
dàng, để lưu trữ thông tin an toàn và hiệu quả.
2.1.3. Phương pháp nghiên cứu và thực hiện đề tài
Phương pháp nghiên cứu lý thuyết: Thông qua việc tìm hiểu và nghiên cứu lý thuyết các
tài liệu liên quan đến việc xây dựng website giới thiệu cho công ty dịch vụ diệt mối, quy
trình vận hành một trang web giới thiệu đơn giản, các module và dữ liệu cần lưu trữ thông
qua tìm kiếm trên internet và áp dụng từ các kiến thức đã được học tại trường qua các môn
“Phân tích và thiết kế hệ thống thông tin”, em sử dụng phương pháp phân tích có cấu trúc để
thực hiện đề tài này, bao gồm các phần như sau:
 Phân tích yêu cầu
o Phương pháp quan sát: Dựa trên mục tiêu nghiên cứu của đề tài, tiến hành
quan sát cách thức vận hành và lưu trữ dữ liệu của các website hiện có. Quan sát quá trình và

thông tin cần đưa lên website của một số công ty, cách đăng tải các bài viết thông tin và
hướng dẫn những cách diệt mối cơ bản để thu hút nhiều người truy cập. Thu thập kho dữ liệu
các thông tin cần lưu trữ, thông tin khách hàng thường tìm kiếm về các công ty diệt mối tên
Internet để cung cấp trên website.
o Phương pháp phỏng vấn: Tìm hiểu ý tưởng quản lý của website thông qua việc
phỏng vấn người làm công việc tại công ty. Và thực hiện phỏng vấn một người đã có kinh
nghiệm trong việc xây dựng website, từ đó đưa ra được quá trình quản lý, xác định được
những thông tin quan trọng cần có và áp dụng quy trình xây dựng website vào việc thiết kế
“Website cho Công ty An Sinh”.
 Mô hình hoá thông tin
o Vẽ sơ đồ phân cấp chức năng (BFD)
o Vẽ sơ đồ luồng dữ liệu (DFD)
 Thiết kế
o Cơ sở dữ liệu
o Giao diện website
8


 Lập trình
o Trang giới thiệu
o Trang quản trị
 Kiểm thử
2.2.

Mô tả bài toán, tiêu chí và đặc tả đề tài

2.2.1. Mô tả bài toán
Hiện nay, do ảnh hưởng từ việc ô nhiễm môi trường, nhu cầu tìm đến các công ty dịch vụ
diệt côn trùng đang ngày càng tăng. Nhưng, nhu cầu này thường đến đột ngột và khách hàng
thường không biết phải tìm đến đâu để thuê người làm những dịch vụ trên. Thực tế hiện nay

cho thấy khách hàng luôn muốn tìm hiểu trên Internet trước khi quyết định thuê một dịch vụ
nào đó, sao cho có thể tìm được một trung tâm đào tạo uy tín và chất lượng tốt nhất.
Và cùng với sự phát triển của ngành Công nghệ thông tin đã mang lại bước đột phá mới
cho công tác quản lý thông tin, giúp các công ty diệt mối cung cấp thông tin về công ty, vật
tư, dịch vụ, khách hàng,… của mình một cách chính xác và kịp thời, điều đó giải quyết được
nhu cầu tìm hiểu thông tin của những khách hàng.
Hiểu được điều đó, Công ty An Sinh đã bắt đầu đầu tư vào các hình thức quảng bá trên
Internet để quản lý các thông tin đưa đến mọi người là hoàn toàn chính xác và nhanh chóng
nhất, bên cạnh đó có thể tiếp cận với số lượng người học nhiều nhất.
Không giống những ngành khác, thiết kế Website cho Công ty An Sinh có chức năng
chính là cung cấp thông tin cần thiết và có ích cho khách hàng. Do vậy, tạo website cần chú ý
một số tiêu chí hình thành sau:
 Giao diện: Đặc thù là ngành dịch vụ, hướng tới những giá trị có ý nghĩa, bảo vệ môi
trường. Trang web cần thể hiện rõ ràng, đầy đủ những thông tin cần thiết về những dịch
vụ mà công ty cung cấp. Bố cục, màu sắc hài hòa và thiết kế dễ thao tác với người dùng
mới.
 Hình ảnh: Cùng với xu hướng thiết kế phẳng là sử dụng hình ảnh đẹp. Hình ảnh đẹp
là hình ảnh đem lại cảm giác thú vị cho người xem, từ bức ảnh kích thích nhu cầu của
khách hàng.
9


 Thông tin: Nội dung trên website luôn luôn quan trọng. Ngoài những nội dung chính
giới thiệu về công ty, vật tư, các dịch vụ, khách hàng,.. Website cho Công ty An
Sinh phải luôn được cập nhật thông tin mới, làm đa dạng nội dung và cuốn hút sự quan
tâm của mọi người.
2.2.2. Đặc tả đề tài:
Website phải hỗ trợ việc quản lý thông tin đăng tải, cập nhật thông tin thường xuyên, đem
đến các thông tin về công ty, các dịch vụ, vật tư, khách hàng mà mọi người quan tâm tìm
hiểu khi lựa chọn giữa các công ty diệt mối. Trang web bao gồm trang quản trị sẽ tự động

hóa quá trình quản lý thông tin, kiểm soát hiệu quả thông tin được đăng lên, giảm được nhiều
thời gian và công sức trong việc viết và đăng bài, giảm chi phí nhân công và cung cấp thông
tin nhanh chóng đến người đọc.
Trang chủ
Cần được thiết kế theo bố cục hài hòa, định hướng cung cấp thông tin. Hệ thống menu
cho phép bố trí linh hoạt các mục: Dịch vụ, Vật tư, Khách hàng, Tuyển Dụng, Giới thiệu,
Liên hệ. Khi người đọc lần đầu truy cập vào sẽ thấy được những bài viết nổi bật của công ty.
Giới thiệu
Bài viết giới thiệu công ty cung cấp các thông tin về lịch sử hình thành, quá trình phát
triển, cơ sở vật chất và địa chỉ tất cả các cơ sở hiện tại của công ty, bản đồ chỉ đường.
Module quản lý bài viết
Quản lý bài viết thông tin đến khách hàng theo từng danh mục khác nhau: dịch vụ, vật tư,
khách hàng, tuyển dụng. Khách hàng có thể bấm chọn chủ đề cần xem trên thanh menu để
lọc bài viết theo từng chủ đề. Quản trị viên có thể thêm bài viết mới khi cần giới thiệu các
dịch vụ, những vật tư mới hiện có, những khách hàng mới vừa dụng dịch vụ của công ty
hoặc bài viết tuyển dụng đến những ứng viên có nhu cầu tìm việc làm. Bên cạnh đó, quản trị
viên có thể chỉnh sửa thông tin sai lệch hoặc xóa bài viết cũ. Những bài viết được thể hiện
chi tiết thông qua: tiêu đề, tóm tắt, nội dung và ghi nhận số lượt xem của từng bài viết, với
mỗi lượt click xem bài viết sẽ tăng 1 lượt xem, với thời lượng xem 1 lượt tối thiểu là 3 phút
để được tính lượt xem. Bên dưới những bài viết đang xem, khách hàng có thể thấy một số bài
viết có cùng danh mục để tiện cho việc tìm kiếm.
10


Liên hệ
Nếu trong quá trình tìm hiểu có thắc mắc về một vấn đề nào đó hoặc cần liên hệ với công
ty vấn đề dịch vụ, hợp tác, khách hàng có thể xem được những thông tin, cách thức liên hệ
trực tiếp với trung tâm bao gồm số điện thoại, email và địa chỉ của công ty.
Tìm kiếm
Để có thể tìm kiếm nhanh thông tin các bài viết về dịch vụ, vật tư, khách hàng, tuyển

dụng của công ty, trang web cần có thanh tìm kiếm được bố trí ở phần đầu của website. Tại
đây, thông tin cần tìm được nhập vào tùy theo mong muốn của khách hàng, hệ thống tiến
hành duyệt thông tin dựa trên tên của các bài viết và trả về kết quả những bài viết có chứa từ
khóa mà khách hàng đã nhập vào.
2.3.

Các yêu cầu chức năng

2.3.1. Frontend
 Website không nên quá phức tạp.
 Dung lượng file không quá lớn.
 Thanh menu thật đơn giản.
 Font chữ đơn giản, dễ nhìn, màu sắc hài hòa.
 An toàn và bảo mật dữ liệu.
 Tìm kiếm nhanh bài viết thông qua từ khóa nhập từ bàn phím
 Kiểm tra website có tương thích với các trình duyệt phổ biến hay không.
 Hiển thị được các bài viết theo từng danh mục của website
 Cho phép khách hàng xem thông tin chi tiết bài viết những bài viết mà khách hàng
quan tâm
2.3.2. Backend
 Quản trị viên cần đăng nhập để thao tác các chức năng quản lý
 Quản lý tài khoản đăng nhập: Cho phép tạo tài khoản cho người dùng mới, chỉnh
sửa các thông tin cá nhân và xóa tài khoản khi cần thiết
11


 Quản lý danh mục: Cho phép thêm mới danh mục, danh mục được thêm mới sẽ
được hiển thị trực tiếp trên thanh menu của trang frontend, đồng thời, quản trị viên
có thể chỉnh sửa hoặc xóa danh mục khi không sử dụng.
 Quản lý bài viết: Thêm bài viết mới theo từng danh mục, đánh dấu là bài viết nổi

bật để hiển thị ở đầu trang; chỉnh sửa thông tin bài viết hoặc xóa bài viết cũ.
 Thống kê tổng số quản trị viên hiện có của website, tổng số danh mục, số lượng
bài viết và tổng lượt xem của khách hàng qua những bài viết.
2.4.

Các yêu cầu phi chức năng
Mụ
c

Tên yêu cầu

Mô tả yêu cầu
Giao diện hệ thống phải dễ sử dụng, trực quan,

1

Giao diện

2

Tốc độ xử lý

Hệ thống phải xử lý nhanh chóng và chính xác.

3

Bảo mật

Tính bảo mật và độ an toàn cao.


thân thiện với mọi người dùng.

Tương thích với đa phần các trình duyệt web
4

Tương thích

hiện tại.
Tương thích hầu hết các thiết bị

2.1.

Phân tích hệ thống

2.1.1. Biểu đồ phân cấp chức năng
Các chức năng chính trong website được thiết kế thành sơ đồ phân cấp để quản lý các
thông tin cần thiết. Chức năng được thiết kế và thể hiện trong trang quản trị nhằm giúp cho
quá trình quản lý và đưa thông tin trên website giới thiệu của trung tâm được nhanh chóng và
tiện lợi.

12


Hình 1: Biểu đồ phân cấp chức năng
2.1.2. Mô tả chi tiết các chức năng:
(1.1) Đăng nhập: Quản trị viên khi truy cập vào trang web quản trị cần đăng nhập thông
tin tài khoản để xác nhận danh tính người dùng.
(1.2) Hiển thị danh sách chức năng: Sau khi quản trị viên đăng nhập thành công, danh
sách các chức năng sẽ hiện ra trên trang quản trị, bao gồm các chức năng: quản lý tài khoản,
danh mục, bài viết, thống kê… Ở đây quản trị viên có thể lựa chọn chức năng mong muốn để

tiếp tục thao tác.
(1.3) Tạo tài khoản mới: Quản trị viên có thể tạo thêm tài khoản đăng nhập vào hệ thống
quản trị cho nhân viên mới.
(1.4) Cập nhật tài khoản: Mỗi tài khoản có lưu lại thông tin của chủ tài khoản, khi
thông tin có thay đổi có thể cập nhật lại cho chính xác, bao gồm thay đổi thông tin của người
sở hữu hoặc thay đổi mật khẩu đăng nhập.
(1.5) Xoá tài khoản: Khi tài khoản không còn sử dụng do nhân viên không còn làm việc,
quản trị viên có thể xoá tài khoản để người dùng không thể đăng nhập vào hệ thống.

13


(2.1) Hiển thị danh mục: Khi chọn chức năng quản lý danh mục, danh sách danh mục
được hiển thị, đây là những danh mục đang được thể hiện trên thanh menu của trang frontend
(2.2) Thêm danh mục mới: Khi có lịch khai giảng mới, quản trị viên tạo thêm danh mục
mới để hiển thị trên website.
(2.3) Cập nhật danh mục: Thông tin danh mục có thay đổi, quản trị viên có thể chỉnh
sửa thông tin danh mục cho chính xác.
(2.4) Xoá danh mục: Danh mục đã không còn sử dụng, chủ đề không cần thiết phải lưu
trữ và them bài viết mới, quản trị viên có thể xoá thông tin danh mục để xóa danh mục trên
thanh menu. Khi xóa danh mục, những bài viết thuộc danh mục đó sẽ được xóa tự động.
(3.1) Hiển thị danh sách bài viết: Khi chọn chức năng quản lý bài viết, danh sách bài
viết được hiển thị.
(3.2) Thêm bài viết mới: Khi có thông tin bài viết mới, quản trị viên tạo thêm bài viết
mới theo từng danh mục để để hiển thị trên website theo danh mục của bài viết.
(3.3) Chỉnh sửa bài viết: Thông tin bài viết đã đăng tải có sai sót, thiếu thông tin, quản
trị viên có thể chỉnh sửa thông tin bài viết cho đầy đủ, chính xác
(3.4) Xoá bài viết: Bài viết cũ, thông tin không cần thiết, quản trị viên có thể thao tác xóa
bài viết.
(4.1) Thống kê tổng số quản trị viên: Khi đăng nhập vào trang quản trị, hệ thống tự

động thống kê và báo cáo với người dung số lượng tải khoản quản trị viên hiện có của
webstie.
(4.2) Thống kê tổng số danh mục: Khi đăng nhập vào trang quản trị, hệ thống tự động
thống kê và báo cáo với người dùng số lượng danh mục hiện có và đang được hiển thị trên
webstie frontend.
(4.3) Thống kê tổng số bài viết: Khi đăng nhập vào trang quản trị, hệ thống tự động
thống kê và báo cáo với người dung tổng số bài viết hiện có và đang được hiển thị trên
website frontend theo danh mục.
(4.4) Thống kê tổng số lượt xem: Khi đăng nhập vào trang quản trị, hệ thống tự động
thống kê và báo cáo với người tổng số lượt xem trên tổng số các bài viết của website.
14


2.1.3. Biểu đồ luồng dữ liệu hệ thống
2.1.3.1.

Mức 0

Mô tả: Mỗi thao tác của khách hàng, quản trị viên khi sử dụng trang web, hệ thống sẽ trả
về một kết quả tương ứng với thao tác người dùng đã thực hiện. Thông tin các thao tác thêm,
sửa, xóa các danh mục, tài khoản, bài viết của quản trị viên trên trang quản trị của hệ thống
sẽ ảnh hưởng trực tiếp lên trang frontend khi khách hàng xem thông tin.

Hình 2: Biểu đồ luồng dữ liệu mức 0
2.1.3.2.

Mức 1

Mô tả:
 Luồng dữ liệu “Thông tin cần xem: danh mục, bài viết…” ở mức 1 được tách ra thành

các luồng thông tin chi tiết hơn như: “Thông tin xem danh mục” và “Thông tin xem bài viết”
và ứng mỗi luồng dữ liệu yêu cầu, hệ thống ở mỗi ô xử lý sẽ gửi thông tin yêu cầu đến cơ sở
dữ liệu và từ cơ sở dữ liệu, hệ thống sẽ trả về kết quả hiển thị trang yêu cầu đến người dùng,
hiện danh mục và những bài viết thuộc từng danh mục đó.

15