Panduan Membuat Aplikasi Arsip Guru dengan Apps Script

Silahkan login ke akun google drive dan kemudian buatkan forder baru pada tanda (+ New/Baru) beri nama folder dengan "App Arsip Guru" dengan akses semua orang yang memiliki link tersebut (everyone) bisa melihat agar data bisa diupdate dan aplikasi bisa mengambil data dari google speadsheets. Lihat contoh gambar di bawah ini :

Setalah folder App Arsip Guru telah dibuatkan. Selanjutnya upload file excel "Sistem Arsip Guru" dengan mepilih + New dan pilih file upload. lihat pada gambar di bawah :

Pastikan upload file excel "Sistem Arsip Guru" berhasil terupload dan rubah bentuk file excel "Sistem Arsip Guru" menjadi file google spreasheets dengan cara seperti pada gambar berikut :

1. Buka file "Sistem Arsip Guru". kemudian pada file excel tersebut pilih menu File dan pilih "Save as google sheets".

Setelah berhasil disimpan dalam bentuk spreadsheets. Silahkan buat folder untuk penyimpanan dokumen arsip guru dengan nama "Arsip Dokumen Guru".

Untuk mempermudah silahkan salin spreadsheets Aplikasi Arsip Guru Copy spreadsheets

2. Buka file spreadsheets "Sistem Arsip Guru" dan pilih menu extension, pilih "Apps Script". seperti gambar di bawah :

Setelah Apps Script terbuka, maka akan dibuatkan folder "Code.gs" dan silahkan berinama dokumen "App Arsip Guru" pada tulisan "Untitled project". kemudian buat folder index, formUpload, css, dan js. dengan cara pilih icon (+) dan pilih HTML seperti pada gambar berikut berikut :

Sehingga menghasilkan folder yang akan diisi dengan script sistem arsip guru, lihat gambar berikut :

Kode script "Sistem Arsip Guru" yang telah dikirim dari ruang excel (Kang Nurman) ke email anda, Silahkan masukan ke pada masing-masing menu folder yang dibuat pada Apps Script. Seperti pada gambar di atas. Namun, sebelumnya silahkan bersihkan dulu isi bawaan folder tersebut agar bisa disi kode script baru.

B. Sinkronisasi Database dengan Apps Script 

Pada bagian ini, Kita sinkronkan data pada file spreadsheets 'Sistem Arsip Guru" dan folder "Arsip Dokumen Guru" dengan Apps Scrip agar aplikasi bisa merespon dengan baik.

1. Menu Folder "Code.gs"

Pada folder ini kita mengganti kode variabel folderId pada baris ke-1 silahkan ganti kata :

"ISI DENGAN ID FOLDER ARSIP" dengan ID folder "Arsip Dokumen Guru" dan silahkan ganti kode pada baris ke-2 variable sheetsURL pada kata "ISI DENGAN ID SPREADSHEETS" dengan URL spreadsheets "Sistem Arsip Guru".

Lihat pada gambar berikut contoh ID folder pada google drive "

Gambar berikut contoh URL spreadsheets database "Sistem Arsip Guru" :

2. Menu Folder "Index.html"

Pada folder index, kita mengganti kode baris ke-15 pada kata 

"ISI URL IMAGE ADDRESS LOGO SEKOLAH ANDA" diganti dengan url image address logo sekolah atau tut wurid handayani atau logo pemerintah daerah setempat yang bisa kita dapatkan dari searching google. selain itu ita ganti kode baris ke-116 pada kata "ISI URL IMAGE ADDRESS UNTUK BACKGROUND" diganti dengan url image background yang kita inginkan dari searching google.

Hanya di dua folder tersebut yang harus ada diganti beberapa kode script. 

3. Seting izin akses akun google drive.
Silhakn klik foder code.gs dan klik "Run" / jalankan. maka akan diarahkan untuk meminta izin akses melui akun google yang kita inginkan.

Selanjutnya meminta akses dengan menggunakan akun google drive yang sudah tersimpan aplikasi "Sistem Arsip Guru" tersebut :

4. Mengatur Deploy pada Apps Script

Silahkan untuk memulai pilih new deployment, seperti pada gambar di bawah ini

Setelah memilih new deployment maka akan diarahkan untuk membuat konfigurasi deploy :

Kemudian konfigurasi deploy sesui gambar berikut :

Silahkan klik Deploy dan akan keluar url Web App. Salin dan share ke rekan untuk diuji coba kemudian akhir klik "Done". Selesai

Semoga berhasil dan bermanfaat. Terimakasih 🙏

Untuk mendapatkan kode script silahkan di link ini

Silahkan coba Aplikasi Arsip Guru 2026 username = gurui1@gmail.com dan password= ArsipGuru123321*  Mulai Demo aplikasi