Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog
Daftar
Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog

Membangun Web Admin Konveksi Sederhana Menggunakan Google Spreadsheet dan Apps Script

  • February 16, 2026
  • oleh Edusoft Center
Daftar Isi :
  • 1. Pendahuluan
  • 2. Gambaran Umum Sistem
  • 3. Alur Kerja Sistem
  • 4. Persiapan Awal
  • 5. Langkah 1: Membuat Struktur Spreadsheet
    • 1. Membuat File Spreadsheet
    • 2. Sheet MASTER_BARANG
    • 3. Sheet BARANG_MASUK
    • 4. Sheet BARANG_KELUAR
    • 5. Sheet LOG_AKTIVITAS
  • 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
    • 1. Halaman Index (Menu)
    • 2. Halaman Barang Masuk
    • 3. Halaman Barang Keluar
  • 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:

  1. Google Spreadsheet
    Berfungsi sebagai database untuk menyimpan seluruh data barang, transaksi, dan log aktivitas.
  2. 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:

  1. Admin membuka web admin konveksi.
  2. Admin memilih menu barang masuk atau barang keluar.
  3. Admin mengisi form sesuai kebutuhan.
  4. Data disimpan ke spreadsheet.
  5. Sistem otomatis menambah atau mengurangi stok.
  6. 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:

KodeBarangNamaBarangSatuanStok

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.

  1. Buka spreadsheet yang sudah dibuat
  2. Klik menu Extensions
  3. Pilih Apps Script
  4. 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 sistem
  • Index.html → halaman menu utama
  • Masuk.html → halaman barang masuk
  • Keluar.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:

  1. Klik Deploy
  2. Pilih New Deployment
  3. Pilih tipe Web App
  4. Execute as: Me
  5. Who has access: Anyone
  6. Klik Deploy
  7. 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:

  1. Admin membuka link web
  2. Admin memilih menu barang masuk atau keluar
  3. Admin mengisi form sesuai kondisi nyata
  4. Admin klik simpan
  5. 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.

Tags: Admin KonveksiAplikasi AdminAplikasi Stok BarangAplikasi Usaha KecilBelajar Apps ScriptGoogle Apps ScriptGoogle Spreadsheetkursus komputer di soloManajemen StokSistem InventoryWeb App Sederhana
Previous Post
Next Post

Post comment

Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Panduan Lengkap Clean Code dalam Rekayasa Perangkat Lunak: Prinsip, Teknik, dan Contoh Praktis
  • Website Toko Digital Siap Pakai: Solusi Otomatis untuk Bisnis Digital Anda
  • 🔐 Cara Membuat Show/Hide Password dengan JavaScript (Simple & Langsung Bisa!)
  • Tampilan Aplikasi SIPPO Berbasis Google Apps Script Web App
  • SIPADU RT: Solusi Modern Pengelolaan Pengaduan Warga RT/RW Berbasis Google Apps Script

Arsip

  • April 2026
  • March 2026
  • February 2026
  • January 2026
  • September 2025
  • August 2025
  • July 2025
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • December 2011
  • November 2011

Tags

#EdusoftCenter apache web server dns server kursus android kursus database kursus dns dan web server kursus dns server kursus ethical hacking kursus hacking kursus jaringan kursus jaringan linux Kursus Komputer kursus komputer di solo kursus komputer di solo / surakarta kursus komputer di surakarta kursus linux Kursus Linux Forensics kursus linux networking kursus linux security kursus linux server kursus mikrotik kursus networking kursus network security kursus php Kursus PHP dan MySQL kursus php mysql kursus proxy kursus security kursus ubuntu kursus ubuntu server kursus web kursus web security kursus web server kursus wordpress kursus wordpress theme linux MySQL pelatihan komputer di solo PHP security training komputer training komputer di solo tutorial php ubuntu wordpress

© Edusoft Center - Kursus Komputer di Solo | 2010 - 2025 | Privacy Policy | Site Map

All Right Reserved

WhatsApp us