Xây dựng website hỗ trợ học tiếng anh trực tuyến cho trường tiểu học thị trấn yên lập – phú thọ

LỜI CẢM ƠN Em xin chân thành cảm ơn thầy cô giáo, gia đình bạn bè động viên giúp đỡ em nhiều trình hoàn thành đề tài Đặc biệt em xin bày tỏ lòng cảm ơn sâu sắc tới thầy giáo hướng dẫn TS.Nguyễn Toàn Thắng dẫn tận tình tận tâm hướng dẫn em từ ý tưởng ban đầu lúc hoàn thành đề tài Em mong đón nhận đánh giá, bổ sung lời bảo thầy cô giúp em tiếp tục nghiên cứu kĩ lĩnh vực Em xin chân thành cảm ơn! Thái Nguyên, ngày tháng năm 2016 Sinh viên Nguyễn Thị Lệ Thủy LỜI CAM ĐOAN Em xin cam đoan đồ án công trình tổng hợp nghiên cứu cá nhân em, thực sở nghiên cứu lý thuyết, kiến thức hướng dẫn tận tình thầy giáo TS Nguyễn Toàn Thắng Trong đồ án có sử dụng số tài liệu tham khảo nêu phần tài liệu tham khảo Thái Nguyên, tháng 06 năm 2016 Sinh viên thực Nguyễn Thị Lệ Thủy MỤC LỤC DANH MỤC HÌNH ẢNH Hình 1.1 Logo Laravel Hình 1.2 Biểu đồ tỉ lệ sử dụng Framework PHP 10 Hình 1.3 MVC Laravel 11 Hình 2.1 Sở đồ usecase tổng quan 27 Hình 2.2: Biểu đồ lớp 35 Hình 2.3 : Biểu đồ hoạt động tác vụ học sinh 36 Hình 2.4: Biểu đồ hoạt động thêm học quản trị viên 37 Hình 2.5: Biểu đồ hoạt động sửa học quản trị viên 37 Hình 2.6: Biểu đồ hoạt động xóa học quản trị viên 37 Hình 2.7: Biểu đồ hoạt động thêm tập quản trị viên 37 Hình 2.8: Biểu đồ hoạt động sửa tập quản trị viên 38 Hình 2.9: Biểu đồ hoạt động xóa tập quản trị viên 38 Hình 2.10: Biểu đồ hoạt động thêm từ quản trị viên 38 Hình 2.11:Biểu đồ hoạt động sửa từ quản trị viên 39 Hình 2.12: Biểu đồ hoạt động xáo từ quản trị viên 39 Hình 2.13: Biểu đồ hoạt động thêm kiểm tra quản trị viên 39 Hình 2.14: Biểu đồ hoạt động sửa kiểm tra quản trị viên 40 Hình 2.15 : Biểu đồ hoạt động xóa kiểm tra quản trị viên 40 Hình 2.16: Biểu đồ hoạt động cập nhật nội dung hội thoại 41 Hình 2.17: Biểu đồ hoạt động thêm học tiếng anh chung 41 Hình 2.18: Biểu đồ hoạt động sửa học tiếng anh chung 41 Hình 2.19: Biểu đồ hoạt động xóa học tiếng anh chung 42 Hình 2.20: Biểu đồ hoạt động xem nội dung học học sinh Hình 2.21: Biểu đồ hoạt độnghọc từ học sinh 42 Hình 2.22: Biểu đồ hoạt động làm tập học sinh 42 42 Hình 2.23: Biểu đồ hoạt động làm kiểm tra học sinh 43 Hình 2.24: Biểu đồ hoạt động xem điểm kiểm tra học sinh 43 Hình 2.25: Biểu đồ chức thêm khóa học 43 Hình 2.26: Biểu đồ chức thêm học 44 Hình 2.27: Biểu đồ chức sửa học 44 Hình 2.28: Biểu đồ chức xóa học 45 Hình 2.29: Biểu đồ chức thêm tập 45 Hình 2.30: Biểu đồ chức sửa tập 46 Hình 2.31: Biểu đồ chức xóa học 46 Hình 2.32: Biểu đồ chức thêm từ 47 Hình 2.33: Biểu đồ chức sửa từ 47 Hình 2.34: Biểu đồ chức xóa từ 47 Hình 2.35: Biểu đồ chức cập nhật hội thoại 48 Hình 2.36: Biểu đồ chức thêm kiểm tra 48 Hình 2.37: Biểu đồ chức sửa kiểm tra 49 Hình 2.38: Biểu đồ chức xóa kiểm tra 49 Hình 2.39: Biểu đồ chức thêm học tiếng anh chung 50 Hình 2.40: Biểu đồ chức sửa học tiếng anh chung 50 Hình 2.41: Biểu đồ chức xóa học tiếng anh chung 51 Hình 3.1.Cơ sở liệu MySQL 52 Hình 3.2: Giao diện đăng nhập quản trị 54 Hình 3.3 : Giao diện thêm người dùng (giáo viên) 55 Hình 3.4 : Giao diện hiển thị danh sách người dùng (giáo viên) Hình 3.5: Giao diện thêm khóa học 56 Hình 3.6: Giao diện hiển thị danh sách khóa học 57 Hình 3.7: Giao diện thêm học tập cho học Hình 3.8: Giao diện thêm từ 58 Hình 3.9: Giáo diện hiển thị danh sách từ 58 57 55 Hình 3.10: Giao diện thêm hội thoại 59 Hình 3.11: Giao diện thêm câu hỏi cho kiểm tra 60 Hình 3.12: Giao diện hiển thị danh sách câu hỏi kiểm tra Hình 3.13.: Giao diện thêm học tiếng anh chung 61 Hình 3.14: Giao diện hiển thị danh sách học tiếng anh chung Hình 3.15: Giao diện trang chủ 60 62 62 Hình 3.16: Giao diện chọn khóa học học khóa học cụ thể 63 Hình 3.17: Giao diện nội dung học cụ thể Hình 3.18: Hình ảnh trang từ 64 Hình 3.19: Giao diện trang hội thoại 64 Hình 3.20: Giao diện trang tập 65 Hình 3.21: Giao diện trang kiểm tra 65 Hình 3.22: Giao diện trang giới thiệu 66 Hình 3.23: Giao diện trang liên hệ 66 63 LỜI NÓI ĐẦU Tin học phát triển rộng rãi hầu hết lĩnh vực kinh tế xã hội.Việc ứng dụng rộng rãi tin học đem lại thành tựu vô to lớn nhiều nghành, nhiều lĩnh vực khác nhau, đặc biệt lĩnh vực quản lý lưu trữ Trước tình hình đó, sinh viên nghành công nghệ thông tin học tập ĐH CNTT& TT- Đại học Thái Nguyên em có nguyện vọng muốn đem kiến thức công nghệ thông tin áp dụng vào đời sống nói chung công tác quản lý nói riêng Với công nghệ Word Wide Web, hay gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng.PHP kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu.Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy giáo TS Nguyễn Toàn Thắng, em lựa chọn đề tài “Xây dựng website hỗ trợ học tiếng anh trực tuyến cho trường tiểu học thị trấn Yên Lập – Phú Thọ” CHƯƠNG 1: TỔNG QUAN VỀ LARAVEL FRAMEWORK  Giới thiệu Laravel Laravel mã nguồn PHP Framework hoàn toàn miễn phí, thiết kế xây dựng theo chuẩn mô hình MVC Laravelđược phát hànhtheo giấy phép MIT, với mã nguồn nóđược lưu trữ trênGitHub Phiên phát hành ngày 22 tháng năm 2012 Taylor Otwell phiên Laravel phát năm 2015 Theo thống kê đánh giá khảo sát PHP Framework phổ biến 2013, Laravel đứng thứ hạng cao vượt sau Zendframework, Symfony, Yii Framework, CodeIgniter… Đây framework mẻ dễ tiếp cận, nhiều lập trình viên ưa thích sử dụng Hình 1.1 Logo Laravel Trước hết, tinh tế Laravel nằm chỗ bắt kịp xu hướng công nghệ mà điểm nhấn tính phiên PHP 5.3 trở lên Điều thể qua khái niệm namespace, composer, closure nhiều tiêu chuẩn design pattern áp dụng tảng framework Đồng thời, với cách hướng dẫn đơn giản dễ tiếp cận khiến người dùng thích từ lần đầu làm việc với framework Hình 1.2 Biểu đồ tỉ lệ sử dụng Framework PHP Các điểm nhấn đặc sắc Laravel Laravel PHP Framework Nó giảm bớt tác vụ thường gặp trang web authentication, routing, sessions, caching Nó đời vào tháng 04/2011, có lẽ mẻ, đời muộn màng buộc phải học hỏi hay từ PHP Framework đàn anh trước Không PHP Framework, học hay từ Ruby on Rails, ASP.NET MVC, Sinatra Tham khảo best PHP frameworks 2014 http://www.sitepoint.com/best-phpframeworks-2014/, ta thấy Laravel cộng đồng đánh giá cao:MVC TRONG LARAVEL Ở phần Routes phía trên, biết cách định cho Laravel ứng với url pattern gọi đến controller, action Trong phần này, tìm hiểu rõ controller Laravel, Model view Hình 1.3 MVC Laravel  Controller Khi Router gọi, controller tiếp nhận lời gọi xử lý Nó render trực tiếp dạng text (return string bất kỳ, mở rộng có xml, json, html, v.v ) 10 Hình 3.13.: Giao diện thêm học tiếng anh chung  Giao diện hiển thị danh sách học tiếng anh chung  Bước 1: Chọn mục học tiếng anh chung -> Chọn khóa học -> Chọn học tương ứng Sau trang web hiển thị lên liệu danh sách học tiếng anh chung theo chủ đề hình  Bước 2: Bấm icon thùng rác mục “xóa” để xóa hát/ chuyện kể hỏi  Bước 3: Bấm icon sửa mục “sửa” để sửa hát/ chuyện kể 86 Hình 3.14: Giao diện hiển thị danh sách học tiếng anh chung 3.4 Một số giao diện  Giao diện trang chủ Người dùng sau truy cập vào website, giao diện trang chủ hiển thị toàn nội dung trang web trang chủ, khóa học, giới thiệu, liên hệ… 87 Hình 3.15: Giao diện trang chủ  Giao diện cho học sinh Đây phần giao diện hiển thị cho học sinh, người nhìn thấy theo dõi thông tin website  Giao diện khóa học cho phép hiển thị danh mục khóa học học sinh tham gia chọn khóa học phù hợp với thân Bao gồm: Tiếng anh lớp một, tiếng anh lớp 2, tiếng anh lớp 3, tiếng anh lớp 4, tiếng anh lớp 5, tiếng anh qua hát, tiếng anh qua chuyện kể Hình 3.16: Giao diện chọn khóa học học khóa học cụ thể  Giao diện chọn học cho phép hiển thị nội dung học cụ thể: từ mới, hội thoại, tập, kiểm tra Bên canhjc ác học bổ ích, em tham gia làm tập bổ trợ kiến thức làm kiểm tra để trau dồi kiến thức 88 Hình 3.17: Giao diện nội dung học cụ thể  Giao diện trang học từ cho phép học sinh học từ vựng nghĩa tiếng việt phát âm.Mỗi học có phần từ vựng khác 89 Hình 3.18: Hình ảnh trang từ  Trang giao diện hội thoại cho phép em học sinh xem nội dung học qua viedeo kèm theo loạt kiến tức ngữ pháp câu, từ vựng cần thiết 90 Hình 3.19: Giao diện trang hội thoại 91  Giao diện trang tập cho phép học sinh tham gia xem làm phần tập trắc nghiệm học để củng cố kiến thức Hình 3.20: Giao diện trang tập  Giao diện trang kiểm tra cho phép học sinh tham gia làm cá trắc nghiệm kiểm tra lí thú 92 Hình 3.21: Giao diện trang kiểm tra  Giao diện trang giới thiệu với em học sinh, phụ huynh,…về trường tiểu học thị trấn Yên Lập môi trường đào tạo học tập, giải trí trường 93 Hình 3.22: Giao diện trang giới thiệu  Giao diện trang liên hệ cho phép em học sinh, phụ huynh,…biết địa cụ thể trực tiếp liên hệ với nhà trường có thức mắc hay cần lời giải đáp 94 Hình 3.23: Giao diện trang liên hệ 95 KẾT LUẬN Sau thời gian làm việc với nỗ lực thân tạo điều kiện thuận lợi thầy cô khoa Công nghệ thông tin, giáo viên hướng dẫn thầy Nguyễn Toàn Thắng, em hoàn thành đồ án tốt nghiệp yêu cầu thời gian quy định Thời gian vừa qua thời gian cho phấn đấu, tự giác học tập, nghiên cứu học hỏi kiến thức mới, ôn lại kiến thức cũ 1, Ưu điểm sản phẩm: - Đáp ứng yêu cầu trang web hỗ trợ học cho trẻ em tiểu học - Giao diện dễ nhìn, đơn giản dễ sử dụng - Chương trình dễ dàng nâng cấp, sửa đổi - Mã nguồn chương trình dễ đọc, dễ hiểu, mã nguồn tách thành nhiều phần riêng biệt ứng dụng vào nhiều trang web khác 2, Hướng phát triển - Xây dựng giao diện hút - Xây dựng số chức real time tương tác nhà trường học sinh, giáo viên Em xin chân thành cảm ơn! Sinh viên Nguyễn Thị Lệ Thủy 96 97 TÀI LIỆU THAM KHẢO  http://laravel.com/docs/4.2  Getting Started with Laravel - Raphaël Saunier  Laravel Application Development Cookbook - Terry Matula  Getbootstrap.com  W3schools.com  jQuery Foundation 98 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Thái Nguyên, ngày tháng Giáo viên hướng dẫn 99 năm 2016 TS Nguyễn Toàn Thắng 100 ... thống hỗ trợ học tiếng anh trường tiểu học Thị Trấn Yên Lập A, Mục tiêu Xây dựng hệ thống phần mềm hỗ trợ học tập, ôn luyện tự đánh giá môn tiếng anh nhằm: - Hỗ trợ học sinh học tập môn tiếng anh. .. để xây dựng hệ thống quản lý môn CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ WEBSITE HỖ TRỢ HỌC TIẾNG ANH CHO HỌC SINH TRƯỜNG TIỂU HỌC THỊ TRẤN YÊN LẬP 2.1 Khảo sát trạng hệ thống hỗ trợ học tiếng. .. - Học sinh phải trả chi phí lớn có nhiều phần 16 mềm miễn phí cho việc học tiếng Anh có sẵn Internet Xuất phát từ vấn đề trên, Trường Tiểu Học Thị Trấn Yên Lập đề xuất xây dựng phần mềm hỗ trợ