Padangsidimpuan, 24 Juli 2026.
Hasil Web App yan saya buat dapat anda lihat hingga halaman Login di link ini.
Contoh Web App “Arsip Surat”.
Web app ini merupakan bentuk konkrit pengelolaan Arsip Surat dalam bentuk web app sederhana. Dimana, Surat yang dimaksud dalam hal ini adalah Surat Masuk dan Surat Keluar di sebuah organisasi. Saya tidak akan menjelaskan apa itu “Surat Masuk” dan Apa itu “Surat Keluar”, karena pemaknaan ini membutuhkan halaman kajian tersendiri dan menjadi urusan si pemakai web app ini sendiri untuk membedakannya. Intinya, bagi Anda yang ingin menyimpan Surat Masuk dan Surat Keluar, di web app ini dilakukan pemisahan “ruang”.
Disclaimer.
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 Peng-Arsip-an Surat di suatu organisasi pemerintah dengan asumsi data tertentu. Dengan kata lain, kebutuhan data di dalam web app ini disusun menurut kebutuhan data yang berasumsi pada kebutuhan data di organisasi tertentu (misal, pemerintahan daerah).
Fitur Web App “Arsip Surat”.
Web App ini dibuat untuk keperluan peng-arsip-an surat masuk dan surat keluar, sehingga fitur di dalamnya akan berkaitan dengan tujuan tersebut. Adapun fitur web app ini diantaranya adalah :
- Fitur Login. Fitur ini dibuat hanya sebagai tindakan pencegahan sederhana (karena tidak benar-benar powerfull menghalangi gangguan keamanan) agar setiap pengguna dapat masuk setelah memiliki Username dan Password.
- Single Page Application (SPA) mirip native android. Aplikasi dibuat agar cocok dan mudah diakses melalui handphone android (layar kecil/layar mobile).
- Pemisahan Form Input data untuk Surat Masuk dan Surat Keluar. Hal ini juga berkaitan dengan kebutuhan data yang berbeda antara Surat Masuk dan Surat Keluar.
- Ketersediaan Halaman “View Data” untuk Surat Masuk dan Surat Keluar. Hal ini untuk memudahkan peng-edit-an/update data dan penghapusan data (tidak direkomendasikan meski fungsi disediakan, do with your own risk – lakukan dengan resiko Anda sendiri).
- Fitur Penyimpanan File ke google drive dari aplikasi. Hal ini untuk menjamin File Surat Masuk dan Surat Keluar yang Anda upload tersimpan dengan baik di drive Anda sendiri.
- Fitur penghitung waktu akses. Angka seperti waktu yang Anda lihat di layar setelah online, bukanlah jam saat anda sedang menggunakannya. Fitur ini disediakan sebagai informasi bagi Anda agar mengetahui waktu akses yang telah digunakan. Ingat..!, Ada harga akses yang dibatasi karena kita menggunakan fasilitasi GRATIS dari Google. Setahu saya saat ini, waktu eksekusi gratis di Apps Script adalah 6 Jam perhari (sewaktu-waktu bisa berubah sesuai dengan ketentuan dari Google).
Pembuatan Web App “Arsip Surat”.
- Buatlah File Spreadsheet baru yang akan kita jadikan sebagai Database. Silahkan buka link di bawah ini untuk membuat Kolom dan Sheet yang sesuai dengan Kode yang saya sediakan. Copy paste-kan atau download salinan untuk Anda simpan di drive Anda. Link Spreadsheet-nya dapat Anda akses di LINK INI.
- Sebagai persiapan tambahan, Anda harus membuat sebuah Folder di Root Drive Google Anda bernama “Tata Usaha” (huruf dan spasi sama namun tanpa tanda kutip). Di dalam folder Tata Usaha tersebut Anda juga harus membuat 2 folder, (1)”Surat Masuk” dan (2)”Surat Keluar“.
- 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.
- 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. Jangan lupa ganti SPREADSHEET_ID_ANDA di Kode.gs Anda dengan data yang sesuai.
- 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.
- Jangan lupa simpan seluruh kode yang telah Anda copy-paste.
- Kembali ke tampilan Apps Script, klik tombol Terapkan (Deploy) di kanan atas, kemudian pilih Terapkan baru (New Deployment).
- 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).
- 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), lalu klik Allow / Izinkan.
- Setelah sukses, Anda akan mendapatkan URL Aplikasi Web (Bukan Library yang di copy ya..!). Salin URL Aplikasi Web tersebut dan jalankan di browser laptop atau PC Anda.
Pengujian.
Kegiatan pengujian dimaksudkan untuk memastikan code yang Anda copy-paste benar-benar dapat dieksekusi sebagaimana mestinya. Juga untuk memastikan Spreadsheet yang Anda gunakan 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 Handphone Android Anda untuk pengalaman yang lebih baik.
Penutup.
- 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.
- Jika Anda tidak mengisi Spreasheet Anda dengan data yang sesuai dan/atau Anda tidak membuat database spreadsheet yang sesuai, maka web app mungkin tidak berfungsi sebagaimana tujuannya.
- 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 Isi Web App “Arsip Surat”
