Dalam era digital seperti sekarang, pengumuman kelulusan siswa sudah tidak lagi harus dilakukan secara manual atau melalui papan pengumuman. Dengan memanfaatkan Google Sheets dan Google Apps Script, sekolah dapat membuat website pengumuman kelulusan otomatis, yang bisa diakses kapan saja oleh siswa hanya dengan memasukkan NISN mereka.
Pada artikel ini, kami akan membahas langkah-langkah membuat website pengumuman kelulusan yang terhubung langsung ke Google Sheets, lengkap dengan contoh HTML dan kode Google Apps Script. Contoh diambil dari MTs Negeri Dongeng, namun bisa digunakan untuk sekolah mana pun.
🧩 Fitur Website Pengumuman Kelulusan
Website ini dilengkapi dengan fitur-fitur berikut:
-
✅ Form input NISN
-
✅ Menampilkan Nama, Kelas, Tanggal Lahir, dan Link download surat kelulusan
-
✅ Validasi input NISN
-
✅ Pesan error jika NISN tidak ditemukan
-
✅ Terhubung langsung ke Google Sheets
-
✅ Tautan ke website “Madrasah Hebat Bermartabat”
🛠 Langkah 1: Siapkan Google Sheet sebagai Database
-
Buka Google Sheets baru.
-
Buat kolom pada baris pertama:
nisn | nama | kelas | tanggal_lahir | link -
Masukkan data siswa sesuai dengan format tersebut.
🧪 Langkah 2: Tambahkan Google Apps Script
-
Di Google Sheets, klik Extensions > Apps Script.
-
Hapus kode default dan tempel kode berikut:
function doGet(e) {
const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1");
const nisnInput = e.parameter.nisn;
const data = sheet.getDataRange().getValues();
for (let i = 1; i < data.length; i++) {
const row = data[i];
const nisn = row[0].toString().trim();
if (nisn === nisnInput) {
return ContentService.createTextOutput(JSON.stringify({
found: true,
nama: row[1],
kelas: row[2],
tanggal_lahir: row[3],
link: row[4]
})).setMimeType(ContentService.MimeType.JSON);
}
}
return ContentService.createTextOutput(JSON.stringify({ found: false }))
.setMimeType(ContentService.MimeType.JSON);
}
🌐 Langkah 3: Publikasikan sebagai Web App
-
Klik Deploy > Manage Deployments > New Deployment
-
Pilih Web App
-
Setel:
-
Execute as: Me
-
Who has access: Anyone
-
-
Klik Deploy dan salin URL Web App yang dihasilkan.
💻 Langkah 4: Buat Halaman Website (HTML)
Berikut adalah contoh kode HTML sederhana yang bisa digunakan untuk halaman pengumuman kelulusan:
<!DOCTYPE html>
<html lang="id">
<head>
<title>Pengumuman Kelulusan - MTs Negeri Dongeng</title>
<meta name="description" content="Cek pengumuman kelulusan MTs Negeri Dongeng secara online. Masukkan NISN Anda dan dapatkan hasil kelulusan serta link unduhan.">
<meta name="keywords" content="Pengumuman Kelulusan, NISN, MTs Negeri, Google Sheets, Madrasah Hebat, Kelulusan Online">
<!-- Style dan Script disesuaikan, lihat penjelasan lengkap di atas -->
</head>
<body>
<!-- Header, Form, Script Fetch, dan Footer -->
</body>
</html>
Jangan lupa mengganti YOUR_SCRIPT_ID dengan URL Web App yang sudah Anda dapatkan.
🔗 Tautan Penting:
-
Logo Kemenag: Link Logo
-
Website Madrasah Hebat: www.madrasahebat.com
Download Contoh database Google sheets
Download App Script SKL
Download Source code
Demo Aplikasi
📌 Kesimpulan
Dengan mengikuti panduan ini, sekolah dapat membuat website pengumuman kelulusan yang profesional, interaktif, dan hemat biaya. Tidak hanya meningkatkan transparansi, namun juga efisiensi kerja administrasi sekolah.
Tags: pengumuman kelulusan, Google Sheets, web apps script, madrasah, sekolah, kelulusan online, sistem informasi sekolah, NISN, madrasah hebat bermartabat
0 Komentar