Đà nẵng , tháng12 năm 2019MỞ ĐẦ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 Web
Trang 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
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
Trang 2Đà nẵng, tháng12 năm 2019
Trang 3ĐẠ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
Trang 4Đà nẵng , tháng12 năm 2019
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.
Trang 5
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 hoà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 quá trình học cũng như thời gian làm báo cáo, giúp chúng tôi hoà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!
Trang 6NHẬ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
Trang 7
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
1.1 Tổng quan 6
1.2 Phương pháp nghiên cứu 7
1.3 Kết cấu đề tài 7
PHẦN 2: NGHIÊN CỨU TỔNG QUAN 7
2.1 Các website tương tự hiện có 7
2.2 Điểm nổi bật 9
2.3 Hạn chế còn tồn tại 9
2.4 Kết luận 9
2.5 Cơ sở lý thuyết 9
PHẦN 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15
3.1 Mô hình tổng quan của hệ thống nghiên cứu 15
3.2 Thiết kế chi tiết 17
3.3 Biểu đồ hoạt động 20
PHẦN 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 21
4.1 Kết luận 21
4.2 Hướng phát triển 21
PHẦN 5: NHỮNG TÀI LIỆU THAM KHẢO 22
Trang 8PHẦ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 loà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,
- 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
Trang 9PHẦN 2: NGHIÊN CỨU TỔNG QUAN
2.1 Các website tương tự hiện có
- Animal.vn
Hình 1 - animal.vn
- Petsmart.com
Trang 10- Giao diện chưa được đẹp
- Khách hàng chưa thể bình luận ý kiến
Trang 11- Dễ đi cặp với MySQL.
- Hoạt động trên Linux, có thể trên IIS – Windowns
b Đặc điểm:
MySQL là một trong những ví dụ rất cơ bản về Hệ Quảntrị 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
Trang 12nhỏ 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ấtmạ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ữunhiều nhiều tính năng bảo mật thậm chí là ở cấp cao
- Đ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
Trang 13Laravel 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 đượ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 toán
- Thiếu sự liên tục giữa các phiên bản
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,
Trang 14có thể nhảy đi bỏ qua bước nào đó Ích lợi dễ thấy nhấtcủ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
để gửi và nhận data từ server mà không phải toàn bộ trang
- 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ị
Trang 15- 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
- 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ó
Trang 17Hình 5 - Trang comment
Hình 6 - Trang liên hệ
Hình 7 - Trang admin
Trang 183.2 Thiết kế chi tiết
Trang 193.2.2.3 Tổng quát
Hình 10 - Biểu đồ usecase tổng quát
Trang 203.2.2.4 Đặc tả usecase
của người dùng vào hệ thống.
Đăng nhập thành công
2 Nếu sai username/password => Báo lỗi
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
2.Đăng nhập facebook 3.Để lại comment
Hình 12 - Đặc tả usecase comment
Trang 22PHẦ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 đã hoà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
để hoà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
Trang 23PHẦN 5: NHỮNG TÀI LIỆU THAM KHẢO
W3School Online Web Hướng Dẫn: