Chạy demo và thực hiện các test case

Một phần của tài liệu thiết kế website hỗ trợ tự học môn hóa lớp 1o ban nâng cao ở trường trung học phổ thông (Trang 88)

8. Những đóng góp mới của đề tài

2.8.Chạy demo và thực hiện các test case

Bước cuối cùng của quy trình thiết kế website là chạy demo và thực hiện các test case. Chúng tôi lập ra 14 test case để test website.

- Test case 1: Xem tin tức

+ Để xem tin tức, người dùng vào Trang tin tức  Chọn mục “Hóa học và đời sống”/ “Hóa học và môi trường”/ “Hóa học hiện đại”  Chọn tin cần xem.

+ Mỗi một trang tin, gồm bố cục 4 phần:

 Nội dung chính của tin và hình ảnh minh họa.  Danh sách các tin cũ hơn.

 Danh sách các tin mới hơn.

 Ý kiến đọc giả (nơi để người dùng comment).

- Test case 2: Gởi ý kiến đánh giá về tin tức

+ Để gởi ý kiến về bài viết, người dùng click chuột vào dòng chữ đỏ “Ý kiến của bạn”  Hoàn thành đầy đủ 3 mục chính trong khung đánh giá  Click “Gởi ý kiến”.

Hình 2.6. Test case gởi ý kiến đánh giá về tin tức (1)

+ Kết quả: Ý kiến của người dùng sẽ hiển thị tương ứng ở box “Ý kiến đọc giả”.

Hình 2.7. Test case gởi ý kiến đánh giá về tin tức (2) - Test case 3: Xem thông tin thành viên

+ Để xem thông tin thành viên website, vào link “Danh sách thành viên”. Khi đó bảng danh sách thành viên hiện ra:

Hình 2.8. Test case xem thông tin thành viên (1)

+ Để biết thông tin chi tiết mỗi thành viên, điền “nickname” cần xem vào mục “Tên đăng nhập”  Click “Chi tiết”. Khi đó, thông tin thành viên sẽ hiện ra:

Hình 2.9. Test case xem thông tin thành viên (2) - Test case 4: Tham khảo tư liệu

+ Để tham khảo tư liệu, người dùng vào Trang tư liệu  Chọn mục cần xem (Kiến thức Hóa học/ Lịch sử Hóa học/ Học mà vui, vui mà học/ Các nhà Hóa

học/ Mô hình flash/ Video thí nghiệm/ Sách và bài tập tham khảo)  Chọn tin cần xem.

+ Tương tự trang tin tức, mỗi bài viết ở trang tư liệu gồm bố cục 4 phần:  Nội dung chính của tin và hình ảnh minh họa.

 Danh sách các tin cũ hơn.  Danh sách các tin mới hơn.

 Ý kiến đọc giả (nơi để người dùng comment).

Hình 2.10. Test case tham khảo tư liệu - Test case 5: Gởi ý kiến đánh giá về tư liệu

+ Để gởi ý kiến về bài viết, người dùng click chuột vào dòng chữ đỏ “Ý kiến của bạn”  Hoàn thành đầy đủ 3 mục chính trong khung đánh giá  Click “Gởi ý kiến”.

Hình 2.11. Test case gởi ý kiến đánh giá về tin tức (1)

+ Kết quả: Ý kiến của người dùng sẽ hiển thị tương ứng ở box “Ý kiến đọc giả”.

Hình 2.12. Test case gởi ý kiến đánh giá về tin tức (2) - Test case 6: Download tư liệu

+ Mô hình flash:

Hình 2.13. Test case download tư liệu mô hình flash (1)

Hình 2.14. Test case download tư liệu mô hình flash (2)

+ Video thí nghiệm:

 Trang tư liệu  Video thí nghiệm  Chọn video cần xem. (adsbygoogle = window.adsbygoogle || []).push({});

Hình 2.15. Test case download tư liệu video thí nghiệm (1)  Để download, click “Tải về”  Save file  OK  Save vào máy.

Hình 2.16. Test case download tư liệu video thí nghiệm (2)

+ Sách và bài tập tham khảo:

 Trang tư liệu  Sách và bài tập tham khảo.

Hình 2.17. Test case download tư liệu sách và bài tập tham khảo (1)

 Để download, ghi mã số ứng với tư liệu cần tải  Tải về  Save file

 OK  Save vào máy.

- Test case 7: Gởi tin nhắn cho ban quản trị

+ Vào “Liên hệ”  Hoàn thành nội dung gởi  Click “Gởi tin nhắn”.

Hình 2.19. Test case gởi tin nhắn cho ban quản trị - Test case 8: Đăng ký thành viên

+ Để đăng ký thành viên, click “Đăng ký thành viên”  Hiện ra trang đăng ký thành viên Hoàn thành đầy đủ yêu cầu có đánh dấu sao (*)  Đăng ký.

Hình 2.20. Test case đăng ký thành viên

- Test case 9: Đăng nhập vào website và xem thông tin cá nhân

+ Điền tên nick và mật khẩu vào ô trống ở box “Góc thành viên”  Click “Vào trang cá nhân”.

Hình 2.21. Test case đăng nhập vào website

+ Khi đó, trang quản lý chung hiện ra, chứa đầy đủ thông tin cá nhân của thành viên đó.

- Text case 10: Cập nhật thông tin cá nhân

+ Sau khi vào trang quản lý chung, muốn cập nhật thông tin, click “Cập nhật” (Hình 2.22). Khi đó, sẽ hiện ra bảng chứa thông tin để thành viên thay đổi 

“Đổi thông tin cá nhân”.

Hình 2.23. Test case cập nhật thông tin cá nhân - Test case 11: Làm bài trực tuyến

+ Có thể vào trang làm bài trực tuyến theo 2 cách:

 Cách 1 (trực tiếp): Điền tên nick và mật khẩu vào ô trống ở box “Góc thành viên”  Click “Làm bài trực tuyến” (Hình 2.21).

 Cách 2 (gián tiếp): Vào trang quản lý chung  Làm bài (Hình 2.22).

+ Chọn chương cần làm. Khi đó, trang làm bài trực tuyến sẽ hiện ra:  Click chuột vào phương án lựa chọn.

 Nếu thành viên cảm thấy bài tập nào có vấn đề, click vào “Bài tập này có vấn đề, cần được kiểm tra lại”, thông tin này sẽ được gửi tới ban quan trị xem xét kịp thời.

 Sau khi hoàn thành, click “Nộp bài”.

Hình 2.24. Test case làm bài trực tuyến (1)

+ Sau khi nộp bài, website sẽ hiện bảng thông báo điểm:

Hình 2.25. Test case làm bài trực tuyến (2) - Test case 12: Tham gia diễn đàn (adsbygoogle = window.adsbygoogle || []).push({});

Điểm tổng của tất cả các vòng Hai lần thành viên làm vòng 1 không quá 10 điểm Kết quả: 0 điểm. Thành viên làm đúng 14 câu.

+ Chỉ những thành viên của website mới có quyền vào diễn đàn học tập, chia sẻ kiến thức, giao lưu với thành viên khác.

Hình 2.26. Test case giao diện diễn đàn

+ “Góc học tập” là mục chính và quan trọng nhất của trang thảo luận. Đây là nội dung được chúng tôi biên soạn tỉ mỉ, hấp dẫn, khoa học, bao gồm tất cả các bài học theo chương trình sách giáo khóa Hóa học 10 nâng cao. Do đó, sẽ hỗ trợ hiệu quả việc tự học của các em HS. Ngoài ra, thông qua việc comment ngay dưới mỗi bài, những câu hỏi, bài tập khó đối với các em sẽ được giải quyết nhanh chóng, giúp các em hiểu bài rõ ràng, đúng bản chất, góp phần nâng cao chất lượng học tập cho HS.

+ Ví dụ, để xem nội dung bài học về axit sunfuric, chọn “Chương 6” trong mục “Góc học tập”  Chọn “Bài 45. Hợp chất có oxi của lưu huỳnh (P2): Axit sunfuric”.

+ Để comment, Click “Trả lời”.

Hình 2.28. Box gửi comment trang thảo luận

Hình 2.29. Comments của các thành viên - Test case 13: Tìm lại mật khẩu

+ Nhập nickname (Góc thành viên)  Quên mật khẩu.

Hình 2.30. Test case tìm lại mật khẩu - Test case 14: Quản lý chung (dành cho ban quản trị)

+ Đăng nhập  Vào trang cá nhân.

+ Cập nhật tài khoản ban quản trị:

Hình 2.31. Cập nhật tài khoản ban quản trị

 Chọn mã số  Nhập “Tên đăng nhập” và “Mật khẩu” mới  Cập nhật khi đổi nickname và password.

 Chọn “Browse”  Chọn ảnh mới  Cập nhật khi đổi ảnh hiện thị.

+ Xóa log đăng nhập, xóa tin nhắn cũ do người dùng gởi đến cho ban quản trị, khôi phục trạng thái đăng nhập cho thành viên:

Hình 2.32. Xóa log đăng nhập, xóa tin nhắn cũ, khôi phục trạng thái đăng nhập

+ Quản lý thành viên:

 Vào trang cá nhân  Click “Thành viên”.

Hình 2.33. Quản lý thành viên

 Muốn xem thông tin thành viên  Nhập mã số  Xem chi tiết.  Muốn xóa nick thành viên  Nhập mã số  Xóa thành viên.

+ Quản lý tin tức:

 Muốn cập nhật tin cũ  Nhập mã số tương ứng vào ô “Mã số”  Xem tin  Thay đổi nội dung tin  Lưu lại.

Hình 2.34. Quản lý tin tức

 Muốn tạo tin mới  Tạo mới  Chọn loại tin, hoàn thành tiêu đề, nội dung, chèn hình ảnh Lưu lại.

 Vào trang cá nhân Click “Tư liệu”.

 Thao tác cập nhật tin cũ và tạo tin mới tương tự mục quản lý tin tức. (adsbygoogle = window.adsbygoogle || []).push({});

+ Quản lý bài tập:

 Vào trang cá nhân  Click “Bài tập”.

Hình 2.36. Quản lý bài tập

 Mục “Bài tập có phản hồi từ thành viên” là những bài tập thành viên cảm thấy có vấn đề cần được ban quản trị xem xét, cập nhật lại cho đúng.

 Để sửa bài tập cũ  Nhập mã số  Xem chi tiết  Chỉnh sửa  Lưu lại.

 Để tạo mới bài tập  Tạo mới  Nhập nội dung  Lưu lại, hoặc có thể upload từ file excel.

TÓM TẮT CHƯƠNG 2

Chúng tôi đã xây dựng website hỗ trợ việc tự học cho HS lớp 10 THPT, góp phần nâng cao chất lượng học tập.

1. Website vichemistry.com gồm 4 trang chính:

a) “Làm bài trực tuyến”: với hơn 1000 câu hỏi TNKQ nhằm rèn kỹ năng giải nhanh bài tập Hóa học, hỗ trợ hiệu quả việc tự học cho HS.

b) “Thảo luận”: gồm 3 phần : - “Thông báo chung”.

- “Góc học tập”: chương trình Hóa học 10 NC được biên soạn chính xác, khoa học, hấp dẫn (36 bài). HS vừa học tập trực tuyến, vừa được trình bày ý kiến, đặt câu hỏi, post bài, …

- “Chia sẻ - giao lưu”.

c) “Tư liệu”: gồm 7 mục: - “Kiến thức Hóa học” (1). - “Lịch sử Hóa học” (2). - “Học mà vui, vui mà học” (3). - “Các nhà Hóa học” (4). - “Mô hình flash” (5). - “Video thí nghiệm” (6).

- “Sách và bài tập tham khảo” (7).

Mục (1), (2), (3), (4) là kho tư liệu phong phú, dồi dào để học sinh mở rộng sự hiểu biết về môn Hóa học, giải thích các hiện tượng Hóa học thường gặp trong thực tiễn, tạo sự hứng thú, say mê trong học tập.

Mục (5), (6), (7) cung cấp flash, video, bài tập để HS download, giúp hiểu rõ, hiểu sâu về lý thuyết.

d) “Tin tức”: gồm 2 loại:

- Tin Hóa học: chia thành “Hóa học và đời sống”, “Hóa học và môi trường” và “Hóa học hiện đại”.

Các tin được cập nhật thường xuyên để người dùng nắm bắt được các sự kiện nổi bật, mới nhất đang thay đổi liên tục không ngừng.

2. Website tự học với những ưu điểm nổi trội:

+ Phạm vi bao quát cả chương trình Hóa học 10 THPT.

+ Học sinh có thể tự kiểm tra đánh giá kết quả học tập thông qua việc làm

bài trực tuyến với ngân hàng câu hỏi dồi dào.

+ Lần đầu tiên HS được vào diễn đàn học tập, chia sẻ, giao lưu, tăng cường

tính tương tác giữa HS – GV và HS với nhau nhờ tính năng gởi comment, post bài mới.

+ Cung cấp nhiều mô hình flash, video thí nghiệm, bài tập để HS

download.

+ Cập nhật liên tục, thường xuyên các tin tức Hóa học có tính thực tiễn, (adsbygoogle = window.adsbygoogle || []).push({});

Chương 3

THỰC NGHIỆM SƯ PHẠM

Một phần của tài liệu thiết kế website hỗ trợ tự học môn hóa lớp 1o ban nâng cao ở trường trung học phổ thông (Trang 88)