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 DNG PHN MM H TR DY VÀ HC
TING ANH TRC TUYN
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 DNG PHN MM H TR DY VÀ HC
TING ANH TRC TUYN
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
nh 3.13 - Biểu đồ triển khai của hệ thống ............................................................. 28