Tạo Thẻ flashcard tự Động
Ý tưởng
Một trong những điểm mạnh lớn nhất của Anki là khả năng cho phép người dùng thiết kế flashcard bằng HTML, CSS và JavaScript. Điều này có nghĩa là chúng ta có thể sao chép hầu hết mọi dạng bài tập trong các ứng dụng học ngôn ngữ khác. Tuy nhiên, một điểm nghẽn của Anki là dữ liệu. Việc tạo nội dung trong Anki khá tốn công, vì người dùng phải nhập thông tin thủ công vào từng trường, sau đó thông tin này sẽ được hiển thị qua HTML.
Vậy điều gì sẽ xảy ra nếu ta có thể bỏ qua bước trung gian đó và để AI tạo HTML trực tiếp?
Ví dụ, thay vì thiết kế mẫu thẻ như sau:
<div>{{Định nghĩa}}</div>
Chúng ta có thể hướng dẫn AI tạo thẻ ghi nhớ bằng cách sử dụng định dạng như sau:
<div description="định nghĩa của từ vựng">...</div>
Tạo một mẫu thẻ để học từ vựng
Tôi sẽ dùng Langki để tạo một mẫu thẻ dành cho học từ vựng bằng câu hỏi trắc nghiệm. Mặc dù câu hỏi trắc nghiệm không được khuyến khích trong Anki, nhưng nó là một ví dụ tuyệt vời để minh họa sự linh hoạt của cách tiếp cận này. Lý do là vì việc tạo câu hỏi trắc nghiệm khá tốn thời gian — bạn phải nghĩ ra cả phương án gây nhiễu.
Trước tiên, tôi sẽ nhân bản kiểu thẻ Langki - prototype và đặt tên là Langki - Vocabulary (multiple choice).
Đây là đoạn prompt tôi sử dụng để hướng dẫn AI tạo ra thẻ flashcard:
Tôi để trống phần "Front" và "Back" để kích hoạt chức năng tạo thẻ tự động.
Và đây là thẻ mà AI tạo ra:
Sau khi tạo, phần "Front" và "Back" đã được điền tự động như sau:
Mặt sau (Back):
Điều tuyệt vời ở cách tiếp cận này là bạn chỉ cần nhập từ vựng, còn lại AI sẽ tự động tạo toàn bộ nội dung cần thiết dựa trên mẫu HTML đã thiết lập trong phần Prompt. Vì nội dung được tạo ra chỉ là HTML, bạn có thể dùng CSS và JavaScript để tùy biến giao diện thoải mái.
Bây giờ hãy dùng JavaScript để cải thiện. Việc có 10 lựa chọn là quá nhiều — sẽ tốt hơn nếu ta chọn ngẫu nhiên 3 phương án sai và trộn với đáp án đúng. Bằng cách dùng JavaScript, mỗi lần ôn tập thẻ flashcard sẽ khác nhau. Tôi dùng ChatGPT để viết đoạn mã này.
Tuy nhiên, để JavaScript hoạt động trên thẻ đã tạo, bạn cần đặt mã vào bên trong hàm tên jsCode.
Và đây là kết quả cuối cùng.
Bạn có thể tải kiểu thẻ này tại đây: