- 1. Pendahuluan
- 2. Gambaran Umum Sistem
- 3. Alur Kerja Sistem
- 4. Persiapan Awal
- 5. Langkah 1: Membuat Struktur Spreadsheet
- 6. Langkah 2: Membuka Google Apps Script
- 7. Langkah 3: Menyiapkan File Apps Script
- 8. Langkah 4: Membuat File Code.gs
- 9. Langkah 5: Membuat Halaman Web
- 10. Langkah 6: Deploy Web App
- 11. Cara Penggunaan Web oleh Admin
- 12. Manfaat Sistem Ini
- 13. Kaitan dengan Proyek dan Pembelajaran
- 14. Penutup
1. Pendahuluan
Di banyak usaha kecil dan menengah, khususnya usaha konveksi rumahan, pencatatan stok barang masih dilakukan secara manual menggunakan buku tulis. Cara ini memang sederhana, tetapi sering menimbulkan masalah seperti data hilang, stok tidak sesuai, sulit mencari riwayat barang masuk dan keluar, serta rawan kesalahan hitung.
Padahal, dengan memanfaatkan tools gratis seperti Google Spreadsheet dan Google Apps Script, kita bisa membangun sebuah web admin sederhana yang berfungsi sebagai buku stok digital. Web ini dapat membantu admin konveksi mencatat barang masuk dan barang keluar dengan lebih rapi, otomatis menghitung stok, serta menyimpan riwayat aktivitas sebagai bukti kerja.
Artikel ini membahas langkah demi langkah pembuatan web admin konveksi sederhana yang berguna untuk mencatat:
- Barang masuk
- Barang keluar
- Stok barang otomatis
- Log aktivitas admin
Aplikasi ini dirancang sederhana agar mudah digunakan oleh orang awam, seperti admin konveksi, namun tetap layak dijadikan proyek selama satu bulan.
2. Gambaran Umum Sistem
Sistem yang akan dibangun terdiri dari dua komponen utama:
- Google Spreadsheet
Berfungsi sebagai database untuk menyimpan seluruh data barang, transaksi, dan log aktivitas. - Google Apps Script (Web App)
Berfungsi sebagai web interface (tampilan web) untuk input data barang masuk dan barang keluar.
Admin tidak perlu menginput data langsung ke spreadsheet. Semua input dilakukan melalui web, lalu sistem akan menyimpan data ke spreadsheet secara otomatis.
3. Alur Kerja Sistem
Alur kerja web admin konveksi ini adalah sebagai berikut:
- Admin membuka web admin konveksi.
- Admin memilih menu barang masuk atau barang keluar.
- Admin mengisi form sesuai kebutuhan.
- Data disimpan ke spreadsheet.
- Sistem otomatis menambah atau mengurangi stok.
- Sistem mencatat aktivitas ke log.
Dengan alur ini, admin hanya fokus pada input data, sedangkan perhitungan stok dilakukan oleh sistem.
4. Persiapan Awal
Sebelum mulai membuat web, pastikan kamu memiliki:
- Akun Google
- Akses Google Spreadsheet
- Koneksi internet
Tidak diperlukan server atau hosting tambahan karena semua berjalan di ekosistem Google.
5. Langkah 1: Membuat Struktur Spreadsheet
Langkah pertama adalah menyiapkan spreadsheet yang akan digunakan sebagai database.
1. Membuat File Spreadsheet
Buat satu file Google Spreadsheet baru, misalnya dengan nama:
ADMIN KONVEKSI – STOK BARANG
Di dalam spreadsheet ini, kita akan membuat beberapa sheet.
2. Sheet MASTER_BARANG
Sheet ini berfungsi sebagai data utama barang dan pusat stok.
Buat sheet dengan nama: MASTER_BARANG
Isi kolom sebagai berikut:
| KodeBarang | NamaBarang | Satuan | Stok |
|---|
Contoh data:
| BRG001 | Kain Katun | Meter | 0 |
| BRG002 | Benang | Roll | 0 |
Catatan penting:
- Data di sheet ini tidak diisi setiap hari
- Kolom stok tidak diubah manual
- Stok akan diubah otomatis oleh sistem
3. Sheet BARANG_MASUK
Sheet ini menyimpan riwayat barang yang masuk.
Buat sheet dengan nama: BARANG_MASUK
Kolom:
| Tanggal | KodeBarang | NamaBarang | Jumlah | Keterangan |

Sheet ini akan diisi otomatis dari web saat admin mencatat barang masuk.
4. Sheet BARANG_KELUAR
Sheet ini menyimpan riwayat barang yang keluar.
Buat sheet dengan nama: BARANG_KELUAR
Kolom:
| Tanggal | KodeBarang | NamaBarang | Jumlah | Tujuan |

Sheet ini juga diisi otomatis dari web.
5. Sheet LOG_AKTIVITAS
Sheet ini berfungsi sebagai catatan aktivitas admin.
Buat sheet dengan nama: LOG_AKTIVITAS
Kolom:
| Waktu | Aktivitas |

Sheet ini berguna untuk:
- Bukti kerja admin
- Riwayat penggunaan sistem
- Audit data
6. Langkah 2: Membuka Google Apps Script
Setelah spreadsheet siap, langkah berikutnya adalah membuat web menggunakan Google Apps Script.
- Buka spreadsheet yang sudah dibuat
- Klik menu Extensions
- Pilih Apps Script
- Hapus semua kode default yang ada

Apps Script ini akan menjadi penghubung antara web dan spreadsheet.
7. Langkah 3: Menyiapkan File Apps Script
Dalam Apps Script, kita akan menggunakan beberapa file:
Code.gs→ logika utama sistemIndex.html→ halaman menu utamaMasuk.html→ halaman barang masukKeluar.html→ halaman barang keluar
8. Langkah 4: Membuat File Code.gs
File Code.gs berisi fungsi-fungsi utama seperti:
- Menampilkan web
- Mengambil data barang
- Menyimpan barang masuk
- Menyimpan barang keluar
- Mengupdate stok
- Mencatat log aktivitas
Fungsi utama yang digunakan:
doGet()untuk menampilkan web- Fungsi khusus untuk menambah dan mengurangi stok
- Fungsi log untuk mencatat aktivitas
Dengan kode ini, setiap transaksi yang dilakukan lewat web akan langsung memengaruhi data di spreadsheet.
9. Langkah 5: Membuat Halaman Web
1. Halaman Index (Menu)
Halaman ini berfungsi sebagai halaman awal web.
Isinya hanya menu untuk memilih:
- Barang Masuk
- Barang Keluar
Halaman ini dibuat sederhana agar mudah dipahami oleh admin.
2. Halaman Barang Masuk
Halaman ini digunakan saat ada barang baru masuk, misalnya kain datang dari supplier.
Admin mengisi:
- Kode barang
- Nama barang
- Jumlah barang
- Keterangan tambahan
Setelah tombol simpan ditekan:
- Data masuk ke sheet BARANG_MASUK
- Stok di MASTER_BARANG otomatis bertambah
- Aktivitas dicatat di LOG_AKTIVITAS
3. Halaman Barang Keluar
Halaman ini digunakan saat barang dipakai untuk produksi atau dikirim.
Admin mengisi:
- Kode barang
- Nama barang
- Jumlah barang
- Tujuan penggunaan
Setelah disimpan:
- Data masuk ke sheet BARANG_KELUAR
- Stok di MASTER_BARANG otomatis berkurang
- Aktivitas dicatat di LOG_AKTIVITAS
10. Langkah 6: Deploy Web App
Setelah semua file dan kode selesai:
- Klik Deploy
- Pilih New Deployment
- Pilih tipe Web App
- Execute as: Me
- Who has access: Anyone
- Klik Deploy
- Salin URL web
URL ini adalah alamat web admin konveksi yang bisa digunakan sehari-hari.
11. Cara Penggunaan Web oleh Admin
Berikut contoh penggunaan sehari-hari:
- Admin membuka link web
- Admin memilih menu barang masuk atau keluar
- Admin mengisi form sesuai kondisi nyata
- Admin klik simpan
- Sistem menyimpan data dan mengatur stok
Admin tidak perlu membuka spreadsheet setiap saat. Spreadsheet hanya digunakan untuk melihat laporan atau rekap.
12. Manfaat Sistem Ini
Sistem web admin konveksi ini memberikan banyak manfaat, antara lain:
- Mengurangi kesalahan pencatatan stok
- Data tersimpan rapi dan aman
- Mudah digunakan oleh admin non-teknis
- Bisa diakses dari mana saja
- Cocok untuk usaha kecil dan menengah
13. Kaitan dengan Proyek dan Pembelajaran
Proyek ini sangat cocok untuk tugas atau PKL karena:
- Menggunakan tools gratis
- Menggabungkan spreadsheet dan web
- Memiliki studi kasus nyata
- Bisa dikembangkan lebih lanjut
Pengembangan lanjutan yang bisa dilakukan:
- Menambahkan login
- Menambahkan grafik stok
- Menambahkan laporan bulanan
- Menambahkan hak akses user
14. Penutup
Pembuatan web admin konveksi sederhana ini membuktikan bahwa teknologi tidak harus rumit untuk bisa berguna. Dengan memanfaatkan Google Spreadsheet dan Apps Script, kita dapat membangun sistem pencatatan stok yang rapi, efisien, dan mudah digunakan.
Aplikasi ini bukan hanya sekadar proyek, tetapi juga solusi nyata yang bisa membantu pekerjaan admin konveksi sehari-hari. Dengan alur yang sederhana dan otomatisasi stok, sistem ini dapat meningkatkan efisiensi kerja dan mengurangi kesalahan pencatatan.