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
Chuyên 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

Trong quá trình làm đồ án mặc dù đã cố gắng hoàn thiện đề tài tốt nhất có thể
nhưng khó có thể tránh khỏi sai sót em rất mong nhận được sự góp ý của thầy cô để
em hoàn thiện và ứng dụng trong thực tế.
Em xin chân thành cảm ơn!
Hà Nội , tháng 6 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
1. Lý do chọn đề tài .....................................................................................................1
2. Mục đích nghiên cứu ...............................................................................................2
3. Đối tượng ứng dụng và phạm vi nghiên cứu...........................................................2
3. Phương pháp nghiên cứu .........................................................................................2
3.1. Phương pháp khảo sát ..........................................................................................2
3.2. Phương pháp nghiên cứu tài liệu..........................................................................3
4. Cấu trúc đồ án .........................................................................................................3
CHƯƠNG 1: TỔNG QUAN VỀ HỌC TRỰC TUYẾN E-LEARNING ............5
1.1. Khái niệm E-learning ...........................................................................................5
1.2. Mô hình hệ thống E-learning ...............................................................................5
1.3. Lịch sử hình thành và phát triển học trực tuyến E-learning .................................6
1.4. So sánh giữa giáo dục truyền thống và E-learning ..............................................8

3.1.3. Đặc tả Actor ....................................................................................................24
3.1.4. Xác định các Use Case của 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 khi 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 các 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 các 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ế bài giảng eXe..................................................................... 53
4.5. Giao diện một số chức năng...............................................................................53
KẾT LUẬN ..............................................................................................................59
TÀI LIỆU THAM KHẢO ......................................................................................61
PHỤ LỤC .................................................................................................................62


viii


5

Mobile

6

API

7

SASS

Hyper Text Markup

Ngôn ngữ đánh

Language

dấu siêu văn bản

Structured Query

Hệ quản trị cơ sở

Language

dữ liệu

Personal Home Page

Hình 1.1. Mô hình hệ thống E-learning ......................................................................6
Hình 1.2. Hình thức trao đổi thông tin một –một .....................................................10
Hình 1.3. Hình thức trao đổi thông tin một –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 của 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 của moodle .................................................................................20
Hình 3.1. Ký hiệu cơ bản trong 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