ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: WEBSITE THÚ CƯNG

Sinh viên thực hiện

:

LÊ THỊ MINH CHÂU
NGUYỄN THANH TÂM
Giảng viên hướng dẫn : PGS.TS. HUỲNH CÔNG PHÁP
Lớp
:
18IT1

Đà nẵng, tháng12 năm 2019
1


ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: WEBSITE THÚ CƯNG

Đà nẵng , tháng12 năm 2019
2

MỞ ĐẦU
Lý do chọn đề tài: Sau một thời gian học tập nghiên cứu và được sự
hướng dẫn tận tình của giảng viên hướng dẫn thầy Huỳnh Công Pháp
em chọn đề tài Website thú cưng dành cho người quản trị và những
người yêu thú cưng
Mục đích nghiên cứu: Trong quá trình thực hiện đồ án em cũng
gặp nhiều khó khăn về kiến thức rất rộng của ngôn ngữ PHP ,nhưng
dưới sự hướng dẫn của thầy Huỳnh Công Pháp và sự hỗ trở từ bạn bè
cuối cùng em đã hoàn thành đồ án.
Phạm vi nghiên cứu: Website được viết bằng ngôn ngữ PHP,
Laravel với database MySQL .Cấu trúc website gồm có Back-End và
Front-End.

3


LỜI CẢM ƠN
Xin chân thành cảm ơn quý thầy trong Khoa Cơng Nghệ thơng tin và Truyền
Thơng đã tận tình giảng dạy, trang bị, cung cấp cho chúng tôi những kiến thức
nền tảng, chuyên môn cần thiết giúp chúng tôi hiểu sâu về bộ mơn.
Xin bày
tỏ lịng biết ơn sâu sắc đối với thầy Huỳnh Cơng Pháp, đã tận tình
……
hướng dẫn, chỉ bảo và dành nhiều thời gian quý báu để giúp chúng tơi hồn
thành tốt đề tài được giao.
Cuối cùng xin gửi lời cảm ơn đến các bạn bè và gia đình đã động viên cổ vũ,
đóng góp kiến cho chúng tơi trong suốt q trình học cũng như thời gian làm
báo cáo, giúp chúng tơi hồn thành báo cáo đúng thời hạn.
Mặc dù đã cố gắng hoàn thành tốt công việc được phân công trong phạm vi và
khả năng cho phéo nhưng chắc không tránh khỏi những thiếu sót. Rất mong

được sự góp ý của các thầy cơ để báo cáo được hoàn chỉnh hơn, đồng thời bổ
sung vốn kinh nghiệm cho chúng tôi trên con đường sắp tới.
Xin chân thành cảm ơn!

4


NHẬN XÉT
(Của giảng viên hướng dẫn)
….
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
…………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………

Chữ ký giáo viên hướng dẫn

PGS.TS.HUỲNH CÔNG PHÁP


5


MỤC LỤC
MỞ ĐẦU..............................................................................................................3
LỜI CẢM ƠN.......................................................................................................4
NHẬN XÉT..........................................................................................................5
MỤC LỤC............................................................................................................6
PHẦN 1: GIỚI THIỆU TỔNG QUAN VỀ WEBSITE.........................................6
PHẦN 2: NGHIÊN CỨU TỔNG QUAN.............................................................7
PHẦN 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG................................................14
PHẦN 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN...........................................20
PHẦN 5: NHỮNG TÀI LIỆU THAM KHẢO...................................................21

PHẦN 1: GIỚI THIỆU TỔNG QUAN VỀ WEBSITE
1.1 Tổng quan
- Là website giới thiệu về các loại thú cưng, mục đích chủ yếu của website
nhằm đăng tải tin tức một cách chính xác về các lồi thú cưng, cách chăm
sóc thú cưng đúng cách, là nơi để các SEN tìm hiểu và giải đáp thắc mắc về
BOSS một cách tốt nhất.
- Xây dựng giao diện đẹp, dễ nhìn và dễ sử dụng.
- Xây dựng phần mềm quản trị dễ sử dụng, chính xác.

1.2 Phương pháp nghiên cứu
- Ý tưởng về một website cung cấp nhưng thơng tin về thú cưng để những
tín đồ mê BOSS có thể tiếp cận tốt hơn về BOSS.
- Tìm hiểu một số website thơng tin tương tự như animal.vn,
yeuthucung.com
6



- Học một số ngôn ngữ cần thiết để tạo ra một website thông tin đơn giản
như: HTML, Bootstrap, CSS, Javascript, Laravel, PHP, SQL,…
- Thu thập, chọn lọc, phân tích tổng hợp dữ liệu và những thông tin từ nhiều
website để có thể phát triển một website riêng cho mình.

1.3 Kết cấu đề tài
- Ngoài phần mở đầu, lời cảm ợn, danh mục tài liệu tham khảo và phụ lục,
nội dung chính của đề tài gồm …chương:
- Phần 1 Giới thiệu : Giới thiệu tổng quan về phương pháp và cấu trúc của
đề tài.
- Phần 2 Nghiên cứu tổng quan : Tìm hiểu về các website tương tự và phân
tích các hạn chế còn tồn tại và đưa ra giải pháp để thực hiện đề tài. Cung
cấp thêm cơ sở lý thuyết và các kiến thức được áp dụng trong đề tài.
- Phần 3 Phân tích thiết kế hệ thống: Đưa ra thiết kế ban đầu và các chi tiết
của các thành phần có trong hệ thống.
- Phần 4 Hướng phát triển : Đưa ra những điểm kết luận và xác định
phương hướng để có thể phát triển trong tương lai.

PHẦN 2: NGHIÊN CỨU TỔNG QUAN
2.1 Các website tương tự hiện có
- Animal.vn

7


Hình 1 - animal.vn

- Petsmart.com


8


2.2 Điểm nổi bật

Petsmart.com
- Nhiều hình ảnh miêu tả
về thú cưng
- Nhiều lựa chọn cho
khách hàng

Animal.com
- Có nhiều lựa chọn cho
khách hàng
-

Giao diện dễ sử dụng

2.3 Hạn chế còn tồn tại
Animal.com
- Giao diện chưa được đẹp

Petsmart.com
- Khách hàng chưa thể
bình luận ý kiến

2.4 Kết luận
- Cần một trang web phù hợp với nhu cầu tiếp nhận thông tin và chia sẻ
cho mọi người về thú cưng. Thông qua một website chuyên cung cấp
thông tin chuẩn xác về các loại thú cưng. Từ đó, khách hàng sẽ có những

lựa chọn phù hợp hồn hảo cho mình và sẽ biết cách chăm sóc thú cưng
một cách tốt nhất.

2.5 Cơ sở lý thuyết
2.5.1 Phương pháp ngôn ngữ PHP
a. Khái niệm :
PHP ( viết tắt của PHP: Hypertext Preprocessor, thường
được viết tắt thành PHP 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
qt. 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.
b. Đặc điểm
- Nó rất thích hợp với web và có thể dễ dàng nhúng vào
9


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.
c. Ưu điểm :
- Dùng mã nguồn mở ( có thể chạy trên Apache hoặc
IIS).
- Phổ biến hơn ASP ( có thể thấy dựa vào số website
dùng PHP).
- Dễ học khi đã biết HTML và C.
- Dựa vào XAMPP (dễ cấu hình).
- Nhiều hệ thống CMS miễn phí dễ dùng.

- Dễ đi cặp với MySQL.
- Hoạt động trên Linux, có thể trên IIS – Windowns.
d. Khuyết điểm :
- Mã nguồn không đẹp.
- Chỉ chạy trên ứng dụng web.
2.5.2 MySQL
a. Khái niệm:
MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ
biến nhất thế giới và được các nhà phát triển rất ưa chuộng
trong quá trình phát triển ứng dụng. Vì MySQL là cơ sở dữ
liệu tốc độ cao, ổn định và dễ dàng sử dụng, có tính khả
chuyển hoạt động trên nhiều hệ điều hành cung cấp miitj hệ
thống lớn các hàm tiện ích rất mạnh.
b. Đặc điểm:
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). Tuy nhiên MySQL chỉ phù hợp với các CSDL
nhỏ và trung bình. Nếu dùng cho doanh nghiệp lớn thì phải
dùng SQL Server của Microsoft hoặc Oracle.
c. Ưu - khuyết điểm
* Ưu điểm :
- Dễ sử dụng: MySQL là cơ sở dữ liệu tốc độ cao, ổn
định, dễ sử dụng và 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.
-

Độ 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 khi sở hữu
nhiều nhiều tính năng bảo mật thậm chí là ở cấp

cao.
10


-

Đa tính năng: MySQL hỗ trợ rất nhiều chức năng
SQL được mong chờ từ một hệ quản trị cơ sở dữ
liệu quan hệ cả trực tiếp lẫn gián tiếp.

-

Khả năng mở rộng và mạnh mẽ: MySQL có thể
xử lý rất nhiều dữ liệu và hơn thế nữa nó có thể
được mở rộng nếu cần thiết.

-

Nhanh chóng: Việc đưa ra một số tiêu chuẩn cho
phép MySQL để làm việc rất hiệu quả và tiết kiệm
chi phí, do đó nó làm tăng tốc độ thực thi.

* Khuyết điểm :
- Giới hạn: Theo thiết kế, MySQL khơng có ý định làm
tất cả và nó đi kèm với các hạn chế về chức năng mà
một vào ứng dụng có thể cần.
-

Độ tin cậy: Cách các chức năng cụ thể được xử lý
với MySQL (ví dụ tài liệu tham khảo, các giao dịch,

kiểm toán,…) làm cho nó kém tin cậy hơn so với một
số hệ quản trị cơ sở dữ liệu quan hệ khác.

-

Dung lượng hạn chế: Nếu số bản ghi của bạn lớn dần
lên thì việc truy xuất dữ liệu của bạn là khá khó khăn,
khi đó chúng ta sẽ phải áp dụng nhiều biện pháp để
tăng tốc độ truy xuất dữ liệu như là chia tải database
này ra nhiều server, hoặc tạo cache MySQL

2.5.3 Laravel
a. Khái niệm :
Laravel là một PHP framework mã nguồn mở và miễn phí,
được phát triển bởi Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát
triển các ứng dụng web theo kiếm trúc model-view-controller
(MVC). Những tính năng nổi bật của Laravel bao gồm cú pháp dễ
hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý gói phụ
thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan
hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng
dụng.
Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một
cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị
trí quán quân cho PHP framework phổ biến nhất năm 2015, theo
sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số
khác. Trước đó, Tháng 8 2014, Laravel đã trở thành project PHP
phổ biến nhất và được theo dõi nhiều nhất trên Github. Laravel
11



được phát hành theo giấy phép MIT, với source code được lưu trữ
tại Github.
b. Ưu điểm :
- Sử dụng các tính năng mới nhất của PHP.
- Tài liệu tuyệt vời.
- Tích hợp với dịch vụ mail.
- Hỗ trợ cache backend phổ biến.
- Cơng cụ tích hợp cho dịng lệnh – Artisan.
- Gói và nguồn lực sẵn có.
- Giảm chu kỳ phát triển sản phẩm.
- Container IoC.
c. Khuyết điểm :
- Không hỗ trợ tính năng thanh tốn.
- Thiếu sự liên tục giữa các phiên bản.
- Một số nâng cấp có thể có vấn đề.
- Thường khơng cung cấp sự phong phú cho ứng dụng
di động.
-

2.5.4 Ajax
a.Khái niệm
AJAX là chữ viết tắt của Asynchronous JavaScript and XML.
Nó là một bộ các kỹ thuật thiết kế web giúp cho các ứng dụng
web hoạt động bất đồng bộ – xử lý mọi yêu cầu tới server từ
phía sau.
Asynchronous, JavaScript, XML trong từ AJAX là:
- Asynchronous, hay nói ngắn hơn là Async – bất đồng
bộ. Bất đồng bộ có nghĩa là một chương trình có thể
xử lý khơng theo tuần tự các hàm, khơng có quy trình,
có thể nhảy đi bỏ qua bước nào đó. Ích lợi dễ thấy nhất

của bất đồng bộ là chương trình có thể xử lý nhiều
cơng việc một lúc.
- JavaScript thì là một ngơn ngữ lập trình nổi tiếng.
Trong số rất nhiều chức năng của nó là khả năng quản
lý nội dung động của website và hỗ trợ tương tác với
người dùng.
- XML là một dạng của ngôn ngữ markup như HTML,
chữ đầy đủ của nó là eXtensible Markup Language.
Nếu HTML được dùng để hiển thị dữ liệu, XML được
thiết kế để chứa dữ liệu.
Cả JavaScript và XML đều hoạt động bất đồng bộ trong
AJAX. Kết quả là, nhiều ứng dụng web có thể sử dụng AJAX
12


để gửi và nhận data từ server mà không phải tồn bộ trang.
b.Ưu điểm
- Nó giúp việc thiết kế web đa dạng hơn và tăng tính tương
tác của website với người dùng
- Nó sử dụng các cơng nghệ đã có sẵn nên dễ học và sử dụng
- Nhờ tính phổ biến của nó, đã khuyến khích việc phát triển
các khn mẫu mà sẽ giúp lập trình viên tránh khỏi các vết xe
đổ trước.
- Được hỗ trợ trong các trình duyệt phổ biến hiện nay

c.Nhược điểm
- Bạn khơng thể bookmark nó vào favourite trên trinh duyệt
hay gởi link đến cho bạn bè, vì tất cả q trình nó thực hiện
ngầm và không hiển thị trên address
- Không thể hiện thị nội dung trên các trang tìm kiếm vì các

trang tìm kiếm hiện nay vẫn chưa hỗ trợ tìm vì rất khó tìm và
gần như khơng thể tìm đc.
- Khơng thể sử dụng nút back vì back cũng là chính nó
- Với một số trình duyệt, do nhu cầu bảo mật, sẽ tắt chức
năng thực hiện javascript nên ajax không thể chạy, hay trong
một vài host, không hỗ trợ vào sâu cấu hình server nên hay bị
lỗi “Access denied”
2
a.Khái niệm
Jquery là thư viện mã nguồn mở viết bằng ngôn ngữ
javascript, giúp đơn giản cách viết javascript và tăng tốc độ xử
lý các xự kiện trên trang web. Phát hành vào tháng 1 năm 2006
tại BarCamp NYC bởi John Resig.
Được sử dụng bởi hơn 52% trong 10.000 truy cập nhiều nhất
các trang web. Jquery khơng những có thể thay đổi giao
diện(CSS) mà cịn có thể thay đổi nội dung trang bên trong
trang web.
b.Ưu điểm
- Dễ sử dụng .
- Là một thư viện lớn của javascript.
- Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có
sẵn).
- Có nhiều tài liệu và hướng dẫn chi tiết.
13


- Hỗ trợ ajax.
c.Nhược điểm
- Làm client trở nên chậm chạp.
- Chức năng có thể khơng có.


PHẦN 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
3.1 Mơ hình tổng quan của hệ thống nghiên cứu

Hình 3 - Trang chủ

14


Hình 4 - Trang chi tiết thú cưng

Hình 5 - Trang comment

Hình 6 - Trang liên hệ

15


Hình 7 - Trang admin

3.2 Thiết kế chi tiết
3.2.1 Các chức năng
3.2.1.1 Người dùng
- Đăng nhập
- Đăng ký
- Xem chi tiết thú cưng
- Nhận xét - comment
3.2.1.2 Admin
- Đăng nhập
- Quản lý khách hàng

- Quản lý các loại thú cưng (thêm/sửa/xóa…)
- Tiếp nhận phản hồi
3.2.2 Biểu đồ usecase
3.2.2.1 Người dùng

Hình 8 - Biểu đồ usecase người dùng

16


3.2.2.2 Admin

Hình 9 - Biểu đồ usecase admin

3.2.2.3 Tổng quát

17


Hình 10 - Biểu đồ usecase tổng quát

3.2.2.4 Đặc tả usecase
Usecase
Actor
Mô tả
Dữ liệu vào
Kết quả

Xử lý


Đăng nhập.
Người dùng
Usecase này mô tả các bước đăng nhập
của người dùng vào hệ thống.
Usename, Password
1. Nếu đúng username và password =>
Đăng nhập thành công
2. Nếu sai username/password => Báo
lỗi
1. Hệ thống yêu cầu người dùng nhập
tên đăng nhập, mật khẩu.
2. Người dùng nhập tên đăng nhập, mật
khẩu của mình và nhấn nút đăng
nhập.
3. Hệ thống kiểm tra thông tin đăng
nhập.
4. Hệ thống thông báo thành cơng và
cho người dùng đăng nhập vào hệ
thống.
Hình 11 - Đặc tả usecase đăng nhập

Usecase
Actor
Mô tả
Dữ liệu vào
Kết quả
Xử lý

Comment
Người dùng, admin

Nhận xét của người dùng
Những lời nhận xét
Trao đổi thông tin
1.Hiển thị giao diện
2.Đăng nhập facebook
18


3.Để lại comment
Hình 12 - Đặc tả usecase comment

3.3 Biểu đồ hoạt động

Hình 13 - Biểu đồ hoạt động đăng nhập

19


3.2.4 Biểu đồ tuần tự

Hình 14 - Biểu đồ tuần tự đăng nhập

PHẦN 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
4.1 Kết luận
- Website hoàn thiện cơ bản về phần giao diện và chức năng. Cung cấp
cho người dùng thêm nhiều chức năng mới và cũng tích hợp các chức
năng chung từ các website khác để người dùng không cảm thấy khó khi
sử dụng website.
- Đề tài đã hồn thành ở mức độ sau:
- Tìm hiểu về PHP, Ajax, laravel và các website được tạo ra từ phương

pháp này.
- Áp dụng xây dựng website thông tin về thú cưng.

4.2 Hướng phát triển
- Tìm hiểu sâu hơn về PHP và các ngơn ngữ, cơng cụ thiết kế website
để hồn thiện hơn nữa về website này, tạo thêm được nhiều chức năng có
thể giúp cho người dùng thuận tiện hơn tron tương lai.
- Mở rộng hơn về nguồn thông tin cung cấp, đặc biệt là những trải
nghiệm của mọi người.
- Tìm hiểu thêm về thiết kế đồ hoạ để xây dựng giao diện website thân
thiện, bắt mắt và thu hút người dùng hơn.

20


PHẦN 5: NHỮNG TÀI LIỆU THAM KHẢO
W3School Online Web Hướng Dẫn:
/> /> />a/
/>
21


22


23


24



25