Xây dựng website học tiếng anh trực tuyến cho học sinh trường THPT lê quý đôn thái bình

 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp em hoàn thành đề tài chọn Tuy thời gian không nhiều kinh nghiệm PHP mã nguồn mở WordPress tích lũy nên nhiều thiếu sót Mong thầy cô bạn đóng góp ý kiến để em hoàn thiện đề tài Qua em xin chân thành cảm ơn Th.s Phạm Hồng Việt –giảng viên trường đại học Công nghệ thông tin truyền thông Thái Nguyên, Đại học Thái Nguyên tận tình hướng dẫn, định hướng bảo em thời gian qua để em hoàn thành đồ án tốt nghiệp Và em xin gửi lời cảm ơn tới bạn lớp giúp đỡ em nhiều thời gian làm đề tài Xin chân thành cảm ơn! Thái Nguyên, ngày … tháng … năm 2016 Sinh viên Vũ Thị An  LỜI CAM ĐOAN Em xin cam đoan đồ án tốt nghiệp em, có hỗ trợ từ Giáo viên hướng dẫn Th.s Phạm Hồng Việt –giảng viên trường đại học Công nghệ thông tin truyền thông Thái Nguyên, Đại học Thái Nguyên, nội dung nghiên cứu kết đề tài trung thực không chép từ báo cáo thực tập đồ án khác trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá thân thu thập từ nguồn khác Nếu có gian lận em xin hoàn toàn chịu trách nhiệm trước Hội đồng Thái Nguyên, ngày … tháng … năm 2016 Sinh viên Vũ Thị An   MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU LỜI MỞ ĐẦU CHƯƠNG TỔNG QUAN VỀ CƠ SỞ LÍ THUYẾT 10 1.1 Tổng quan ngôn ngữ PHP 10 1.1.1 PHP gì? 10 1.1.2 Cú pháp 10 1.1.3 Biến 11 1.1.4 Chuỗi 11 1.1.5 Hàm 11 1.1.6 Mảng 14 1.1.7 Các cấu trúc điều khiển lặp 14 1.1.8 Lệnh lặp 16 1.1.9 Truyền nhận liệu (POST/GET) 16 1.1.10 Cookies, Sessions 17 1.2 Tổng quan MYSQL 18 1.2.1 MySLQ gì? 18 1.2.2 Đặc điểm MySQL 18 1.2.3 Các kiểu liệu sở liệu MySQL 18 1.2.4 Câu lệnh truy vấn MySQL 21 1.3 Giới thiệu Wordpress 22 1.3.1 Wordpress gì? 22 1.3.2 Những đặc điểm bật WordPress 22 1.3.3 Cài đặt cấu hình Wordpress 23 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 25 2.1 Khảo sát phân tích thiết kế toán 25 2.1.1 Giới thiệu chung Trường THPT Lê Quý Đôn – Thái Bình 25 2.1.2 Khảo sát trạng 25 2.1.3 Mục đích website 26 2.1.4 Mô tả chức hệ thống 26 2.2 Phân tích thiết kế hệ thống 27 2.2.1 Tác nhân hệ thống 27 2.2.2 Các chức hệ thống 27 2.3 Phân tích thiết kế 29 2.3.1 Tổng quan UML 29 2.3.2 Phân tích thiết kế toán 31 2.4 Phân tích sở liệu 69 CHƯƠNG XÂY DỰNG WEBSITE 75 3.1 Môi trường phát triển 75 3.2 Một số giao diện 75 KẾT LUẬN 78 TÀI LIỆU THAM KHẢO 80 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 81  DANH MỤC HÌNH ẢNH Hình 1.1: Create a Configuration File 24 Hình 1.2: Nhập thông tin sở liệu 24 Hình 2.1: Tác nhân hệ thống 27 Hình 2.2: Biểu đồ use case hệ thống 31 Hình 2.3: Biểu đồ trình tự xem danh sách tin 31 Hình 2.4: Biểu đồ hoạt động xem danh sách tin 32 Hình 2.5: Biểu đồ trình tự xem giới thiệu 32 Hình 2.6: Biểu đồ hoạt động xem giới thiệu 33 Hình 2.7: Biểu đồ trình tự xem danh sách học 33 Hình 2.8: Biểu đồ hoạt động xem danh sách học 34 Hình 2.9: Biểu đồ trình tự xem chi tiết học 34 Hình 2.10: Biểu đồ hoạt động xem chi tiết học 35 Hình 2.11: Biểu đồ trình tự xem kinh nghiệm học 36 Hình 2.12: Biểu đồ trình tự xem danh sách tài liệu 36 Hình 2.13: Biểu đồ trình tự xem chi tiết tài liệu 37 Hình 2.14: Biểu đồ trình tự học ngữ pháp 38 Hình 2.15: Biểu đồ hoạt động học ngữ pháp 38 Hình 2.16: Biểu đồ trình tự học qua video 39 Hình 2.17: Biểu đồ trình tự luyện nghe tiếng anh 40 Hình 2.18: Biểu đồ trình tự làm test 40 Hình 2.19: Biểu đồ hoạt động làm test 41 Hình 2.20: Biểu đồ trình tự gửi phản hồi 42 Hình 2.21: Biểu đồ hoạt động gửi phản hồi 42 Hình 2.22: Biểu đồ trình tự xem danh sách viết 43 Hình 2.23: Biểu đồ trình tự thêm viết 43 Hình 2.24: Biểu đồ hoạt động thêm viết 44 Hình 2.25: Biểu đồ trình tự sửa viết 45 Hình 2.26: Biểu đồ hoạt động sửa viết 45 Hình 2.27: Biểu đồ trình tự xóa viết 46 Hình 2.28: Biểu đồ hoạt động xóa viết 47 Hình 2.29: Biểu đồ trình tự xem danh sách trang 47 Hình 2.30: Biểu đồ trình tự thêm trang 48 Hình 2.31: Biểu đồ hoạt động thêm trang 49 Hình 2.32: Biểu đồ trình tự sửa trang 50 Hình 2.33: Biểu đồ hoạt động sửa trang 50 Hình 2.34: Biểu đồ trình tự xóa trang 51 Hình 2.35: Biểu đồ hoạt động xóa trang 51 Hình 2.36: Biểu đồ trình tự xem danh sách phản hồi 52 Hình 2.37: Biểu đồ trình tự phản hồi 53 Hình 2.38: Biểu đồ trình tự xem chi tiết phản hồi 54 Hình 2.39: Biểu đồ trình tự xóa phản hồi 54 Hình 2.40: Biểu đồ trình tự xem danh sách chuyên mục 55 Hình 2.41: Biểu đồ trình tự thêm chuyên mục 56 Hình 2.42: Biểu đồ trình tự sửa chuyên mục 57 Hình 2.43: Biểu đồ trình tự xóa chuyên mục 58 Hình 2.44: Biểu đồ trình tự xem danh sách thành viên 58 Hình 2.45: Biểu đồ trình tự thêm thành viên 59 Hình 2.46: Biểu đồ trình tự sửa thành viên 60 Hình 2.47: Biểu đồ trình tự xóa thành viên 61 Hình 2.48: Biểu đồ trình tự xem danh sách menu 61 Hình 2.49: Biểu đồ trình tự thêm menu 62 Hình 2.50: Biểu đồ trình tự sửa menu 63 Hình 2.51: Biểu đồ trình tự xóa menu 64 Hình 2.52: Biểu đồ trình tự thêm học 65 Hình 2.53: Biểu đồ hoạt động thêm học 65 Hình 2.54: Biểu đồ trình tự sửa học 66 Hình 2.55: Biểu đồ hoạt động sửa học 66 Hình 2.56: Biểu đồ trình tự xóa học 67 Hình 2.57: Biểu đồ hoạt động xóa học 67 Hình 2.58: Biểu đồ trình tự đăng xuất 68 Hình 2.59: Biểu đồ hoạt động đăng xuất 68 Hình 2.60: Biểu đồ lớp 69 Hình 2.61: Quan hệ bảng 74 Hình 3.1: Giao diện trang chủ website 75 Hình 3.2: Giao diện học tập 76 Hình 3.3: Giao diện làm test 76 Hình 3.4: Giao diện trang quản trị 77  DANH MỤC BẢNG BIỂU Bảng 1.1: Các hàm PHP 14 Bảng 2.1: Chức với người dùng 28 Bảng 2.2: Chức với quản trị viên 28 Bảng 2.3: Chức với giáo viên–biên tập viên 29 Bảng 2.3: Mô tả liệu bảngelo_comments 70 Bảng 2.4: Mô tả liệu bảngelo_opitions 70 Bảng 2.5: Mô tả liệu bảngelo_postmeta 70 Bảng 2.6: Mô tả liệu bảngelo_post 71 Bảng 2.7: Mô tả liệu bảngelo_term_taxonomy 71 Bảng 2.8: Mô tả liệu bảngelo_terms 71 Bảng 2.9: Mô tả liệu bảngelo_usermeta 72 Bảng 2.10: Mô tả liệu bảngelo_user 72 Bảng 2.11: Mô tả liệu bảngelo_mtouchquiz_quiz 72 Bảng 2.12: Mô tả liệu bảngelo_mtouchquiz_answer 73 Bảng 2.13: Mô tả liệu bảngelo_mtouchquiz_question 73 Bảng 2.14: Mô tả liệu bảngelo_mtouchquiz_ratings 73  LỜI MỞ ĐẦU Hiện nay, điều kiện kinh tế, văn hóa – xã hội phát triển, đặc biệt ảnh hưởng hội nhập kinh tế quốc tế toàn cầu hóa ngoại ngữ với tin học giữ vai trò vô quan trọng Có thể nói Tiếng Anh ngoại ngữ thiếu cá nhân, tổ chức, doanh nghiệp Để đáp ứng nhu cầu học nhanh chất lượng cao người học, hàng trăm trung tâm Anh ngữ mọc lên, nhiên chưa đáp ứng hết yêu cầu học Tiếng Anh người học nhiều lý như: bị động nhiều mặt, bó buộc thời gian, thời khóa biểu cố định Xuất phát từ nhu cầu đó, em định thực đề tài “Xây dựng Website học Tiếng Anh trực tuyến cho học sinh Trường THPT Lê Quý Đôn Thái Bình”  Mục tiêu nghiên cứu  Tìm hiểu ngôn ngữ lập trình PHP, Javascript, WordPress  Ứng dụng xây dựng Website học Tiếng Anh trực tuyến cho học sinh Trường THPT Lê Quý Đôn Thái Bình  Công cụ hỗ trợ: ngôn ngữ lập trìnhPHP, MySQL, Javascript, jQuery, wordpress  Bố cục đồ án  Lời mở đầu  Chương Tổng quan sở lí thuyết  Chương Phân tích thiết kế hệ thống  Chương Xây dựng website  Kết luận  Tài liệu tham khảo   TỔNG QUAN VỀ CƠ SỞ LÍ THUYẾT  Tổng quan ngôn ngữ PHP  PHP gì? PHP (viết tắt "PHP: Hypertext Preprocessor") ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó thích hợp với web dễ dàng nhúng vào trang HTML Ví dụ: Mã mẫu  Cú pháp PHP biên dịch xử lý server, trình sinh kết dạng HTML sử dụng trình duyệt để thị nội dung cho ngưởi sử dụng Cú pháp :  Biến Biến PHP sử dụng để lưu trữ thông tin Trong PHP việc sử dụng biến cần lưu ý đặc điểm sau:  Biến phải bắt đầu kí tự $, sau tên biến  Tên biến phải bắt đầu kí tự gạch chân _ 10 Bảng elo_comments: lưu thông tin bình luận Tên trường Kiểu liệu Comment_id BigInt(20) Comment_post_id BigInt(20) Comment_author Tinytext Comment_author_email Varchar(100) Comment_date Datetime Comment_content Text User_id BigInt(20) Bảng 2.3: Mô tả liệu bảngelo_comments Bảng elo_opitions: lưu thông tin cài đặt Tên trường Kiểu liệu Optiont_id BigInt(20) Option_name Varchar(191) Option_value Longtext Bảng 2.4: Mô tả liệu bảngelo_opitions Bảng elo_postmeta: lưu thông tin danh mục trang Tên trường Kiểu liệu Meta_id BigInt(20) Post_id BigInt(20) Meta_key Varchar(255) Meta_value 98 Longtext Bảng 2.5: Mô tả liệu bảngelo_postmeta Bảng elo_post: lưu thông tin trang Tên trường Kiểu liệu ID BigInt(20) Post_id BigInt(20) Post_author BigInt(20) Post_date datetime Post_content Longtext Post_title Text Post_name Varchar(200) Post_type Varchar(20) Bảng 2.6: Mô tả liệu bảngelo_post Bảng elo_term_taxonomy: lưu thông tin danh mục menu Tên trường Kiểu liệu Term_taxonomy_id BigInt(20) Term_id BigInt(20) Taxonomy Varchar(32) Description Longtext Parent BigInt(20) Count BigInt(20) Bảng 2.7: Mô tả liệu bảngelo_term_taxonomy Bảng elo_terms: lưu thông tin danh mục Tên trường Kiểu liệu Term_id BigInt(20) Name Varchar(200) Slug Varchar(200) Bảng 2.8: Mô tả liệu bảngelo_terms 99 Bảng elo_usermeta: lưu thông tin danh mục user Tên trường Kiểu liệu Umeta_id BigInt(20) Uer_id BigInt(20) Meta_key Varchar(255) Meta_value Longtext Bảng 2.9: Mô tả liệu bảngelo_usermeta Bảng elo_user: lưu thông tin user Tên trường Kiểu liệu ID BigInt(20) User_id BigInt(20) User_login Varchar(60) User_pass Varchar(255) User_nicename Varchar(50) User_email Varchar(100) Display_name Varchar(250) User_registed datetime Bảng 2.10: Mô tả liệu bảngelo_user Bảng elo_mtouchquiz_quiz: lưu thông tin thi Tên trường Kiểu liệu ID Int(11) Quiz_id Int(11) Question_id Int(11) Name Varchar(100) Final_screen Mediumtext 100 Added_on datetime Time_limit Int(11) Bảng 2.11: Mô tả liệu bảngelo_mtouchquiz_quiz Bảng elo_mtouchquiz_answer: lưu thông tin câu trả lời Tên trường Kiểu liệu ID Int(11) Question_id Int(11) Answer Varchar(1024) Hint Varchar(1024) Bảng 2.12: Mô tả liệu bảngelo_mtouchquiz_answer Bảng elo_mtouchquiz_question: lưu thông tin câu hỏi Tên trường Kiểu liệu ID Int(11) Quiz_id Int(11) Question Mediumtext Point_value Int(3) Bảng 2.13: Mô tả liệu bảngelo_mtouchquiz_question Bảng elo_mtouchquiz_ratings: lưu thông tin số điểm thi Tên trường Kiểu liệu ID Int(11) Question_id Int(11) Score_ratings Varchar(1024) Min_point Int(3) Bảng 2.14: Mô tả liệu bảngelo_mtouchquiz_ratings  Quan hệ bảng 101 Hình 2.61: Quan hệ bảng 102  XÂY DỰNG WEBSITE  Môi trường phát triển Ứng dụng “Xây dựng Website học Tiếng Anh trực tuyến cho học sinh Trường THPT Lê Quý Đôn Thái Bình” xây dựng công cụ môi trường sau:  Công cụ phân tích, thiết kế:  StarUML  Môi trường cài đặt ứng dụng:  XAMPP  Công cụ lập trình cài đặt:  PHPDesigner 8.0  Mã nguồn mở WordPress  Javascipt  jQuery  Hệ quản trị sở liệu:  MySQL  Một số giao diện  Giao diện trang chủ Đây nơi người dùng thực thao tác 103 Hình 3.1: Giao diện trang chủ website  Giao diện học tập Là nơi người dùng lựa chọn học học trực tuyến 104 Hình 3.2: Giao diện học tập  Giao diện làm test Nơi người dùng thực làm test 105 Hình 3.3: Giao diện làm test 106  Giao diện trang quản trị Noi người quản trị thực tác vụ quyền hạn Hình 3.4: Giao diện trang quản trị  KẾT LUẬN Kết đạt Em tiến hành cài đặt kiểm thử Website Localhost, kết cho thấy Website thực chức Website học Tiếng Anh trực tuyến, phân quyền đối tượng người dùng, giao diện dễ sử dụng, Website vận hành ổn định Tuy nhiên hạn chế mặt thời gian kiến thức nên Website tồn số hạn chế Sau đánh giá cụ thể 107 mặt hệ thống: Đánh giá chức chương trình Trong trình phân tích, em rõ chức cần có Website học Tiếng Anh Về bản, Website thiết kế thực đầy đủ chức Đặc biệt, Website thực chức phân quyền – chức quan trọng, cần thiết ứng dụng Web, để phân định rõ ràng quyền hạn đối tượng người dùng Website Bên cạnh đó, Website tồn số thiếu sót Đối với chức quản trị Website, chưa có chức quản trị giao diện giúp người quản trị lựa chọn, thêm mới, cập nhật, xóa banner, cài đặt quảng cáo hiển thị vị trí Website Website chưa có chức đa ngôn ngữ, giúp người dùng lựa chọn ngôn ngữ hiển thị Website để phù hợp với Đánh giá sở liệu chương trình Các bảng liệu thiết kế phục vụ tốt cho chức hệ thống Các thuộc tính bảng liệu liên kết chặt chẽ với bảo đảm cho toàn vẹn, logic liệu hệ thống Tài liệu thu thập để sử dụng làm học tư liệu cho Website nhiều hạn chế số lượng nội dung Nhiều chủ đề chưa có học hay số lượng học Nội dung học Website đơn giản phù hợp với đối tượng người học người bắt đầu, chưa có nhiều học mức độ nâng cao dành cho đối tượng người học có kiến thức Tiếng Anh 108 Đánh giá giao diện chương trình Các chuyên mục, chủ đề Website chia rõ ràng, xếp khoa học giúp người dùng tìm kiếm, theo dõi học dễ dàng Giao diện sử dụng Tiếng Việt nên đơn giản cho người dùng Nhìn chung giao diện màu sắc hài hòa, thân thiện, dễ nhìn, dễ sử dụng Các kiến thức thiết kế Website Photoshop, Flash, CSS chưa áp dụng nhiều vào đề tài nên giao diện Website đơn giản Chưa có nhiều hình ảnh động Website học để Website trở nên thực sinh động đẹp mắt Định hướng phát triển Website thực tốt chức bản, cần thiết Website học trực tuyến hướng phát triển đề tài thời gian tới mở rộng thêm chức Website nhằm hỗ trợ tối đa cho người học như: chức diễn đàn, chức hỏi đáp trực tuyến…Bên cạnh đó, em cố gắng hoàn thiện Webiste, phát triển thêm nhiều chuyên mục Website như: Tiếng Anh chuyên ngành, Tiếng Anh giao tiếp quốc tế, Luyện thi TOEIC, Luyện thi IELTS nhằm phục vụ đa dạng đối tượng người học, khắc phục nhược điểm tồn để Website hoàn thiện hơn, đáp ứng tối đa yêu cầu người dùng Với hạn chế đề cập, hướng phát triển nêu trên, thời gian tới trau dồi thêm kiến thức để hoàn thiện Website, nhanh chóng đưa Website vào hoạt động thực tế, giúp ích cho nhu cầu học Tiếng Anh người Vì vậy, em mong nhận ý kiến đóng góp từ phía thầy cô bạn để giúp hoàn thiện Website nữa, mở rộng thêm chức Website, sớm đưa Website vào thực tiễn 109 110  TÀI LIỆU THAM KHẢO [1] Phạm Hữu Khang – Lập trình PHP [2] http://www.w3schools.com/ [3] http://www.laptrinhwebphp.com/ [4] https://en.wordpress.com/ [5] http://thachpham.com/wordpress/wordpress-tutorials/serie-hocwordpress-co-ban.html 111 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, ngày tháng năm 2016 GIẢNG VIÊN HƯỚNG DẪN 112 ... cho học sinh Trường THPT Lê Quý Đôn Thái Bình  Mục tiêu nghiên cứu  Tìm hiểu ngôn ngữ lập trình PHP, Javascript, WordPress  Ứng dụng xây dựng Website học Tiếng Anh trực tuyến cho học sinh. .. Xem danh sách học Xem danh sách học 28 Xem chi tiết học Xem chi tiết học Xem kinh nghiệm học tiếng anh Xem kinh nghiệm học tiếng anh Học tiếng anh qua video Học tiếng anh qua video Luyện nghe tiếng. .. tin hỗ trợ cho việc cải thiện kĩ Tiếng anh cho học sinh Vì nhà trường cần thiết phải xây dựng Website học Tiếng Anh trực tuyến nhằm cung cấp thêm giải pháp hỗ trợ cho việc giảng dạy học tập 26