Báo cáo đồ án tốt nghiệp website tin tức công nghệ tiêu diệt mối cho công ty an sinh

Báo cáo đồ án tốt nghiệp website tin tức công nghệ tiêu diệt mối cho công ty an sinh Bao gồm phân tích thiết kế biểu đồ phát triển, Biếu đồ hoạt động, Biểu đồ use caseBiểu đồ tuần tựBiểu đồ lớpThiết kế mô tả chi tiết về cơ sở dữ liệu Phân tích và thể hiện các tài liệu liên quan

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ôngtin 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ủamì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ềuvớ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àmviệ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áchkhá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ạnquy đị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ũngnhư 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ữngthiế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ácthầ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ưởngcho 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ànhnơ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ỗingườ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 tytheo 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ủacô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áchthụ độ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ôngtá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ìmhiể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ằngmộ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ắcphụ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ầucũ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ấtnhiề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

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:

Thiết kế đặc tả hệ thống

4 Kết quả chính đạt được

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âydựng thành một website hoàn chỉnh Xây dựng “Website công ty An Sinh” nhằm thu hútkhá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ănghiệ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ácphươ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 websitetrự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ôngtin đượ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ườidù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 trangthô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ậtthô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

o Ngôn ngữ lập trình PHP

o Cơ sở dữ liệu MySQL

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ủamọ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ệttrong 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étcá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ựngwebsite, đặc biệt là xây dựng website bằng ngôn ngữ lập trình PHP và cơ sở dữ liệuMySQL

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ạonhờ 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ớiphầ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úngdướ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 đốitượ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 chophé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ụngkế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, âmthanh 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 WideWeb Consortium còn được viết tắc là W3C Trước đó thì HTML xuất bản theo chuẩn củaRFC 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ủaHTML 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 tinHTML 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àycho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách

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íchthướ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 CSSkhi 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êngbiệ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ìnhbà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ămthuộ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ínhgiú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ảnhay 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úngvà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ápgiố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ônngữ 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àmcho 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ủatậ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 ứngdụ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ợ

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ụngnhư 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ậptrì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ủabạn sẽ trở nên vô cùng sinh động, mang tính trực quan và tương tác cao JavaScript theophiê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áccô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ụnggià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ếthợp các ngôn ngữ:

hiển thị thông tin động và tương tác với những thông tin được hiển thị

web

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ếngviệ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

Ư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ềuthờ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àowebsite Không tốn nhiều thời gian để tự viết code cho giao diện

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

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ệnwebsite đ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:

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

dụng công nghệ AJAX

dụng trong các Website của mình

 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áctrì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+

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ệnhtươ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ậptrì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

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:

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ềubả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] https://vi.wikipedia.org

[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

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àymộ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ủakhá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ácdị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ácbiệ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àncầ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àocả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ấtphươ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ốncô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ũngnhư 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ềukhá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âydự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ớithiệ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ềukhá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 nhanhchó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

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, quytrì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ôngqua 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:

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ệucá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ênInternet để 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ó kinhnghiệm trong việc xây dựng website, từ đó đưa ra được quá trình quản lý, xác định đượcnhữ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”

o Vẽ sơ đồ phân cấp chức năng (BFD)

o Vẽ sơ đồ luồng dữ liệu (DFD)

 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àngthườ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 naycho 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ớicho 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 đượcnhu 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ênInternet để 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óngnhấ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ùngmớ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ủakhách hàng

 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

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.1 Frontend

 Font chữ đơn giản, dễ nhìn, màu sắc hài hòa

 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ý

sửa các thông tin cá nhân và xóa tài khoản khi cần thiết

đượ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

Mụ

thân thiện với mọi người dù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

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