Trong các kỳ thi nội bộ hoặc kiểm tra nhanh, việc triển khai một hệ thống web có máy chủ (server) thường tốn thời gian và chi phí. Với Gemini Canvas, bạn có thể tạo ra một trang web "chạy ngay" bằng cách nhúng trực tiếp danh sách đề thi vào mã nguồn dưới dạng mảng (Array).
Bước 1: Tích hợp dữ liệu trực tiếp vào JavaScript
Thay vì gọi dữ liệu từ bên ngoài, bạn yêu cầu Gemini khởi tạo một biến const chứa danh sách mã đề hoặc nội dung câu hỏi. Ví dụ: const examList = ["Đề Cấu trúc dữ liệu 01", "Đề Giải thuật 02", ...];
Bước 2: Ra lệnh thiết kế qua Canvas
Bạn hãy nhập câu lệnh: "Hãy tạo một trang web HTML hoàn chỉnh trong một file duy nhất. Sử dụng Javascript để lưu danh sách 10 đề thi mẫu trong một hằng số (const array). Khi sinh viên nhập mã số sinh viên và nhấn 'Lấy đề', hãy dùng hàm Math.random() để chọn ngẫu nhiên một đề và hiển thị ra màn hình."
Bước 3: Tối ưu hóa trải nghiệm người dùng trên Canvas
Tại giao diện Canvas, bạn có thể tinh chỉnh nhanh:
- Tính năng lưu vết: Yêu cầu Gemini dùng
localStorageđể nếu sinh viên F5 (tải lại trang), kết quả đề thi đã bốc trước đó vẫn giữ nguyên, tránh việc bốc lại nhiều lần để chọn đề dễ. - Giao diện Responsive: Đảm bảo trang web hiển thị tốt trên cả điện thoại và máy tính.
- Nút Copy: Thêm nút "Sao chép mã đề" để sinh viên dễ dàng dán vào bài làm.
Bước 4: Sử dụng "0đ chi phí"
Sau khi Gemini hoàn thiện, bạn chỉ cần lưu file với đuôi .html. Bạn có thể gửi file này qua nhóm lớp hoặc tải lên các nền tảng miễn phí như Github Pages hay Google Drive để sinh viên truy cập.
Kết luận: Nhờ sức mạnh của Gemini Canvas, việc cá nhân hóa đề thi trở nên đơn giản như soạn thảo một văn bản, giúp giảng viên tập trung hoàn toàn vào chất lượng chuyên môn thay vì lo lắng về kỹ thuật.
