Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông...

38
ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIÊT - HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ SPA Sinh viên thực hiện : LÊ HOÀNG TƯỜNG VI Giảng viên hướng dẫn : TS. NGUYỄN THANH Lớp : 19IT3

Transcript of Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông...

Page 1: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

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

HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ SPA

Sinh viên thực hiện : LÊ HOÀNG TƯỜNG VI

Giảng viên hướng dẫn : TS. NGUYỄN THANH

Lớp : 19IT3

Đà nẵng, tháng 10 năm 2020

Page 2: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

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

HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 2

XÂY DỰNG WEBSITE QUẢN LÝ SPA

Đà Nẵng, tháng 10năm 2020

Page 3: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

MỞ ĐẦU

Ngày nay, nhu cầu sử dụng của con người trong xã hội luôn là động cơ chính thúc

đẩy sản xuất. Như ta đã biết việc thiếu thông tin làm cho việc đưa sản phẩm đến tay

người dùng trở nên khó khăn và gây nhiều lãng phí cho xã hội. Bên cạnh đó, việc phổ

biến sử dụng Internet đã tạo ra bước ngoặt mới trong định hướng phát triển ngành công

nghệ thông tin của nước ta, cùng với nhu cầu sử dụng máy tính để trao đổi và cập nhật

thông tin ngày càng tăng. Từ thực tế đó việc đưa thông tin đáp ứng nhu cầu của mọi

người và hỗ trợ việc tìm hiểu thông tin sản phẩm, dịch vụ diễn ra một cách nhanh

chóng, tiết kiệm đã trở nên vô cùng cấp thiết.Song song với việc trao đổi tư vấn qua

điện thoại thì thực hiện qua mạng cũng là một giải pháp tối ưu trong việc phân phối

thông tin vào mục đích kinh doanh.

Việc bạn có thể ở nhà mà đến các trung tâm chăm sóc sức khỏe, sắc đẹp trong

không gian ảo đã trở thành hiện thực. Ngày nay, bất cứ loại hình dịch vụ nào bạn cũng

có thể tìm hiểu, đặt mua ngay trên Internet. Do đó, xây dựng “WEBSITE QUẢN LÝ

SPA” là một vấn đề thực tế, ứng dụng được và có tiềm năng phát triển trong tương lai.

Page 4: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

NHẬN XÉT............................................................................................................................................

... ........................................................................................................................................

....... ....................................................................................................................................

........... ................................................................................................................................

............... ............................................................................................................................

................... ........................................................................................................................

....................... ....................................................................................................................

........................... ................................................................................................................

............................... ............................................................................................................

................................... ........................................................................................................

....................................... ....................................................................................................

........................................... ................................................................................................

............................................... ............................................................................................

................................................... ........................................................................................

....................................................... ....................................................................................

........................................................... ................................................................................

............................................................... ............................................................................

................................................................... ........................................................................

....................................................................... ....................................................................

...........................................................................

Page 5: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

LỜI CẢM ƠN

Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến các giảng viên Khoa

Khoa Học Máy Tính, những người đã dạy chúng em những kiến thức tốt nhất,

đồng thời cảm ơn các giảng viên trong bộ môn Công nghệ Web nâng cao, phân

tích thiết kế hệ thống,..đã truyền đạt những kiến thức chuyên ngành bổ ích và

phù hợp cho em.

Đặc biệt, em xin gửi lời cảm ơn chân thành tới giảng viên hướng dẫn

TS.Nguyễn Thanh, Trường Đại học Công nghệ Thông tin & Truyền thông Việt

Hàn - Đại học Đà Nẵng đã tận tình hướng dẫn, góp ý theo sát giúp em có thể

hoàn thành đồ án một cách tốt nhất.

Mặc dù đã cố gắng hoàn thành đồ án trong phạm vi và khả năng cho phép

những chắc chắn sẽ không tránh khỏi những thiếu sót. Em kinh mong nhận sự

cảm thông và tận tình chỉ bảo của thầy.

Em xin chân thành cảm ơn!

Page 6: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

MỤC LỤC

Chương 1 Giới thiệu......................................................................................................9

1.1 Tổng quan.................................................................................................................9

1.1.1 Lý do chọn đề tài................................................................................................9

1.1.2 Mục tiêu của đề tài.............................................................................................9

1.2 Phương pháp, kết quả................................................................................................9

1.3 Cấu trúc đồ án.........................................................................................................10

Chương 2 Nghiên cứu tổng quan...............................................................................11

2.1 Các cơ sở lý thuyết..................................................................................................11

2.1.1 Ngôn ngữ HTML.............................................................................................11

2.1.2 Ngôn ngữ CSS..................................................................................................12

2.1.3 Ngôn ngữ PHP.................................................................................................12

2.1.4 Thư viện Javascript..........................................................................................13

2.1.5 Thư viện Bootstrap...........................................................................................14

2.1.6 Cơ sở dữ liệu SQL............................................................................................14

Chương 3 Phân tích thiết kế hệ thống.......................................................................17

3.1 Khảo sát và đặc tả yêu cầu......................................................................................17

3.1.1 Yêu cầu về chức năng......................................................................................17

3.1.2 Giao diện người dùng.......................................................................................17

3.1.3 Yêu cầu hệ thống..............................................................................................17

3.2 Phân tích thiết kế hệ thống......................................................................................17

3.2.1 Sơ đồ thiết kế hệ thống.....................................................................................17

3.2.2 Use case quản lý đăng nhập.............................................................................18

3.2.3 Use case đăng xuất...........................................................................................18

3.2.4 Use case đặt lịch...............................................................................................18

Chương 4 Triển khai xây dựng..................................................................................20

Chương 5 Kết luận và Hướng phát triển..................................................................21

5.1 Đạt được..................................................................................................................21

Page 7: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

5.2 Chưa đạt được.........................................................................................................21

5.3 Hướng phát triển.....................................................................................................21

Page 8: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

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

STT Cụm từ Viết tắt1 Công nghệ phần mềm CNPM

2 Công nghệ thông tin CNTT

3 Structured Query Language SQL

4 Hypertext Markup Language HTML

5 Hypertext Preprocessor PHP

6 Cascading Style Sheets CSS

8

Page 9: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Chương 1 Giới thiệu

1.1 Tổng quan

1.1.1 Lý do chọn đề tài

Hiện nay, vấn đề làm đẹp và muốn làm đẹp là một trong số những vấn đề đáng suy nghĩ và quan tâm của tất cả mọi người, thế nhưng bằng những phương pháp nào? Và những sự lựa chọn nào hợp lý và đúng đắn nhất thì đại đa số mọi người vẫn chưa thật sự nắm rõ. Spa – viện thẩm mỹ là đối tượng được nhiều tín đồ làm đẹp tin tưởng gửi gắm sắc đẹp của mình vào. Dựa trên tình hình đó, các cơ sở kinh doanh dịch vụ Spa được xây dựng và phát triển ngày một phổ biến. Tuy nhiên, bên cạnh sự phát triển về dịch vụ thì công tác quảng bá, giới thiệu dịch vụ còn chưa được chú trọng. Các cơ sở kinh doanh dịch vụ Spa chỉ mới hướng đến bộ phận khách 22hàng trực tiếp, bộ phận khách hàng tiềm năng, khách hàng tương lai chưa được chú trọng giới thiệu, quảng bá.

Nắm bắt tình hình đó, kết hợp tính tiện lợi và quy mô của Internet, website quảng lý Spa được tạo ra, đem lại cái nhìn khách quan về các loại hình dịch vụ cơ sở cung cấp, từ đó người dùng lựa chọn dịch vụ phù hợp với yêu cầu và kinh tế. Website được tạo ra còn là giải pháp giúp chủ cơ sở có thể quản lý Spa dễ dàng hơn.

1.1.2 Mục tiêu của đề tài

Xây dựng website hướng đến đối tượng là những người yêu làm đẹp và muốn làm đẹp. Phát huy hiệu quả ứng dụng của Internet trong hoạt động chăm sóc, sức khỏe.

1.2 Phương pháp, kết quả

- Tìm hiểu, học tập các ngôn ngữ cần thiết để ứng dụng vào thiết kế website: HTML,

PHP, Bootstrap, CSS, JavaScript

- Thu thập, chọn lọc, phân tích tổng hợp dữ liệu và thông tin từ nhiều website để có

thể phát triển một website riêng cho mình.

1.3 Cấu trúc đồ án

9

Page 10: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Ngoài phần mở đầu, nội dung đồ án gồm 3 chương chính:

Chương 1: Giới thiệu tổng quan về phương pháp và cấu trúc đồ án.

Chương 2: Trình bày các phương pháp được sử dụng. Những hạn chế còn tồn tại của

các phương pháp và đưa ra kết luận.

Chương 3: Phân tích hệ thống, trình bày hướng xây dựng hệ thống website

Chương 4: Trình bày các chức năng và những kết quả đạt được trong quá trình xây

dựng website.

Chương 5: Tổng kết đề tài và đưa ra phương hướng phát triển trong tương lai.

10

Page 11: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Chương 2 Nghiên cứu tổng quan

2.1 Các cơ sở lý thuyết

2.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 một 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, chúng ta có thể dùng word, notepad hay bất cứ

một trình soạn thảo văn bản nào để viết và chỉ cần lưu với định dạng “.html “ hoặc

“.htm” là đã có thể tạo ra một file chứa HTML. 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

11

Page 12: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

ứ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).

2.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 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...).

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. 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 một 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 một 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ả.

2.1.3 Ngôn ngữ PHP

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 ngôn ngữ lập trình C và ngôn ngữ lập trình 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. Một tập tin PHP có phần

12

Page 13: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

mở rộng *.php, nó có thể chứa các văn bản, mã nguồn HTML, CSS, Javascript,

Jquery... và đương nhiên có thể chứa mã nguồn PHP.

Đối với các trang PHP khi có yêu cầu xem trang web thì Server sẽ tiến hành

phát sinh trang web đó từ mã nguồn PHP sang mã nguồn HTML, sau đó mới chuyển

mã nguồn đó về trình duyệt web để người dùng xem. Vì các trình duyệt web không thể

đọc được các mã nguồn PHP mà chỉ đọc được các mã nguồn HTML.

Sự thành công hết sức to lớn của PHP 4.0 đã không làm cho nhóm phát triển

PHP tự mãn. Cộng đồng PHP đã nhanh chóng giúp họ nhận ra những yếu kém của

PHP 4 đặc biệt với khả năng hỗ trợ lập trình hướng đối tượng (OOP), xử lý XML,

không hỗ trợ giao thức máy khách mới của MySQL 4.1 và 5.0, hỗ trợ dịch vụ web yếu.

Những điểm này chính là mục đích để Zeev và Andi viết Zend Engine 2.0, lõi của PHP

5.0. Một số tính năng của PHP 5.0:

- Type Hinting

- Exceptions

- E_STRCT error level

- Các Extensions mới

- Các hàm mới: array_combine(), ibase_db_info(), iconv_strlen(), date_sunset(),…

2.1.4 Framework Laravel

Laravel là một PHP Framework mã nguồn mở miễn phí, được phát triển

bởi Taylor Otwell với phiên bản đầu tiên được ra mắt vào tháng 6 năm

2011. Laravel ra đời nhằm mục đích hỗ trợ phát triển các ứng dụng web, dựa trên mô

hình MVC (Model – View – Controller).  

Laravel hiện được phát hành theo giấy phép MIT, với source code được lưu trữ

tại Gitthub.

Mặc dù ra đời muộn hơn so với các đối thủ, tuy nhiên Laravel đã thật sự tạo

thành một làn sóng lớn, được đánh giá tốt và sử dụng rộng rãi nhất hiện nay.

Các ưu điểm của Laravel:13

Page 14: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

- Bắt đầu dễ dàng: Dễ dàng cho người mới bắt đầu, kể cả chỉ biết sơ về PHP, vẫn có

thể có khả năng phát triển một website trong vài giờ.

- Có mã nguồn mở: Với mã nguồn miễn phí, cho phép bạn xây dựng ứng dụng web

lớn và phức tạp một cách nhanh chóng, dễ dàng.

- Hỗ trợ cộng đồng: Laravel có một hệ thống thư viện hỗ trợ vô cùng lớn và

mạnh hơn hẳn các Framework khác. Nếu bạn report lỗi hoặc vi phạm bảo

mật trong Framework, phản hồi của cộng đồng sẽ rất nhanh chóng. 

- Theo dõi MVC: Cấu trúc MVC và lập trình hướng đối tượng OOP vẫn được giữ lại

trong Framework Laravel, giúp cung cấp tài liệu tốt hơn, và tăng hiệu suất hơn.

- Được xây dựng dựa trên những Framework hiệu quả nhất: Thừa hưởng những ưu

điểm và thế mạnh của Framework khác, khi có phần route cực mạnh. Ví dụ điển

hình là Laravel sử dụng một số thành phần tốt nhất của Symfony.

- Di chuyển Database dễ dàng: Di chuyển Database là một trong những tính

năng trọng yếu của Laravel. Nó cho phép bạn duy trì cấu trúc cơ sở dữ liệu

ứng dụng mà không nhất thiết phải tạo lại.Di chuyển Database còn cho phép

bạn viết mã PHP để kiểm soát Database, thay vì sử dụng SQL. Nó còn cho

phép bạn khôi phục những thay đổi gần đây nhất trong Database. 

- Tính năng bảo mật hoàn thiện: Ứng dụng của bạn sẽ an toàn khi dùng

Framework Laravel. Kỹ thuật ORM của Laravel sử dụng PDO, chống chèn

SOL. Ngoài ra, tính năng bảo vệ crsf của Laravel giúp ngăn chặn giả mạo từ

yêu cầu trang chéo. Đó là cú pháp tự động thoát bất kì HTML nào đang được

truyền qua các tham số xem, nhằm ngăn chặn kịch bản chéo trên trang web. 

2.1.5 Thư viện Javascript

JavaScript là một 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à một ngôn ngữ linh động, cú

14

Page 15: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

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ự ngôn ngữ lập trình C. “.js” là phần mở rộng thường được dùng cho tập tin mã

nguồn JavaScript.

2.1.6 Thư viện Bootstrap

Bootstrap là một Framework có chứa HTML, CSS, JAVASCRIPT, Framework

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 hai teamplate cho giao diện Desktop và Mobile đã lỗi thời thay vào

đó là Responsive. Responsive sẽ giúp website của bạn hiển thị tương thích với mọi

kích thước màn hình nhờ đó bạn 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 của 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 của mình. Bạn không phải tốn quá nhiều thời gian để tự viết code

cho giao diện của mình.

- Tùy biến cao: Bạn hoàn toàn 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 bộ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.

15

Page 16: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

2.1.7 Cơ sở dữ liệu SQL

MySQL là hệ quản trị dữ liệu miễn phí, được tích hợp sử dụng chung với

Apache, PHP. Chính yếu tố phát triển trong cộng đồng mã nguồn mở nên MySQL đã

qua rất nhiều sự hỗ trợ của những lập trình viên yêu thích mã nguồn mở. MySQL cũng

có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ SQL. Nhưng MySQL

không bao quát toàn bộ những câu truy vấn cao cấp như SQL. Về bản chất MySQL chỉ

đáp ứng việc truy xuất đơn giản trong quá trình vận hành của website nhưng hầu hết có

thể giải quyết các bài toán trong PHP.

MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, hoạt động trên nhiều

hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc độ và tính

bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet.

MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. 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). MySQL đang được sử dụng cho nhiều công việc kinh

doanh từ nhỏ tới lớn:

- MySQL là mã ngồn mở vì thế sử dụng không mất phí.

- 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ới các tập dữ liệu lớn.

- 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(

Gigabyte ), nhưng bạn có thể tăng kích cỡ này (nếu hệ điều hành của bạn có thể xử

lý nó) để đạt tới giới hạn lý thuyết là 8 TB ( Terabyte ).

- 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ọ.

Kết nối đến cơ sở dữ liệu MySQL: tìm hiểu làm thế nào để sử dụng PHP để mở

và đóng một kết nối cơ sở dữ liệu MySQL. 16

Page 17: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Tạo cơ sở dữ liệu MySQL Sử dụng PHP: phần này giải thích làm thế nào để tạo

ra cơ sở dữ liệu và bảng MySQL bằng cách sử dụng PHP.

Xóa cơ sở dữ liệu MySQL Sử dụng PHP: phần này giải thích làm thế nào để xóa

cơ sở dữ liệu và bảng MySQL bằng cách sử dụng PHP.

Chèn dữ liệu Cơ sở dữ liệu MySQL: một khi bạn đã tạo ra cơ sở dữ liệu và các

bảng của bạn sau đó bạn muốn chèn dữ liệu vào bảng được tạo ra. Phiên họp này sẽ

đưa bạn qua ví dụ thực tế về dữ liệu chèn.

Lấy dữ liệu từ cơ sở dữ liệu MySQL: tìm hiểu làm thế nào để lấy hồ sơ từ cơ sở

dữ liệu MySQL bằng cách sử dụng PHP.

Sử dụng Paging qua PHP: điều này giải thích làm thế nào để hiển thị kết quả

truy vấn của bạn thành nhiều trang và làm thế nào để tạo ra các liên kết điều hướng.

Đang cập nhật dữ liệu vào cơ sở dữ liệu MySQL: phần này giải thích làm thế nào để

cập nhật hồ sơ hiện có vào cơ sở dữ liệu MySQL bằng cách sử dụng PHP.

Xóa dữ liệu từ cơ sở dữ liệu MySQL: phần này giải thích làm thế nào để xóa

hoặc tẩy hồ sơ hiện từ cơ sở dữ liệu MySQL bằng cách sử dụng PHP.

Sử dụng PHP Để sao lưu cơ sở dữ liệu MySQL: tìm hiểu những cách khác nhau

để sao lưu cơ sở dữ liệu.

17

Page 18: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Chương 3 Phân tích thiết kế hệ thống

3.1 Khảo sát và đặc tả yêu cầu

3.1.1 Yêu cầu về chức năng

- Người dùng được cung cấp thông tin các loại hình dịch vụ Spa: giá, chương

trình khuyến mãi...

- Đăng nhập ba đối tượng: khách hàng, nhân viên, quản lý.

- Quản lý thống kế Spa.

3.1.2 Giao diện người dùng

- Website không quá phức tạp, dễ tiếp cận với người dùng.

- Trang web có dung lượng file không quá lớn.

- Website có font chữ đợn giản, dễ nhìn, màu sắc hài hòa, thu hút người truy cập.

3.1.3 Yêu cầu hệ thống

- Hệ thống hoạt động nhanh.

- Bảo mật thông tin khách hàng, nhân viên cao.

3.2 Phân tích thiết kế hệ thống

3.2.1 S đ thi t k h th ngơ ồ ế ế ệ ố

3.2.2 Use case quản lý đăng nhập

- Đối tượng sử dụng: Nhân viên, quản lý.

- Use case mô tả các bước đăng nhập của các đối tượng vào hệ thống.

- Các bước thực hiện:

+ Hệ thống yêu cầu đối tượng cung cấp thông tin đăng nhập gồm tên đăng

nhập và mật khẩu.18

Hệ thống báo cáo

Quản lý nhân viên

Sản phẩmDịch vụ

Lịch hẹn

Danh sách khách hàng

Quản lý Spa

Page 19: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

+ Nhập xong và click nút đăng nhập.

+ Hệ thống check lại thông tin đăng nhập và báo thành công/ thất bại. Nếu

đăng nhập thành công hệ thống dựa trên thông tin đăng nhập sẽ đồng thời

phân quyền tùy theo loại đối tượng. Nếu đăng nhập thất bại, hệ thống sẽ

hiện thông báo cho người dùng và yêu cầu đăng nhập lại.

3.2.3 Use case đăng xuất

- Đối tượng: Tất cả đối tượng của use case đăng nhập.

- Use case mô tả việc đăng xuất khỏi hệ thống.

- Các bước thực hiện:

+ Đối tượng thực hiện chức năng đăng xuất khỏi hệ thống.

+ Hệ thống hiển thị yêu cầu xác nhận.

+ Đối tượng xác nhận đăng xuất, hệ thống đăng xuất tài khoản khỏi hệ

thống. Nếu đối tượng không khác nhận đăng xuất, hệ thống giữ nguyên

hiện trạng.

3.2.4 Use case đặt lịch

- Đối tượng: khách hàng.

- Use case này cho phép khách hàng đặt lịch hẹn dịch vụ.

- Các nước thực hiện:

+ Chọn chức năng đặt lịch

+ Hệ thống hiển thị form yêu cầu nhập thông tin khách hàng, thời gian hẹn,

dịch vụ,..

+ Khách hàng điền đầy đủ thông tin theo form.

+ Hệ thống tự động cập nhập thông tin lịch hẹn.

Chương 4 Triển khai xây dựng

4.1 Trang chủ

19

Page 20: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Hình 4.1 Trang chủ Thanh Tâm Spa

20

Page 21: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

4.2 Trang sản phẩm

Hình 4.2 Trang sản phẩm

21

Page 22: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

4.3 Trang dịch vụ

Hình 4.3 Trang dịch vụ

22

Page 23: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

4.4 Trang đăng nhập

Hình 4.4 Trang đăng nhập

4.5 Trang danh mục sản phẩm

Hình 4.5 Trang danh mục sản phẩm

23

Page 24: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

4.6 Trang thêm sản phẩm

Hình 4.6 Trang thêm sản phẩm

24

Page 25: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

Chương 5 Kết luận và Hướng phát triển

5.1 Đạt được

Bản thân chúng tôi đã tích lũy được nhiều kinh nghiệm trong việc phân tích và

thiết kế hệ thống. Đồng thời chúng tôi cũng đã xây dựng được một website với giao

diện dễ nhìn và dễ tiếp cận đến người dùng. Website của chúng tôi cho phép người

dùng đăng nhập vào hệ thống để thực hiện các thao tác thêm, xóa, sửa bài viết. Website

đã có được một số tính năng cần thiết đối với một web quản lý, tiêu biểu như: đăng

nhập / đăng ký, trang bài viết đánh giá dịch vụ, quản lý bài viết. Hiểu được các phương

pháp thu thập dữ liệu, thông tin từ nhiều Website quản lý khác để hoàn thiện và phát

triển Website của bản thân mình ngày càng phong phú nội dung và dễ tiếp cận đến với

người dùng hơn.

5.2 Chưa đạt được

- Website vẫn chưa thực sự mượt.

- Vẫn còn thiếu một số tính năng như: đặt lịch spa theo gói, chu kỳ,…

- Vẫn chưa sử dụng thành thục framework.

- Chưa làm được tính năng đăng nhập phân quyền để hệ thống chặt chẽ hơn.

5.3 Hướng phát triển

- Xây dựng được giao diện thân thiện hơn với người dùng.

- Hoàn thiện những tính năng còn thiếu sót.

- Phát triển Website dựa trên cơ sở đã có, hình thành một phần mềm quản lý kinh

doanh.

- Xây dựng mô hình Database đa dạng và liên kết chặt chẽ với nhau hơn để giúp truy

vấn và xử lý dữ liệu một cách hiệu quả.

- Tận dụng thế mạnh của các công cụ hỗ trợ để website được nhanh nhạy, chính xác

hơn.

25

Page 26: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

- Xây dựng trang Web với quy mô lớn hơn với ứng dụng và nhiều tính năng hơn.

- Tìm hiểu xu hướng của người dùng để chỉnh sửa, bổ sung hệ thống phù hợp theo

yêu cầu.

- Phát triển website trên nền tảng đa quốc gia thông qua việc tạo chức năng chuyển

đổi ngôn ngữ cho người dùng.

- Vấn đề chính của Website là phục vụ việc quảng cáo, vì vậy cần có các chiến lược

để thu hút các nhãn hàng mỹ phẩm trong nước và quốc tế.

26

Page 27: Cổng Thông tin đào tạo - Trường Đại học Công nghệ Thông ...daotao.vku.udn.vn/.../12/1608815788-doancs2-ki3.docx  · Web viewKhả năng dễ học, dễ viết

TÀI LIỆU THAM KHẢO

1. https://www.w3schools.com/

2. https://laravel.com/

3. http://www.tamthanhspa.vn/

27