BÁO cáo đồ án tốt NGHIỆP đề tài xây DỰNG WEBSITE KHÓA học, hỗ TRỢ KIỂM TRA và THANH TOÁN ONLINE

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN ONLINE Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN VIẾT VŨ Lớp: CƠNG NGHỆ THƠNG TIN Khố: 58 TP Hồ Chí Minh, 08 năm 2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN ONLINE Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN VIẾT VŨ Lớp: CÔNG NGHỆ THƠNG TIN Khố: 58 TP Hồ Chí Minh, 08 năm 2021 TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH Độc lập – Tự - Hạnh phúc BỘ MÔN CÔNG NGHỆ THÔNG TIN - NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Mã sinh viên: 5851071089 Họ tên SV: Nguyễn Viết Vũ Khóa: 58 Lớp: Công Nghệ Thông Tin Tên đề tài XÂY DỰNG WEBSITE KHĨA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TỐN ONLINE Mục đích, yêu cầu a Mục đích - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung tâm Về phần giao diện admin, thiết kế thuận tiện việc quản lý thông tin, thêm, sửa, xóa cho khóa học kiểm tra b Yêu cầu - Tìm hiểu PHP Laravel Framework - Tìm hiểu HTML, CSS, Javascript, Bootstrap - Tìm hiểu áp dụng Api, toán online chức khác cho website - Xây dựng, thiết kế website phù hợp với mục đích sử dụng Nguyễn Viết Vũ – K58 i Nội dung phạm vi đề tài a Nội dung đề tài - Xây dựng website gồm giao diện cho người dùng admin + Về giao diện người dùng cho phép học viên xem tiến hành đăng ký khóa học offline trung tâm Ngồi trung tâm có khóa học online miễn phí có phí, học viên tiến hành xem, đăng kí tiến hành tốn để sở hữu khóa học Chức hỗ trợ kiểm tra online theo hình thức trắc nghiệm + Về giao diện admin cho phép đăng quản lý khóa học trung tâm khóa học online, quản lý học, kiểm tra Phân quyền chức cho người dùng b Phạm vi đề tài - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung tâm Công nghệ, công cụ ngơn ngữ lập trình a Cơng nghệ: Visual Studio Code version 1.57.1, Xampp PhpMyAdmin phiên bản: 5.0.2 b Ngôn ngữ lập trình: PHP, HTML, CSS, Javascript, Bootstrap Các kết dự kiến đạt ứng dụng - Hoàn chỉnh báo cáo đề tài - Xây dựng đầy đủ chức cần thiết cho website khóa học - Xây dựng giao diện thuận tiện cho người dùng sử dụng - Nắm quy trình nghiệp vụ website - Xây dựng thành công website khóa học Nguyễn Viết Vũ – K58 ii Giáo viên cán hướng dẫn Họ tên: PHẠM THỊ MIÊN Đơn vị công tác: Bộ môn Công Nghệ Thông Tin – Trường Đại học Giao thông Vận tải phân hiệu TP HCM Điện thoại: 0961170638 Email: ptmien@utc2.edu.vn Ngày 01 tháng 08 năm 2021 Đã giao nhiệm vụ TKTN BM Công Nghệ Thông Tin Giáo viên hướng dẫn Phạm Thị Miên Đã nhận nhiệm vụ TKTN Sinh viên: Nguyễn Viết Vũ Ký tên: Điện thoại: 0332173097 Email: 5851071089@st.utc2.edu.vn Nguyễn Viết Vũ – K58 iii LỜI CẢM ƠN Lời nói đầu tiên, em xin gửi tới Quý thầy cô Bộ môn Công Nghệ Thông Tin, Ban Giám Hiệu Trường Đại học Giao thông Vận tải phân hiệu Thành phố Hồ Chí Minh lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm dạy dỗ, bảo tận tình chu đáo thầy cơ, em hồn thành đề tài tốt nghiệp “Xây dựng website Khóa học, hỗ trợ kiểm tra tốn online” Để hồn thành nhiệm vụ giao này, ngồi nỗ lực học hỏi khơng ngừng thân cịn có hướng dẫn tận tình giảng viên năm vừa qua, đặc biệt hết nhờ có giảng viên Phạm Thị Miên, người hướng dẫn cho hướng đi, truyền đạt cho em kiến thức, kỹ để hồn thành đề tài tốt nghiệp Mặc dù cố gắng để hoàn thành đề tài, chắn khó tránh khỏi thiếu sót Em mong nhận đánh giá, góp ý Q thầy để t rút cho học, kinh nghiệm q báu Sau cùng, em khơng biết nói ngồi kính chúc Q thầy Bộ mơn Công Nghệ Thông Tin đặc biệt cô Phạm Thị Miên thật dồi sức khỏe ngày gặt hái nhiều thành công sống nghiệp giảng dạy Em xin chân thành cảm ơn! TP Hồ Chí Minh, ngày 01 tháng 08 năm 2021 Sinh viên thực Nguyễn Viết Vũ Nguyễn Viết Vũ – K58 iv NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày 01 tháng 08 năm 2021 Giảng viên hướng dẫn Phạm Thị Miên Nguyễn Viết Vũ – K58 v MỤC LỤC LỜI CẢM ƠN .IV NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN V DANH MỤC CHỮ VIẾT TẮT .X DANH MỤC HÌNH VẼ XI DANH MỤC BẢNG BIỂU .XIV CHƯƠNG MỞ ĐẦU .1 1.1 Tổng quan đề tài 1.2 Mô tả chi tiết đề tài 1.3 Công cụ sử dụng 1.4 Cấu trúc báo cáo đồ án tốt nghiệp .2 CHƯƠNG CƠ SỞ LÝ THUYẾT .3 2.1 Tổng quan ngơn ngữ lập trình PHP 2.1.1 Ưu nhược điểm PHP .3 2.1.2 Ứng dụng thực tế ngôn ngữ PHP 2.2 Tổng quan Laravel 2.2.1 Ưu điểm Laravel 2.2.2 Nhược điểm Laravel 2.3 HTML .5 2.3.1 Giới thiệu HTML .5 2.3.2 Vai trò HTML .6 2.4 CSS 2.4.1 Giới thiệu CSS 2.4.2 Ưu điểm CSS 2.5 JavaScript 2.5.1 Giới thiệu JavaScript .8 2.5.2 Ưu điểm JavaScript 2.5.3 Nhược điểm JavaScript 2.6 Bootstrap 2.6.1 Giới thiệu Bootstrap .8 2.6.2 Lý chọn Bootstrap 2.6.3 Cấu trúc tính Bootstrap Nguyễn Viết Vũ – K58 vi 2.7 Tổng quan sở liệu .10 2.7.1 Cơ sở liệu MySQL .10 2.7.2 Phương thức hoạt động MySQL 11 2.7.3 Ưu nhược điểm MySQL 11 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 13 3.1 Đặt vấn đề .13 3.2 Yêu cầu hệ thống .13 3.2.1 Yêu cầu chức 13 3.2.2 Mô tả hệ thống 14 3.3 Mơ hình nghiệp vụ hệ thống: 15 3.3.1 Mơ hình thực thể kết hợp ERD 16 3.3.2 Đặc tả quy trình nghiệp vụ: 17 3.3.3 Mơ hình hóa lớp nghiệp vụ 22 3.4 Lưu trữ liệu MySql 23 3.4.1 Các thuộc tính liệu bảng khoahoc .23 3.4.2 Các thuộc tính liệu bảng đào tạo 24 3.4.3 Các thuộc tính liệu bảng test 24 3.4.4 Các thuộc tính liệu bảng danh sách câu hỏi 24 3.4.5 Các thuộc tính liệu bảng khóa học online 25 3.4.6 Các thuộc tính liệu bảng học online 25 3.4.7 Các thuộc tính liệu bảng học viên 26 3.4.8 Các thuộc tính liệu bảng bình luận 26 3.4.2 Các thuộc tính liệu bảng toán 26 3.4.10 Các thuộc tính liệu bảng đăng ký 27 3.4.11 Các thuộc tính liệu bảng tài khoản học viên 27 3.4.12 Các thuộc tính liệu bảng tài khoản quản lý .27 3.4.13 Các thuộc tính liệu bảng chi tiết quyền 27 3.4.14 Các thuộc tính liệu bảng quyền 28 3.5 Database Diagram 28 CHƯƠNG TRIỂN KHAI CHƯƠNG TRÌNH 29 4.1 Các chức hệ thống 29 4.1.1 Giao diện đăng nhập 29 4.1.2 Giao diện Admin .29 4.1.3 Giao diện Thêm khóa học trung tâm 30 Nguyễn Viết Vũ – K58 vii 4.1.4 Giao diện danh sách khóa học trung tâm 30 4.1.5 Giao diện sửa khóa học trung tâm 31 4.1.6 Giao diện thêm đào tạo .31 4.1.7 Giao diện danh sách đào tạo 32 4.1.8 Giao diện sửa đào tạo .32 4.1.9 Giao diện thêm khóa học online .33 4.1.10 Giao diện danh sách khóa học online .33 4.1.11 Giao diện sửa khóa học online .34 4.1.12 Giao diện thêm học online 34 4.1.13 Giao diện danh sách học online 35 4.1.14 Giao diện sửa học online 35 4.1.15 Giao diện thêm kiểm tra 36 4.1.16 Giao diện danh sách kiểm tra 36 4.1.17 Giao diện danh sách câu hỏi 37 4.1.18 Giao diện thêm câu hỏi thành công 37 4.1.19 Giao diện thêm user 38 4.1.20 Giao diện danh sách user .38 4.1.21 Giao diện phân quyền user .39 4.1.23 Giao diện thông tin học viên online 40 4.1.24 Giao diện đổi mật admin 40 4.1.25 Chức đăng xuất 41 4.1.26 Giao diện trang chủ web khóa học 42 4.1.27 Giao diện đăng nhập học viên 43 4.1.28 Giao diện đăng nhập thành công học viên .43 4.1.29 Giao diện đăng nhập facebook 44 4.1.30 Giao diện đăng nhập facebook thành công .44 4.1.31 Giao diện đăng ký tài khoản user 45 4.1.32 Giao diện khóa học trung tâm .45 4.1.33 Giao diện tìm kiếm thành cơng .46 4.1.34 Giao diện chi tiết khóa học trung tâm 46 4.1.35 Giao diện gmail đăng ký thành công 47 4.1.36 Giao diện danh sách khóa học trực tuyến .47 4.1.37 Giao diện chi tiết khóa học online 48 4.1.38 Giao diện tốn khóa học online VNPAY 49 Nguyễn Viết Vũ – K58 vii i 4.1.33 Giao diện tìm kiếm thành cơng Khi nhập từ khóa nhấn tìm kiếm, giao diện trả kết tìm kiếm thành cơng Hình 33: Giao diện tìm kiếm thành cơng 4.1.34 Giao diện chi tiết khóa học trung tâm Khi nhấn nút xem chi tiết giao diện khóa học trả giao diện chi tiết khóa học Hiển thị thơng tin chi tiết khóa học khóa học liên quan Hình 34: Giao diện chi tiết khóa học trung tâm Nguyễn Viết Vũ – K58 46 4.1.35 Giao diện gmail đăng ký thành cơng Khi học viên đăng ký khóa học thành công tiến hành gửi mail cảm ơn cho học viên Hình 35: Gửi mail cảm ơn 4.1.36 Giao diện danh sách khóa học trực tuyến Khi nhấn nút khóa học trực tuyến trả danh sách khóa học trực tuyến Hiển thị thơng tin giá khóa học online Hình 36: Danh sách khóa học trực tuyến Nguyễn Viết Vũ – K58 47 4.1.37 Giao diện chi tiết khóa học online Khi nhấn vào khóa học online trả giao diện chi tiết khóa học online Hiển thị thơng tin chi tiết khóa học online Hình 37: Giao diện hiển thị khóa học chưa tốn Hình 38: Giao diện hiển thị khóa học miễn phí Nguyễn Viết Vũ – K58 48 Hình 39: Giao diện hiển thị khóa học tốn 4.1.38 Giao diện tốn khóa học online VNPAY Khi khóa học online có phí u cầu học viên tốn để sở hữu khóa học Hình 40: Giao diện tốn VNPAY Nguyễn Viết Vũ – K58 49 Hình 41: Giao diện nhập thơng tin VNPAY Hình 42: Giao diện nhập mã xác thực OTP Nguyễn Viết Vũ – K58 50 Hình 43: Hình ảnh thơng tin đơn hàng 4.1.39 Giao diện danh sách giảng Khi nhấn vào button học hiển thị giao diện giảng khóa học online Hình 44: Giao diện danh sách giảng Nguyễn Viết Vũ – K58 51 4.1.40 Giao diện chi tiết học online Khi nhấn vào học hiển thị chi tiết học online Hiển thị video giảng lý thuyết học Ngồi cịn có thêm chức bình luận cho học Hình 45: Giao diện học online Nguyễn Viết Vũ – K58 52 4.1.41 Giao diện kiểm tra Khi nhấn vào kiểm tra tham khảo hiển thị danh sách câu hỏi để học viên trả lời Hình 46: Giao diện kiểm tra tham khảo Giao diện kết kiểm tra tham khảo Hình 47: Giao diện kết kiểm tra Nguyễn Viết Vũ – K58 53 4.1.42 Giao diện quên mật Khi nhấn nút quên mật form đăng nhập trả giao diện quên mật cho user User nhập đầy đủ thơng tin sau nhấn Send để nhận mail đổi mật Hình 48: Giao diện quên mật Check mail để lấy lại mật Hình 49: Hình ảnh email mật Nguyễn Viết Vũ – K58 54 4.1.43 Giao diện cập nhật thông tin học viên Cho phép học viên chỉnh sửa thông tin cá nhân thân Hình 50: Cập nhật thông tin học viên 4.1.44 Giao diện cập nhật thông tin học viên Cho phép học viên xem thông tin khóa học đăng ký Hình 51: Thơng tin khóa học đăng ký Nguyễn Viết Vũ – K58 55 4.1.45 Giao diện giới thiệu trung tâm Hình 52: Trang giới thiệu trung tâm Nguyễn Viết Vũ – K58 56 CHƯƠNG KẾT LUẬN-KIẾN NGHỊ 5.1 Kết Trong trình làm đồ án, em học nhiều kiến thức củng cố kiến thức cũ Kết em đạt : - Biết cách thiết kế sở liệu sử dụng công cụ MySQL để tạo sở liệu, tạo ràng buộc liệu khai thác liệu phù hợp với chương trình Biết cách sử dụng Visual Studio Code xây dựng chức website, tạo giao diện phù hợp với web, dễ dàng sử dụng HTML, CSS, JS Biết cách sử dụng PHP laravel xử lý BackEnd website Thành cơng đưa dự án lên web host: https://khoahocshtp.webstudents.xyz/ Hình 1: Kết đưa lên Web host 5.2 Hạn chế Ngồi kết đạt được, website cịn vấp phải nhiều hạn chế cần phải giải quyết: - Giao diện hệ thống thiết kế theo cảm tính cá nhân, chưa đẹp hoàn hảo Cơ sở liệu chưa hoàn hảo logic, dễ mắc số lỗi trường hợp phức tạp ngồi thực tế Cịn thiếu số tính nâng cao để ứng dụng sử dụng tiện lợi Nguyễn Viết Vũ – K58 57 5.3 Hướng phát triển Trong tương lai, chương trình khắc phục hạn chế Song song với việc đó, chương trình bổ sung thêm nhiều tính nâng cao chất lượng nhiều nhu cầu khác người học, nhằm giúp hệ thống quản lý xác Ngồi ra, có thể, chương trình tích hợp vào chương trình, hệ thống khác sử dụng rộng rãi, phù hợp với doanh nghiệp có quy mơ lớn phục vụ cho thương mại Nguyễn Viết Vũ – K58 58 PHỤ LỤC Phụ lục 1: Hướng dẫn sử dụng Người dùng truy cập đường link https://khoahocshtp.webstudents.xyz/ để truy cập vào Website Khóa học Có thể đăng ký người dùng truy cập tài khoản với tên đăng nhập Viết Vũ, mật 123 Người dùng truy cập đường link https://khoahocshtp.webstudents.xyz/loginadmin để truy cập vào quản lý Website Khóa học Người dùng truy cập tài khoản admin với tên đăng nhập vietvu, mật 123 sau Người dùng truy cập đường link https://auth-db482.hostinger.com/index.php?db=u111695926_khoahocshtp đăng nhập tài khoản u111695926_khoahocshtp mật Khoahocshtp99 để truy cập database host Phụ lục 2: Thông tin trang Web - Đường linh source code: https://github.com/vietvu98/DoAnTotNghiep.git - Đường link sử dụng trang Website: https://khoahocshtp.webstudents.xyz/ https://khoahocshtp.webstudents.xyz/loginadmin Nguyễn Viết Vũ – K58 59 TÀI LIỆU THAM KHẢO [1] Trương Tuấn Anh, Hệ quản trị sở liệu, ĐH Bách Khoa Thành phố HCM [2] Jon Duckett (2011), HTML and CSS: Design and Build Website [3] Jennifer Robbins (2012), Learning Web Design [4] Jon Duckett (2014), JAVASCRIPT & JQUERY: Interactive Front-End Web Development [5] Pgs.Ts Phạm Ngọc Nam (2007), Phân Tích Thiết Kế Hướng Đối Tượng, Đh Bách Khoa Hn [6] Kevin Yank (2001), PHP & MySQL: Novice to Ninja [7] Lynn Beighley & Michael Morison (2002), Head First PHP & MySQL [8] LeanPub (2017), Laravelista A Collection of Laravel Tutorials [9] LeanPub (2017), Laravel 5.4 For Beginners [10] https://edumall.vn, “Edumall - Học trực tuyến cho người làm” – truy cập ngày 01/05/2021 [11] http://www.shtp-training.edu.vn, “SHTP TRAINING CENTER” – truy cập ngày 13/05/2021 [12] https://laravel.com, “Laravel - The PHP Framework For Web Artisans” – truy cập ngày 06/01/2021 [13] https://freetuts.net/hoc-php, “Học PHP - Lập trình PHP - Tự học PHP - Freetuts” – truy cập ngày 06/01/2021 [14] https://www.w3schools.com,“ W3Schools Online Web Tutorials” – truy cập ngày 12/01/2021 [15] https://www.freecodecamp.org, “Learn to Code — For Free — Coding Courses for Busy People” – truy cập ngày 10/05/2021 [16] https://codepen.io, “CodePen: Online Code Editor and Front End Web Developer Community” – truy cập ngày 14/06/2021 [17] https://colorlib.com, “WordPress Themes Website Templates - Colorlib” – truy cập ngày 10/05/2021 [18] https://codelearn.io, “Learn to code easily with CodeLearn” – truy cập ngày 9/05/2021 Nguyễn Viết Vũ – K58 60 ... DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN... KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Mã sinh viên: 5851071089 Họ tên SV: Nguyễn Viết Vũ Khóa: 58 Lớp: Cơng Nghệ Thơng Tin Tên đề tài XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH. .. trung tâm khóa học online, quản lý học, kiểm tra Phân quyền chức cho người dùng b Phạm vi đề tài - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung