
UBND TỈNH QUẢNG NAM
TRƢỜNG ĐẠI HỌC QUẢNG NAM
KHOA: CÔNG NGHỆ THÔNG TIN
----------
NGUYỄN THỊ MỸ VÂN
XÂY DỰNG PHẦN MỀM HỖ TRỢ DẠY VÀ HỌC
TIẾNG ANH TRỰC TUYẾN
KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC
Quảng Nam, tháng 05 năm 2019

UBND TỈNH QUẢNG NAM
TRƢỜNG ĐẠI HỌC QUẢNG NAM
KHOA: CÔNG NGHỆ THÔNG TIN
----------
KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC
Tên đề tài: XÂY DỰNG PHẦN MỀM HỖ TRỢ DẠY VÀ HỌC
TIẾNG ANH TRỰC TUYẾN
Sinh viên thực hiện
NGUYỄN THỊ MỸ VÂN
MSSV: 2115021054
CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN
KHÓA 2015 – 2019
Cán bộ hƣớng dẫn
ThS. HỒ TUẤN ANH
MSCB: 24615
Quảng Nam, tháng 05 năm 2019

MỤC LỤC
Phần 1. MỞ ĐẦU ........................................................................................................ 1
1.1. Lý do chọn đề tài .................................................................................................. 1
1.2. Mục tiêu của đề tài ............................................................................................... 2
1.3. Đối tƣợng và phạm vi nghiên cứu ........................................................................ 2
1.4. Phƣơng pháp nghiên cứu ...................................................................................... 2
1.5. Lịch sử nghiên cứu ............................................................................................... 2
1.6. Đóng góp của đề tài .............................................................................................. 3
1.7. Cấu trúc đề tài ...................................................................................................... 3
Phần 2. NỘI DUNG NGHIÊN CỨU .......................................................................... 5
Chƣơng 1: CƠ SỞ LÝ THUYẾT VỀ CÁC CÔNG NGHỆ SỬ DỤNG TRONG
XÂY DỰNG PHẦN MỀM ......................................................................................... 5
1.1. Ngôn ngữ sử dụng ................................................................................................ 5
1.1.1. HTML ............................................................................................................... 5
1.1.2. CSS .................................................................................................................... 6
1.1.3. JavaScript .......................................................................................................... 6
1.1.4. PHP ................................................................................................................... 6
1.1.5. MySQL .............................................................................................................. 7
1.2. Công cụ sử dụng ................................................................................................... 8
1.2.1. Visual Studio Code ........................................................................................... 8
1.2.2. Xampp ............................................................................................................... 8
1.3. Tổng quan về Bootstrap ....................................................................................... 8
1.3.1. Bootstrap là gì? ................................................................................................. 8
1.3.2. Ƣu điểm ............................................................................................................. 9
1.3.3. Nhƣợc điểm ..................................................................................................... 10
Chƣơng 2: MÔ TẢ BÀI TOÁN ................................................................................ 11
2.1. Thực trạng bài toán ............................................................................................ 11
2.1.1. Tầm quan trọng của tiếng Anh trong thời đại hiện nay .................................. 11
2.1.2. Thực trạng học tiếng Anh hiện nay ................................................................. 12
2.1.3. Một số phƣơng pháp để học tốt tiếng Anh ...................................................... 14
2.2. Khảo sát bài toán ................................................................................................ 16
2.2.1. Khảo sát thực tế ............................................................................................... 16

2.2.2. Phân tích hệ thống ........................................................................................... 17
Chƣơng 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ............................................ 19
3.1. Tìm hiểu hệ thống .............................................................................................. 19
3.2. Sơ đồ phân rã chức năng của hệ thống............................................................... 19
3.3. Biểu đồ Usecase ................................................................................................. 21
3.4. Biểu đồ lớp ......................................................................................................... 25
3.5. Biểu đồ chuyển trạng thái .................................................................................. 25
3.6. Biểu đồ hoạt động .............................................................................................. 26
3.7. Biểu đồ thành phần ............................................................................................. 27
3.8. Biểu đồ triển khai ............................................................................................... 28
Chƣơng 4: THIẾT KẾ HỆ THỐNG VÀ XÂY DỰNG CHƢƠNG TRÌNH ............ 29
4.1. Cơ sở dữ liệu ...................................................................................................... 29
4.1.1. Bảng admin ..................................................................................................... 29
4.1.2. Bảng category .................................................................................................. 29
4.1.3. Bảng lesson ..................................................................................................... 29
4.2. Thiết kế giao diện ............................................................................................... 30
4.2.1. Giao diện trang chủ ......................................................................................... 30
4.2.2. Giao diện trang con: nghe, phát âm, giao tiếp ................................................ 31
4.2.3. Giao diện trang thƣ giãn .................................................................................. 32
4.2.4. Giao diện trang kinh nghiệm ........................................................................... 33
4.2.5. Giao diện trang tìm kiếm................................................................................. 34
4.2.6. Giao diện trang chi tiết .................................................................................... 34
4.2.7. Giao diện trang đăng nhập .............................................................................. 34
4.2.8. Giao diện trang quản trị................................................................................... 35
4.2.9. Giao diện trang quản trị admin ....................................................................... 35
4.2.10. Giao diện trang quản trị category .................................................................. 36
4.2.11. Giao diện trang quản trị lesson ..................................................................... 36
Phần 3. KẾT LUẬN VÀ KIẾN NGHỊ ..................................................................... 37
1. Kết luận ................................................................................................................. 37
2. Kiến nghị ............................................................................................................... 37
Phần 4. TÀI LIỆU THAM KHẢO ............................................................................ 38

DANH MỤC CÁC HÌNH
Hình 3.1 - Biểu đồ phân rã chức năng của hệ thống ................................................. 20
Hình 3.2 - Biểu đồ Usecase của hệ thống ................................................................. 21
Hình 3.3 - Biểu đồ trình tự của UC đăng nhập ......................................................... 22
Hình 3.4 - Biểu đồ trình tự của UC quản lý danh mục ............................................. 23
Hình 3.5 - Biểu đồ trình tự của UC quản trị hệ thống ............................................... 24
Hình 3.6 - Biểu đồ lớp của hệ thống ......................................................................... 25
Hình 3.7- Biểu đồ chuyển trạng thái của quản trị viên ............................................. 25
Hình 3.8 - Biểu đồ chuyển trạng thái của bài học ..................................................... 25
Hình 3.9 - Biểu đồ hoạt động của UC đăng nhập ..................................................... 26
Hình 3.10 - Biểu đồ hoạt động của UC quản lý danh mục ....................................... 26
Hình 3.11- Biểu đồ hoạt động của UC quản trị hệ thống......................................... 27
Hình 3.12 - Biểu đồ thành phần của hệ thống ........................................................... 27
Hình 3.13 - Biểu đồ triển khai của hệ thống ............................................................. 28