Tutorial Membuat Aplikasi Website PPDB Online Menggunakan Google Apps Script

Selamat datang di panduan pembuatan aplikasi website untuk PPDB (Penerimaan Peserta Didik Baru) online sekolah dasar. Sistem ini dibuat tanpa hosting, tanpa database eksternal, dan 100% gratis menggunakan Google Apps Script.

Fitur yang akan kita buat meliputi form pendaftaran, upload berkas, hingga cek status kelulusan (diterima atau tidak). Berikut adalah langkah-langkahnya:

1. Persiapan Folder di Google Drive

Langkah pertama adalah menyiapkan ruang penyimpanan di Google Drive:

Masuk ke Google Drive Anda.
Buat folder baru dengan nama "PPDB Online".
Di dalam folder tersebut, buat satu folder lagi untuk menyimpan berkas pendaftar (seperti foto atau dokumen), beri nama "Aset PPDB".

2. Membuat Spreadsheet dan Script

Buat file Google Sheets kosong di dalam folder "PPDB Online". Beri nama file tersebut "PPDB Online".
Buka Spreadsheet tersebut, masuk ke menu Extensions > Apps Script.
Beri nama proyek script Anda (misalnya: "Script PPDB").

3. Memasukkan Kode Program

Ada dua file utama yang perlu Anda siapkan di editor Apps Script:

Kode.gs: Hapus kode bawaan dan tempelkan kode Google Apps Script (backend) yang sudah Anda miliki dari deskripsi video.
index.html: Klik tombol plus (+), pilih HTML, beri nama index. Hapus isinya dan tempelkan kode HTML (frontend) dari sumber yang sama.

4. Konfigurasi ID Spreadsheet dan Folder (Krusial)

Agar sistem bisa menyimpan data dan file, Anda harus mengganti ID di dalam file Kode.gs:

ID Spreadsheet: Ambil dari URL Spreadsheet Anda (kode unik di antara garis miring). Cari variabel spreadsheetId di script dan ganti dengan ID milik Anda.
ID Folder Aset: Buka folder "Aset PPDB" di Drive, ambil ID dari URL-nya, lalu ganti variabel folderId di script.

5. Inisialisasi dan Deploy

Simpan semua file (Ctrl + S).
Pilih fungsi initialize pada toolbar, lalu klik Run.
Berikan izin (konfirmasi) saat muncul notifikasi keamanan (Pilih Advanced > Go to Script > Allow). Ini akan membuat sheet baru (Config, Data, dll.) secara otomatis di Spreadsheet Anda.
Klik Deploy > New Deployment.
Pilih tipe Web App. Ubah akses "Who has access" menjadi Anyone.
Klik Deploy dan salin URL Web App yang muncul. URL inilah alamat website PPDB Anda.

6. Uji Coba Pendaftaran

Buka URL yang sudah di-deploy.
Anda akan melihat halaman beranda. Klik Mulai Pendaftaran.
Isi data diri, upload berkas, dan klik Submit.
Setelah berhasil, pendaftar akan mendapatkan Kode Pendaftaran. Simpan kode ini untuk cek status nantinya.

7. Panel Admin (Manajemen Pendaftar)

Untuk mengelola pendaftar, Anda bisa masuk ke menu Admin:

Login: Masukkan username dan password (default biasanya 'admin' / 'admin', bisa dilihat di sheet 'Admin').
Fitur Admin:

Melihat daftar pendaftar yang masuk (status pending).
Memverifikasi berkas yang di-upload.
Mengubah status pendaftar: Diterima, Perbaikan, atau Ditolak.
Konfigurasi Form: Anda bisa menambah atau mengubah pertanyaan pada formulir pendaftaran melalui menu konfigurasi.
Status Pendaftaran: Anda bisa membuka atau menutup link pendaftaran secara otomatis.

8. Cek Status Kelulusan

Di halaman beranda website, masukkan Kode Pendaftaran pada kolom pencarian.
Klik Cari.
Sistem akan menampilkan nama dan status terbaru (Diterima/Ditolak/Perbaikan). Jika statusnya "Perbaikan", calon siswa bisa mengklik tombol perbaiki untuk melengkapi data yang salah.

Download Source Code

PASSWORD : 85245690

Catatan: Anda dapat menyesuaikan nama sekolah, alamat, dan nomor telepon melalui menu pengaturan di panel admin agar sesuai dengan kebutuhan sekolah Anda.