TRƯỜNG ĐẠI HỌC KĨ THUẬT CÔNG NGHIỆP KHOA ĐIỆN TỬ BỘ MÔN ĐIỆN TỬ VIỄN THÔNG ĐỒ ÁN VIỄN THÔNG 1 Đề tài LẬP TRÌNH MODULE KHÓA HỌC ONLINE TRÊN NỀN TẢNG WEBSITE Sinh viên thực hiện Lê Thị Thanh Hằng[.]
TRƯỜNG ĐẠI HỌC KĨ THUẬT CÔNG NGHIỆP KHOA ĐIỆN TỬ BỘ MÔN: ĐIỆN TỬ VIỄN THÔNG - - ĐỒ ÁN VIỄN THƠNG Đề tài: LẬP TRÌNH MODULE KHÓA HỌC ONLINE TRÊN NỀN TẢNG WEBSITE Sinh viên thực hiện: Lớp: Giáo viên hướng dẫn: Lê Thị Thanh Hằng Nguyễn Văn Sơn K55 ĐVT.01 Nguyễn Đức Mùi Thái Nguyên, năm 2023 K195520207015 K195520207045 TRƯỜNG ĐH KTCN KHOA ĐIỆN TỬ BỘ MƠN ĐIỆN TỬ VIỄN THƠNG CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc o0o - PHIẾU GIAO ĐỀ TÀI ĐỒ ÁN MÔN HỌC Sinh viên: Thành viên số 1: - Họ tên: Lê Thị Thanh Hằng - MSSV:K195520207015 Thành viên số (Nếu có): - Họ tên: Nguyễn Văn Sơn - Mã SV: K1955202070 Lớp: 55 ĐVT.01 Ngành: Điện tử viễn thông Giáo viên hướng dẫn: GV Nguyễn Đức Mùi Ngày giao đề tài: …………… Ngày hoàn thành: ……………… Tên đề tài: Lập trình module khóa học online tảng website Nội dung thuyết minh tính tốn: - Các chức sản phẩm đồ án: - Thiết kế hệ thống: Báo cáo, chương trình: Sinh viên yêu cầu nộp nội dung sau: Báo cáo word + slide powerpoint Mã nguồn chương trình phần mềm Sơ đồ nguyên lý hoạt động trang web Video Demo Sản phẩm demo (nếu khơng có điểm tối đa B) Thơng qua phần Thông qua phần Thông qua phần Đồng ý cho bảo vệ Phân tích tốn Thiết kế hệ thống Demo TRƯỞNG BỘ MÔN GIÁO VIÊN HƯỚNG DẪN PHIẾU THÔNG QUA ĐỒ ÁN (Thực theo lịch GVHD) Ngày Nội dung thực cần chuẩn bị cho lần thông qua GVHD ký NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Thái Nguyên, ngày….tháng… năm 2023 GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) NHẬN XÉT CỦA GIẢNG VIÊN CHẤM ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Thái Nguyên, ngày….tháng… năm 2023 GIẢNG VIÊN CHẤM (Ký ghi rõ họ tên) MỤC LỤC CHƯƠNG I: MỞ ĐẦU .11 1.1 Lý chọn đề tài 11 1.2 Đối tượng nghiên cứu 11 1.3 Đối tượng khảo sát 12 1.4 Giới hạn phạm vi nghiên cứu .12 1.5 Phương pháp nghiên cứu 12 1.6 Ý nghĩa đề tài .13 CHƯƠNG 2: LÝ THUYẾT 14 2.1 Khái quát laravel 14 2.1.1 Một vài nét laravel 14 2.1.2 Framework gì? PHP Framework gì? 15 2.1.3 Mơ hình MVC gì? 16 2.1.4 Lịch sử phát triển Laravel 17 2.1.5 Ưu điểm nhược điểm Laravel .17 2.1.6 Những tính hữu ích Laravel .19 2.1.7 Hướng dẫn cài đặt Laravel .19 2.2 Khái quát Vuejs 20 2.2.1 Định nghĩa Vuejs gì? .20 2.2.2 Lịch sử đời .21 2.2.3 Lý nên sử dụng Vuejs gì? 22 2.2.4 Cài đặt Vuejs nào? .22 2.2.5 Một số khái niệm cần nắm vững Vuejs gì? 23 2.2.6 Ưu, nhược điểm vuejs 24 2.3 Laravel kết hợp với Vuejs .25 CHƯƠNG 3: TẠO GIAO DIỆN VÀ CƠ SỞ DỮ LIỆU .27 3.1 Giao diện trang web 27 3.1.1 Chia bố cục cho trang 27 3.1.2 Sử dụng thư viện Pinia 28 3.1.3 Thiết kế đa giao diện 28 3.2 Cơ sở liệu (Database) 30 3.2.1 Migration thiết kế sở liệu .30 3.3.2 Tạo Seeding để tạo liệu kiểu mẫu ban đầu 32 3.3.3 Sử dụng controllers routing laravel 34 3.3.4 Sử dụng Axios 35 3.3 Lưu đồ thuật toán 37 3.4 Giao diện trang web sau lập trình 37 CHƯƠNG 4: KẾT LUẬN 40 Kết đạt được: 40 DANH MỤC HÌNH ẢNH Hình 1: laravel 14 Hình 2: Framwork 15 Hình 3: ASP.NET MVC 16 Hình 4: Ưu, nhược điểm laravel .17 Hình 5: Tính hữu ích Laravel 19 Hình 6: Vue.js 21 Hình 7: Lịch sử đời vuejs 21 Hình 1: Bố cục trang web 27 Hình 2: Giao diện hiển thị điện thoại .29 Hình 3: Giao diện thị hình máy tính 29 Hình 4: Thơng số tạo database 30 Hình 5: Bảng liệu tạo 31 Hình 6: Hiển thị khóa ngoại database .32 Hình 7: Data khóa học .33 Hình 8: Controllers routing laravel 34 Hình 9: Get API .35 Hình 10: Render API trang quản lý khóa học .36 Hình 11: BodyCell 36 Hình 12: Lưu đồ thuật toán .37 Hình 13: Giao diện trang web 37 Hình 14: Chức quản trị 38 Hình 15: Hiển thị khóa học .38 Hình 16: Thêm khóa học 39 Hình 17: Update khóa học .39 LỜI CẢM ƠN Qua thời gian nghiên cứu tìm hiểu thực đến đề tài “Lập trình moduls khóa học online tảng website” hồn thành Trong suốt q trình thực đề tài, nhóm đề tài nhận nhiều giúp đỡ nhiệt tình thầy bạn Nhóm đề tài xin chân thành cảm ơn thầy cô trang bị kiến thức quý báu cho nhóm suốt q trình học tập trường Đại học kĩ thuật Công Nghiệp Đặc biệt thầy cô khoa Điện Tử Viễn Thông tận tình giảng dạy, bảo, trang bị cho nhóm kiến thức cần thiết suốt trình học tập nghiên cứu khoa, thầy tạo điều kiện thuận lợi giúp nhóm thực đề tài Nhóm đề tài xin cảm ơn giáo viên hướng dẫn, thầy tận tình hướng dẫn, bảo giúp đỡ nhóm suốt thời gian qua Nhờ vào giúp đỡ bảo thầy mà nhóm hồn thành đồ án viễn thơng Nhóm xin gửi lời cảm ơn gia đình bạn bè ln ln động viên, ủng hộ nhóm suốt q trình thực đồ án viễn thơng Mặc dù nhóm cố gắng nỗ lực để thực để tài nhóm đề tài khơng thể tránh khỏi thiếu sót, kính mong đóng góp hướng dẫn thầy Nhóm đề tài xin chân thành cảm ơn! CHƯƠNG I: MỞ ĐẦU 1.1 Lý chọn đề tài Công nghệ thông tin lĩnh vực thiết thiếu guồng máy kinh tế nhiều nước giới đặc biệt nước phát triển Việt Nam Trải qua thời kì đại dịch covid 2019 nhận thức sâu sắc thêm tầm quan trọng lĩnh vực ứng dụng công nghệ thơng tin Một số hình thức giảng dạy trực tuyến online Đây hình thức truyền tải thơng tin nhanh chóng, hiệu chi phí thấp Giúp người dùng có nhu cầu tiếp cận cho khóa học thơng qua website trực tuyến, khơng nhiều thời gian Với nhiều thành quan trọng, công nghệ thông tin ứng dụng rộng rãi nhiều lĩnh vực, trở thành yếu tố quan trọng phát triển kinh tế - xã hội, an ninh - quốc phòng Việc đẩy mạnh ứng dụng công nghệ thông tin làm thay đổi tác phong làm việc, nâng cao suất lao động, nâng cao dân trí,…Chính thế, cơng nghệ thơng tin trở thành kinh tế mũi nhọn nước ta năm tới Qua trình học lớp tìm hiểu mơn học lập trình Laravel kết hợp với Vuejs nhóm em áp dụng kiến thức học để xây dựng đề tài “Lập trình moduls khóa học online tảng website” với hướng dẫn tận tình giáo viên hướng dẫn Ngoài làm báo cáo chuyên đề giúp cho thành viên nhóm nâng cao khả lập trình rút nhiều kinh nghiệm cho trang web sau Do kiến thức kinh nghiệm lập trình, thiết kế cịn hạn chế nên phần mềm nhóm em cịn có nhiều thiếu xót Rất mong đóng góp thầy bạn để phần mềm nhóm hồn thiện 1.2 Đối tượng nghiên cứu Người sử dụng tất người có nhu cầu học tập khơng có thời gian để đến địa điểm học trực tiếp Công cụ: Microsof Visual Studio 2019, Laragon, Node.js, Bootstrap, Ant Design View PostMan, Laravel, Frontwesome 11 12