Website hỗ trợ học tiếng anh cho trẻ theo chủ đề

Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC KHÓA LUẬN TỐT NGHIỆP NGÀNH SƯ PHẠM TIN HỌC ĐỀ TÀI : WEBSITE HỖ TRỢ HỌC TIẾNG ANH CHO TRẺ THEO CHỦ ĐỀ SVTH : LỚP : GVDH: Nguyễn Thị Hân 10SPT Ths: Trần Uyên Trang ĐÀ NẴNG, 05-2014 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang LỜI CẢM ƠN Lời em xin bày tỏ lòng biết ơn sâu sắc đến tất quý thầy cô khoa Tin học trường Đại học Sư phạm - ĐH Đà Nẵng tận tình giúp đỡ, truyền đạt kiến thức cho em suốt năm đại học, đặc biệt cô Trần Uyên Trang người trực tiếp dạy hướng dẫn em thực đề tài Đồng thời gửi lời cảm ơn đến tất bạn sinh viên khóa tập thể lớp 10SPT khoa Tin học - Trường ĐH Sư Phạm - ĐH Đà Nẵng ủng hộ, giúp đỡ, chia sẻ kiến thức kinh nghiệm thời gian qua Và để có kết ngày hơm nay, em biết ơn gia đình động viên, khích lệ tạo điều kiện thuận lợi suốt trình học tập trình thực đề tài Mặc dù em cố gắng nổ lực để thực đề tài này, song luận văn chắn khó tránh khỏi thiếu sót Do đó, em mong nhận thơng cảm bảo tận tình q thầy Em xin chân thành cảm ơn ! Sinh viên Nguyễn Thị Hân Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp cô Trần Uyên Trang Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên Nguyễn Thị Hân Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang MỤC LỤC LỜI CẢM ƠN - LỜI CAM ĐOAN - DANH TỪ VIẾT TẮT DANH MỤC HÌNH DANH MỤC BẢNG 11 PHẦN I: MỞ ĐẦU - 12 Bối cảnh đề tài: 12 1.1 Tên đề tài: 12 1.2 Lý chọn đề tài: 12 Mục đích đối tượng nghiên cứu: - 13 2.1 Mục đích: 13 2.2 Đối tượng nghiên cứu: 14 Phạm vi nghiên cứu: 14 Phương pháp nghiên cứu: - 14 Mục tiêu cần đạt được: 15 Ý nghĩa đề tài: - 15 PHẦN II: NỘI DUNG - 16 CHƯƠNG I: CƠ SỞ LÝ THUYẾT 16 Đặc điểm tâm lí lứa tuổi trẻ em: - 16 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 1.1 Một số khái niệm bản: 16 1.2 Sự phát triển loại hoạt động tri giác: 17 Một số chủ đề thường áp dụng để trẻ làm quen với ngôn ngữ mới: - 19 Giới thiệu HTML: 20 3.1 Khái niệm: 20 3.2 Cấu trúc tài liệu HTML: 20 Giới thiệu CSS: - 21 4.1 Khái niệm CSS: 21 4.2 Cú pháp CSS: 21 4.3 Một số đặc tính CSS: 22 4.4 Cách khai báo CSS: 22 5.Giới thiệu PHP: 23 5.1 Ngôn ngữ PHP: 23 5.2.Đặc điểm PHP: 24 Giới thiệu MySQL: 25 Web Server: - 25 CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG - 27 Khảo sát thực trạng: - 27 1.1 Thực trạng: 27 1.2 Nhìn nhận website học tiếng Anh: 27 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 1.3 Tham khảo ý kiến số phụ huynh: 28 Phân tích toán xác định yêu cầu: 28 2.1 Bài toán đặt ra: 28 2.2 Xác định yêu cầu: 29 Phân tích thiết kế hệ thống: - 29 3.1 Chức website hỗ trợ trẻ học tiếng Anh: 29 3.2 Sơ lược số hàm, thuật toán website hỗ trợ học tiếng Anh cho trẻ theo chủ đề: 31 3.3 Sơ đồ phân rã chức năng: 37 3.4 Biểu đồ luồng liệu mức: 38 3.5 Lược đồ liệu: 43 CHƯƠNG III: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ - 45 Triển khai xây dựng: 45 1.1 Yêu cầu cài đặt: 45 1.2 Giao diện website hỗ trợ học tiếng Anh cho trẻ theo chủ đề: 47 Đánh giá…………………………………………………………………….…54 PHẦN III: KẾT LUẬN - 55 Kết đạt được: 55 1.1 Kiến thức lý thuyết: 55 1.2 Những kinh nghiệm thực tiễn: 55 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang Hạn chế: - 55 Hướng phát triển: 55 TÀI LIỆU THAM KHẢO 56 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang DANH TỪ VIẾT TẮT STT Từ viết tắt Từ đầy đủ Nghĩa Ngôn ngữ đánh dấu siêu văn HTML HyperText Markup Language XHTML Extensible HyperText Markup Ngôn ngữ đánh dấu siêu văn Language mở rộng CSS Cascading Style Sheets Tập tin định kiểu theo tầng PHP Hypertext Preprocessor Ngơn ngữ lập trình kịch HTTP HyperText Transfer Protocol Giao thức truyền tải siêu văn SQL Structured Query Language Ngơn ngữ truy vấn mang tính cấu trúc Hệ quản trị sở liệu tự mã MySQL nguồn mở XML eXtensible Markup Language Ngôn ngữ đánh dấu mở rộng ASP Active Server Pages Ngơn ngữ lập trình web động SGML Standard Generalized Markup Ngôn ngữ đánh dấu tiêu chuẩn tổng Language quát 10 11 W3C World Wide Web Consortium Hiệp hội lập chuẩn cho internet 12 CSDL Cơ sở liệu 13 CNTT Công nghệ thông tin Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang DANH MỤC HÌNH Hình I.6.1 Biểu tượng MySQL ……………………………………………… 25 Hình II.3 Cài đặt thuật tốn 1……………………………………………………… 33 Hình II.3 Cài đặt thuật tốn button đổi từ vựng 34 Hình II.3 Cài đặt thuật toán button back 34 Hình II.3 Cây thư mục 35 Hình II.3 Khung giao diện (trang chủ) website 36 Hình II.3 Một phần đoạn chương trình file css 36 Hình II.3 Sơ đồ phân rã chức 37 Hình II.3 Sơ đồ liệu mức ngữ cảnh 38 Hình II.3 Sơ đồ liệu mức đỉnh 39 Hình II.3 10 Sơ đồ liệu mức đỉnh giải thích chức – Học từ vựng 40 Hình II.3 11 Sơ đồ liệu mức đỉnh giải thích chức – Làm tập 41 Hình II.3 12 Sơ đồ liệu mức đỉnh giải thích chức 3–Phản hồi ý kiến 42 Hình II.3 13 Sơ đồ liệu mức đỉnh giải thích chức – Quản trị 42 Hình II.3 14 Lược đồ quan hệ thực thể 44 Hình III.1 Nội dung file connect.php…………………………………………… 46 Hình III.1 Giao diện trang chủ 47 Hình III.1 Giao diện bắt đầu học từ vựng 48 Hình III.1 Giao diện dạng tập 49 Hình III.1 Giao diện dạng tập Tìm từ tiếng Anh 49 Sinh viên thực hiện: Nguyễn Thị Hân Trang Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang Hình III.1 Giao diện trả lời 50 Hình III.1 Giao diện trả lời sai 50 Hình III.1 Giao diện dạng tập Tìm từ tiếng Việt 51 Hình III.1 Giao diện dạng tập Lắng nghe 52 Hình III.1 10 Giao diện dạng tập Xem hình 52 Hình III.1 11 Giao diện gửi ý kiến phản hồi 53 Hình III.1 12 Giao diện trang quản trị 53 Sinh viên thực hiện: Nguyễn Thị Hân Trang 10 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 3.5 Lược đồ liệu:  Ta có lược đồ quan hệ sau:  o phanloai (gid, gname, gten, gmota) o tuvung(id, gid, name, ten ) o lienhe(id,ten,email.noidung) Mô tả lược đồ quan hệ: Mô tả Các trường Chứa thông tin chủ đề gid, gname, gten, gmota phần học từ vựng Chứa thông tin từ vựng id, gid, name, ten Tên bảng phanloai tuvung Chứa thông tin phản hồi id, ten, email, noidung lienhe người dung STT Bảng II.3 Bảng mô tả lược đồ quan hệ  Thông tin bảng: phanloai Tên trường Kiểu liệu NULL gid Int(11) No gname Tinytext No gten Tinytext Yes gmota Text Yes Bảng II.3 Bảng phanloai Sinh viên thực hiện: Nguyễn Thị Hân Trang 43 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang tuvung Tên trường Kiểu liệu NULL Id Int(11) No Gid Int(11) Yes Name Tinytext No Ten Tinytext No Bảng II.3 Bảng tuvung lienhe Tên trường Kiểu liệu NULL Id Int(11) No Ten Tinytext Yes Email Tinytext Yes Noidung Text Yes Bảng II.3 Bảng lienhe  Lược đồ quan hệ: tuvung id phanloai gid gid name gname ten gten mota Hình II.3 14 Lược đồ quan hệ thực thể Sinh viên thực hiện: Nguyễn Thị Hân Trang 44 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang CHƯƠNG III: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Triển khai xây dựng: 1.1 Yêu cầu cài đặt: 1.1.1 Cài đặt: Để cài đặt PHP, MySQL, Apache cần cài đặt phần mềm mã nguồn mở AppServ, AppServ tích hợp sẵn phần mềm nói AppServ cung cấp miễn phí địa chỉ: http://www.appservnetwork.com/?appserv Sau vào trang chủ AppServ, tiến hành tải file cài đặt chương trình máy Quá trình cài đặt sẵn, nhanh chóng lúc ta có có Web Server Ở em cài đặt AppServ phiên 2.5.10 1.1.2 Truy cập: Để truy cập vào Web Server ta gõ địa http://localhost 1.1.3 Xây dựng sở liệu MySQL: Ở em sử dụng phần mềm PhpMyAdmin tích hợp sẵn cài đặt AppServ để xây dựng sở liệu theo mô hình liệu quan hệ Sinh viên thực hiện: Nguyễn Thị Hân Trang 45 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang Để sử dụng PhpMyAdmin, ta gõ địa http://localhost/phpmyadmin/ vào trình duyệt tiến hành nhập username = root, password=[password] nhập vào lúc cài đặt AppServ Tạo sở liệu có tên han 1.1.4 Kết nối mã nguồn Website đến sở liệu: Để kết nối Website đến sở liệu, ta tạo file connect.php có nội dung: Hình III.1 Nội dung file connect.php Sinh viên thực hiện: Nguyễn Thị Hân Trang 46 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 1.2 Giao diện website hỗ trợ học tiếng Anh cho trẻ theo chủ đề: 1.2.1 Giao diện trang chủ: Hình III.1 Giao diện trang chủ Giao diện trang chủ website thiết kế tương tương đối đơn giản, dễ sử dụng Nắm đặc điểm yêu thích sắc màu trẻ em, sử dụng hình ảnh sinh động tượng trưng cho chủ đề trẻ chọn để học Trẻ dễ dàng nhận chủ đề hiệu ứng rung đưa chuột vào hình ảnh Đây giao diện cho trẻ học từ vựng theo chủ đề Sinh viên thực hiện: Nguyễn Thị Hân Trang 47 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.2 Giao diện bắt đầu học từ vựng: Hình III.1 Giao diện bắt đầu học từ vựng Trẻ xem hình ảnh liên quan từ vựng theo chủ đề không theo chủ đề Ở icon xem lại từ vựng học minh họa hai ong, trẻ xem lại từ xem trước chọn sang từ khác nhấn icon Khi nhấn hình ảnh loa bên cạnh, bé nghe thấy âm từ vựng Giúp bé nhận diện mặt từ vựng, đồng thời tập cho bé lắng nghe Sinh viên thực hiện: Nguyễn Thị Hân Trang 48 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.3 Giao diện dạng tập: Hình III.1 Giao diện dạng tập - Khi nhấn test bé ơn tập lại nhận biết, lắng nghe I.2.4 Giao diện Tìm từ tiếng Anh: Hình III.1 Giao diện dạng tập Tìm từ tiếng Anh Sinh viên thực hiện: Nguyễn Thị Hân Trang 49 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.5 Giao diện trả lời đúng: Hình III.1 Giao diện trả lời I.2.6 Giao diện trả lời sai: Hình III.1 Giao diện trả lời sai Sinh viên thực hiện: Nguyễn Thị Hân Trang 50 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.7 Giao diện Tìm từ tiếng Việt: Hình III.1 Giao diện dạng tập Tìm từ tiếng Việt Ở tập này, cho trẻ tập làm quen với dạng tập trắc nghiệm, hướng trẻ tư duy, phân tích để đưa đáp ứng Đồng thời luyện khả sử dụng chuột, khả cầm nắm vật, điều chỉnh độ xác nơi bàn tay Sinh viên thực hiện: Nguyễn Thị Hân Trang 51 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.8 Giao diện Lắng nghe: Hình III.1 Giao diện dạng tập Lắng nghe Trẻ kích chọn để nghe âm từ loa, sau chọn câu trả lời Ở tạo nên tập trung trẻ, tạo cho trẻ thói quen tập trung lắng nghe ghi nhớ Đây phương pháp giúp trẻ nhớ lâu hình thành tư trẻ I.2.9 Giao diện Xem hình: Hình III.1 10 Giao diện dạng tập Xem hình Sinh viên thực hiện: Nguyễn Thị Hân Trang 52 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang I.2.10 Giao diện gửi ý kiến phản hồi: Hình III.1 11 Giao diện gửi ý kiến phản hồi Khi truy cập sử dụng trang web, trang web cịn có chức gửi ý kiến phản hồi từ người sử dụng để lấy ý kiến bổ sung, góp phần làm cho trang web hồn thiện I.2.11 Giao diện trang quản trị: Hình III.1 12 Giao diện trang quản trị Sinh viên thực hiện: Nguyễn Thị Hân Trang 53 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang Đánh giá: So với website có thị trường, website hỗ trợ tiếng Anh cho trẻ em theo chủ đề có số ưu điểm: Giao diện đơn giản, dễ sử dụng, nội dung học từ đơn với nội dung gần gũi, phù hợp với trẻ, mang tính chuyên biệt Ở trẻ tự học với website mà khơng cần có hướng dẫn nhiều từ phụ huynh, điểm mà em nghĩ thu hút số người sử dụng Phần tập có dạng tập trắc nghiệm - dạng tập giúp trẻ phát huy tốt khả tư phân tích, đồng thời giúp trẻ biết điều khiển chuột, điều khiển tốt khả cầm nắm thân, điểm khác biệt so với trang web khác Không chứa thông tin quảng cáo, khiến người dùng tập trung tốt vào học  Website làm đáp ứng đầy đủ yêu cầu, chức đề phần khảo sát phân tích hệ thống Sinh viên thực hiện: Nguyễn Thị Hân Trang 54 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang PHẦN III: KẾT LUẬN Kết đạt được: 1.1 Kiến thức lý thuyết: - Nhờ trình tìm hiểu, học hỏi thêm để làm nên sản phẩm website này, giúp em nắm lại kiến thức môn học cách kỹ lưỡng hơn, biết vận dụng kiến thức học để tạo sản phẩm - Biết vận dụng học để tạo trang web mang tính ứng dụng thực tiễn, củng cố khả lập trình xử lí, khắc phục số lỗi phát sinh trình thực 1.2 Những kinh nghiệm thực tiễn: - Tích lũy kinh nghiệm việc tự học tự nghiên cứu - Biết tìm hiểu yêu cầu từ thực thực tiễn để bắt đầu tiến hành tạo sản phẩm dựa yêu cầu thực tiễn - Hồn thành tương đối tốt chức đề Hạn chế: - Chưa đưa dạng học dạng âm nhạc, có lời hát q trình nghiên cứu đề cập Hướng phát triển: - Sẽ phát triển đề tài thêm số chức tạo thêm trò chơi vui nhộn, cung cấp hát có lời… - Xây dựng thành sản phẩm hoàn thiện chức năng, giao diện chuyển đổi website thành ứng dụng sử dụng cho thiết bị thông minh Sinh viên thực hiện: Nguyễn Thị Hân Trang 55 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang TÀI LIỆU THAM KHẢO [1]Nguyễn Bích Thủy (Chủ biên), Tâm lí học trẻ em lứa tuổi mầm non - Nxb Hà Nội– năm 2005, chương I,VI,VII [2] PGS.TS : Trần Quốc Chiến, Giáo trình Cơ sở liệu nâng cao, Nxb Đà Nẵng – năm 2007 [3]PGS.TS Phan Huy Khanh, Phân tích thiết kế hệ thống, Giáo trình – Khoa Cơng Nghệ Thông Tin, Trường ĐH Bách Khoa Đà Nẵng – năm 2001 [4] Tác giả: Nguyễn Tấn Trường, Hướng Dẫn Thực Hành PHP Và MySQL (Toàn Tập), Nxb Thanh Niên – năm 2008 [5] http://ntu.edu.vn/Portals/93/tai_lieu_tk/CSS_TiengViet.pdf [6] http://www.w3schools.com/ [7] http://thietkeweb.net.vn/tai-lieu-thiet-ke-web/ [8] http://tuhocphp.com/ [9] http://www.php.net/ [10] http://www.qhonline.info/ Sinh viên thực hiện: Nguyễn Thị Hân Trang 56 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN … Đà Nẵng, ngày….tháng….năm 2014 GIÁO VIÊN PHẢN BIỆN ( Ký, ghi rõ họ tên) Sinh viên thực hiện: Nguyễn Thị Hân Trang 57 ... Trang 11 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang PHẦN I: MỞ ĐẦU Bối cảnh đề tài: 1.1 Tên đề tài: Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề 1.2 Lý chọn đề tài:... 36 Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 3.3 Sơ đồ phân rã chức năng: Học tiếng Anh cho trẻ theo chủ đề Học từ vựng Phản hồi ý kiến Làm tập Học theo chủ đề Học. .. tiếng Anh cho trẻ theo chủ đề GVHD: Trần Uyên Trang 1.2 Giao diện website hỗ trợ học tiếng Anh cho trẻ theo chủ đề: 1.2.1 Giao diện trang chủ: Hình III.1 Giao diện trang chủ Giao diện trang chủ