Bản in của bài viết

Click vào đây để xem bài viết này ở định dạng ban đầu

««---♥ (¯¤ CNPC2 Always in My Heart ¤¯)♥ ---»»

Thiết Kế Bài Tập Trên Web

Hiện nay việc sử dụng web vào việc học tập khá phổ biến. Trên thị trường có khá nhiều giáo trình điện tử dùng công nghệ web. Bạn có muốn tự xây dựng cho mình một công cụ học tập tương tự không? Bài viết này giới thiệu minh hoạ việc xây dựng một trang web làm bài tập hóa học phù hợp với học sinh lớp 9.

Ở đây tôi tạo các trang web trên đĩa A (để có thể mang đi học ở bất kỳ nơi nào có máy tính và trình duyệt web). Trên đĩa A, tạo thư mục A:\toantonghop, trong thư mục nào tạo 4 trang web:

- A:\toanhonhop\xacdinhthanhphanhonhop2kimloai.htm

- A:\toanhonhop\TRANG1.htm (trang trắng)

- A:\toanhonhop\TRANG2.htm

- A:\toanhonhop\GIAIHEPHUONGTRINHBACNHATHAIANSO.htm

Khi dùng bạn chỉ cần nhấp đúp vào tập tin A:\toanhonhop\xacdinhthanhphanhonhop2kimloai.htm, khi đó sẽ xuất hiện 1 hộp thoại yêu cầu nhập họ tên thí sinh, nhập tên và nhấn nút OK, giao diện chính của "bài tập" sẽ hiện ra với tên hiện ở ô "Thí sinh", nếu bạn nhấp nút X hoặc Cancel thì ở ô đó ghi "Chưa nhập họ tên".

Sau đó bạn nhấp nút "Problem", nội dung câu hỏi ngẫu nhiên (vừa ngẫu nhiên phương trình vừa ngẫu nhiên cả số liệu) sẽ hiện ra ở phía trên trang.

Bạn dùng "Giấy thử" (thực chất là 1 TEXTREA ) để gõ nội dung nào đó mà bạn cần như phương trình đã cân bằng chẳng hạn (bạn có thể xóa thoải mái trong ô này), ở bên phải trang là một "máy tính tay" phù hợp để giải hệ phương trình 2 ẩn số. Để nhân/chia, bạn nhập vào ô "Bieu thuc" và nhấn nút "Tinh" để tính toán, 2 ô "*x" và "*y" dùng nhập hệ số rồi nhấn nút "Solve" để giải hệ phương trình bậc nhất hai ẩn số, khi đó 2 ô phía trên sẽ hiển thị kết quả.

Sau khi thực hiện xong phép tính hãy đưa kết quả vào 2 ô "GIA TRI TRA LOI" mà bên trái đã hiện sẵn "YEU CAU XAC DINH", rồi nhấn nút Check Answer để chương trình đánh giá và cho biết số câu đã trả lời (SO CAU TL) và số câu đúng (SO CAU DUNG) (chương trình tự chấm điểm, bạn không thể sửa được trừ khi sửa code!).

Trang "Bài tập" có nút "*" dùng để xem các cặp phương trình liên hệ dùng cho người viết kiểm tra lại code xem các phương trình có sai chỗ nào không? (dùng để kiểm tra kiến thức của học sinh chẳng hạn, có thể Disabled hoặc xóa luôn nút này để tránh học sinh xem tài liệu).

Ngoài ra còn có nút "Show Answer" để xem cả nội dung bài giải, tiện cho việc ra đề và đáp án của giáo viên (có thể chép đề và đáp án qua Word rồi in thoải mái).

Trong trang 2 chỉ có 26 phương trình, nếu bạn muốn phù hợp đối tượng nào thì sửa lại các phương trình hoặc thêm phương trình mới, dĩ nhiên bạn phải có chút ít hiểu biết về ngôn ngữ javascript và HTML. Mã nguồn đầy đủ của các trang web trên có thể tải về ở website của TGVT-PCWVN.

Giao diện chính của " Bài tập" (khi chạy tập tin A:\toanhonhop\xacdinhthanhphanhonhop2kimloai.htm)

Khi nhấn nút " * "

Khi nhấn nút "Show Answer"