i TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN XÂY DỰNG ỨNG DỤNG HỌC TRỰC TUYẾN TẠI TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI HÀ NỘI - 2016 ii TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN TRẦN VĂN LỊCH XÂY DỰNG ỨNG DỤNG HỌC TRỰC TUYẾN TẠI TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MƠI TRƯỜNG HÀ NỘI Chun nghành: Cơng nghệ thơng tin Mã ngành: D480201 NGƯỜI HƯỚNG DẪN: Ths.VŨ VĂN HUÂN Hà Nội - 2016 iii LỜI CAM ĐOAN Em xin cam đoan toàn nội dung đồ án tốt nghiệp em tự tìm hiểu, nghiên cứu Internet, sách tài liệu ngồi nước có liên quan tài liệu trích dẫn cụ thể Ngồi đồ án cịn sử dụng số nhận xét, đánh số liệu thống kê tác giả khác thích nguồn gốc Em xin hoàn toàn chịu trách nhiệm lời cam đoan trước q thầy khoa nhà trường Hà Nội, ngày 06 tháng 06 năm 2016 Người cam đoan Trần văn Lịch iv LỜI CẢM ƠN Lời em xin cảm ơn gửi lời chúc tốt đẹp đến quý thầy cô giáo Khoa Công nghệ thông tin trường Đại học Tài Nguyên Môi Trường Hà Nội với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu, tận tình dìu dắt dạy dỗ em suốt trình học tập rèn luyện trường Em xin bày tỏ lòng biết tới thầy Vũ Văn Huân người tận tình hướng dẫn đóng góp ý kiến quý báu trình em làm đồ án tốt nghiệp Em xin cám ơn ban lãnh đạo tồn thể thầy trường tạo điều kiện tốt cho em học tập Con xin gửi lời cảm ơn bố mẹ người chăm lo ủng hộ động viên dù có khó khăn tạo điều kiện tốt để học Cảm ơn tập thể lớp ĐH2C5, bạn giúp đỡ ngày tháng ngồi giảng đường đại học Trong trình làm đồ án cố gắng hoàn thiện đề tài tốt khó tránh khỏi sai sót em mong nhận góp ý thầy để em hồn thiện ứng dụng thực tế Em xin chân thành cảm ơn! Hà Nội , tháng năm 2016 Trần Văn Lịch v MỤC LỤC LỜI CAM ĐOAN i LỜI CẢM ƠN iv DANH MỤC TỪ VÀ THUẬT NGỮ VIẾT TẮT viii DANH MỤC CÁC BẢNG ix DANH MỤC HÌNH VẼ ix MỞ ĐẦU 1 Lý chọn đề tài .1 Mục đích nghiên cứu .2 Đối tượng ứng dụng phạm vi nghiên cứu Phương pháp nghiên cứu 3.1 Phương pháp khảo sát 3.2 Phương pháp nghiên cứu tài liệu Cấu trúc đồ án CHƯƠNG 1: TỔNG QUAN VỀ HỌC TRỰC TUYẾN E-LEARNING 1.1 Khái niệm E-learning 1.2 Mơ hình hệ thống E-learning .5 1.3 Lịch sử hình thành phát triển học trực tuyến E-learning 1.4 So sánh giáo dục truyền thống E-learning 1.4.1 Giáo dục truyền thống 1.4.2 Hình thức đào tạo trực tuyến E-learning 1.5 Kết hợp giáo dục truyền thống E-learning 10 1.6 Các kiểu trao đổi thông tin E-learning 10 CHƯƠNG 2: NGHIÊN CỨU BOOTSTRAP FRAMEWORK VÀ MÃ NGUỒN MỞ MOODLE 12 2.1 Boostrap framework 12 2.1.1 Tổng quan 12 2.1.2 Ưu điểm hạn chế Bootstrap 12 2.1.3 Cấu trúc Bootstrap 13 2.1.4 Mã nguồn Bootstrap 14 2.1.5 Hệ thống lưới-Gird System 14 vi 2.1.6 Form 15 2.1.7 Giao diện 16 2.1.8 Thiết kế giao diện sử dụng Bootstrap hệ thống học trực tuyến 17 2.2 Mã nguồn mở Moodle 17 2.2.1 Tổng quan 17 2.2.2 Lý sử dụng Moodle .18 2.2.3 Các tính moodle .19 2.2.4 Đặc điểm bật .19 2.2.5 Cấu trúc Moodle .21 2.2.6 Thư viện Moodle 21 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 23 3.1 Phân tích yêu cầu hệ thống dựa tên Actor Use case 23 3.1.1 Các tác nhân hệ thống 23 3.1.2 Các ký hiệu UML .23 3.1.3 Đặc tả Actor 24 3.1.4 Xác định Use Case Actor 25 3.3 Đặc tả Use-Case 41 3.4 Sơ đồ liên kết thực thể 42 CHƯƠNG 4: XÂY DỰNG ỨNG DỤNG HỌC TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ MOODLE 44 4.1 Cài đặt gói phần mềm cần thiết 44 4.2 Cài đặt mã nguồn Moodle 45 4.2.1 Chuẩn bị 45 4.2.2 Cài đặt 46 4.2.3 Các lỗi thường gặp cài đặt 49 4.3 Ghép giao diện sử dụng Framework Bootstrap vào Moodle .49 4.3.1 Tạo thư mục cần thiết 49 4.3.2 Cấu hình giao diện 49 4.3.3 Cấu hình tập tin ngôn ngữ 50 4.3.4 Viết file layout 50 4.4 Các công cụ hỗ trợ .51 vii 4.4.1 Công cụ tạo đề thi trắc nghiệm 51 4.4.2 Công cụ thiết kế giảng eXe 53 4.5 Giao diện số chức .53 KẾT LUẬN 59 TÀI LIỆU THAM KHẢO 61 PHỤ LỤC 62 viii DANH MỤC TỪ VÀ THUẬT NGỮ VIẾT TẮT STT Chữ viết tắt Chú thích Ý nghĩa Ngơn ngữ sử CSS Cascading Style Sheets dụng định dạng thuộc tính HTML MySQL PHP Mobile API SASS Hyper Text Markup Ngôn ngữ đánh Language dấu siêu văn Structured Query Hệ quản trị sở Language liệu Personal Home Page Ngôn ngữ lập trình kịch Thiết bị di động Application Giao diện lập trình Programming Interface ứng dụng CSS Prepocessor Bộ chọn CSS có cấu trúc ix DANH MỤC CÁC BẢNG Bảng 2.1 Cấu trúc Moodle 21 Bảng 2.2 Thư viện Moodle 22 x DANH MỤC HÌNH VẼ Hình 1.1 Mơ hình hệ thống E-learning Hình 1.2 Hình thức trao đổi thơng tin –một .10 Hình 1.3 Hình thức trao đổi thơng tin –nhiều 11 Hình 2.1 Cấu trúc framework Bootstrap 13 Hình 2.2 Mã nguồn Bootstrap 14 Hình 2.3 Các tùy chọn hệ thống lưới 15 Hình 2.4 Form sử dụng Bootstrap 16 Hình 2.5 Giao diện Bootstrap đơn giản 17 Hình 2.6 Cấu trúc thư mục giao diện .17 Hình 2.7 Ưu điểm moodle 20 Hình 3.1 Ký hiệu UML .24 Hình 3.2 Biểu đồ use case tổng quát hệ thống 28 Hình 3.3 Biểu đồ use case admin- quản trị hệ thống .29 Hình 3.4 Biểu đồ use case giáo viên quản lý 30 Hình 3.5 Biểu đồ use case sinh viên quản lý 31 Hình 3.6 Biểu đồ use case khách vãng lai .32 Hình 3.7 Biểu đồ phân use case quản lý thành viên 32 Hình 3.8 Biểu đồ phân rã use case quản lý khóa học 33 Hình 3.9 Biểu đồ phân rã use case quản lý module 34 Hình 3.10 Biểu đồ phân rã use case quản lý bảo mật .35 Hình 3.11 Biểu đồ phân rã use case quản lý giao diện 36 Hình 3.12 Biểu đồ phân rã use case phân quyền .37 Hình 3.13 Biểu đồ phân rã use case quản lý tài khoản 38 Hình 3.14 Biểu đồ phân rã use case quản lý hoạt động 39 Hình 3.15 Sơ đồ liên kết thực thể .43 Hình 4.1 Cài đặt Xampp hoàn tất 44 Hình 4.2 Giao diện Dreamweaver 45 xi Hình 4.3 Lựa chọn ngơn ngữ cài đặt .47 Hình 4.4 Thiết lập đường dẫn thư mục 47 Hình 4.5 Chọn hệ quản trị sở liệu 48 Hình 4.6 Kiểm tra cấu hình máy chủ .48 Hình 4.7 Tạo Gift Format 51 Hình 4.8 Đặt tên cho gói Macro 52 Hình 4.9 Trình soạn thảo Microsoft visual basic 52 Hình 4.10 Lưu ngân hàng câu hỏi trắc nghiệm .53 Hình 4.11 Giao diện trang chủ chưa đăng nhập .55 Hình 4.12 Giao diện sinh viên đăng nhập 56 Hình 4.13 Giao diện sinh viên chọn khóa học 56 Hình 4.14 Giao diện học lý thuyết 57 Hình 4.15 Giao diện học qua video 57 Hình 4.17 Giao diện phịng học trực tuyến 58 ...ii TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN TRẦN VĂN LỊCH XÂY DỰNG ỨNG DỤNG HỌC TRỰC TUYẾN TẠI TRƯỜNG ĐẠI HỌC TÀI NGUN VÀ MƠI TRƯỜNG HÀ NỘI Chun nghành: Cơng... nghệ thông tin trường Đại học Tài Nguyên Môi Trường Hà Nội với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu, tận tình dìu dắt dạy dỗ em suốt trình học tập rèn luyện trường Em xin bày... giảng đường đại học Trong trình làm đồ án cố gắng hoàn thiện đề tài tốt khó tránh khỏi sai sót em mong nhận góp ý thầy để em hồn thiện ứng dụng thực tế Em xin chân thành cảm ơn! Hà Nội , tháng