Edu Test (ujian online)

 

Untuk membuat ujian online cukup dengan komen prompt dibawah ini :

Bertindaklah sebagai Web Developer ahli yang sangat berpengalaman dalam Google Apps Script (GAS), HTML, CSS, dan JavaScript. 

Tolong buatkan kode lengkap dan panduan langkah demi langkah untuk membuat "Aplikasi Web CBT (Computer Based Test) Ujian Online" gratis menggunakan Google Apps Script yang terhubung langsung dengan Google Sheets sebagai database utama.

Berikut adalah spesifikasi dan fitur wajib yang harus ada di dalam aplikasi web tersebut:

1. STRUKTUR DATABASE (Google Sheets):

Buatkan rancangan kolom untuk sheet berikut:

- Sheet "Pengaturan" (Nama Sekolah, URL Logo Sekolah, Alamat Sekolah).

- Sheet "Data Siswa" (NIS, Nama, Kelas, Password/Token).

- Sheet "Data Kelas & Mapel" (Daftar Kelas, Daftar Mapel).

- Sheet "Bank Soal" (ID Soal, Mapel, Kelas, Pertanyaan, Opsi A, B, C, D, E, Kunci Jawaban).

- Sheet "Hasil Ujian" (NIS, Nama, Kelas, Mapel, Nilai, Waktu Selesai).

2. FITUR UNTUK GURU / ADMIN:

- Dashboard khusus admin/guru mapel (tanpa batas jumlah guru yang bisa akses).

- Bisa melakukan CRUD (Create, Read, Update, Delete) Data Siswa, Kelas, dan Mapel.

- Bisa mengedit Soal dan Kunci Jawaban dengan mudah (langsung tarik dari Google Sheets atau via form di web app).

- Pengaturan identitas sekolah (Ganti Nama Sekolah, Ganti Logo Sekolah dari URL/Drive, dan Edit Alamat Sekolah) yang akan merubah tampilan *header* aplikasi.

- Fitur "Cetak PDF": Hasil nilai siswa bisa diunduh dalam format PDF.

- Fitur "Eksport Soal": Bank soal bisa diunduh dalam format PDF.

3. FITUR UNTUK PESERTA DIDIK (SISWA):

- Halaman Login khusus siswa menggunakan parameter "NIS" sebagai username.

- Halaman pengerjaan soal yang menampilkan identitas sekolah (Logo, Nama, Alamat) di bagian atas.

- Tampilan responsif (bisa dikerjakan di HP atau Laptop).

4. FITUR ANTI-NYONTEK (Keamanan Ujian):

- Implementasikan JavaScript untuk:

  a. Disable klik kanan (context menu).

  b. Disable copy, cut, dan paste teks soal.

  c. Peringatan atau auto-submit jika siswa keluar dari tab ujian (Tab Switching Detection / Page Visibility API).

  d. Paksa mode layar penuh (Fullscreen) saat mulai ujian.

TOLONG BERIKAN:

1. Struktur kolom Google Sheets yang harus saya siapkan secara persis.

2. Kode `Code.gs` untuk backend Google Apps Script.

3. Kode `index.html` (atau file HTML terpisah untuk Login, Admin, dan Siswa) yang berisi CSS dan JavaScript.

4. Panduan cara deploy/publish aplikasi ini (Web App URL) agar bisa diakses guru dan siswa.

Berikan kode yang rapi, ringan, dan modern (boleh menggunakan framework CSS seperti Bootstrap 5 via CDN agar tampilannya profesional).

Contoh