ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM NGUYỄN VĂN TOÀN ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG WEBSITE BÁN SÁCH GIẢNG VIÊN HƯỚNG DẪN: ThSINH VIÊ HIỆN: ĐẶNG BẢO LINH LỚP: K11TT Kon Tum, tháng năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐẶNG BẢO LINH CAO THỊ HỒNG HẠNH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG WEBSITE BÁN SÁCH GIẢNG VIÊN HƯỚNG DẪN : Th.S LÊ THỊ BẢO YẾN SINH VIÊN THỰC HIỆN : NGUYỄN VĂN TOÀN LỚP : K11TT MSSV : 17152480201008 Kon Tum, tháng năm 2022 LỜI CẢM ƠN Qua thời gian tìm hiểu thực đến đề tài “Xây dựng hệ thống website bán sách” hồn thành Trong suốt q trình thực đề tài, em nhận nhiều giúp đỡ nhiệt tình thầy bạn Lời em xin bày tỏ lòng biết ơn sâu sắc đến Ban giám hiệu Trường Phân hiệu Đại học Đà Nẵng Kon Tum, quý thầy cô khoa Công Nghệ thầy cô môn tận tình giảng dạy, trang bị kiến thức quan trọng suốt trình học tập trường Đặc biệt, em xin gửi lời cảm ơn đến cô Lê Thị Bảo Yến tận tình giúp đỡ, hướng dẫn em suốt trình thực đồ án tốt nghiệp Với bảo cơ, em có định hướng tốt việc triển khai thực yêu cầu trình làm đồ án tốt nghiệp Tuy nhiên, có nhiều hạn chế, em khơng thể phát huy ý tưởng, khả hỗ trợ ngơn ngữ kỹ thuật lập trình vào đề tài Trong q trình thực đồ án, khơng thể tránh khỏi sai xót, mong nhận giúp đỡ thông cảm quý thầy cô Em xin chân thành cảm ơn! Sinh viên Nguyễn Văn Toàn MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU .1 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Kiến thức 1.3.2 Ứng dụng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế 1.4.2 Nghiên cứu lý thuyết 1.4.3 Nghiên cứu công nghệ 1.5 PHẠM VI NGHIÊN CỨU .2 CHƯƠNG CƠ SỞ LÝ THUYẾT .4 2.1 MƠ HÌNH LARAVEL MVC (MODEL - VIEW – CONTROLLER) .4 2.1.1 Laravel framework 2.1.2 Mơ hình MVC 2.1.3 Luồng tương tác thành phần MVC 2.2 MƠ HÌNH THƯƠNG MẠI ĐIỆN TỬ B2C, C2C .5 2.2.1 Mơ hình B2C .5 2.2.2 Mơ hình C2C 2.3 NGÔN NGỮ LẬP TRÌNH .7 2.3.1 PHP lịch sử phát triển 2.3.2 HTML .8 2.3.3 CSS 2.3.4 Javascript 2.4 CÔNG CỤ SỬ DỤNG 2.4.1 Visual studio code .8 2.4.2 Xampp .9 2.5 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 2.6 THƯ VIỆN HỖ TRỢ 10 2.6.1 Bootstrap Responsive 10 2.6.2 Font Awesome 10 2.6.3 Jquery 10 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 12 3.1 PHÂN TÍCH CHỨC NĂNG CỦA CHƯƠNG TRÌNH 12 3.1.1 Xác định tác nhân chức chức website .12 3.2.2 Các chức tác nhân website 12 3.2 YÊU CẦU VỀ HỆ THỐNG 16 3.2.1 Yêu cầu tính sử dụng 16 3.2.2 Yêu cầu bảo mật 16 i 3.2.3 Yêu cầu lưu 16 3.2.4 Yêu cầu khả dụng 16 3.2.5 Các yêu cầu ràng buộc thiết kế 17 3.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 17 3.2.1 Biểu đồ UseCase .17 3.2.2 Sơ đồ 25 3.2.3 Sơ đồ lớp 47 3.2.4 Lược đồ quan hệ sở liệu 49 CHƯƠNG KẾT QUẢ 53 4.1 GIAO DIỆN PHÍA KHÁCH HÀNG 53 4.1.1 Giao diện trang chủ 53 4.1.2 Giao diện trang sản phẩm 55 4.1.3 Giao diện footer .56 4.1.4 Giao diện trang đăng ký 57 4.1.5 Giao diện trang đăng nhập 57 4.1.6 Giao diện tìm kiếm sản phẩm 58 4.1.7 Giao diện xem chi tiết sản phẩm .59 4.1.8 Giao diện trang giỏ hàng 60 4.1.9 Giao diện trang toán 60 4.1.10 Giao diện trang tin tức 61 4.1.11 Giao diện trang thông tin khách hàng 62 4.1.12 Giao diện chatbox 63 4.2 GIAO DIỆN PHÍA QUẢN TRỊ VIÊN .64 4.2.1 Giao diện trang chủ 64 4.2.2 Giao diện thêm nhà xuất 64 4.2.3 Giao diện sửa nhà xuất .65 4.2.4 Giao diện quản lý tin tức 65 4.2.4 Giao diện thêm tin tức .66 4.2.4 Giao diện sửa tin tức .66 4.2.6 Giao diện khách hàng thành viên 67 4.2.7 Giao diện thêm quản trị viên 67 4.3 GIAO DIỆN PHÍA NHÀ XUẤT BẢN 68 4.3.1 Giao diện trang chủ 68 4.3.2 Giao diện quản lý sách 68 4.3.3 Giao diện thêm sách 69 4.3.4 Giao diện sửa sách 70 4.3.5 Giao diện quản lý danh mục sách 71 4.3.6 Giao diện thêm danh mục sách .71 4.3.7 Giao diện sửa danh mục sách 71 4.3.8 Giao diện quản lý đơn hàng 72 ii 4.3.9 Giao diện chi tiết đơn hàng .72 4.3.10 Giao diện quản lý kho hàng 73 CHƯƠNG KẾT LUẬN 74 5.1 TỔNG KẾT 74 5.1.1 Kết đạt 74 5.1.2 Hạn chế 74 5.2 HƯỚNG PHÁT TRIỂN .74 DANH MỤC TÀI LIỆU THAM KHẢO 75 iii DANH MỤC CÁC TỪ VIẾT TẮT B2C : Business to Consumer C2C : Consumer to Consumer CSDL : Cơ sở liệu Ctrl : Controller MVC : Model View Controller iv Số hiệu bảng 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 DANH MỤC BẢNG Tên bảng Các tác nhân chức hệ thống Bảng đặc tả sơ đồ use case đăng ký tài khoản Bảng đặc tả sơ đồ use case đăng nhập Bảng đặc tả sơ đồ use case quản lý danh mục sách Bảng đặc tả sơ đồ use case quản lý sách Bảng đặc tả sơ đồ use case quản lý nhà xuất Bảng đặc tả sơ đồ use case quản lý tin tức Bảng đặc tả sơ đồ use case quản lý tài khoản Danh sách lớp Lược đồ quan hệ sở liệu v Trang 17 20 20 21 22 23 23 24 47 49 Số hiệu hình 2.1 2.2 2.3 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24 3.25 3.26 3.27 3.28 3.29 3.30 3.31 3.32 3.33 3.34 DANH MỤC HÌNH Tên hình Mơ hình MVC Mơ hình B2C Mơ hình C2C Sơ đồ use case tổng quát Sơ đồ use case đăng ký tài khoản Sơ đồ use case đăng nhập Sơ đồ use case quản lý danh mục sách Sơ đồ use case quản lý sách Sơ đồ use case quản lý nhà xuất Sơ đồ use case quản lý tin tức Sơ đồ use case quản lý tài khoản Sơ đồ đăng ký Sơ đồ đăng nhập thành viên Sơ đồ đăng xuất Sơ đồ xem chi tiết sản phẩm Sơ đồ thêm sản phẩm vào giỏ hàng Sơ đồ xoá sản phẩm khỏi giỏi hàng Sơ đồ đặt hàng Sơ đồ xem đơn hàng Sơ đồ bình luận đánh giá Sơ đồ tìm kiếm sản phẩm Sơ đồ thêm sản phẩm Sơ đồ xoá sản phẩm Sơ đồ sửa sản phẩm Sơ đồ thêm danh mục Sơ đồ sửa danh mục Sơ đồ tuận tự xoá danh mục Sơ đồ quản lý đơn hàng Sơ đồ thêm tin tức Sơ đồ xoá tin tức Sơ đồ sửa tin tức Sơ đồ thêm nhà xuất Sơ đồ sửa nhà xuất Sơ đồ xoá nhà xuất Sơ đồ thống kê Sơ đồ lớp Lược đồ quan hệ sở liệu vi Trang 19 20 21 22 22 23 24 24 25 26 27 27 28 29 30 31 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 48 52 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15 4.16 4.17 4.18 4.19 4.20 4.21 4.22 4.23 4.24 4.25 4.26 4.27 4.28 4.29 4.30 4.31 4.32 Giao diện trang chủ máy tính Giao diện trang chủ mobile Giao diện trang sản phẩm Giao diện footer Giao diện trang đăng ký Giao diện trang đăng nhập Giao diện trang tìm kiếm sản phẩm Giao diện trang chi tiết sản phẩm Giao diên trang giỏ hàng Giao diện trang toán Giao diện trang tin tức Giao diện trang thông tin khách hàng Giao diện chatbox Giao diện trang đọc sách trực tuyến Giao diện trang chủ Giao diện thêm nhà xuất Giao diện sửa nhà xuất Giao diện trang quản lý tin tức Giao diện thêm tin tức Giao diện sửa tin tức Giao diện trang khách hàng thành viên Giao diện thêm quản trị viên Giao diện trang chủ Giao diện quản lý sách Giao diện thêm sách Giao diện sửa sách Giao diện quản lý danh mục sách Giao diện thêm danh mục sách Giao diện sửa danh mục sách Giao diện quản lý đơn hàng Giao diện chi tiết đơn hàng Giao diện quản lý kho hàng vii 53 54 55 56 57 57 58 59 60 60 61 62 63 63 64 64 65 65 66 66 67 67 68 68 69 70 71 71 71 72 72 73 4.1.11 Giao diện trang thông tin khách hàng – Tại khách hàng thấy tất thơng tin chi tiết tài khoản – Khách hàng chỉnh sửa thơng tin như: họ tên, số điện thoại, địa chỉ, email – Khách hàng thay đổi mật tài khoản – Khách hàng xem đơn hàng từ trước tới Hình 4.12: Giao diện trang thơng tin khách hàng 62 4.1.12 Giao diện chatbox Khách hàng liên hệ với quản trị thơng qua chatbox từ facebook Hình 4.13: Giao diện chatbox 4.1.13 Giao diện trang đọc sách Khách hàng đọc sách trực tuyến website Hình 4.14: Giao diện trang đọc sách trực tuyến 63 4.2 GIAO DIỆN PHÍA QUẢN TRỊ VIÊN 4.2.1 Giao diện trang chủ – Trang giao diện trang chủ Admin chia thành phần: menu phía bên trái nội dung trang web phía bên phải – Phần Menu phía bên trái bao gồm thơng tin mà quản trị viên quản lý quản lý nhà xuất bản, quản lý bìa, quản lý tin tức, quản lý tài khoản, thành viên – Trong phần nội dung giao diện trang chủ phía bên phải danh sách danh mục quản lý mà Admin quản lý Admin chọn vào danh mục để xem thơng tin, xóa sửa thơng tin Hình 4.15: Giao diện trang chủ 4.2.2 Giao diện thêm nhà xuất Quản trị viên nhập thơng tin nhà xuất sau nhấn nút thêm Hình 4.16: Giao diện thêm nhà xuất 64 4.2.3 Giao diện sửa nhà xuất Quản trị viên nhập thông tin cần chỉnh sửa nhà xuất sau nhấn nút cập nhật Hình 4.17: Giao diện thêm nhà xuất 4.2.4 Giao diện quản lý tin tức – Tại hiển thị toàn tin tức mà quản trị viên quản lý – Quản trị viên chỉnh sửa trạng thái tin tức – Quản trị viên tìm kiếm tin tức tìm kiếm Hình 4.18: Giao diện trang quản lý tin tức 65 4.2.4 Giao diện thêm tin tức Tại quản trị viên tiến hành nhập đầy đủ thơng tin tin tức sau nhấn vào nút thêm để thị tin tức lên website Hình 4.19: Giao diện thêm tin tức 4.2.4 Giao diện sửa tin tức Tại quản trị viên xem thơng tin tin tức, quản trị viên chỉnh sửa thơng tin theo mục Hình 4.20: Giao diện sửa tin tức 66 4.2.6 Giao diện khách hàng thành viên Tại thị khách hàng thành viên hệ thống, quản trị xem thơng tin chi tiết thành viên Hình 4.21: Giao diện trang khách hàng thành viên 4.2.7 Giao diện thêm quản trị viên Quản trị viên thêm thành viên quản trị khác cách nhập thông tin tương ứng mục nhấn nút thêm Hình 4.22: Giao diện thêm quản trị viên 67 4.3 GIAO DIỆN PHÍA NHÀ XUẤT BẢN 4.3.1 Giao diện trang chủ – Hiện thị thông tin quản trị viên bán hàng bao gồm số sản phẩm, tổng số sản phẩm có kho hàng, hoá đơn bán số thành viên – Tại thị danh thu bán hàng tháng Hình 4.23: Giao diện trang chủ 4.3.2 Giao diện quản lý sách – Tại hiển thị toàn sản phẩm nhà xuất – Nhà xuất tìm kiếm sản phẩm theo từ khố Hình 4.24: Giao diện quản lý sách 68 4.3.3 Giao diện thêm sách Tại nhà xuất cần nhập đầy đủ thông tin sản phẩm tương ứng theo mục, sau nhấn vào nút thêm để tiến hành thêm sản phẩm Hình 4.25: Giao diện thêm sách 69 4.3.4 Giao diện sửa sách Tại nhà xuất thấy thông tin chi tiết sản phẩm, nhà xuất chỉnh sửa thơng tin mục sau nhấn nút cập nhật để tiến hành sửa sản phẩm Hình 4.26: Giao diện sửa sách 70 4.3.5 Giao diện quản lý danh mục sách – Tại hiển thị toàn danh mục sản phẩm hệ thống – Nhà xuất tìm kiếm danh mục theo từ khố Hình 4.27: Giao diện quản lý danh mục sách 4.3.6 Giao diện thêm danh mục sách Tại nhà xuất nhập tên danh mục sản phẩm sau nhấn nút thêm để tiến hành thêm danh mục Hình 28: Giao diện thêm danh mục sách 4.3.7 Giao diện sửa danh mục sách Tại nhà xuất thấy tên cũ danh mục sau thể thay đổi tên nhấn nút cập nhật để tiến hành sửa danh mục Hình 4.29: Giao diện sửa danh mục sách 71 4.3.8 Giao diện quản lý đơn hàng – Tại nhà xuất thấy tồn đơn hàng khách hàng – Nhà xuất điều chỉnh trạng thái đơn hàng Hình 4.30: Giao diện quản lý đơn hàng 4.3.9 Giao diện chi tiết đơn hàng – Tại nhà xuất xem chi tiết đơn hàng khách hàng thông tin khách hàng, thông tin sản phẩm đặt khách hàng – Nhà xuất nhấn nút in để tiến hành in hố đơn Hình 4.31: Giao diện chi tiết đơn hàng 72 4.3.10 Giao diện quản lý kho hàng – Tại nhà xuất thấy toàn sản phẩm kho hàng, nhà xuất tiến hành sửa số lượng nhập xố sản phẩm – Nhà xuất thể tìm kiếm sản phẩm với từ khố tương ứng Hình 4.32: Giao diện quản lý kho hàng 73 CHƯƠNG KẾT LUẬN 5.1 TỔNG KẾT 5.1.1 Kết đạt – Đã hoàn thành chức xem sản phẩm, mua sản phẩm, nhập kho, xuất đơn hàng, xử lý đơn hàng, cập nhật danh mục nhà cung cấp, trang tin tức, quản lý người dùng… – Áp dụng công nghệ Ajax kết hợp với jQuery để tối ưu hóa việc cập nhật liệu (nhanh hơn, thuận tiện, đơn giản hơn) – Giao diện thao tác đơn giản, trực quan – Phân tích đánh giá yêu cầu website – Vận dụng HTML, ngôn ngữ PHP… MySQLvào việc xây dựng website – Phần giao diện người dùng: giao diện thân thiện, cho phép người dùng xem thông tin công ty, sản phẩm cơng ty nhanh chóng dễ dàng – Phần quản trị xây dựng hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thơng tin, liệu, xem, thêm, xóa, cập nhật liệu cho website, thống kê thông tin mục quản lý 5.1.2 Hạn chế – Một số chức chưa xây dựng như: Quản lý nhà vận chuyển, toán trực tuyến… – Chức thống kê kho hàng chưa tối ưu mặt quản lý – Hệ thống chưa tối ưu cấu trúc sở liệu, code, giao diện, số chức 5.2 HƯỚNG PHÁT TRIỂN – Xây dựng thêm số chức thống kê doanh thu chi tiết, toán trực tuyến, quản lý nhà vận chuyển… – Tối ưu hóa hệ thống để website hoạt động nhanh – Nâng cấp hoàn thiện giao diện người dùng, chức tính bảo mật hệ thống 74 [1] [2] [3] [4] DANH MỤC TÀI LIỆU THAM KHẢO Anh Nam, “Tìm hiểu lập trình Website” [Trực tuyến] Địa chỉ: https://wiki.mat bao.net/ [Ngày truy cập: 20/01/2022] Robin Nixon (2015), Learning PHP, MySQL & JavaScript, English books Max30 TS Ao Thu Hoài – PGS TS Nguyễn Viết Khôi (2015), Thương mại điện tử, Nhà xuất thông tin truyền thông Xuan Nhat, “Hệ quản trị Cơ sở liệu ứng dụng” [Trực tuyến] Địa chỉ: https://vi.wikipedia.org/ [Ngày truy cập: 22/01/2022] 75 GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Nguyễn Văn Toàn Lớp: K11TT Mã số sinh viên: 17152480201002 Xác nhận sinh viên: Nguyễn Văn Toàn chỉnh sửa báo cáo thực tập tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên báo cáo thực tập tốt nghiệp: Xây dựng hệ thống website bán sách Kon Tum, ngày tháng năm 2022 Trưởng khoa Người hướng dẫn ... tiên Quản trị hệ thống truy cập vào trang quản lý sách Dịng kiện Từ giao diện trang quản lý sách Hệ thống hiển thị tồn thơng tin sách Nhà xuất xem thông tin sách thêm, xóa, sửa sách Dịng kiện... mật tài khoản khách hàng phải mã hóa,… – Hệ thống phải đảm bảo chất lượng 16 3.2.5 Các yêu cầu ràng buộc thiết kế Hệ thống đáp ứng yêu cầu: – Hệ thống xây dựng mã nguồn mở – Sử dụng Web Server:... việc thêm bớt module tích hợp hệ thống vào hệ thống khác dễ dàng 3.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.2.1 Biểu đồ UseCase a Các tác nhân Bảng 3.1: Các tác nhân chức hệ thống Tác nhân UseCase – Chuyển