Di era digital dan kecerdasan buatan (AI) saat ini, membuat aplikasi web tidak lagi membutuhkan waktu berminggu-minggu. Dengan memanfaatkan AI seperti Gemini Canvas, Anda dapat menciptakan alat produktivitas tingkat lanjut hanya dengan sebuah prompt (perintah) yang tepat.

Pada artikel kali ini, kita akan membahas cara membuat Generator Cetak Kartu Ujian Massal yang sangat berguna bagi sekolah dan panitia ujian.

Apa Itu Ujian Sumatif?

Ujian Sumatif adalah bentuk evaluasi yang dilakukan pada akhir suatu periode pembelajaran (seperti akhir semester, akhir tahun ajaran, atau akhir jenjang pendidikan). Tujuan utamanya adalah untuk mengukur tingkat pencapaian kompetensi siswa secara keseluruhan, menentukan nilai akhir, serta memutuskan kelulusan atau kenaikan kelas.

Contoh dari ujian sumatif meliputi Penilaian Akhir Semester (PAS), Ujian Sekolah, maupun Ujian Nasional. Karena sifatnya yang formal dan menentukan, panitia ujian wajib menyediakan Kartu Peserta Ujian yang profesional dan memiliki validasi (seperti QR Code atau Barcode).

Kecanggihan Generator Kartu Ujian AI

Aplikasi yang akan kita buat melalui prompt di bawah ini bukanlah aplikasi biasa. Aplikasi ini dirancang untuk memiliki fitur premium setara software berbayar, di antaranya:

  • Desain Presisi A4: Tidak ada lagi kartu yang terpotong saat dicetak. Susunan grid dikalkulasi secara matematis (8 kartu per halaman).
  • Import Data Massal: Memungkinkan pencetakan ratusan kartu sekaligus hanya dengan mengunggah file Excel (.xlsx).
  • QR Code Otomatis: Setiap nomor ujian akan langsung di-generate menjadi QR Code unik.
  • Kustomisasi Logo & Watermark: Mendukung pengunggahan Logo Daerah, Logo Sekolah, dan secara otomatis menjadikan logo tersebut sebagai watermark transparan yang elegan di tengah kartu.

Prompt Rahasia untuk Gemini Canvas

Untuk mendapatkan aplikasi yang sempurna, ketik atau salin prompt spesifik dan komprehensif di bawah ini, lalu tempelkan ke kolom obrolan Gemini AI Anda (pastikan menggunakan antarmuka yang mendukung eksekusi kode HTML/JS).

Prompt Gemini
Buatkan kode aplikasi web single-file (HTML/CSS/JS) "Generator Kartu Ujian Massal" menggunakan Tailwind CSS. 

Syarat dan Desain Kartu:
1. Ukuran presisi A4. Kartu berukuran 360px x 235px berbingkai solid.
2. Header: Logo Daerah (kiri), Logo Tutwuri/Sekolah (kanan). Teks header: Pemerintah Provinsi, DINAS PENDIDIKAN, Nama Sekolah.
3. Judul Ujian dengan garis bawah presisi (border-bottom) dan Tahun Ajaran di bawahnya.
4. Body: Foto 3x4 (kiri, jika kosong tampilkan garis bingkai kotak saja tanpa warna), dan Data Siswa (kanan) di dalam Tabel berdesain Premium (header kolom berwarna soft muda, ada border yang rapi).
5. Footer: QR Code (berasal dari Nomor Ujian) yang sejajar dengan area Tempat Tanda Tangan Kepsek di sebelah kanan. Teks Kepala Sekolah, Nama, dan NIP harus bisa mengecil otomatis/word-wrap agar tidak terpotong.
6. Berikan efek Watermark bayang-bayang logo sekolah/tutwuri secara transparan di tengah kartu.

Fitur Fungsionalitas:
1. Ada 3 Tab Menu: Instansi, Siswa (Cetak Satuan), Massal (Cetak Excel).
2. Cetak Satuan: Kartu harus dirender di posisi Tengah-Atas (top-center) pada PDF A4.
3. Cetak Massal: Sediakan tombol unduh template Excel. Fitur upload file Excel untuk generate kartu. Susunan cetak massal harus diletakkan persis 8 kartu per halaman A4 tanpa terpotong (gunakan perhitungan padding dan gap yang presisi).
4. Gunakan library html2pdf.js, XLSX.js, dan QRious.
5. Pastikan UI responsif, modern, dan tidak ada bug.

Ingin Langsung Menggunakan Aplikasinya?

Jika Anda tidak ingin repot berurusan dengan kode atau prompt, kami telah mengompilasi dan meng-hosting aplikasi premium ini agar dapat digunakan secara gratis langsung melalui browser Anda.

Klik tombol berwarna cerah di bawah ini untuk mulai mencetak Kartu Ujian untuk instansi Anda secara instan!