Padangsidimpuan, 04 Juli 2026.
Aplikasi ini adalah lanjutan dari web app sebelumnya tentang Pembuatan Web App Tracking Area. Namun kali ini, kita berorientasi pada hasil output (model view data berbasis peta) yang akan menunjukkan hasil dari kegiatan di web app Tracking Area sebelumnya. Hasil ini bersifat publik dan fitur-fiturnya dapat Anda lihat langsung disini.
Pendahuluan.
Web App ini merupakan salah satu contoh model visualisasi data tracking berbasis web yang dibangun menggunakan Google Apps Script sebagai backend dan Leaflet.js sebagai library peta interaktif. Aplikasi ini memungkinkan pengguna untuk melihat dan menganalisis data perjalanan / tracking yang tersimpan di Google Spreadsheet secara real-time. Hanya saja kali ini, data di dalam Spreadsheet adalah data yang copy-paste secara manual dari data Spreadsheet web app Tracking Area sebelumnya.
Disclaimer.
Aplikasi ini tidak berafiliasi dengan 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 penyajian data hasil olahan dari kegiatan Tracking Area yang sesuai dengan kebutuhan penulis.
Fitur Utama Web App “Hasil” Tracking Area.
- Visualisasi Peta Interaktif. Menampilkan rute tracking dalam bentuk polyline dengan warna berbeda untuk setiap track. Menggunakan OpenStreetMap sebagai peta dasar. Zoom dan pan yang responsif untuk menjelajahi detail rute.
- Informasi Jarak Antar Titik. Menampilkan label jarak di setiap segmen rute (misal: 📏 59.0 m). Label menggunakan background warna yang sesuai dengan track untuk keterbacaan optimal. Menampilkan total jarak keseluruhan rute.
- Penanda Titik Penting. Titik awal (hijau) dengan tooltip “📍 Mulai”. Titik akhir (merah) dengan tooltip “🏁 Akhir”. Memudahkan identifikasi arah perjalanan.
- Popup Informasi Detail. Ketika mengklik garis rute, akan muncul popup dengan informasi:. Nama objek/area yang di-track, Kelurahan dan Kecamatan, Total panjang rute, Jumlah titik GPS, Nama surveyor, Waktu survei, dan Rincian jarak antar titik GPS.
- Dashboard Statistik;
- Total Track – Jumlah rute yang ditampilkan.
- Total Titik – Akumulasi semua titik GPS.
- Total Jarak – Akumulasi jarak semua rute.
- Last Update – Waktu terakhir data dimuat.
- Sidebar Menu Navigasi;
- Beranda – Kembali ke tampilan awal.
- Fit to View – Menyesuaikan peta agar semua track terlihat.
- Refresh Data – Memuat ulang data terbaru dari spreadsheet.
- Tentang Aplikasi – Informasi versi aplikasi.
- Responsive Design. Tampilan yang adaptif untuk desktop, tablet, dan smartphone. Gesture support (swipe) untuk membuka/menutup sidebar di perangkat mobile.
- Real-time Data Loading. Data diambil langsung dari Google Spreadsheet setiap kali aplikasi dimuat. Indikator loading yang informatif saat proses pengambilan data.
Kelemahan dan Keterbatasan Web App ini.
- Ketergantungan pada Google Services. Harus online. Tidak bisa diakses offline. Memerlukan koneksi internet stabil. Terikat dengan kuota Google Apps Script (daily limit). Autentikasi Google diperlukan untuk mengakses spreadsheet.
- Kinerja & Skalabilitas.
- Lambat untuk data besar – Jika ada > 100 track dengan ribuan titik, performa bisa menurun.
- Batch processing – Tidak ada pagination, semua data dimuat sekaligus.
- Memory limit – Terbatas oleh memory browser dan Google Apps Script.
- Keterbatasan Teknis.
- Tidak ada fitur edit – Hanya view-only.
- Tidak ada filter/query – Tidak bisa memfilter berdasarkan tanggal, lokasi, atau nama.
- Tidak ada ekspor – Tidak bisa mengekspor data atau screenshot.
- Reload manual – Harus refresh atau klik “Refresh Data” untuk update terbaru.
- Keamanan.
- Data publik – Siapa pun dengan link web app dapat mengakses data (jika tidak ada autentikasi tambahan).
- Tidak ada enkripsi – Data dikirim plain text melalui HTTPS (sudah aman, tapi tidak ada enkripsi tambahan).
- Spesifik spreadsheet – Hanya bisa membaca satu spreadsheet tertentu.
- Fitur yang Kurang.
- Tidak ada GPS tracking real-time – Hanya menampilkan data historis.
- Tidak ada analisis – Tidak ada grafik, heatmap, atau analisis statistik lanjutan.
- Tidak ada export/print – Tidak bisa mencetak peta atau mengekspor sebagai gambar/PDF.
- Tidak ada mode malam/offline – Tidak ada dark mode atau kemampuan offline.
- User Interface.
- Sidebar tidak bisa di-resize – Ukuran fixed.
- Tidak ada search – Tidak bisa mencari berdasarkan nama atau lokasi.
- Tidak ada legend – Belum ada keterangan warna track.
- Label jarak berpotongan – Jika banyak segmen berdekatan, label bisa saling menimpa.
- Mobile Experience.
- Gestur terbatas – Hanya support swipe, tidak ada pinch-zoom yang optimal.
- Ukuran teks – Label jarak mungkin terlalu kecil di layar kecil.
- Touch targets – Beberapa elemen mungkin terlalu kecil untuk disentuh di mobile.
Pembuatan Web App “Hasil” Tracking Area.
- Buatlah File Spreadsheet baru.
- Di dalam Spreadsheet tersebut, buat Sheet bernama TrackingData.
- Isi Sheet TrackingData. Copy seluruh isi data kolom TrackingData dari Spreadsheet Tracking Area sebelumnya. Bagi Anda yang telah melakukan pembuatan Web App Tracking Area sebagaimana tulisan sebelumnya, Anda dapat mengcopy seluruh isi data. Bagi yang belum, saya tidak menyarankan untuk menggunakan code yang disediakan di judul tulisan ini.
- Di Spreadsheet, 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.
- 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.
- Pada 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. Sehingga, ketika anda membuka link dan diarahkan ke halaman web app berjalan lancar dan menampilkan data sebagaimana direncanakan dalam code. Lakukan pengujian di PC 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 benar, maka halaman mungkin tidak berfungsi sebagaimana mestinya.
- Web App ini bersifat publik, artinya, siapa saja bisa melihat tampilan web tanpa perlu login sama sekali, selama mereka memiliki Link URL Apps Script atau link pengalihannya.
- 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.