Contoh Prompt Untuk Membuat Aplikasi Ulangan

 

Buatkan aplikasi ujian online mirip CBT ANBK dengan tampilan profesional dengan nama sekolah SMP Negeri Satu Atap 1 Karau Kuala  

Setelah siswa mengerjakan soal, otomatis terkirim ke link spreadsheet yang memuat Nama Siswa, Kelas, Mata Pelajaran, dan Sekolah Asal, nilai yang di ambil dari database.

Link Spreadsheet untuk menampilkan nilai :

<script>

const form = document.getElementById("formNilai");

 

form.addEventListener("submit", function(e) {

  e.preventDefault();

 

  const button = form.querySelector("button");

  button.disabled = true; // mencegah klik ganda

 

  const data = {

    nama_siswa: form.nama_siswa.value,

    nisn: form.nisn.value,

    kelas: form.kelas.value,

    mata_pelajaran: form.mata_pelajaran.value,

    sekolah_asal: form.sekolah_asal.value,

    nilai: form.nilai.value

  };

 

  fetch("https://script.google.com/macros/s/AKfycbzgC4MRKNw7wTQKJeuXIYNobRz-nZDMfX_csFMG7EGZCuPxZPqWVwl1D0-lsTUgYJ4A/exec", {

    method: "POST",

    headers: {

      "Content-Type": "application/json"

    },

    body: JSON.stringify(data)

  })

  .then(res => res.json())

  .then(res => {

    alert("Data berhasil disimpan!");

    form.reset();

    button.disabled = false;

  })

  .catch(err => {

    alert("Terjadi kesalahan!");

    button.disabled = false;

  });

});

</script>

 

 

Pront end :

Judul pada halaman depan adalah

Ulangan Harian PAI KELAS VII

SMPN Satap 1 KK

Sertakan logo Sekolah di atasnya, link logo sekolah : <a href="https://imgbb.com/"><img src="https://i.ibb.co.com/VY4Cx2Mw/Logo-Sklh-removebg-preview.png" alt="Logo Sklh removebg preview" border="0"></a>

 

Fitur :

Pada halaman awal ada input Nama Siswa, Kelas ( VII, VIII, dan IX), Mata Pelajaran (PAI), dan Sekolah Asal (SMP Negeri Satu Atap 1 Karau Kuala).

Sediakan panel admin untuk guru dengan password (Jiadiganteng), sediakan fitur sembunyikan atau tampilkan password.

Dalam panel admin tersebut terdiri dari menu-menu berikut : Pengaturan, Data siswa (yang sedang mengerjakan dan yang sudah selesai mengerjakan soal), Preview soal dan Analisis Jawaban, serta Hasil Ujian.

Setiap soal yang terinput akan muncul pada menu preview,

Soal berupa Pilihan ganda (1 jawaban benar), Pilihan ganda kompleks (jawaban lebih dari satu benar), Isian singkat (jawaban berupa angka atau teks singkat), Menjodohkan (drag and drop pasangan yang sesuai atau tarik garis), Tabel benar-salah (siswa memilih benar/salah pada setiap pernyataan).

soal terdiri dari 10 soal yang bervariasi tingkat kesulitannya, serta memuat soal cerita pada sebagian soal  Soal berasal dari materi : Thaharah

Pada menu preview soal, cantumkan jumlah soal yang sudah terinput dan tampilkan semua soal dengan opsi jawaban serta kunci jawabannya dalam aplikasi.

Atur waktu pengerjaan soal secara default dengan timer selama 8 menit.

Pada menu Analisis Jawaban, guru dapat melihat analisis jawaban siswa secara individu maupun keseluruhan, sediakan fitur filter dan short berdasarkan beberapa kategori.

Pastikan semua fitur dan tombol berfungsi.

Tambahkan fitur acak soal untuk mengurangi kemungkinan siswa mencontek, Navigasi soal: Sebelumnya, Berikutnya, Daftar Soal, Tombol Ragu-ragu seperti di CBT ANBK, dan Progress bar jumlah soal yang sudah dijawab.

 

UI/UX :

Semua tombol menu berwarna

Ada efek animasi hover pada saat klik tombol

Terdapat navigasi soal yang berisi tombol berwarna merah yang berjejer dengan setiap nomor soal

Siswa melihat soal yang rapi dengan nomor soal, stimulus soal (teks/gambar), pertanyaan, pilihan jawaban

Tombol opsi jawaban yang sudah dijawab siswa berubah warna menjadi hijau

Siswa tidak bisa submit atau selesai ujian bila ada soal yang belum terjawab

Setelah selesai mengerjakan, siswa bisa melihat skor (nilai maksimum 100 jika benar semua)

Jika waktu habis, siswa tidak bisa menjawab soal lagi, akan muncul menu pop up waktu anda telah berakhir dan akan kembali ke halaman login setelah 5 detik, jawaban yang sudah terjawab akan otomatis menghitung jumlah benar dari soal yang telah dikerjakan siswa dari skor maksimum 100

 

Desain :

a.     Latar belakang berwarna biru tua

b.     Tampilan warna-warni

c.     Animasi secukupnya

 

Perintah yang di copy dan vastekan di Chat GPT :

buatkan script untuk menghubungkan data input web canva ke spreadsheet tentang nilai Ujian Sekolah yang terdiri dari menu Nama Siswa, Kelas, Mata Pelajaran, dan Sekolah Asal, serta Nilai