Xây dựng website học tiếng anh trực tuyến dành cho học sinh tiểu học bằng ngôn ngữ php

- ĐẠI HỌC HUẾ ĐẠI HỌC KINH TẾ HUẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ h tê ́H uê  ̣c K in KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRỰC TUYẾN Tr ươ ̀n g Đ ại ho DÀNH CHO HỌC SINH TIỂU HỌC BẰNG NGÔN NGỮ PHP GVHD: TS Hồ Quốc Dũng SVTH: Lê Thị Mỹ Hoa Lớp: K49A Tin học kinh tế Niên khóa: 2015 - 2019 Huế, tháng 01 năm 2019 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng LỜI CẢM ƠN Để hồn thành khóa luận tốt nghiệp này, xin gửi lời cảm ơn chân thành đến Ban lãnh đạo trường Đại học Kinh Tế Huế tồn thể tất thầy giáo khoa Hệ Thống Thông Tin Kinh Tế tạo điều kiện, truyền đạt tri thức kiến thức suốt năm học qua để tơi xây dựng đề tài cách thuận lợi Tôi xin gửi lời cảm ơn chân thành sâu sắc đến Tiến Sĩ Hồ Quốc ́ uê Dũng, giảng viên Khoa Hệ Thống Thông Tin Kinh Tế, người truyền đạt kiến ́H thức cốt lõi, hướng dẫn tơi cách tận tình đưa góp ý nhận xét để tơi hồn thiện khóa luận tê Xin gửi lời cảm ơn đến công ty PiSoftwave, Ban lãnh đạo công ty tạo điều h kiện thuận lợi cho thực tập cơng ty, để tơi có trãi nghiệm in làm việc mơi trường cơng sở, ngồi cịn giúp trau dồi thêm kiến thức, ̣c K kỹ ho Ngồi tơi xin chân thành cảm ơn ba mẹ, người thân bạn bè ln ủng hộ, động viên tơi lúc tơi gặp khó khăn để tơi hồn thành khóa luận tốt ại nghiệp Đ Trong trình thực đề tài, thời gian kiến thức thân cịn g nhiều hạn chế nên khơng tránh khỏi thiếu sót kính mong nhận góp ý từ ươ ̀n q thầy để khóa luận hoàn thiện hoàn thiện kiến thức, kỹ thân làm hành trang vững cho đường sau Tr Tôi xin chân thành cảm ơn! Huế, tháng 01 năm 2019 Sinh viên Lê Thị Mỹ Hoa SVTH: Lê Thị Mỹ Hoa i - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC BẢNG BIỂU v ́ uê DANH MỤC HÌNH ẢNH vi ́H DANH MỤC CÁC TỪ VIẾT TẮT viii PHẦN MỞ ĐẦU .1 tê Lý chọn đề tài in h Mục tiêu đề tài ̣c K 2.1 Mục tiêu tổng quát 2.2 Mục tiêu cụ thể ho Phương pháp nghiên cứu ại Đối tượng phạm vi nghiên cứu Đ 4.1 Đối tượng nghiên cứu g 4.2 Phạm vi nghiên cứu ươ ̀n Nội dung khóa luận CHƯƠNG CƠ SỞ LÝ THUYẾT Tr 1.1 Giới thiệu ngôn ngữ lập trình PHP 1.1.1 PHP gì? .4 1.1.2 Lịch sử hình thành phát triển ngơn ngữ lập trình PHP 1.1.3 Đặc trưng ngơn ngữ lập trình PHP 1.2 Giới thiệu mơ hình MVC 1.2.1 Khái niệm 1.2.2 Mô hình cách thức hoạt động mơ hình MVC SVTH: Lê Thị Mỹ Hoa ii - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng 1.2.3 Ưu điểm nhược điểm mô hình MVC 1.3 Giới thiệu hệ quản trị sở liệu MySQL công cụ xây dựng giao diện website 1.3.1 Giới thiệu hệ quản trị sở liệu MySQL .9 1.3.2 Các công cụ xây dựng Website 10 1.4 Giới thiệu phương pháp học trực tuyến (E-Learning) 14 ́ uê 1.4.1 Khái niệm 14 ́H 1.4.2 Điểm mạnh E-Learning 14 tê 1.4.3 Hạn chế E-Learning .16 h 1.4.4 Thực trạng hướng phát triển E-Learning tương lai 16 in CHƯƠNG TỔNG QUAN VỀ CÁC HỆ THỐNG HỌC TIẾNG ANH TRỰC ̣c K TUYẾN VÀ PHÂN TÍCH CÁC CHỨC NĂNG CỦA HỆ THỐNG HỌC TIẾNG ANH TRỰC TUYẾN DÀNH CHO HỌC SINH TIỂU HỌC 18 ho 2.1 Một số hệ thống học tiếng Anh trực tuyến phân tích chức ại hệ thống học trực tuyến E-Learning 18 Đ 2.2 Phân tích chức hệ thống học tiếng Anh trực tuyến 22 CHƯƠNG 3: XÂY DỰNG, PHÂN TÍCH THIẾT KẾ, ĐÁNH GIÁ WEBSITE HỌC ươ ̀n g TIẾNG ANH TRỰC TUYẾN DÀNH CHO HỌC SINH TIỂU HỌC 26 3.1 Mô tả toán 26 Tr 3.2 Phân tích chức hệ thống 26 3.2.1 Chức quản lý tài khoản 26 3.2.2 Chức quản lý khóa học 27 3.2.3 Chức báo cáo thống kê .27 3.3 Sơ đồ chức (BFD - Business Function Diagram) 28 3.4 Biển đồ phân rã chức BFD 29 3.5 Mô tả chi tiết chức 29 SVTH: Lê Thị Mỹ Hoa iii - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng 3.6 Biểu đồ luồng liệu DFD 31 3.7 Thiết kế sở liệu 34 3.7.1 Xác định thực thể thuộc tính thực thể 34 3.7.2 Mối quan hệ thực thể 36 3.7.3 Sơ đồ thực thể mối quan hệ (ERD – Entity Relationship Diagram) 38 ́ uê 3.7.4 Chuẩn hóa sở liệu .38 3.7.5 Mơ hình liệu quan hệ 42 ́H 3.8 Công cụ xây dựng giao diện website .43 tê 3.8.1 Công cụ, ứng dụng xây dựng website 43 in h 3.8.2 Giao diện hệ thống website 44 ̣c K 3.8.2.1 Giao diện trang chủ 44 3.8.2.2 Giao diện đăng nhập .45 ho 3.8.2.3 Giao diện đăng ký 45 3.8.2.4 Giao diện trang khóa học .47 Đ ại 3.8.2.5 Giao diện trang tài khoản .49 3.8.2.6 Giao diện trang liên hệ 49 ươ ̀n g 3.8.2.7 Giao diện trang trang admin quản lý người dùng 50 3.8.2.8 Giao diện trang quản lý khóa học 51 Tr 3.8.2.10 Giao diện trang quản lý mã đề .53 KẾT LUẬN 54 Kết đạt 54 Hạn chế đề tài 56 Hướng phát triển đề tài 56 TÀI LIỆU THAM KHẢO .57 SVTH: Lê Thị Mỹ Hoa iv - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng DANH MỤC BẢNG BIỂU Bảng 2.1 Chức quản lý tài khoản 24 Bảng 2.2 Chức quản lý khóa học 25 Bảng 2.3 Chức quản lý thông kê 26 ́ uê Bảng 3.1 Bảng NGUOIDUNG 39 ́H Bảng 3.2 Bảng KHOAHOC 39 tê Bảng 3.3 Bảng BAIHOC .39 h Bảng 3.4 Bảng KIEMTRA 40 in Bảng 3.5 Bảng KETQUAKIEMTRA 40 ̣c K Bảng 3.6 Bảng CAUHOI .40 ho Bảng 3.7 Bảng MADE 41 Bảng 3.8 Bảng CHITIETKHOAHOC 41 ại Bảng 3.9 Bảng CHITIETBAIHOC .41 Tr ươ ̀n g Đ Bảng 3.10 Bảng VAITRO .41 SVTH: Lê Thị Mỹ Hoa v - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng DANH MỤC HÌNH ẢNH Hình 1.1 Mơ hình MVC Hình 1.2 Luồng thực mơ hình MVC .8 Hình 1.3 Mơ hình tương tác Client – Server (PHP – MySQL) 10 ́ uê Hình 2.1 Giao diện trang chủ 19 ́H Hình 2.2 Giao diện trang hỗ trợ học sinh 20 tê Hình 2.3 Giao diện trang chủ 21 h Hình 2.4 Giao diện khóa học 22 in Hình 2.5 Mơ hình hóa hệ thống E-Learning 23 ̣c K Hình 3.1 Sơ đồ chức (CD) 28 ho Hình 3.2 Biểu đồ phân rã chức (BFD) 29 Hình 3.3 Biểu đồ luồng liệu mức 31 ại Hình 3.4 Biểu đồ luồng liệu mức 1.0 chức quản lý tài khoản 32 Đ Hình 3.5 Biểu đồ luồng liệu mức 1.0 chức quản lý khóa học (2.0) 33 ươ ̀n g Hình 3.6 Biểu đồ luồng liệu mức 1.0 chức quản lý báo cáo thống kê (3.0) 34 Hình 3.7 Sơ đồ thực thể mối quan hệ (ERD – Entity Relationship Diagram) 38 Tr Hình 3.8 Mơ hình liệu quan hệ 42 Hình 3.9 Giao diện trang chủ 44 Hình 3.10 Giao diện đăng nhập .45 Hình 3.11 Giao diện đăng ký .45 Hình 3.12 Giao diện trang khóa học – Bài học lý thuyết 47 Hình 3.13 Giao diện trang Khóa học – Bài học video 48 Hình 3.16 Giao diện trang tài khoản .49 SVTH: Lê Thị Mỹ Hoa vi - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng Hình 3.17 Giao diện trang liên hệ 49 Hình 3.18 Giao diện quản lý người dùng 50 Hình 19 Giao diện trang quản lý khóa học 51 Hình 3.20 Giao diện trang quản lý học 51 ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê Hình 3.21 Giao diện trang quản lý mã đề 53 SVTH: Lê Thị Mỹ Hoa vii - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng DANH MỤC CÁC TỪ VIẾT TẮT STT Ký hiệu viết tắt Tên ký hiệu viết tắt CSS HTML W3C WORD WIDE WED Consortium MVC Model – View - Controller CSDL Cơ sở liệu JScript Javascript Cascading Style Sheets ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê Hyper Text Markup Language SVTH: Lê Thị Mỹ Hoa viii - Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H ́ GVHD: TS Hồ Quốc Dũng uê Khóa luận tốt nghiệp SVTH: Lê Thị Mỹ Hoa ix - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng hệ thống Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H ́ vào uê nhập SVTH: Lê Thị Mỹ Hoa 46 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng 3.8.2.4 Giao diện trang khóa học ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê - Giao diện trang học lý thuyết: Hình 3.12 Giao diện trang khóa học – Bài học lý thuyết - Hình 3.12 thể trang khóa học, phần hiển thị phần học lý thuyết chia gồm lớp khác từ Lesson đến Lesson tương ứng với độ tuổi mà học viên chọn học phù hợp SVTH: Lê Thị Mỹ Hoa 47 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê - Giao diện trang học video: Hình 3.13 Giao diện trang Khóa học – Bài học video - Hình 3.13 thể học video khóa học, người dùng xem video phim hoạt hình tiếng Anh để giúp cho khả nghe phát âm chuẩn SVTH: Lê Thị Mỹ Hoa 48 ̀ng ươ Tr ại Đ h in ̣c K ho ́ uê ́H tê - - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng - Hình 3.17 giao diện trang liên hệ, người dùng có thắc mắc muốn góp ý khóa học hay học điền thông tin gửi ́ Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H uê 3.8.2.7 Giao diện trang trang admin quản lý người dùng Hình 3.16 Giao diện quản lý người dùng - Hình 3.18 giao diện trang quản lý người dùng, admin có quyền sửa xóa người dùng tài khoản khơng sử dụng SVTH: Lê Thị Mỹ Hoa 50 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng ́ in h tê ́H uê 3.8.2.8 Giao diện trang quản lý khóa học ̣c K Hình 17 Giao diện trang quản lý khóa học thêm, sửa, xóa khóa học ho - Hình 3.19 giao diện trang quản lý khóa học, admin có quyền Tr ươ ̀n g Đ ại 3.8.2.9 Giao diện trang quản lý học Hình 3.18 Giao diện trang quản lý học SVTH: Lê Thị Mỹ Hoa 51 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng - Hình 3.20 giao diện trang quản lý học, admin có quyền xóa học Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H ́ sửa, uê thêm, SVTH: Lê Thị Mỹ Hoa 52 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng ́ ̣c K in h tê ́H uê 3.8.2.10 Giao diện trang quản lý mã đề ho Hình 3.19 Giao diện trang quản lý mã đề - Hình 3.21 giao diện trang quản lý mã đề, trang admin có Tr ươ ̀n g Đ ại quyền thêm, sửa, xóa mã đề SVTH: Lê Thị Mỹ Hoa 53 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng KẾT LUẬN Kết đạt Sau thực đề tài, thân tác giả tích lũy kinh nghiệm để xây dựng website Bên cạnh qua q trình lên kế hoạch thực đề tài tác giả hiểu cách vận dụng kiến thức học trường vào đề ́ uê tài, cụ thể tác giả đạt số kết sau: ́H - Về thân: tê + Sau triển khai đề tài tác giả có số hiểu biết định lập h trình PHP, cơng cụ, Framework sử dụng để xây dựng website in + Nắm rõ quy trình làm việc để tạo sản phẩm ̣c K + Được học hỏi, trao đổi kiến thức từ bạn thực tập ho + Rèn luyện kỹ đọc hiểu tài liệu, kỹ làm việc độc lập làm việc nhóm ại + Tiếp cận với phong cách làm việc nơi công sở, rèn luyện tác phong g công việc Đ cơng việc, làm giờ, có tinh tinh thần tự giác, nâng cao trách nhiệm ươ ̀n - Về website: Website có giao diện thân thiện với người sử dụng, người dùng dễ dàng Tr sử dụng Trên thực tế website đáp ứng yêu cầu đặt như: + Đăng ký/ Đăng nhập + Thực chức học học lý thuyết kết hợp với học luyện nghe thông qua video + Chức xem điểm kiểm tra + Chức quản lý tài khoản, quản lý danh mục, thống kê dành cho admin SVTH: Lê Thị Mỹ Hoa 54 - Tr ươ ̀n g Đ ại ho ̣c K in h tê ́H ́ GVHD: TS Hồ Quốc Dũng uê Khóa luận tốt nghiệp SVTH: Lê Thị Mỹ Hoa 55 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng Hạn chế đề tài Qua trình thực đề tài có hạn, kiến thức thân tác giả số hạn chế định nên khơng thể tránh khỏi thiếu sót Bên cạnh đó, trình khảo sát thực kinh nghiệm tác giả chưa tốt nên sở liệu nhiều điểm chưa hợp lý việc viết code chưa tối ưu dẫn ́ uê đến website tồn số hạn chế sau: ́H + Giao diện đơn giản chưa thật đẹp để cạnh tranh với đối thủ tê + Các khóa học có đủ cấp độ theo yêu cầu đề lý thuyết học in + Chưa có chức thêm học h chưa nhiều ̣c K + Hệ thống cịn liên kết với Youtube, chưa có hệ thống quản lý video riêng ho Hướng phát triển đề tài Do hạn chế mặt thời gian, kiến thức kinh nghiệm mà đề tài ại số thiếu sót định Hi vọng thời gian tới sau tích lũy thêm kiến Đ thức, kỹ đề tài phát triển tốt hơn, khắc phục thiếu sót thời g điểm có thêm số tính vượt trội Cụ thể: ươ ̀n - Cải thiện giao diện đẹp hơn, chuyên nghiệp - Thêm nhiều học kiểm tra hình ảnh dành cho em học sinh lớp Tr - Thêm nhiều khóa học phù hợp cho học viên lựa chọn - Tích hợp thêm chức chat, bình luận, đánh giá khóa học - Những kiểm tra xếp từ dễ đến khó người dùng thi dựa cập độ - Người dùng đăng nhập/đăng ký tài khoản Facebook - Gửi thơng tin khóa học cho người dùng tin nhắn - Tiếp tục phát triển phần mềm tảng ứng dụng mobile SVTH: Lê Thị Mỹ Hoa 56 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng - Áp dụng thực tế cho nhiều tổ chức, trung tâm tiếng Anh TÀI LIỆU THAM KHẢO Bài 1: Giới thiệu ngơn ngữ lập trình PHP hướng dẫn cài đặt | eCode | Đào tạo lập trình marketing online ,accessed: 29/12/2018 ́ uê PHP – Wikipedia tiếng Việt ́H , accessed: 29/12/2018 tê Project MVC toàn tập - Mơ hình MVC gì? in h , accessed: 29/12/2018 ̣c K Mơ hình MVC - Tìm với Google , accessed: 01/01/2019 Đ , accessed: 01/01/2019 g Giới thiệu hệ quản trị sở liệu mysql ươ ̀n , accessed: 04/12/2018 Tr Mơ hình tương tác PHP- SERVER - Tìm với Google , accessed: 01/01/2019 CodeIgniter– Wikipedia tiếng Việt , accessed: 29/12/2018 SVTH: Lê Thị Mỹ Hoa 57 - Khóa luận tốt nghiệp GVHD: TS Hồ Quốc Dũng Bài - Ngơn ngữ HTML - Học lập trình web với Html, Css, Javas… , accessed: 29/12/2018 10 Lý thuyết CSS | Học lập trình PHP, C#, Windows Phone, Android, HTML CSS , accessed: 29/12/2018 ́ uê 11 Giới thiệu JavaScript - VOER ́H , accessed: 29/12/2018 tê 12 Bootstrap gì? Giới thiệu bootstrap học bootstrap, bootstrap tutorial in bootstrap-tutorial>, accessed: 29/12/2018 h