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

Transformasi Kasir Manual ke Digital Menggunakan Google AppSheet

  • February 3, 2026
  • oleh Edusoft Center
DAFTAR ISI
  • 1. Pendahuluan
  • 2. Landasan Teori
    • 2.1 Sistem Kasir (Point of Sale)
    • 2.2 Google AppSheet
    • 2.3 Google Spreadsheet sebagai Database
  • 4. Analisis Kebutuhan Sistem
    • 4.1 Kebutuhan Fungsional
    • 4.2 Kebutuhan Non-Fungsional
  • 5. Perancangan Struktur Database (Google Spreadsheet)
    • 5.1 Sheet Produk
    • 5.2 Sheet Transaksi
    • 5.3 Detail_Transaksi
  • 6. Langkah-Langkah Pembuatan Aplikasi Kasir Menggunakan Google AppSheet
    • 6.1 Buat Aplikasi Baru
    • 6.2 Konfigurasi Data di AppSheet
      • 1. Tabel Produk
      • 2. Tabel Transaksi
      • 3. Tabel Detail_Transaksi
    • 6.3 Buat Virtual Column untuk Auto-Fill
    • 6.4 Atur Tampilan (Views)
  • 7. Kustomisasi UX
    • 7.1 Atur Display Nama Kolom
    • 7.2 Atur Display Simbol Mata Uang
    • 7.3 Atur Tema & Brand
  • 8. Testing
  • 9. Deploy Aplikasi
  • 10. Kesimpulan & Tips Tambahan
    • Tips Tambahan Pengembangan Aplikasi
    • Tips Tambahan Deploy Aplikasi
  • Tampilan Hasil Aplikasi pada perangkat mobile & PC

1. Pendahuluan

Perkembangan teknologi digital telah mendorong pelaku usaha, khususnya UMKM, untuk beralih dari sistem manual ke sistem digital. Salah satu proses bisnis yang masih sering dilakukan secara manual adalah pencatatan transaksi kasir. Sistem kasir manual menggunakan buku tulis atau spreadsheet sederhana memiliki berbagai keterbatasan, seperti rawan kesalahan pencatatan, sulit melakukan rekap data, serta tidak efisien dalam pembuatan laporan penjualan.

Google AppSheet hadir sebagai solusi no-code platform yang memungkinkan pengguna membuat aplikasi berbasis data tanpa harus memiliki kemampuan pemrograman. Dengan memanfaatkan Google Spreadsheet sebagai sumber data, AppSheet dapat digunakan untuk membangun aplikasi kasir digital yang sederhana, cepat, dan efisien.

Artikel ini membahas bagaimana melakukan transformasi dari kasir manual ke kasir digital menggunakan Google AppSheet, mulai dari perancangan struktur data hingga implementasi aplikasi kasir yang siap digunakan.

2. Landasan Teori

2.1 Sistem Kasir (Point of Sale)

Sistem kasir atau Point of Sale (POS) adalah sistem yang digunakan untuk mencatat transaksi penjualan, mengelola data produk, menghitung total pembayaran, dan menyimpan riwayat transaksi.

2.2 Google AppSheet

Google AppSheet adalah platform pengembangan aplikasi berbasis no-code yang memungkinkan pembuatan aplikasi mobile dan web secara otomatis dari sumber data seperti Google Sheets, Excel, atau database cloud.

2.3 Google Spreadsheet sebagai Database

Google Spreadsheet berfungsi sebagai basis data utama yang menyimpan data produk, transaksi, dan detail penjualan secara real-time.

Metode yang digunakan dalam pembuatan aplikasi kasir ini adalah metode perancangan sistem dan implementasi, dengan tahapan sebagai berikut :

  1. Analisis kebutuhan sistem
  2. Perancangan struktur database
  3. Pembuatan aplikasi menggunakan Google AppSheet
  4. Pengujian aplikasi
  5. Implementasi sistem

4. Analisis Kebutuhan Sistem

4.1 Kebutuhan Fungsional

  • Mengelola data produk
  • Mencatat transaksi penjualan
  • Menghitung total harga otomatis
  • Menyimpan riwayat transaksi
  • Menampilkan laporan penjualan sederhana

4.2 Kebutuhan Non-Fungsional

  • Aplikasi mudah digunakan
  • Dapat diakses melalui smartphone
  • Tidak memerlukan instalasi server
  • Berbasis cloud

5. Perancangan Struktur Database (Google Spreadsheet)

Buat sebuah Google Spreadsheet dengan nama Database_Kasir dan buat sheet :

5.1 Sheet Produk

Nama KolomContoh Isi
ID_ProdukP001
Nama_ProdukCheese Cake
Harga25000
Stok50
KategoriMinuman
Stok_Awal50

5.2 Sheet Transaksi

Nama KolomContoh Isi
ID_Transaksi*Kosongkan saja terlebih dahulu
TanggalFormat tanggal (DD/MM/YYYY)
Total70000
Metode PembayaranTransfer/Cash

5.3 Detail_Transaksi

Nama KolomContoh Isi
ID_Detail*Kosongkan saja terlebih dahulu
ID_Transaksi*Kosongkan saja terlebih dahulu
ID_ProdukP006
Nama_ProdukCheese Cake
Jumlah2
Harga_Satuan35000
Subtotal70000

6. Langkah-Langkah Pembuatan Aplikasi Kasir Menggunakan Google AppSheet

6.1 Buat Aplikasi Baru

  1. Buka https://www.appsheet.com
  2. Klik Create App
  3. Pilih Start with existing data

Beri Nama Aplikasi dan pilih kategori yang sesuai :

Hubungkan ke Google Spreadsheet yang telah dibuat

6.2 Konfigurasi Data di AppSheet

  1. Masuk ke menu Data
  2. Pastikan semua sheet terdeteksi

Selanjutnya kita akan set up kolom-kolom yang ada pada tabel

1. Tabel Produk

Pilih tabel Produk lalu klik ID_Produk → Set sebagai Key dan atur tipe data :

  • ID_Produk : Text
  • Nama_Produk : Text
  • Harga : Price
  • Stok : Number
  • Kategori : Text
  • Stok_Awal : Number

2. Tabel Transaksi

  1. Pilih tabel Transaksi
  2. Set ID_Transaksi sebagai Key
  3. Ubah type Tanggal menjadi DateTime
  4. Ubah type Total menjadi Price
  5. Untuk Metode_Pembayaran: Klik kolom → Type → Enum → Values: Cash, Transfer

3. Tabel Detail_Transaksi

  1. Set ID_Detail sebagai Key
  2. Atur kolom ID_Transaksi → Type → Ref → Referenced Table: Transaksi
  3. Atur kolom ID_Produk → Type → Ref → Referenced Table: Produk
  4. Atur tipe:
    • Jumlah : Number
    • Harga_Satuan : Price
    • Subtotal : Price

6.3 Buat Virtual Column untuk Auto-Fill

Di tabel Detail_Transaksi :

  1. Klik Detail_Transaksi di Data
  2. Klik + add virtual column
  3. Atau ubah kolom yang ada dengan menambahkan formula :

Untuk Nama_Produk :

  • App Formula: [ID_Produk].[Nama_Produk]

Untuk Harga_Satuan :

  • App Formula: [ID_Produk].[Harga]

Untuk Subtotal :

  • App Formula: [Jumlah] * [Harga_Satuan]

Di tabel Transaksi, tambah Virtual Column untuk Total:

  1. Klik Transaksi
  2. Add Virtual Column
  3. Nama: Total_Otomatis
  4. Formula: SUM(Detail_Transaksi[Subtotal])
  5. Type: Price

6.4 Atur Tampilan (Views)

Klik Views di menu kiri → View Produk :

  1. Pilih Produk view
  2. View type: deck atau table
  3. Untuk deck: Klik View Options → Primary Header: Nama_Produk, Secondary Header: Harga
Anda dapat melihat views dari pengaturan yang telah di setting di sebelah kanan

Untuk View Transaksi :

  1. Pilih Transaksi view
  2. View type : deck / table
  3. Sort by: Tanggal (descending)

Tambah View untuk Kasir:

  1. Klik + New View
  2. View name : “Kasir”
  3. For this data: Detail_Transaksi
  4. View type : form
  5. Ini akan jadi tampilan input transaksi

7. Kustomisasi UX

Masuk ke halaman Views → Pastikan primary Navigation :

  1. Kasir
  2. Produk
  3. Transaksi

7.1 Atur Display Nama Kolom

Masuk ke halaman Data → Detail Transaksi

Dapat dilihat di halaman preview sebelah kanan, nama kolom ID_Detail, ID_Transaksi, dan ID_Produk tampil dengan menyertakan _

Di halaman pengaturan tabel, edit nama kolom dan ubah nama display :

Atau bisa juga lewat preview, klik ikon pensil pada kolom / text yang ingin di edit

otomatis akan diarahkan ke halaman views → column order, dan lakukan hal yang sama untuk edit display nama kolom. Lakukan pada setiap nama kolom di semua tabel

7.2 Atur Display Simbol Mata Uang

Bisa dilihat simbol mata uang yang tertera pada kolom Subtotal adalah $ Dollar

Masuk ke halaman data → Detail Transaksi dan klik kolom Harga atau kolom apapun yang memiliki Type Price

Edit Type Details → Currency Symbol dan ubah $ menjadi Rp atau pilih sesuai kebutuhan

Lakukan pada setiap nama kolom di semua tabel yang memiliki type price

7.3 Atur Tema & Brand

  1. Masuk ke halaman Settings → Theme & Brand
  2. Upload logo ( optional )
  3. Pilih warna tema sesuai selera

Di halaman Settings ini, pengaturan dan tampilan aplikasi bisa diatur sesuai selera ataupun kebutuhan

8. Testing

  1. Klik ikon dekstop atau masuk ke halaman preview dekstop
  2. Coba tambah transaksi baru di view Kasir
  3. Cek apakah stok berkurang otomatis
  4. Cek total transaksi terhitung benar

9. Deploy Aplikasi

  1. Klik Manage di menu kiri
  2. Klik Deploy
  3. Pilih Deployment Check untuk validasi

Di halaman ini pastikan tidak ada error terutama pada bagian perfomance. Jika ada warning biasanya tidak terlalu bermasalah dan tetap bisa di deploy.

Klik Move app to deployed state jika sudah siap untuk deploy aplikasi

Kemudian masuk ke halaman security dan pastikan semua pengaturan sudah di setting ke public, agar aplikasi dapat di akses oleh pengguna

10. Kesimpulan & Tips Tambahan

Transformasi dari sistem kasir manual ke sistem kasir digital menggunakan Google AppSheet merupakan solusi yang efektif dan efisien, khususnya bagi pelaku UMKM. Dengan memanfaatkan Google Spreadsheet sebagai basis data dan AppSheet sebagai platform no-code, pengguna dapat membangun aplikasi kasir tanpa perlu keahlian pemrograman.

Aplikasi kasir yang dibangun mampu mengelola data produk, mencatat transaksi penjualan, menghitung total harga secara otomatis, serta menyimpan riwayat transaksi dengan lebih rapi dan terstruktur. Selain itu, sistem berbasis cloud memungkinkan aplikasi diakses melalui berbagai perangkat, terutama smartphone, tanpa memerlukan instalasi server tambahan.

Implementasi Google AppSheet tidak hanya meningkatkan efisiensi operasional, tetapi juga meminimalkan kesalahan pencatatan, mempercepat proses transaksi, dan memudahkan pembuatan laporan penjualan. Dengan demikian, AppSheet dapat menjadi solusi digital yang tepat untuk mendukung transformasi bisnis UMKM menuju sistem yang lebih modern dan terintegrasi.

Tips Tambahan Pengembangan Aplikasi

Untuk pengembangan lebih lanjut, aplikasi kasir berbasis Google AppSheet ini dapat ditingkatkan dengan beberapa fitur berikut:

Menambah fitur laporan:

  • Buat Slice untuk filter data per tanggal
  • Tambah view Chart untuk visualisasi penjualan

Tips Tambahan Deploy Aplikasi

Klik Share di pojok kanan atas header → Share links

Jika ingin menggunakan aplikasi pada perangkat mobile, klik install on mobile

Tampilan Hasil Aplikasi pada perangkat mobile & PC

Tampilan Halaman Kasir – PC
Tampilan Halaman Kasir – Mobile
Tampilan Halaman Produk – PC
Tampilan Halaman Produk – Mobile
Tampilan Halaman Riwayat Transaksi – PC
Tampilan Halaman Riwayat Transaksi – Mobile
Tampilan Halaman Detail Transaksi – PC
Tampilan Halaman Detail Transaksi – Mobile
Tampilan Halaman Edit Transaksi – PC
Tampilan Halaman Edit Transaksi – Mobile
Tags: Aplikasi KasirBelajar AppSheetCloud ApplicationDigitalisasi UMKMedusoft centeredusoft center soloedusoftcentergoogle AppSheetKasir Digitalkrusus komputer di solokursus komputer di soloPOS SederhanaTransformasi DigitalTutorial AppSheet
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