ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: WEBSITE THÚ CƯNG

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: WEBSITE THÚ CƯNG Sinh viên thực : 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 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: WEBSITE THÚ CƯNG Đà nẵng , tháng12 năm 2019 MỞ ĐẦU Lý chọn đề tài: Sau thời gian học tập nghiên cứu hướng dẫn tận tình 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ị người yêu thú cưng Mục đích nghiên cứu: Trong q trình thực đồ án em gặp nhiều khó khăn kiến thức rộng ngôn ngữ PHP ,nhưng hướng dẫn thầy Huỳnh Công Pháp hỗ trở từ bạn bè cuối em hoàn thành đồ án Phạm vi nghiên cứu: Website viết ngôn ngữ PHP, Laravel với database MySQL Cấu trúc website gồm có Back-End Front-End LỜI CẢM ƠN Xin chân thành cảm ơn quý thầy Khoa Công Nghệ thông tin Truyền Thơng tận tình giảng dạy, trang bị, cung cấp cho kiến thức tảng, chuyên môn cần thiết giúp hiểu sâu mơn Xin bày tỏ lịng biết ơn sâu sắc thầy Huỳnh Cơng Pháp, tận tình …… hướng dẫn, bảo dành nhiều thời gian q báu để giúp chúng tơi hồn thành tốt đề tài giao Cuối xin gửi lời cảm ơn đến bạn bè gia đình động viên cổ vũ, đóng góp kiến cho chúng tơi suốt trình học thời gian làm báo cáo, giúp chúng tơi hồn thành báo cáo thời hạn Mặc dù cố gắng hồn thành tốt cơng việc phân công phạm vi khả cho phéo khơng tránh khỏi thiếu sót Rất mong góp ý thầy để báo cáo hoàn chỉnh hơn, đồng thời bổ sung vốn kinh nghiệm cho đường tới Xin chân thành cảm ơn! 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 MỤC LỤC MỞ ĐẦU LỜI CẢM ƠN .4 NHẬN XÉT MỤC LỤC PHẦN 1: GIỚI THIỆU TỔNG QUAN VỀ WEBSITE .6 PHẦN 2: NGHIÊN CỨU TỔNG QUAN 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 loại thú cưng, mục đích chủ yếu website nhằm đăng tải tin tức cách xác lồi thú cưng, cách chăm sóc thú cưng cách, nơi để SEN tìm hiểu giải đáp thắc mắc BOSS cách tốt - Xây dựng giao diện đẹp, dễ nhìn dễ sử dụng - Xây dựng phần mềm quản trị dễ sử dụng, xác 1.2 Phương pháp nghiên cứu - Ý tưởng website cung cấp thông tin thú cưng để tín đồ mê BOSS tiếp cận tốt BOSS - Tìm hiểu số website thông tin tương tự animal.vn, yeuthucung.com - Học số ngôn ngữ cần thiết để tạo 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 liệu thơng tin từ nhiều website để phát triển website riêng cho 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 phụ lục, nội dung đề tài gồm …chương: - Phần Giới thiệu : Giới thiệu tổng quan phương pháp cấu trúc đề tài - Phần Nghiên cứu tổng quan : Tìm hiểu website tương tự phân tích hạn chế cịn tồn đưa giải pháp để thực đề tài Cung cấp thêm sở lý thuyết kiến thức áp dụng đề tài - Phần Phân tích thiết kế hệ thống: Đưa thiết kế ban đầu chi tiết thành phần có hệ thống - Phần Hướng phát triển : Đưa điểm kết luận xác định phương hướng để phát triển tương lai PHẦN 2: NGHIÊN CỨU TỔNG QUAN 2.1 Các website tương tự có - Animal.vn Hình - animal.vn - Petsmart.com 2.2 Điểm bật Petsmart.com - Nhiều hình ảnh miêu tả 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ế tồn Animal.com - Giao diện chưa đẹp Petsmart.com - Khách hàng chưa thể bình luận ý kiến 2.4 Kết luận - Cần trang web phù hợp với nhu cầu tiếp nhận thông tin chia sẻ cho người thú cưng Thông qua website chuyên cung cấp thông tin chuẩn xác loại thú cưng Từ đó, khách hàng có lựa chọn phù hợp hồn hảo cho biết cách chăm sóc thú cưng cách tố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 PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứ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 ngơn ngữ lập trình web phổ biến giới b Đặc điểm - Nó thích hợp với web dễ dàng nhúng vào trang HTML - Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java - Dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác c Ưu điểm : - Dùng mã nguồn mở ( chạy Apache IIS) - Phổ biến ASP ( thấy dựa vào số website dùng PHP) - Dễ học biết HTML C - Dựa vào XAMPP (dễ cấu hình) - Nhiều hệ thống CMS miễn phí dễ dùng - Dễ cặp với MySQL - Hoạt động Linux, IIS – Windowns d Khuyết điểm : - Mã nguồn không đẹp - Chỉ chạy ứng dụng web 2.5.2 MySQL a Khái niệm: MySQL hệ quản trị sở liệu mã nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ dàng sử dụng, có tính khả chuyển hoạt động nhiều hệ điều hành cung cấp miitj hệ thống lớn hàm tiện ích mạnh b Đặc điểm: MySQL ví dụ Hệ Quản trị sở liệu quan hệ sử dụng ngơn ngữ truy vấn có cấu trúc (SQL) Tuy nhiên MySQL phù hợp với CSDL nhỏ trung bình Nếu dùng cho doanh nghiệp lớn phải dùng SQL Server Microsoft Oracle c Ưu - khuyết điểm * Ưu điểm : - Dễ sử dụng: MySQL sở liệu tốc độ cao, ổn định, dễ sử dụng hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh - Độ bảo mật cao: MySQL thích hợp cho ứng dụng có truy cập CSDL Internet sở hữu nhiều nhiều tính bảo mật chí cấp cao 10 - Đa tính năng: MySQL hỗ trợ nhiều chức SQL mong chờ từ hệ quản trị sở liệu quan hệ trực tiếp lẫn gián tiếp - Khả mở rộng mạnh mẽ: MySQL xử lý nhiều liệu mở rộng cần thiết - Nhanh chóng: Việc đưa số tiêu chuẩn cho phép MySQL để làm việc hiệu tiết kiệm chi phí, làm tăng tốc độ thực thi * Khuyết điểm : - Giới hạn: Theo thiết kế, MySQL ý định làm tất kèm với hạn chế chức mà vào ứng dụng cần - Độ tin cậy: Cách chức cụ thể xử lý với MySQL (ví dụ tài liệu tham khảo, giao dịch, kiểm tốn,…) làm cho tin cậy so với số hệ quản trị sở liệu quan hệ khác - Dung lượng hạn chế: Nếu số ghi bạn lớn dần lên việc truy xuất liệu bạn khó khăn, phải áp dụng nhiều biện pháp để tăng tốc độ truy xuất liệu chia tải database nhiều server, tạo cache MySQL 2.5.3 Laravel a Khái niệm : Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc model-view-controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu – rõ ràng , hệ thống đóng gói modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Vào khoảng Tháng năm 2015, lập trình viên 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 năm 2015, theo sau Symfony2, Nette, CodeIgniter, Yii2 vào số khác Trước đó, Tháng 2014, Laravel trở thành project PHP phổ biến theo dõi nhiều Github Laravel 11 phát hành theo giấy phép MIT, với source code lưu trữ Github b Ưu điểm : - Sử dụng tính 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 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 toán - Thiếu liên tục phiên - Một số nâng cấp có vấn đề - Thường không cung cấp phong phú cho ứng dụng di động - 2.5.4 Ajax a.Khái niệm AJAX chữ viết tắt Asynchronous JavaScript and XML Nó kỹ thuật thiết kế web giúp cho ứng dụng web hoạt động bất đồng – xử lý yêu cầu tới server từ phía sau Asynchronous, JavaScript, XML từ AJAX là: - Asynchronous, hay nói ngắn Async – bất đồng Bất đồng có nghĩa chương trình xử lý khơng theo hàm, khơng có quy trình, nhảy bỏ qua bước Ích lợi dễ thấy bất đồng chương trình xử lý nhiều cơng việc lúc - JavaScript ngơn ngữ lập trình tiếng Trong số nhiều chức khả quản lý nội dung động website hỗ trợ tương tác với người dùng - XML dạng ngôn ngữ markup HTML, chữ đầy đủ eXtensible Markup Language Nếu HTML dùng để hiển thị liệu, XML thiết kế để chứa liệu Cả JavaScript XML hoạt động bất đồng AJAX Kết là, nhiều ứng dụng web sử dụng AJAX 12 để gửi nhận data từ server mà tồn trang b.Ưu điểm - Nó giúp việc thiết kế web đa dạng tăng tính tương tác website với người dùng - Nó sử dụng cơng nghệ có sẵn nên dễ học sử dụng - Nhờ tính phổ biến nó, khuyến khích việc phát triển khn mẫu mà giúp lập trình viên tránh khỏi vết xe đổ trước - Được hỗ trợ trình duyệt phổ biến c.Nhược điểm - Bạn bookmark vào favourite trinh duyệt hay gởi link đến cho bạn bè, tất q trình thực ngầm không hiển thị address - Không thể thị nội dung trang tìm kiếm trang tìm kiếm chưa hỗ trợ tìm khó tìm gần khơng thể tìm đc - Khơng thể sử dụng nút back back - Với số trình duyệt, nhu cầu bảo mật, tắt chức thực javascript nên ajax chạy, hay vài host, không hỗ trợ vào sâu cấu hình server nên hay bị lỗi “Access denied” a.Khái niệm Jquery thư viện mã nguồn mở viết ngôn ngữ javascript, giúp đơn giản cách viết javascript tăng tốc độ xử lý xự kiện trang web Phát hành vào tháng năm 2006 BarCamp NYC John Resig Được sử dụng 52% 10.000 truy cập nhiều trang web Jquery khơng thay đổi giao diện(CSS) mà cịn thay đổi nội dung trang bên trang web b.Ưu điểm - Dễ sử dụng - Là thư viện lớn 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 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 khơng có PHẦN 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Mơ hình tổng quan hệ thống nghiên cứu Hình - Trang chủ 14 Hình - Trang chi tiết thú cưng Hình - Trang comment Hình - Trang liên hệ 15 Hình - Trang admin 3.2 Thiết kế chi tiết 3.2.1 Các chức 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ý 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 - Biểu đồ usecase người dùng 16 3.2.2.2 Admin Hình - 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 Xử lý Đăng nhập Người dùng Usecase mô tả bước đăng nhập người dùng vào hệ thống Usename, Password Nếu username password => Đăng nhập thành công Nếu sai username/password => Báo lỗi Hệ thống yêu cầu người dùng nhập tên đăng nhập, mật Người dùng nhập tên đăng nhập, mật nhấn nút đăng nhập Hệ thống kiểm tra thông tin đăng nhập Hệ thống thông báo thành công 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 Xử lý Comment Người dùng, admin Nhận xét 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 đồ Hình 14 - Biểu đồ đă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 phần giao diện chức Cung cấp cho người dùng thêm nhiều chức tích hợp chức chung từ website khác để người dùng không cảm thấy khó sử dụng website - Đề tài hồn thành mức độ sau: - Tìm hiểu PHP, Ajax, laravel website tạo từ phương pháp - Áp dụng xây dựng website thông tin thú cưng 4.2 Hướng phát triển - Tìm hiểu sâu PHP ngôn ngữ, công cụ thiết kế website để hoàn thiện website này, tạo thêm nhiều chức giúp cho người dùng thuận tiện tron tương lai - Mở rộng nguồn thông tin cung cấp, đặc biệt trải nghiệm người - Tìm hiểu thêm thiết kế đồ hoạ để xây dựng giao diện website thân thiện, bắt mắt thu hút người dùng 20 PHẦN 5: NHỮNG TÀI LIỆU THAM KHẢO W3School Online Web Hướng Dẫn: https://www.w3schools.com/ http://vietpro.net.vn/ http://laravel.com.vn/ https://viblo.asia/ http://online.khoapham.vn/php/121-lap-trinh-php khoahoc-lap-trinh-laravel-framework-tai-khoaphamvn.html 21 22 23 24 25