Contoh Web App “Sertifikat”.

Padangsidimpuan 22 September 2026.

Hasil halaman web app yang saya buat dapat Anda akses hingga halaman login di LINK ini.

Web App “Sertifikat”.

Web app ini dimaksudkan sebagai contoh pengelolaan data untuk di-input-kan ke dalam sebuah format SERTIFIKAT. Untuk keperluan web app ini, Sertifikat yang dimaksud dalam tulisan ini adalah dokumen sebagaiman dimaksud dalam Peraturan Menteri Dalam Negeri Nomor 1 Tahun 2023 tentang Tata Naskah Dinas di Lingkungan Pemerintah Daerah.

Anda mungkin sudah lama mendengar cara membuat sertifikat otomatis dengan bantuan Tool Ekstensi bernama “Auto Crat” dalam menggunakan Google Spreadsheet. Menggunakan Google Slide sebagai template sertifikat. Hal yang sama juga terjadi dalam model web app kita kali ini. Dimana, App Script sebagai Front End (tampilan depan) sekaligus Back End (bekerja di belakang layar) untuk menginput, menyimpan dan menempelkan data dari tabel ke template dan menjadikannya sebagai dokumen final/setengah jadi. Yang membedakan adalah metode input bagi para pengguna Auto Crat yang menggunakan “Google Form” atau “Google Spreadsheet” itu sendiri, sedangkan dalam web app kita ini lebih terkendali dengan adanya data “User” untuk login. Ada plus dan minusnya. Hal ini justru menjadi kesempatan bagi Anda untuk menggabungkan seluruh keunggulan dari tiap tools yang tersedia.

Kenapa repot-repot?. Dengan mengetahui proses di pembuatan web ini, Anda dapat berkreasi membuat sebuah web app yang lebih baik, seperti; (1)Menjadikan Google Form sebagai sarana “INPUT” data untuk pengguna yang tidak bisa masuk ke dalam web app; (2)Dari Google Form, Anda mengumpulkan dan menyimpan data input-an di Google Spreadsheet; (3)Membuat Auto Crat sebagai alat pengirim hasil Sertifikat ke Email setiap pengguna yang telah diverifikasi, disetujui, atau diperiksa melalui web app; dan (4)Menjadikan Apps Script sebagai “Jendela” kendali proses pengiriman, verifikasi, dan pembuatan dokumen dengan sebuah tombol perintah dan memerintahkan penyimpan ke google drive. Layaknya sebuah web profesional. Kreasi ini masih banyak potensi pengembangan yang meminimalisir kelemahan dari tiap fasilitas Google yang ada.

Bahkan, di web app kita kali ini saja, Anda masih dapat berkreasi dengan membuat template sesuai KEBUTUHAN/KEINGINAN Anda. Penulis web ini, nantinya hanya akan memberikan link contoh Google Document Template yang mengikuti format resmi dari peraturan yang telah disebutkan sebelumnya. Mengubah Format Dokumen Template sesuai kebutuhan Anda tentu tidak akan menimbulkan permasalahan, selama Anda menggunakan tag yang sesuai untuk data yang Anda inginkan. Semisal, Kolom Pengisian Nomor Induk Pegawai (tag {{NIP}}), Anda isi dengan Nomor Induk Kependudukan (NIK) di web app dan berencana menggunakannya di dokumen template. Oleh sebab itu, untuk Web App ini, Anda harus menempatkan tag yang ada (dengan rincian sebagai berikut) ke dalam dokumen template yang Anda gunakan. Sebagai pengingat, pastikan ID dokumen Anda sesuai antara isi dalam Code.gs dan ID Dokumen yang Anda Gunakan. Adapun tag yang sudah disediakan dalam web app kita ini adalah;

  1. {{UID}}, gabungan huruf dan angka unik buatan otomatis oleh kode aplikasi;
  2. {{NomorSertifikat}};
  3. {{Nama}};
  4. {{NIP}};
  5. {{Instansi}};
  6. {{Sebagai}};
  7. {{NamaKegiatan}};
  8. {{Penyelenggara}}
  9. {{TanggalKegiatan}};
  10. {{TempatKegiatan}};
  11. {{Kota}};
  12. {{TanggalSertifikat}};
  13. {{JabatanPimpinanKegiatan}};
  14. {{NamaPimpinanKegiatan}};

Discalimer.

Aplikasi ini tidak berafiliasi dengan pemerintah dan/atau perusahaan manapun dan tidak bermaksud meniru fasilitas dan fungsi dari aplikasi berbayar atau aplikasi gratis manapun. Web App ini sengaja dibuat menurut penafsiran penulis untuk kebutuhan pembuatan Dokumen Sertifikat dengan meniru sebagian atau seluruh Layout Format Sertifikat dari Peraturan yang dipilih, yang juga disesuaikan dengan kebutuhan penulis.

Pembuatan Web App “Sertifikat”.

  1. Buatlah File Spreadsheet baru. Silahkan buka link di bawah ini jika anda ingin copy paste / download langsung untuk Anda simpan di drive Anda. Buatlah data di Spreadsheet anda benar-benar sama dengan Spreadsheet yang bagikan berikut ini;
  2. Buka file Spreadsheet yang Anda buat, cari menu Ekstensi, klik dan kemudian pilih Apps Script. Anda akan dibukakan Tab baru / Halaman baru yang merupakan halaman pengalihan ke Aplikasi Google Apps Script Editor.
  3. Di Apps Script, klik Kode.gs (sebagian akan melihat Code.gs di bagian kiri, tergantung bahasa akun google Anda). Hapus semua kode bawaan yang ada di dalam Kode.gs dan ganti dengan code dari file Kode.gs. Lihat bagian atas Kode.gs yang baru saja Anda copy dan jangan lupa ganti SPREADSHEET_ID: ‘SPREADSHEET_ID_ANDA’, TEMPLATE_DOC_ID: ‘TEMPLATE_DOC_ID_ANDA’, DRIVE_FOLDER_ID: ‘DRIVE_FOLDER_ID_ANDA’ dengan ID yang sesuai. Saya berasumsi bahwa Anda telah tahu, bahwa ID Template diambil dari ID Google Document yang menjadi templat Anda dan ID Folder diambil dari ID di folder tempat Anda berencana menyimpan hasil file google dokumen yang sudah dibuat oleh Web App. Jika Anda tidak tahu, silahkan cari informasi dari AI gemini atau dari Youtube, dimanakah ID Document dan ID Folder ditemukan?.
  4. Masih di Apps Script, buatlah File baru dengan mengklik tanda “+” dan pilih HTML, kemudian beri nama Index (jangan tambahkan “.html” karena akan otomatis dibuatkan google, cukup “Index”). Pada halaman Index.html yang muncul, hapus seluruh kode bawaan yang sudah ada di dalamnya dan ganti dengan code dari file Index.html.
  5. Jangan lupa simpan seluruh kode yang telah Anda copy-paste.
  6. Sebelum anda mendeploy, jangan lupa menyediakan sebuah Folder di google drive Anda, untuk Anda gunakan sebagai tempat penyimpanan hasil dokumen dan gunakan ID Foldernya di Kode.gs. Juga pastikan kembali apakah dokumen template Anda sudah memiliki {{tag}} yang Anda butuhkan.
  7. Kembali ke tampilan Apps Script, klik tombol Terapkan (Deploy) di kanan atas, kemudian pilih Terapkan baru (New Deployment).
  8. Klik ikon roda gigi (Jenis konfigurasi), kemudian pilih Aplikasi web. Lakukan pengisian dan pengaturan di jendela yang muncul sebagai berikut.
    • Deskripsi : versi 1.0 (bisa anda namai secara bebas).
    • Jalankan sebagai: Diri Anda sendiri (Email Anda).
    • Yang memiliki akses: Pilih Siapa saja / Anyone (agar pengguna lain/HP lain bisa membuka tautan login).
  9. Klik Terapkan. Sistem akan meminta otorisasi akses data spreadsheet Anda pertama kali. Pilih akun Google Anda, klik Advanced / Lanjutan, Klik Go to… (unsafe) / Buka… (tidak aman), pilih semua fitur yang akan diizinkan, lalu klik Allow / Izinkan.
  10. Setelah sukses, Anda akan mendapatkan URL Aplikasi Web (Bukan Library yang di copy ya..!). Salin URL Aplikasi Web tersebut dan jalankan di browser Anda.

Pengujian Web App.

Jangan lupa buat sebuah akun di Sheet “Users” Spreadsheet Anda sebelum pengujian. Kegiatan pengujian dimaksudkan untuk memastikan code yang Anda copy-paste benar-benar dapat dieksekusi sebagaimana mestinya. Juga untuk memastikan Spreadsheet dan Document yang Anda gunakan memiliki fungsi yang sama dengan yang saya gunakan di artikel ini. Sehingga, ketika anda membuka link dan diarahkan ke halaman web app, web app berjalan lancar dan menampilkan data dan fungsi yang ada dalam code sebagaimana direncanakan. Lakukan pengujian di PC / Laptop / handphone Anda.

Penutup.

  1. Silahkan gunakan dan modifikasi code yang ada sesuai kebutuhan jika Anda memiliki kemampuan Google Apps Script Developer. Seluruh code yang ada di dalam dan/atau dikaitkan dengan tulisan ini bersifat gratis dan tidak mengikat. Oleh sebab itu, segala KEUNTUNGAN DAN KERUGIAN penggunaan, pemanfaatan dan sebagainya di luar tanggung jawab saya selaku penulis.
  2. Jika Anda tidak menggunakan Spreasheet dan Document dengan data yang sesuai dan/atau Anda tidak membuat document template yang sesuai atau juga tidak membuat drive penyimpanan hasil dokumen, maka web app mungkin tidak berfungsi sebagaimana mestinya.
  3. Selaku penulis, saya dibebaskan dari segala tuntutan terkait seluruh tulisan saya di artikel ini dan seluruh artikel saya di web ini, sebagaimana Anda dibebaskan dari segala tuntutan karena belajar atau tidak dari seluruh tulisan saya.

Tampilan Dashboard “Sertifikat”

Scroll to Top