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

NỘI DUNG

1 Đặc điểm tâm lí lứa tuổi trẻ em:

1.1 Một số khái niệm cơ bản: xKhái niệm tâm lí:

Tâm lí là tổng hợp các hiện tượng tinh thần diễn ra trong đầu óc con người và điều khiển mọi hoạt động của họ Sự phát triển tâm lí ở trẻ em đóng vai trò quan trọng trong việc hình thành nhân cách và khả năng thích ứng với môi trường xung quanh.

Quá trình hình thành cái mới trong tâm lý trẻ diễn ra thông qua việc lĩnh hội kinh nghiệm lịch sử xã hội, được thực hiện qua hoạt động của chính trẻ, dưới sự hướng dẫn của người lớn và trong bối cảnh sống của xã hội loài người.

Sự phát triển tâm lý của trẻ không phải là ngẫu nhiên, mà là kết quả của quá trình sống trong các điều kiện cụ thể và mâu thuẫn Điều này diễn ra trong mối quan hệ phong phú với thế giới xung quanh Khả năng phát âm của trẻ cũng được hình thành từ những yếu tố này.

Trong giai đoạn mẫu giáo, trẻ em có khả năng tiếp thu ngữ âm rất nhạy bén do việc giao tiếp bằng ngôn ngữ ngày càng mở rộng Tai âm vị của trẻ thường xuyên được luyện tập khi nghe người khác nói, giúp cơ quan phát âm phát triển Do đó, trẻ thường bắt chước và nhanh chóng nắm bắt các đặc điểm phát âm của những người xung quanh.

CƠ SỞ LÝ THUYẾT

Đặc điểm tâm lí lứa tuổi trẻ em

1.1 Một số khái niệm cơ bản: xKhái niệm tâm lí:

Tâm lí bao gồm tất cả các hiện tượng tinh thần diễn ra trong đầu óc con người, điều khiển mọi hoạt động của họ Sự phát triển tâm lí ở trẻ em là một quá trình quan trọng, ảnh hưởng đến khả năng nhận thức, cảm xúc và hành vi của trẻ trong suốt cuộc đời.

Quá trình hình thành cái mới trong tâm lý trẻ là sự lĩnh hội kinh nghiệm lịch sử xã hội thông qua hoạt động cá nhân, dưới sự hướng dẫn của người lớn và trong bối cảnh sống của xã hội loài người.

Sự phát triển tâm lý của trẻ không phải là ngẫu nhiên, mà là kết quả của quá trình sống trong những điều kiện cụ thể và đầy mâu thuẫn Trẻ em phát triển khả năng phát âm trong mối quan hệ đa dạng với thế giới xung quanh.

Trong giai đoạn mẫu giáo, trẻ em rất nhạy bén trong việc tiếp thu ngữ âm từ môi trường xung quanh Việc giao tiếp bằng ngôn ngữ ngày càng mở rộng giúp tai âm vị của trẻ thường xuyên luyện tập tiếp nhận các âm thanh khi nghe người khác nói Đồng thời, cơ quan phát âm của trẻ cũng phát triển dần, cho phép trẻ bắt chước và nắm bắt nhanh chóng các đặc điểm phát âm của người lớn.

Sinh viên thực hiện: Nguyễn Thị Hân Trang 17 xKhái niệm trí nhớ:

Trí nhớ là quá trình tâm lí bao gồm sự ghi nhớ, giữ lại, nhận lại, nhớ lại những gì con người đã trải qua trước đây xGhi nhớ:

Giai đoạn đầu của hoạt động trí nhớ là quá trình mà con người ghi lại và củng cố những biểu tượng và hiện tượng mới trong não trong một khoảng thời gian nhất định.

1.2 Sự phát triển củ a các loại hoạt động tri giác:

1.2.1 Sự phát triển các loại hoạt động nhận cảm: xNhìn và cảm nhận các thuộc tính về màu sắc, hình dạng, độ lớn:

Trẻ em từ 3 tuổi đã có khả năng nhận biết và sử dụng các chuẩn về màu sắc và hình dạng của sự vật Chúng có thể phân biệt chính xác các màu trong quang phổ cũng như các hình dạng trong hình học Khả năng này chủ yếu được phát triển thông qua các hoạt động sáng tạo như vẽ, cắt và dán Đến giai đoạn đầu của tuổi mẫu giáo, trẻ đã có thể phân biệt rõ ràng các màu sắc như đỏ, xanh, vàng, trắng và đen.

Trẻ em bắt đầu nhận biết các hình dạng cơ bản như hình tròn, vuông và tam giác, và khi lớn lên, chúng dần lĩnh hội thêm nhiều màu sắc và hình học phức tạp hơn Đến tuổi 5, trẻ có khả năng phân biệt các hình chữ nhật, hình thang và bầu dục Ngoài ra, sự phát triển thính giác của trẻ diễn ra nhanh chóng trong giai đoạn mẫu giáo, giúp trẻ nhạy bén hơn với âm thanh xung quanh, phân biệt được các dấu câu trong lời nói và cảm nhận sắc thái âm thanh.

Sinh viên Nguyễn Thị Hân Trang cho rằng giáo dục âm nhạc tốt có thể giúp trẻ em phát triển khả năng nghe và lặp lại chính xác các độ cao của âm thanh.

Giai đoạn mầm non là thời kỳ quyết định trong việc phát triển khả năng tri giác bằng tai của trẻ, khi trẻ tiếp thu thông tin một cách nhanh chóng và nhạy bén nhất.

1.2.2 Sự phát triển các loại hoạt động trí nhớ: xGồm 3 khâu chính: Ghi nhớ - Gìn giữ - Nhớ lại

Bắt đầu từ lứa tuổi mẫu giáo, trí nhớ trực quan hình tượng của trẻ em phát triển mạnh mẽ, giúp trẻ ghi nhớ các tài liệu trực quan tốt hơn so với tài liệu ngôn ngữ Trẻ có khả năng hồi tưởng và hình dung lại sự vật một cách sinh động, như thể chúng đang trải nghiệm lại lần nữa Đồng thời, trí nhớ ngôn ngữ cũng bắt đầu hình thành, nhưng trẻ thường chỉ nhớ những từ cụ thể và gặp khó khăn với các từ mô tả trừu tượng do chưa hiểu rõ ý nghĩa Những mô tả hình tượng, đặc biệt là những mô tả mang tính diễn cảm, thường được ghi nhớ tốt hơn so với các lời mô tả khô khan.

Để trẻ tiếp thu tri thức hiệu quả, cần có sự lặp lại sinh động và trực quan, tránh sự nhàm chán Tri thức nên được truyền đạt như một trò chơi, giúp trẻ dễ dàng ghi nhớ Ở lứa tuổi này, trẻ rất nhạy bén trong việc nhận biết và tiếp thu ngôn ngữ mới, với khả năng ghi nhớ nhanh chóng và học hỏi thông qua hình ảnh.

Sinh viên Nguyễn Thị Hân Trang cho rằng trẻ em có xu hướng thích hình ảnh hơn chữ viết, và tâm lý học của trẻ thường là vừa học vừa chơi, tiếp thu kiến thức chủ yếu thông qua các hoạt động vui chơi Trẻ em nhận biết và học từ theo cách lặp đi lặp lại các hình ảnh và vấn đề mang tính trực quan Quá trình học của trẻ diễn ra thông qua việc bắt chước và tự triển khai các hoạt động.

Một số chủ đề thường được áp dụng để trẻ làm quen với ngôn ngữ mới

Để trẻ có thể nhận biết và phát âm đúng tên gọi của các vật, sự vật, chúng cần phải quen thuộc với chúng thông qua việc tiếp xúc hàng ngày Việc này giúp trẻ ghi nhớ tên gọi, chức năng và đặc điểm của các vật thể xung quanh.

Để trẻ ghi nhớ và phát âm đúng các vật dụng bằng một ngôn ngữ mới, những vật này cần phải gần gũi và quen thuộc với trẻ Việc lặp đi lặp lại những từ ngữ này trong tâm trí trẻ sẽ giúp chúng trở thành phản xạ tự nhiên, dần dần hình thành bản năng ngôn ngữ của trẻ.

Khi trẻ đến trường, chúng có cơ hội giao lưu với giáo viên và bạn bè, làm quen với các dụng cụ học tập Trẻ được học bảng chữ cái, màu sắc, hình học và tham gia vào các trò chơi như làm bác sĩ hay cô giáo, giúp phát triển kỹ năng xã hội và khám phá các nghề nghiệp tương lai.

Tất cả những trò chơi ấy, tiếp xúc ấy ăn sâu và trở thành bản năng của trẻ.

Các chủ đề thường được sử dụng cho trẻ mới bắt đầu học tiếng Anh là:

+ Về gia đình, con người

+ Về các vật dụng học tập, vật dụng trong gia đình

+ Các con vật, các loại hoa củ quả

+ Về màu sắc, hình học, chữ số

Sinh viên thực hiện: Nguyễn Thị Hân Trang 20

Giới thiệu về HTML

HTML ( viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu

HTML, hay còn gọi là "Siêu văn bản", là một ngôn ngữ đánh dấu được thiết kế để tạo ra các trang web với thông tin được trình bày trên World Wide Web Nó được định nghĩa là một ứng dụng đơn giản của SGML, phục vụ cho các tổ chức có nhu cầu xuất bản phức tạp HTML đã trở thành một tiêu chuẩn Internet, được duy trì bởi tổ chức World Wide Web Consortium (W3C).

3.2 Cấu trúc của 1 tài liệu HTML: xCấu trúc của tài liệu HTML gồm có 3 phần cơ bản: o Phần chứa code của html o Phần …. phần này nằm trong thẻ chứa các thông tin hiển thị ở thanh điều hướng của trình duyệt web, chứa các thông tin về trang web o Phần …. phần này nằm trong thẻ và nằm sau thẻ chứa nội dung của trang web

Cấu trúc được thể hiện như sau:

nội dung của trang

Giới thiệu về CSS

CSS, viết tắt của Cascading Style Sheet, là ngôn ngữ dùng để mô tả cách trình bày tài liệu HTML và XHTML Đây là một tệp văn bản có phần mở rộng css, chứa các câu lệnh CSS để định dạng các thành phần HTML.

Cú pháp của CSS được chia làm 3 phần, phần thẻ chọn (selector), phần thuộc tính (property), phần nhãn (value)

Cú pháp cơ bản: css_selector_1 { thuộc_tính_1: giá_trị_của_thuộc_tính_1; thuộc_tính_2: giá_trị_của_thuộc_tính_2;

thuộc_tính_n: giá_trị_của_thuộc_tính_n;

} css_selector_2 { thuộc_tính_1: giá_trị_của_thuộc_tính_1; thuộc_tính_2: giá_trị_của_thuộc_tính_2;

Sinh viên thực hiện: Nguyễn Thị Hân Trang 22 css_selector_n { thuộc_tính_1: giá_trị_của_thuộc_tính_1; thuộc_tính_2: giá_trị_của_thuộc_tính_2;

4.3 Một số đặc tính của CSS:

CSS quy định cách hiển thị các thẻ HTML thông qua việc thiết lập các thuộc tính như font chữ và màu sắc Để tiện lợi hơn, bạn có thể lưu trữ tất cả các thuộc tính này trong một file riêng có phần mở rộng ".css".

CSS giúp vượt qua giới hạn trong thiết kế web bằng cách cho phép quản lý định dạng và bố cục trên nhiều trang chỉ với một file CSS Các nhà phát triển web có thể định nghĩa trước các thuộc tính của một số thẻ HTML và tái sử dụng chúng trên nhiều trang khác nhau.

4.4 Cách khai báo CSS: xCó 3 cách để nhúng CSS vào trang HTML: o Cách 1: nhúng ngày trong thành phần: áp dụng trực tiếp trên một đối tượng nhất định bằng thuộc tính style:

Để áp dụng kiểu dáng cho toàn bộ trang web, sinh viên Nguyễn Thị Hân Trang đề xuất cách nhúng CSS ở đầu mỗi trang Chỉ cần đặt đoạn mã CSS vào trong cặp thẻ, việc này giúp đồng nhất kiểu dáng cho toàn bộ nội dung của trang.

rồi đặt vào trong phần header của web (giữa và ):

Để tối ưu hóa việc sử dụng CSS, bạn có thể tạo một tệp tin CSS riêng biệt (*.css) và tham chiếu đến nó từ nhiều trang web khác nhau.

Ví dụ:

Mức độ ưu tiên của CSS: Chèn css trực tiếp > Viết file css riêng > Chèn css trong cặp thẻ style

PHP (Hypertext Preprocessor) is a server-side scripting language similar to ASP, designed to execute scripts on the server It supports various databases, including MySQL, Informix, Oracle, Sybase, and Solid As an open-source language, PHP is compatible with multiple platforms such as Windows, Linux, and Unix.

Tập tin PHP có khả năng chứa văn bản thuần túy, thẻ HTML và các ngôn ngữ kịch bản như JavaScript, và nó luôn trả về cho trình duyệt một HTML thuần túy.

Nguyễn Thị Hân Trang 24 đã tối ưu hóa PHP cho các ứng dụng web nhờ vào tốc độ nhanh, kích thước nhỏ gọn, cú pháp tương tự C và Java, cùng với tính dễ học và thời gian phát triển sản phẩm ngắn hơn so với các ngôn ngữ khác Chính vì vậy, PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất toàn cầu, được sử dụng bởi nhiều trang web lớn như Facebook, Yahoo, Youtube và Wikipedia.

5.2.Đặc điểm của PHP: xPHP là ngôn ngữ kịch bản phổ biến nhất thế giới Nó có nhiều ưu điểm: nhanh, ổn định, an toàn và là mã nguồn mở (miễn phí) xPHP chạy được trên mọi nền tảng bao gồm Unix, Mac và Windows xPHP sử dụng ít tài nguyên của hệ thống, nó sử dụng như một mô-dun Appache nên thực thi nhanh PHP cũng ổn định bởi vì cộng đồng PHP rộng lớn sẵn sàng làm việc với nhau để sửa chữa bất kỳ lỗi nào xKhả năng liên kết cao Nó sử dụng các mô-đun hệ thống mở rộng để liên kết với hàng loạt các thư viện như đồ họa, XML, mã hóa… Lập trình viên cũng có thể viết mô-đun mở rộng, biên dịch thành tập tin thực thi và thêm vào PHP xPHP có rất nhiều giao diện máy chủ (Apache, IIS, Roxen, THTTPD and AOLserver…), giao diện cơ sở dữ liệu (MySQL, MS SQL, Informix, Oracle…) xPHP có tốc độ nhanh, cú pháp câu lệnh giống C xCác biến trong PHP có thể sử dụng được ngay mà không cần phải khai báo trước

Giới thiệu về MySQL

MySQL là một máy chủ cơ sở dữ liệu linh hoạt, phù hợp cho cả ứng dụng nhỏ và lớn, hỗ trợ các tiêu chuẩn SQL và hoạt động trên nhiều nền tảng Với tốc độ nhanh, tính ổn định cao và dễ sử dụng, MySQL là lựa chọn lý tưởng cho các ứng dụng cần truy cập cơ sở dữ liệu Nó cũng đóng vai trò quan trọng trong việc hỗ trợ PHP, nơi lưu trữ thông tin cho các trang web viết bằng ngôn ngữ này.

Web Server

Máy chủ phục vụ web (Web Server) là máy tính cài đặt phần mềm phục vụ web, thường được gọi chung là Web Server Tất cả các Web Server đều có khả năng hiểu và xử lý các file *.htm và *.html, nhưng mỗi loại Web Server lại hỗ trợ các định dạng file chuyên biệt khác nhau, như IIS của Microsoft cho *.asp và *.aspx, trong khi Apache chủ yếu phục vụ cho các file *.php.

Máy Web Server là loại máy chủ có dung lượng lớn và tốc độ cao, được sử dụng để lưu trữ thông tin như một ngân hàng dữ liệu, bao gồm các website đã được thiết kế và các thông tin liên quan khác.

Web Server có khả năng truyền tải các trang Web đến máy khách qua Internet hoặc Intranet, sử dụng giao thức HTTP, một giao thức được thiết kế đặc biệt để gửi các tệp tin đến trình duyệt web.

Khi máy tính kết nối với Web Server và gửi yêu cầu truy cập thông tin từ một trang web, phần mềm máy chủ web sẽ xử lý yêu cầu và gửi lại cho bạn những thông tin mà bạn cần.

PHÂN TÍCH THI ẾT KẾ HỆ THỐNG

Khảo sát thực trạng

Trong bối cảnh hiện nay, việc học tiếng Anh trở nên vô cùng quan trọng, và nhiều phụ huynh lựa chọn cho con em mình học tại các trung tâm Anh ngữ Tuy nhiên, một số phụ huynh lại quyết định tự dạy tiếng Anh cho trẻ tại nhà, vì họ nhận thấy rằng trẻ em ở độ tuổi nhạy bén với cái mới có thể học những kiến thức cơ bản một cách dễ dàng Các tài liệu như CD âm nhạc tiếng Anh, truyện và báo cũng rất phong phú, giúp hạn chế việc di chuyển và tạo thời gian cho phụ huynh chăm sóc, vừa học vừa chơi cùng trẻ.

Hiện nay, ứng dụng web đã trở nên phổ biến trong mọi gia đình và cá nhân Trong bối cảnh xu hướng tự học và khám phá tri thức ngày càng gia tăng, nhiều ứng dụng web hỗ trợ việc tự học và tự làm đã được ra đời Đặc biệt, các ứng dụng dành cho trẻ em học tại nhà cũng nằm trong xu thế này.

1.2 Nhìn nhận về các website học tiếng Anh:

Hiện nay, có nhiều website hỗ trợ trẻ em học tiếng Anh như learnenglishteens.britishcouncil.org, learnenglishkids.britishcouncil.org, marks-english-school.com và tienganh123.com Những trang web này nổi bật với đa dạng bài tập, trò chơi phong phú, nội dung hấp dẫn, hình ảnh sinh động và âm thanh vui nhộn, giúp trẻ học tiếng Anh một cách hiệu quả và thú vị.

Sinh viên thực hiện: Nguyễn Thị Hân Trang 28 xTuy nhiên qua tìm hiểu em thấy:

Mặc dù giao diện rất đẹp, nhưng việc các đề mục chủ yếu bằng tiếng Anh gây khó khăn cho người dùng, đặc biệt là những ai chưa thông thạo ngôn ngữ này.

Giao diện của website có nhiều chức năng và đề mục, dễ gây rối cho người lớn Họ cần phải tìm hiểu kỹ các phần của website để xác định phần nào phù hợp với lứa tuổi của con mình.

+ Ngoài chức năng hỗ trợ trẻ học tiếng Anh, các website này chứa nhiều các hình ảnh, mục liên kết đến quảng cáo, càng khiến giao diện phức tạp

+ Muốn trẻ tiếp thu được nội dung thì buộc có người hướng dẫn trẻ

1.3 Tham khảo ý kiến của một số phụ huynh: xĐể phục vụ cho đề tài, em đã tham khảo ý kiến đóng góp của một số phụ huynh có con trẻ thuộc địa bàn thành phố Đà Nẵng

- Các ý kiến đó chủ yếu là:

+ Giao diện đơn giản, dễ sử dụng, không tốn nhiều thời gian để tìm hiểu nội dung

+ Không chứa các thông tin quảng cáo

+ Có thể cho con trẻ tự học, người lớn chỉ hướng dẫn khi cần thiết

+ Các đề mục nên sử dụng tiếng Việt để dễ hiểu

Phân tích bài toán và xác định yêu cầu

Cha mẹ có con nhỏ thường tìm kiếm một trang web hỗ trợ việc học tiếng Anh cho trẻ Họ sẽ bắt đầu bằng cách vào Google, truy cập vào một trang web và tìm hiểu thông tin cơ bản về trang đó.

Nội dung cần phù hợp với độ tuổi của trẻ, đảm bảo sự thú vị và kích thích trẻ học tập hiệu quả Bên cạnh đó, cần tránh sự phức tạp, dễ sử dụng và hạn chế thông tin quảng cáo để tạo môi trường học tập tốt nhất cho trẻ.

+ Ngoài phần học phải có phần để trẻ ôn lại, củng cố những gì đã biết

=> Nếu đảm bảo được các yếu tố đó, người sử dụng sẽ lựa chọn cho con em mình

- Nội dung phải phù hợp với trẻ em, đảm bảo tính đúng, chính xác về từ vựng, hình ảnh minh họa, âm thanh

- Các bài tập để trẻ kiểm tra lại kiến thức nên đa dạng để hạn chế sự nhàm chán

Bài tập ngoài không chỉ hỗ trợ trẻ học từ vựng mà còn giúp phát triển các khả năng khác như tư duy, phân tích và khả năng điều khiển cơ thể.

- Giao diện đơn giản để trẻ có thể tự học, tự khám phá song phải sinh động, hấp dẫn, có tính lôi cuốn, thu hút

- Hệ thống hình ảnh minh họa phải đa dạng, phù hợp, kích thích được sự ham thích của trẻ

- Không chứa các thông tin quảng cáo, thương mại

- Sử dụng hệ thống tiếng Việt ở các đề mục, giới thiệu, từ ngữ mang tính gợi nhớ, dễ hiểu, dễ sử dụng.

Phân tích và thiết kế hệ thống

3.1 Chức năng của website hỗ trợ trẻ học tiếng Anh:

Website hỗ trợ học tiếng Anh cho trẻ theo chủ đề có 4 chức năng chính là:

+ Phần phản hồi ý kiến từ người sử dụng (phụ huynh các trẻ)

+ Quản trị cơ sở dữ liệu và phản hồi ý kiến từ người sử dùng

3.1.1 Học từ vựng: xHọc từ vựng theo chủ đề Ở đây được chia làm 6 chủ đề chính: o Chữ cái, số, hình học và màu sắc o Bé đến trường

Sinh viên Nguyễn Thị Hân Trang đã thực hiện nghiên cứu về con người và nghề nghiệp, tập trung vào khu nội trợ và các yếu tố liên quan đến mùa và thời gian Bài viết cũng đề cập đến việc học từ vựng không theo chủ đề xác định, cho phép sinh viên tiếp cận kiến thức một cách linh hoạt và sáng tạo.

Chương trình này cho phép xáo trộn từ vựng trong cùng một chủ đề, giúp trẻ ghi nhớ hiệu quả hơn Việc xuất hiện ngẫu nhiên của các từ vựng giúp trẻ lặp lại và làm quen với từ ngữ và hình ảnh, từ đó củng cố khả năng nhớ lâu.

Khi trẻ nhấn vào loa, âm thanh phát ra sẽ giúp bé nghe cách phát âm chính xác của từ vựng, từ đó tăng cường khả năng ghi nhớ và hiểu biết về từ ngữ Việc kết hợp hình ảnh và âm thanh không chỉ làm cho việc học trở nên thú vị mà còn giúp trẻ tiếp thu kiến thức một cách hiệu quả hơn.

- Sau khi xem một số từ vựng, website có thêm chức năng quay lại những từ vựng đã xem ở trước

3.1.2 Phần bài tập giúp kiểm tra những từ trẻ đã được làm quen:

- Phần này được chia làm 4 dạng bài tập khác nhau ở dạng trắc nghiệm:

3.1.3 Phản hồi ý kiến: Đây là chức năng cho phép phản hồi ý kiến từ người sử dụng nhằm lấy ý kiến cộng đồng, tăng tính đúng đắn, chính xác cho website

3.1.4 Q uản trị cơ sở dữ liệu và phản hồi ý kiến từ người sử dụng

Với chức năng này, admin có nhiệm vụ cập nhật cho cơ sở dữ liệu

+ Quản lí, nhập, thêm, xóa, sửa các từ vựng, phân loại của các chủ đề

+ Quản lí, xóa hoặc giữ các ý kiến phản hồi hợp lệ

3.2 Sơ lược về một số hàm, thuật toán của website hỗ trợ học tiếng Anh cho trẻ theo chủ đề:

3.2.1 Tạo trang PHP chứa các hàm tự định nghĩa:

Trong quá trình lập trình, ta cần đến những hàm tự định nghĩa, lúc này ta tạo file lib.php chứa tất cả các hàm tự định nghĩa

Một số hàm đã được định nghĩa trong file lib.php gồm có:

- Hàm masocuoi(): trả về mã số id của record cuối cùng của table trong CSDL

- Lớp PhanTrang(): Nhận vào tổng số dữ liệu, số dữ liệu mỗi trang, trả ra các biến và hàm liên quan đến việc phân trang dữ liệu

Hàm idcuoi() nhận vào một mảng chứa các id từ vựng đã được xem, với các id được phân cách bằng dấu “-” Hàm này sẽ trả về giá trị id cuối cùng trong mảng đó.

- Hàm boidcuoi(): Nhận vào một mảng id các từ vựng đã được xem (các id này được phân cách bởi dấu “-”), xóa giá trị id cuối cùng của mảng

3.2.2 Một số hàm, biến đặc biệt, phương thức đã sử dụng:

Trong website này, tôi đã áp dụng một số hàm quan trọng, bao gồm nhóm hàm truy vấn và xử lý cơ sở dữ liệu, cùng với nhóm hàm kiểm tra dữ liệu Ngoài ra, tôi cũng sử dụng các phương thức như POST và GET để quản lý dữ liệu hiệu quả.

Sinh viên thực hiện: Nguyễn Thị Hân Trang 32 xCác biến đặt biệt: o $_Session

HTML: o Các thẻ form o Các thẻ tạo bảng, khối o Các thẻ liên kết

Em đã áp dụng một phần số thuộc tính CSS cơ bản cho các thẻ HTML: o Background o Width o Height o Boder o Một số thuộc tính của CSS3

3.2.3 Một số thuật toán được sử dụng: xThuật toán 1: Tạo 4 phương án và đáp án trong phần các bài tập:

Bước 1: Tạo mảng a chứa id tất cả các từ vựng

Bước 2: i=0, n= số phần tử của mảng a

Bước 3: Nếu i 3 thì chuyển đến bước 7

Bước 6: tăng i 1 đơn vị, quay lại bước 3 dapan = pa[random(0,3)];

Ghi chú: pa: Mảng chứa id các phương án

Hình II.3 1 &jLÿ̿WWKX̵WWRiQ xThuật toán 2: Xử lí button đổi từ vựng

Bước 1: Nếu nút đổi từ vựng được nhấn, tới bước 2, ngược lại đến bước 4

Bước 2: Lặp cho đến khi lấy một id mới mà id này không trùng với id của từ vừa hiển thị

Bước 3: Hiển thị từ vựng được lấy ra

Hình II.3 2 &jLÿ̿WWKX̵WWRiQFͯDEXWWRQÿ͝LWͳY͹QJ xThuật toán 3: Xử lí button back (quay lại từ vựng trước)

Bước 1: Nếu nút back được nhấn, tới bước 2, ngược lại đến bước 5

Bước 2: Kiểm tra nếu idcuoi của mảng back là số

Bước 3: Hiển thị từ vựng có id=idcuoi và lưu id từ vựng đó vào biến next

Bước 4: Trong mảng back, loại bỏ từ vựng vừa hiển thị

Hình II.3 3 &jLÿ̿WWKX̵WWRiQFͯDEXWWRQEDFN

3.2.4 Cây thư mục của chương trình:

Toàn bộ dữ liệu của chương trình đặt trong thư mục han

- Thư mục adm: Chứa toàn bộ file php xử lí dành cho người quản trị (admin.php, index.php,them.php…)

- Thư mục css: Chứa toàn bộ file css định kiểu cho các các file php tương ứng

- Thư mục inc: Chứa toàn bộ các file tự định nghĩa và file connect của chương trình dùng để chèn vào các file khác

- Thư mục: img,dulieu chứa toàn bộ dữ liệu hình ảnh, âm thanh của chương trình

3.2.5 Xây dựng khung giao diện cho trang web:

Hình II.3 5 KXQJJLDRGL QFKtQKWUDQJFKͯFͯDZHEVLWH

- Khối Menu chứa các tiêu đề như: Home, Study, Test, About

- Khối Main chứa nội dung chính của chương trình

- Để xây dựng hai khối này, sẽ được cài đặt trong chương trình bằng thẻ DIV

- Hình thức trình bày website, thuộc tính các thẻ HTML được cài đặt trong file css

Hình II.3 6 0͡WSK̯QÿR̩QFK˱˯QJWUuQKWURQJILOHFVV

Cửa sổ trình duyệt Div

3.3 Sơ đồ phân rã chức năng:

Học tiếng Anh cho trẻ theo chủ đề

Học không theo chủ đề

Quản trị Thông tin phản hồi

3.4 Biểu đồ luồng dữ liệu 3 mức:

3.4.1 Sơ đồ dữ liệu mức ngữ cảnh:

Hình II.3 8 6˯ÿ͛GͷOL XPͱFQJͷF̫QK

&XQJF̭SFiFEjLK͕FEjLW̵S&XQJF̭SWK{QJWLQ

3.4.2 Sơ đồ dữ liệu mức đỉnh:

Hình II.3 9 6˯ÿ͛GͷOL XPͱFÿ͑QK

+͕FWͳY͹QJ Ĉ˱DWK{QJWLQ SK̫QK͛L

/̭\WK{QJWLQFkXK͗L SKkQOR̩͓SK̫QK͛L

/˱XWK{QJWLQF̵S QK̵WFkXK͗LSKkQ OR̩L Ĉ˱DWK{QJtin

3.4.3 Sơ đồ dữ liệu mức dưới đỉnh:

3.4.4 Sơ đồ dữ liệu mức dưới đỉnh giải thích chức năng 1 – Học từ vựng:

Hình II.3 10 6˯ÿ͛GͷOL XPͱFG˱ͣLÿ͑QKJL̫LWKtFKFKͱFQăQJ± +͕FWͳY͹QJ

Học không theo chủ đề

3.4.5 Sơ đồ dữ liệu mức dưới đỉnh giải thích chức năng 2 – Làm bài tập:

Hình II.3 11 6˯ÿ͛GͷOL XPͱFG˱ͣLÿ͑QKJL̫LWKtFKFKͱFQăQJ± /jPEjLW̵S

Lắng ngheTìm từ tiếng Việt

3.4.6 Sơ đồ dữ liệu mức dưới đỉnh giải thích chức năng 3 – Phản hồi ý kiến

Hình II.3 12 6˯ÿ͛GͷOL XPͱFG˱ͣLÿ͑QKJL̫LWKtFKFKͱFQăQJ±3K̫QK͛LêNL͇Q

3.4.7 Sơ đồ dữ liệu mức dưới đỉnh giải thích chức năng 4 – Quản trị

Hình II.3 13 6˯ÿ͛GͷOL XPͱFG˱ͣLÿ͑QKJL̫LWKtFKFKͱFQăQJ± 4X̫QWU͓

Cơ sở dữ liệu Quản trị

*͵LêNL͇QWK{QJWLQ Ĉ˱DWK{QJWLQ

3.5 Lược đồ dữ liệu: xTa có các lược đồ quan hệ như sau: o phanloai (gid, gname, gten, gmota) o tuvung(id, gid, name, ten ) o lienhe(id,ten,email.noidung) x Mô tả các lược đồ quan hệ:

Mô tả phanloai 1 gid, gname, gten, gmota

Chứa thông tin về các chủ đề trong phần học từ vựng

2 tuvung id, gid, name, ten Chứa thông tin về từ vựng lienhe 3 id, ten, email, noidung

Chứa thông tin phản hồi của người dung

%̫QJ,,1%̫QJP{W̫FiFO˱ͫFÿ͛TXDQK xThông tin các bảng: phanloai

Tên trường Kiểu dữ liệu NULL gid Int(11) No gname Tinytext No gten Tinytext Yes gmota Text Yes

Sinh viên thực hiện: Nguyễn Thị Hân Trang 44 tuvung

Tên trường Kiểu dữ liệu NULL

%̫QJ,,4%̫QJOLHQKH x Lược đồ quan hệ:

Hình II.3 14 /˱ͫFÿ͛TXDQK JLͷDFiFWK͹FWK͋ tuvung id gid name ten phanloai gid gname gten mota

TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ

Triển khai xây dựng

1.1 Yêu cầu về cài đặt:

1.1.1 Cài đặt: Để có thể cài đặt PHP, MySQL, Apache chúng ta chỉ cần cài đặt phần mềm mã nguồn mở AppServ, AppServ đã tích hợp sẵn các phần mềm nói trên AppServ được cung cấp miễn phí tại địa chỉ: http://www.appservnetwork.com/?appserv

Sau khi truy cập trang chủ của AppServ, bạn cần tải file cài đặt chương trình về máy Quá trình cài đặt diễn ra nhanh chóng và dễ dàng, giúp bạn thiết lập một trang web ngay lập tức.

Server Ở đây em cài đặt $SS6HUYSKLrQE̫Q

1.1.2 Truy cập: Để truy cập vào Web Server ta gõ địa chỉ http://localhost

1.1.3 Xây dựng cơ sở dữ liệu MySQL: Ở đây em sử dụng phần mềm PhpMyAdmin được tích hợp sẵn trong bộ cài đặt

AppServ để xây dựng cơ sở dữ liệu theo mô hình dữ liệu quan hệ

Để sử dụng PhpMyAdmin, bạn cần truy cập địa chỉ http://localhost/phpmyadmin/ trên trình duyệt Sau đó, hãy nhập thông tin đăng nhập với username là root và password là mật khẩu mà bạn đã thiết lập trong quá trình cài đặt AppServ.

Tạo một cơ sở dữ liệu có tên là han

1.1.4 Kết nối mã nguồn Website đến cơ sở dữ liệu: Để kết nối Website đến cơ sở dữ liệu, ở đây ta tạo file connect.php có nội dung:

1.2 Giao diệ n của website hỗ trợ học tiếng Anh cho trẻ theo chủ đề:

Giao diện trang chủ website được thiết kế tương tương đối đơn giản, dễ sử dụng

Nắm bắt sở thích về màu sắc của trẻ em, bài viết sử dụng hình ảnh sinh động để tượng trưng cho các chủ đề học tập Trẻ em có thể dễ dàng nhận biết chủ đề mình đang học thông qua hiệu ứng rung khi di chuột vào hình ảnh Đây là giao diện giúp trẻ học từ vựng theo các chủ đề một cách thú vị và hấp dẫn.

I.2.2 Giao diện khi bắt đầu học từ vựng:

Hình III.1 3*LDRGL QNKLE̷Wÿ̯XK͕FWͳY͹QJ

Trẻ sẽ được tiếp cận hình ảnh minh họa liên quan đến các từ vựng theo chủ đề hoặc không theo chủ đề Với biểu tượng xem lại, trẻ có thể ôn tập những từ đã học thông qua hai chú ong và dễ dàng chuyển sang từ khác khi nhấn vào biểu tượng.

Khi nhấn vào hình ảnh cái loa, trẻ sẽ nghe được âm thanh của từ vựng, giúp bé nhận diện từ vựng và rèn luyện kỹ năng lắng nghe hiệu quả.

I.2.3 Giao diện các dạng bài tập:

Hình III.1 4*LDRGL QFiFG̩QJEjLW̵S

- Khi nhấn test bé sẽ được ôn tập lại những gì mình đã nhận biết, lắng nghe

I.2.4 Giao diện của Tìm từ tiếng Anh:

Hình III.1 5*LDRGL QFͯDG̩QJEjLW̵S7uPWͳWL͇QJ$QK

I.2.5 Giao diện khi trả lời đúng:

Hình III.1 6*LDRGL QNKLWU̫OͥLÿ~QJ I.2.6 Giao diện khi trả lời sai:

Hình III.1 7*LDRGL QNKLWU̫OͥLVDL

I.2.7 Giao diện của Tìm từ tiếng Việt:

Trong các bài tập này, trẻ được làm quen với các dạng bài trắc nghiệm, giúp phát triển tư duy và khả năng phân tích để đưa ra đáp án chính xác Đồng thời, trẻ cũng được rèn luyện kỹ năng sử dụng chuột, khả năng cầm nắm các vật, và điều chỉnh độ chính xác của bàn tay.

I.2.8 Giao diện của Lắng nghe:

Hình III.1 9*LDRGL QFͯDG̩QJEjLW̵S/̷QJQJKH

Trẻ em sẽ nhấn chọn để nghe âm thanh từ loa và sau đó đưa ra câu trả lời của mình Phương pháp này giúp trẻ tập trung, rèn luyện thói quen lắng nghe và ghi nhớ, từ đó phát triển khả năng tư duy và tăng cường trí nhớ lâu dài.

I.2.9 Giao diện của Xem hình:

Hình III.1 10*LDRGL QFͯDG̩QJEjLW̵S;HPKuQK

I.2.10 Giao diện gửi ý kiến phản hồi:

Hình III.1 11*LDRGL QJ͵LêNL͇QSK̫QK͛L

Khi người dùng truy cập và sử dụng trang web, họ có thể gửi ý kiến phản hồi để cung cấp thông tin bổ sung, góp phần cải thiện và hoàn thiện trang web hơn.

I.2.11 Giao diện trang quản trị:

Hình III.1 12*LDRGL QFͯDWUDQJTX̫QWU͓

Đánh giá

So với các website đang có trên thị trường, website hỗ trợ tiếng Anh cho trẻ em theo chủ đề có một số ưu điểm:

Giao diện thân thiện và dễ sử dụng, cùng với nội dung bài học bao gồm các từ đơn giản, phù hợp với trẻ em, tạo điều kiện cho việc tự học hiệu quả Trẻ có thể học tập trên website mà không cần quá nhiều sự hướng dẫn từ phụ huynh, điều này sẽ thu hút nhiều người dùng.

Bài tập trắc nghiệm trong phần bài tập không chỉ giúp trẻ phát triển khả năng tư duy và phân tích mà còn rèn luyện kỹ năng điều khiển chuột và khả năng cầm nắm Đây là điểm nổi bật khiến nó khác biệt so với các trang web khác.

Website không chứa thông tin quảng cáo, giúp người dùng tập trung hơn vào bài học Nó đáp ứng đầy đủ các yêu cầu và chức năng đã được đề ra trong phần khảo sát và phân tích hệ thống.

Tiêu đề	Website Hỗ Trợ Học Tiếng Anh Cho Trẻ Theo Chủ Đề
Tác giả	Nguyễn Thị Hõn
Người hướng dẫn	GVHD: Trần Uyờn Trang
Trường học	Đại học Đà Nẵng
Chuyên ngành	Ngành Sư nghiệp Phạm Tin học
Thể loại	Khóa luận tốt nghiệp
Năm xuất bản	2014
Thành phố	Đà Nẵng

Định dạng
Số trang	57
Dung lượng	1,86 MB