Bài tập dự án thi cuối kỳ CNPM - UET - INT2208 2
Họ tên: Phạm Trọng Đại - MSSV: 18020264
-
Mô tả sản phẩm: Webapp giúp học sinh lớp 1 học phép trừ với kết quả nhỏ hơn 10 dựa trên trò chơi "Khan Academy Kids".
-
Công nghệ sử dụng: HTML, CSS, JavaScript.
-
Cài đặt: (đối với visual studio code VSC) Clone repo về thư mục (chẳng hạn SubtractMake10). Chạy file index.html trên trình duyệt Google Chrome, Mozilla Firefox hay Internet Explorer dể bắt đầu trò chơi.
-
Cách chơi: Khi chạy file index.html, màn hình hiện lên là màn hình chọn bài học tương ứng với các chủ đề. Ấn chọn "123", xuất hiện 2 bài học "Subtract Make 10" và "Cross Duck". Nhằm phục vụ việc demo nhanh, dữ liệu 2 game có 2 câu hỏi! Ấn chọn bài học mình muốn.
- Subtract Make 10: Gạch thức ăn (hoa quả hoặc đồ ăn) sao cho số lượng thức ăn còn lại bằng kết quả của phép tính. Kiểm tra kết quả bằng cách ấn button "v". Khi kết quả đúng, sẽ có giọng nói "that's right" kèm biểu cảm vui mừng của con mèo, đồng thời màn hình chuyển sang câu hỏi tiếp theo. Nếu xong tất cả câu hỏi, màn hình sẽ chuyển về trang chủ Home. Nếu kết quả sai, sẽ có giọng nói "try again" kèm biểu cảm "no" của con mèo. Ta có thể xem video gợi ý tại biểu tượng video ở bên trái phía dưới. Hay có thể về trang chủ khi ấn nút "Home" ở bên trái phía trên.
- Cross Duck: Gạch con vịt mang biểu thức có kết quả khác với số chuồng. Khi gạch hết các con vịt sai chuồng, màn hình sẽ chuyển sang câu hỏi tiếp theo. Nếu xong tất cả câu hỏi, màn hình sẽ chuyển về trang chủ Home. Hoặc có thể về trang chủ khi ấn nút "Home" ở bên trái phía trên. Nếu làm đúng, xong tất cả câu hỏi, màn hình sẽ chuyển về trang chủ Home.
-
Thay đổi dữ liệu: Dữ liệu của cả 2 màn chơi đều được lưu trong file data.js được lưu dưới dạng "name": "value" dễ dàng thay đổi.
-
Link demo sản phẩm: https://daipthraomng.github.io/KhanAcademyKids-Library-123-AdditionSubtraction-SubtractMake10.github.io/