Phát triển website đọc truyện, sử dụng công nghệ laravel đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE ĐỌC TRUYỆN Sinh viên thực hiên Ngày sinh Lớp Khoa Mã sinh viên Giáo viên hướng dẫn : : : : : : Bùi Thành Long 01/11/2000 DCCNTT9.10.IT2 Công Nghệ Thông Tin 187480201166 ThS Mai Văn Linh Bắc Ninh - 2022 Bắc Ninh - 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á BÙI THÀNH LONG TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE ĐỌC TRUYỆN Giáo viên hướng dẫn: Ths Mai Văn Linh Bắc Ninh - 2022 LỜI CAM ĐOAN Em xin cam đoan đồ án tốt nghiệp thân em Các kết đồ án tốt nghiệp trung thực, không chép từ nguồn bất ký hình thức Việc tham khảo nguyên tài liệu (nếu có) thực trính dẫn ghi nguồn tài liệu tham khảo theo quy đình Tác giả ĐATN Chữ ký Long Bùi Thành Long LỜI CẢM ƠN Trong suốt trình triểu khai phát triển đồ án thân, em nhận giúp đỡ nhiệt tình, đóng góp rút ý kiến bạn bè, thầy cô trường Qua em xin cảm ơn tới: Ban giám hiệu nhà trường Đại học Công Nghệ Đông Á thầy cô khoa Công nghệ thông tin tạo điều kiện thuận lợi cho em hoàn thành đồ án Em xin cảm ơn biết ơn sâu sắc thầy Ths Mai Văn Linh, thầy hướng dẫn tạo điều kiện giúp đỡ động viên định hình cho em đường phát triển đồ án Xin cảm ơn thầy cô hội đồng chấm thi đưa thiếu xót, góp ý để em ngày hồn thiện sản phẩm Cám ơn bạn bè lớp đồn kết giúp đỡ nhiệt tình đưa thiếu xót báo cáo Trong q tình làm đồ án, em nhận thấy cịn mắc nhiều điểm thiếu xót mong bạn thầy bỏ qua Với kiến thức hạn chế em mong nhận nhiều đóng góp để hồn thiện đồ án Em xin chân thành cảm ơn DANH MỤC TỪ VIẾT TẮT MVC: Model-View-Controller DOM Document Object Model CSDL: Cơ sở liệu HTML: Hyper Text Markup Language CSS: Cascading Style Sheets MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU PHẦN MỞ ĐẦU 10 CHƯƠNG TỔNG QUAN ĐỀ TÀI VÀ CƠ SỞ LÝ THUYẾT 11 1.1 Tổng quan đề tài 11 1.1.1 Bài toán đặt 11 1.1.2 Mục tiêu đề tài 12 1.2 Cơ sở lý thuyết 12 1.2.1 Phân tích thiết kế hệ thống thơng tin [1] 12 1.2.2 Cơ sở liệu 15 1.2.3 Công nghệ Laravel 16 2.3 Xây dựng biểu đồ lớp 42 2.4 Biểu đồ 43 2.4.1 Biểu đồ chức đăng nhâp 43 2.4.2 Biểu đồ chức đăng ký 43 2.4.3 Biểu đồ chức quản lý tài khoản 44 2.4.4 Biểu đồ chức tìm kiếm 46 2.4.5 Biểu đồ chức quản lý tác phẩm 46 2.4.6 Biểu đồ chức quản lý danh mục 49 2.4.7 Biểu đồ chức quản lý thể loại 52 2.4.8 Biểu đồ chức quản lý thông tin website 55 2.4.9 Biểu đồ chức quản lý danh sách truyện 59 2.4.10 Biểu đồ chức quản lý chapters 59 2.4.11 Biểu đồ chức đánh giá 62 2.4.12 Biểu đồ chức comment 64 2.4.13 Biểu đồ chức quản lý vai trò 65 2.5 Biểu đồ hoạt dộng 66 2.5.1 Đăng ký tài khoản độc giả 66 2.5.2 Đăng nhập độc giả 67 2.5.3 Tìm kiếm tác phẩm 68 2.5.4 Comment tác phẩm 69 2.5.5 Đánh giá tác phẩm 70 2.5.6 Đăng nhập admin 70 2.5.7 Quản lý tài khoản user 71 2.5.8 Quản lý danh mục 72 2.5.9 Quản lý thể loại 72 2.5.10 Quản lý tác giả 74 2.5.11 Quản lý truyện 75 2.5.12 Quản lý thông tin website 76 DANH MỤC HÌNH ẢNH Hình 1:Thành phẩn hệ thống thông tin 14 Hình 2: Biểu đồ UML 15 Hình 3: Mơ hình MVC 17 Hình 1: Biểu đồ usecase tổng quát 33 Hình 2: Biểu đồ usecase quản trị viên 34 Hình 3: Biểu đồ usecase độc giả 35 Hình 4: Biểu đồ user case đăng nhập 35 Hình 5: Biểu đồ user case quản lý tài khoản 36 Hình 6: Biểu đồ user case quản lý tác phẩm 37 Hình 7: Biểu đồ user case quản lý danh mục 37 Hình 8: Biểu đồ user case quản lý thể loại 38 Hình 9: Biểu đồ user case quản lý thông tin website 39 Hình 10: Biểu đồ user case quản lý danh sách truyện 40 Hình 11: Biểu đồ user case quản lý chapters 41 Hình 12: Biểu đồ lớp 42 Hình 13:Biểu đồ chức đăng nhập 43 Hình 14:Biểu đồ chức đăng ký 44 Hình 15: Biểu đồ chức quản lý tài khoản 45 Hình 16: Biểu đồ chức tìm kiếm 46 Hình 17: Biểu đồ chức thêm tác phẩm 47 Hình 18 Biểu đồ chức sửa tác phẩm 48 Hình 19 Biểu đồ chức xóa tác phẩm 49 Hình 20 Biểu đồ chức thêm danh mục 50 Hình 21 Biểu đồ chức sửa danh mục 51 Hình 22 Biểu đồ chức xóa danh mục 52 Hình 23 Biểu đồ chức thêm thể loại 53 Hình 24 Biểu đồ chức sửa thể loại 54 Hình 25 Biểu đồ chức xóa thể loại 55 Hình 26 Biểu đồ chức thêm thơng tin website 56 Hình 27 Biểu đồ chức sửa thông tin website 57 Hình 28 Biểu đồ chức xóa thơng tin website 58 Hình 29 Biểu đồ chức danh sách truyện 59 Hình 30 Biểu đồ chức thêm chapters 60 Hình 31 Biểu đồ chức sửa chapters 61 Hình 32 Biểu đồ chức xóa thơng tin website 62 Hình 33 Biểu đồ chức đánh giá 63 Hình 34 Biểu đồ chức comment 64 Hình 35 Biểu đồ quản lý vai trò 65 Hình 1: Giao diện đăng nhập độc giả 91 Hình 2: Giao diện đăng ký độc giả 92 Hình 3: Giao diện đăng nhập quản trị hệ thống 93 Hình 4: Giao diện trang chủ 94 Hình 5: Giao diện chi tiết tác phẩm 95 Hình 6: Giao diện quản lý Dashboard 96 Hình 7: Giao diện quản lý danh mục 97 Hình 8: Giao diện quản lý thể loại 98 Hình 9: Giao diện quản lý tác giả 99 Hình 10: Giao diện quản lý danh sách truyện 100 Hình 11: Giao diện quản lý danh sách chương 100 Hình 12: Giao diện quản lý thông tin website 101 Hình 13: Giao diện quản lý danh sách tài khoản 102 Hình 14: Giao diện quản lý tạo tài khoản 103 Hình 15: Giao diện quản lý vai trò 104 Hình 16: Giao diện quản lý tạo quyền 104 DANH MỤC BẢNG BIỂU Bảng 1: Phương thức route hỗ trợ 21 Bảng Bảng danh sách yêu cầu 27 Bảng 2: Bảng phân loại yêu cầu chức 29 Bảng Liệt kê actor 29 Bảng 4: Bảng danh sách Usecase 30 Bảng 5: Bảng authors 77 Bảng 6: Bảng categories 78 Bảng 7: Bảng chapters 78 Bảng 8: Bảng comments 79 Bảng 9: Bảng genres 79 Bảng 10: Bảng information 80 Bảng 11: Bảng ratings 80 Bảng 12: Bảng roles 81 Bảng 13: Bảng permissions 81 Bảng 14: Bảng roles_has_permissions 81 Bảng 15 Bảng stories 82 Bảng 16 Bảng story_categories 82 Bảng 17: Bảng story_genres 83 Bảng 18: Bảng users 83 Bảng 19: Bảng vieweds 83 Bảng 20: Bảng viewers 84 Bảng 1: Bảng môi trường làm việc 89 PHẦN MỞ ĐẦU Ngày nay, với phát triển mạnh mẽ internet đem đến giá trị lớn lao trở thành điều thiết yếu tất lĩnh vực sống Nó đem lại kết nối thông tin tất người dù đâu giới Giờ cần thiết bị có khả kết nối mạng với công cụ phần mềm cần thiết thông tin bạn muốn gần xuất Internet giúp tất công việc thực nhanh hơn, hiệu giảm tối đa chi phí phát sinh Chính thúc đẩy giải trí cách thức đột phá kỉ lĩnh vực giải trí Trong hoạt động giải trí khẳng định chỗ đứng thị trường Việc đơn giản hóa q trình giải trí người dân khơng trực tiếp phải đến cửa hàng, hiệu sách,… nhu cầu cần thiết Trên thực tế giai đoạn dịch bệnh covid nước ta, hoạt động giải trí nhiều bạn trẻ tìm đến đọc truyện Vì lý ,đề tài “Phát triền website đọc truyện” đề tài mà em lựa chọn làm đồ án tốt nghiệp Hệ thống phát triển theo mơ hình MVC, hệ thống phát triển thành cơng đưa vào sử dụng Với trợ giúp hệ thống này, người quản lý quản lý tác phẩm cách dễ dàng Website đọc truyện với chức năng: - Đăng kí, đăng nhập tài khoản admin độc giả - Phân quyền - Quản lý tác phẩm - Quản lí danh mục - Quản lí thể loại - Quản lí tác giả - Quản lí thơng tin website - Quản lí tài khoản - Comments truyện - Đáng giá truyện - Tìm kiếm tác phẩm theo danh mục, tác giả, tên tác phẩm, thể loại 10 Hình 3: Giao diện đăng nhập quản trị hệ thống Trang đăng nhập cho người quản trị web bán hàng - Tại form đăng nhập người quản trị nhập thông tin: + Nhập email, mật + Ấn đăng nhập - Ngồi cịn đăng ký tài khoản chưa admin cấp quyền + Ấn vào “Tạo tài khoản” nhập đầy đủ thông tin ● Giao diện trang chủ website 93 Hình 4: Giao diện trang chủ - Trang chủ trang đọc truyện có tác phẩm để đọc giả tiến hành chọn lựa - Độc giả tìm kiếm tác phẩm u thích cách: + Nhập tên tác phẩm tên tác giả search ấn enter + Lọc tác phẩm theo danh sách, loại tác giả ● Giao diện chi tiết tác phẩm 94 Hình 5: Giao diện chi tiết tác phẩm Độc giả xem thông tin chi tiết tác phẩm nhìn thấy: + Có tên tác phẩm, có hình ảnh, tên tác giả, thể loại,… + Có thể đánh giá tác phẩm + Có thể xem tác phẩm hot + Có thể comment tác phẩm ● Giao diện quản lý Dashboard 95 Hình 6: Giao diện quản lý Dashboard - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Có thể xem thơng tin - Truyện xem nhiểu ● Giao diện quản lý danh mục 96 Hình 7: Giao diện quản lý danh mục - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Tiến hành thêm: + Ấn vào “Thêm danh mục” nhập đầy đủ thơng tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý thể loại 97 Hình 8: Giao diện quản lý thể loại - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Tiến hành thêm: + Ấn vào “Thêm thể loại” nhập đầy đủ thơng tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thơng tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý tác giả 98 Hình 9: Giao diện quản lý tác giả - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Tiến hành thêm: + Ấn vào “Thêm tác giả” nhập đầy đủ thơng tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý truyện 99 Hình 10: Giao diện quản lý danh sách truyện Hình 11: Giao diện quản lý danh sách chương - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Tiến hành thêm: + Để thêm tác phẩm: Ấn vào “Thêm truyện” nhập đầy đủ thơng tin sau ấn nút xác nhận 100 + Để thêm chương vào tác phẩm: Ấn vào biểu tượng thứ cột quản lý Ấn vào “Thêm chương mới” nhập đầy đủ thông tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý thơng tin website Hình 12: Giao diện quản lý thơng tin website - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào - Tiến hành thêm: + Ấn vào “Thêm thông tin” nhập đầy đủ thông tin sau ấn nút xác nhận 101 - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý tài khoản Hình 13: Giao diện quản lý danh sách tài khoản 102 Hình 14: Giao diện quản lý tạo tài khoản - Người quản trị xóa, sửa quyền user để thực chức quyền hạn cho phép hệ thống - Tiến hành thêm: + Ấn vào “Tạo tài khoản” nhập đầy đủ thơng tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào biểu tượng sửa cột quản lý điền nhập lại đầy đủ thơng tin xác nhận - Tiến hành xóa: + Ấn vào biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm ● Giao diện quản lý phân quyền 103 Hình 15: Giao diện quản lý vai trị Hình 16: Giao diện quản lý tạo quyền - Người quản trị người dùng hệ thống có đủ quyền thêm, xóa, sửa vào 104 - Tiến hành thêm: + Ấn vào “Tạo quyền” nhập đầy đủ thơng tin sau ấn nút xác nhận - Tiến hành sửa: + Ấn vào “Vai trò” biểu tượng sửa cột quản lý điền nhập lại đầy đủ thơng tin xác nhận - Tiến hành xóa: + Ấn vào “Vai trị” biểu tượng xóa cột quản lý điền nhập lại đầy đủ thông tin xác nhận - Tiến hành tìm kiếm: + Nhập tên viết id muốn tìm kiếm KẾT LUẬN Kêt đạt - Trong trình làm đồ án bố sung cho em hiểu rõ php,html,css, jquery,…Ngoài dẫn thầy giáo giúp em bắt sử dụng framework laravel vào dự án có khả phát triển thành mơ hình thực tế - Về website hoàn thành chức đặt nhiên chức cịn sơ sài thiếu xót Hạn chế - Code cịn thơ sơ, khó đọc cho người sau để phát triển tiếp - Tốc độ truy cập chậm nhiều nguyên nhân: đặc biệt chưa tối ưu câu truy vấn, sở liệu chưa thiết kế chuẩn để giảm thiểu dư thừa liệu - Có nhiều lỗi chưa thể khắc phục xong, có khả bị nhắm vào để gian lận 105 - Tính chưa đầy đủ Định hướng phát triển - Cải thiện thêm tính - Cải thiện số phần giao diện - Xem xét lại sở liệu, thay đổi số truy vấn code Tài liệu tham khảo V N N Anh, "Phân tích thiết kế hệ thống thơng tin," https://vonguyennamanh.files.wordpress.com/2016/11/bg0000000007.pdf, xuất bản: 27, 11/2016 Ngày truy cập: 11/10/2022 "Topdev," [Online] Available: https://topdev.vn/blog/framework-la-gi/ C T T Hang, "Đôi điều MVC," https://viblo.asia/p/doi-dieu-ve-mo-hinh-mvcE375z0vJZGW xuất 17/9/2018 Ngày truy cập: 11/10/2022 H Trần, "Tìm hiểu Blade Template Laravel," https://viblo.asia/p/tim-hieuve-blade-template-trong-laravel-3P0lP4aglox , xuất 16-5, 2019 Ngày truy cập: 11/10/2022 H Nguyễn, "Tìm hiểu Route Laravel," https://viblo.asia/p/tim-hieu-ve-routetrong-laravel-V3m5W1pwZO7 , xuất 7-9, 2018 Ngày truy cập: 11/10/2022 106 Quý, "Giới thiệu Controller," https://viblo.asia/p/gioi-thieu-ve-controller-tronglaravel-bWrZnXRO5xw , xuất 23/04/2020 Ngày truy cập: 11/10/2022 Nguyen Ngoc Trung ”Tìm hiểu middleware” https://viblo.asia/p/laravel-tim-hieuve-middleware-djeZ1ajmZWz , xuất bản.27/6/2017 Ngày truy cập: 11/10/2022 N Hồng, "Tìm hiểu Migration Laravel.," https://viblo.asia/p/tim-hieu-vemigration-trong-laravel-bWrZn1MpKxw , xuất 7/3/ 2018 Ngày truy cập: 11/10/2022 N Hồng, "Tìm hiểu Eloquent Laravel," https://viblo.asia/p/tim-hieu-eloquenttrong-laravel-phan-1-eloquent-model-database-QpmleBAo5rd , xuất 23/07/ 2018 Ngày truy cập: 11/10/2022 10 wiki, "wiki," [Online] Available: https://wiki.matbao.net/laravel-la-gi-huong-dancai-dat-laravel-nhanh-chong/.xuất 3/12/2021 Ngày truy cập: 11/10/2022 107