Kasir Appsheet

Tahap 1: Struktur Data (Spreadsheet)

1. Sheet: Produk

·         ID Produk

·         Nama Produk

·         Harga Jual

·         Harga Beli

·         Stok

·         Gambar

2. Sheet: Penjualan

·         ID Penjualan

·         Tanggal

·         Total Belanja

·         Total Keuntungan

·         Nominal Bayar

·         Kembalian

3. Sheet: Detail Penjualan

·         ID Detail

·         ID Penjualan

·         ID Produk

·         Jumlah

·         Harga Saat Transaksi

·         Harga Beli Saat Transaksi

·         Subtotal

·         Keuntungan Per Baris

3. Sheet: Info Toko

·         ID Toko

·         Nama Toko

·         Alamat Toko

·         Telp Toko

·         Lalu isi

ID_Toko	Nama Toko	Alamat Toko	Telp Toko
1	KASIR EKIST	Bandar Jaya Lampung Tengah	08123456789

 

Tahap 2: Pengaturan di Aplikasi AppSheet (Data -> Columns)

1.    Buat aplikasi baru (Start with existing data).

2.    Impor tabel (Produk, Penjualan, Detail Penjualan).

3.    Di menu kiri, klik Data, lalu pilih tab Columns.

4.    Kita akan mengatur setiap tabel satu per satu di sini.

1. Pengaturan Tabel: Produk

(Pilih tabel Produk di AppSheet)

·         Kolom ID Produk:

o    Centang (✔️) kotak di kolom KEY?.

o    Hilangkan Centang (✔️) kotak di kolom LABEL?.

·         Kolom Nama Produk:

o    Centang (✔️) kotak di kolom LABEL?.

o    Data Validity Require?:  Centang (✔️)

·         Kolom Harga Jual:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Minimum value :  0

o    Data Validity =>  Valid If : [Harga Jual] >= [Harga Beli]

o    Invalid value error: Harga terlalu rendah

o    Minimum value :  0

·         Kolom Harga Beli:

o    Di kolom TYPE, ganti Text menjadi Price.

o     Minimum value :  0

·         Kolom Stok:

o    Di kolom TYPE, ganti Text menjadi Number.

o    Centang (✔️) kotak di kolom LABEL?.

o    Minimum value :  0

·         Kolom Gambar:

o    Di kolom TYPE, ganti Text menjadi Image.

o    Data Validity Require?:  Centang (✔️)

o    Centang (✔️) kotak di kolom LABEL?.

2. Pengaturan Tabel: Detail Penjualan

(Pilih tabel Detail Penjualan di AppSheet)

[ID Produk].[Stok]

·         Kolom ID Detail:

o    Centang (✔️) kotak di kolom KEY?.

o    Hilangkan Centang (✔️) kotak di kolom LABEL?.

o    Klik ikon pensil (Edit). Di Auto Compute, box Initial Value, masukkan formula: UNIQUEID()

·         Buat Virtual column :

o    Klik Add virtual column pojok kanan atas

o    Column name: stok tersedia

o    App formula : ID Produk].[Stok]

·         Kolom ID Penjualan:

o    Di kolom TYPE, ganti Text menjadi Ref.

o    Type Details: Pastikan Source table-nya adalah Penjualan.

o    Klik ikon pensil (Edit). Cari Data Validity dan centang (✔️) kotak Is a part of. (Ini adalah setelan "Ref ke Penjualan" yang penting).

·         Kolom ID Produk:

o    Centang (✔️) kotak di kolom LABEL?.

o    Di kolom TYPE, ganti Text menjadi Ref.

o    Type Details: Pastikan Source table-nya adalah Produk.

o    Valid If : [stok tersedia] > 0

o    Invalid value error : stok tidak tersedia

·         Kolom Jumlah:

o    Di kolom TYPE, ganti Text menjadi Number.

o    Di box  Show?  Klik formula masukan : ISNOTBLANK([ID Produk])

o    Klik ikon pensil (Edit). Di Auto Compute, box Initial Value, masukkan:1

o    Data Validity =>  Valid If : AND( [Jumlah] <= [stok tersedia] , [Jumlah] > 0)

o    Invalid value error : stok kurang

·         Kolom Harga Saat Transaksi:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Klik ikon pensil (Edit). Di Auto Compute, box App Formula, masukkan: [ID Produk].[Harga Jual]

·         Kolom Harga Beli Saat Transaksi:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di Auto Compute, box App Formula, masukkan: [ID Produk].[Harga Beli]

·         Kolom Subtotal:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di box  Show?  Klik formula masukan : ISNOTBLANK([ID Produk])

o    Di Auto Compute, box App Formula, masukkan: [Jumlah] * [Harga Saat Transaksi]

·         Kolom Keuntungan Per Baris:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di Auto Compute, box App Formula, masukkan: [Subtotal] - ([Jumlah] * [Harga Beli Saat Transaksi])

3. Pengaturan Tabel: Penjualan

(Pilih tabel Penjualan di AppSheet)

·         Kolom ID Penjualan:

o    Centang (✔️) kotak di kolom KEY?.

o    Klik ikon pensil (Edit). Di Auto Compute, box Initial Value, masukkan: UNIQUEID()

·         Kolom Tanggal:

o    Di kolom TYPE, ganti Date menjadi DateTime.

o    Klik ikon pensil (Edit). Di Auto Compute, box Initial Value, masukkan: NOW()

·         Kolom Total Belanja:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di box  Show?  Klik formula masukan : ISNOTBLANK([Related Detail Penjualans])

o    Di Auto Compute, box App Formula, masukkan: SUM([Related Detail Penjualans][Subtotal])

·         Kolom Total Keuntungan:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di Auto Compute, box App Formula, masukkan: SUM([Related Detail Penjualans][Keuntungan Per Baris])

·         Kolom Nominal Bayar:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Klik ikon pensil (Edit). Cari Data Validity.

o    Di box  Show?  Klik formula masukan : [Total Belanja] > 0

o    Di box Valid_If, masukkan: [Nominal Bayar] >= [Total Belanja]

o    Di box Invalid data error, tuliskan: Pembayaran Kurang!

·         Kolom Kembalian:

o    Di kolom TYPE, ganti Text menjadi Price.

o    Di box  Show?  Klik formula masukan : [Kembalian] > 0

o    Di Auto Compute, box App Formula, masukkan: [Nominal Bayar] - [Total Belanja]

4. Tambah Kolom Virtual (Untuk Laporan)

(Masih di pengaturan tabel Penjualan)

1.    Klik Add Virtual Column.

o    Column Name: Hari

o    App Formula: DATE([Tanggal])

2.    Klik Add Virtual Column lagi.

o    Column Name: Bulan

o    App Formula: TEXT([Tanggal], "MM")

3.    Klik Add Virtual Column lagi.

o    Column Name: Tahun

o    App Formula: YEAR([Tanggal])

 

5. Pengaturan Tabel: Info Toko

1. Impor Tabel "Data Toko"

·         Buka aplikasi Anda di AppSheet.

·         Pergi ke Data -> + (Add Table) -> Add table from Google Sheets.

·         Pilih sheet Data Toko.

2. Atur Kolom (Columns)

·         Buka Data -> Columns -> Pilih tabel Data Toko.

·         Pastikan ID_Toko diatur sebagai KEY? (Centang ✔️).

3. Atur Perilaku (Behavior) - INI BAGIAN PENTING

·         Masih di Data, pilih tabel Data Toko.

·         Lihat di panel pengaturan di sebelah kanan.

·         Cari bagian "Are updates allowed?"

·         Atur seperti ini:

o    Adds (Menambah): Hilangkan centang (❌)

o    Updates (Mengedit): Centang (✔️)

o    Deletes (Menghapus): Hilangkan centang (❌)

 

Tahap 3: Desain Menu (UX)

Di menu kiri, klik UX. Kita akan buat 4 menu utama Anda.

1. Menu 1: PRODUK

1.    Klik New View.

2.    Atur pengaturan:

o    View Name: PRODUK

o    For this data: Produk

o    View type: Table (atau Deck jika suka)

o    Position: middle

o    Primary header: Nama Produk

o    Secondary header: Stok

o    Summary column : Harga Jual



2. Menu 2: KASIR (Halaman Kosong + Tombol +)

A. Buat Slice Dulu:

1.    Di menu kiri, klik Data -> Slices -> New Slice.

2.    Atur pengaturan:

o    Slice Name: Slice Kosong

o    Source Table: Penjualan

o    Row Filter Condition: 1=2

B. Buat View KASIR:

1.    Kembali ke UX, klik New View.

2.    Atur pengaturan:

o    View Name: KASIR

o    For this data: Slice Kosong

o    View type: form

o    Position: first

o    Form style: side by side

o    Column order:

§  Tanggal

§  Related Detail Penjualans

§  Total Belanja

§  Nominal Bayar

§  Kembalian

3. Menu 3: RIWAYAT

A. Buat Slice "history":

1.    Di menu kiri, buka Data -> Slices.

2.    Klik + New Slice.

3.    Atur seperti ini:

o    Slice Name: history

o    Source Table: Penjualan

o    Row Filter Condition: Biarkan kosong (atau TRUE) agar semua riwayat tampil.

o    Slice Actions: klik hapus

o    Update mode: read only

B. Buat View "RIWAYAT":

1.    Kembali ke UX, klik New View.

2.    Atur pengaturan:

o    View Name: RIWAYAT

o    For this data: Penjualan

o    View type: Table

o    Position: Next

o    Sort by: Pilih Tanggal, dan pilih Descending.

o    Group by: Pilih Hari, dan pilih Descending.

o    Group aggregate: SUM :: Total Belanja

o    Column order : Tanggal, Total Belanja

C. Mengatur Detail Penjualan pada Riwayat

 

1.    Di menu kiri, buka Data -> Slices.

2.    Klik + New Slice.

3.    Atur seperti ini:

o    Slice Name: list penjualan

o    Source Table: Detail Penjualan

o    Slice Actions: klik hapus

o    Update mode: read only

4.    Klik Data -> Columns.

5.    Pilih tabel Penjualan.

6.    Klik Add Virtual Column pada pojok kanan atas.

7.    Atur pengaturan:

o    Column name: List Barang Terjual

o    App formula: REF_ROWS("list penjualan", "ID Penjualan")

8.    Klik Save.

D. Mengatur Tampilan "history_detail":

1.    Klik UX -> Ref Views.

2.    Pada Penjualan cari history_detail(slice).

3.    Atur pengaturan:

o    Column order: klik manual

o    Hapus Related Detail Penjualans

o    Klik Add: List Barang Terjual

o    Display mode: side by side

o    Buat Column order:

§  ID Penjualan

§  Tanggal

§  Total Belanja

§  Total Keuntungan

§  Nominal Bayar

§  Kembalian

§  List Barang Terjual

4.    Klik Save.

4. Menu LAPORAN (Tampilan Grafik)

A. Buat Slice "laporan":

1.    Di menu kiri, buka Data -> Slices.

2.    Klik + New Slice.

3.    Atur seperti ini:

o    Slice Name: laporan

o    Source Table: Penjualan

o    Slice Actions: klik hapus

o    Update mode: read only

B. Buat Tampilan Grafik Harian:

·         Kembali ke menu UX.

·         Klik + New View.

·         Atur pengaturannya:

o    View Name: Harian

o    For this data: Pilih slice Laporan.

o    View type: Pilih Chart.

o    Position: Pilih ref (agar tidak muncul di menu navigasi utama, karena nanti kita akan menampilkannya di dashboard).

o    Di 'Chart Type', pilih histogram.

o    Group aggregate Total Keuntungan

o    Chart columns ', pilih Hari

o    sesuaikan preferensi Anda).

o    Di 'Aggregate By', pilih SUM.

 

C. Buat Tampilan Grafik bulanan:

·         Kembali ke menu UX.

·         Klik + New View.

·         Atur pengaturannya:

o    View Name: bulanan

o    For this data: Pilih slice Laporan.

o    View type: Pilih Chart.

o    Position: Pilih ref (agar tidak muncul di menu navigasi utama, karena nanti kita akan menampilkannya di dashboard).

o    Di 'Chart Type', pilih histogram.

o    Group aggregate Total Keuntungan

o    Chart columns ', pilih bulan

o    sesuaikan preferensi Anda).

o    Di 'Aggregate By', pilih SUM.

 

D. Buat Tampilan Grafik Tahunan:

·         Kembali ke menu UX.

·         Klik + New View.

·         Atur pengaturannya:

o    View Name: Tahunan

o    For this data: Pilih slice Laporan.

o    View type: Pilih Chart.

o    Position: Pilih ref (agar tidak muncul di menu navigasi utama, karena nanti kita akan menampilkannya di dashboard).

o    Di 'Chart Type', pilih histogram.

o    Group aggregate Total Keuntungan

o    Chart columns ', pilih Tahun

o    sesuaikan preferensi Anda).

o    Di 'Aggregate By', pilih SUM.

 

4. Menu 5: Info Toko

4. Buat Menu "Info Toko" (di UX) Terakhir, kita buat menu untuk mengeditnya.

·         Pergi ke UX -> New View.

·         View Name: Info Toko (atau Pengaturan)

·         For this data: Data Toko

·         View type: detail

·         Position: menu (atau di mana pun Anda suka)

 

Tahap 4: Mengatur Formulir KASIR

Catatan: Klik Show System Views jika Ref Views belum terlihat.

1. Mengatur Form "Detail Penjualan"

1.    Buka UX -> Views -> Ref Views.

2.    Cari dan klik view bernama Detail Penjualan_Form.

3.    Atur pengaturan:

o    Form style: side by side

o    Column order: ID Produk, stok tersedia, Jumlah Harga, Saat Transaksi, Subtotal

2. Mengatur Form "Penjualan"

1.    Buka UX -> Views -> Ref Views.

2.    Cari dan klik view bernama Penjualan_Form.

3.    Di pengaturan Penjualan_Form, cari Column order.

4.    Atur urutannya agar seperti ini:

o    Tanggal

o    Related Detail Penjualans (Ini adalah "list" barang Anda)

o    Total Belanja

o    Nominal Bayar

o    Kembalian

3. Mengubah Label "List Barang"

1.    Buka Data -> Columns -> klik tabel Penjualan.

2.    Klik ikon pensil (Edit) pada baris Related Detail Penjualans.

3.    Ubah Deskripsi dari:

Detail Penjualan entries that reference this entry in the ID Penjualan column

menjadi:

List Barang

Tahap 5: Bot (Otomatis Kurangi Stok)

1. Buat Aksi (Action) Terlebih Dahulu

Kita harus membuat "Aksi"-nya dulu sebelum kita membuat "Bot"-nya.

1.    Di menu kiri AppSheet, klik Behavior.

2.    Klik tombol biru + New Action.

3.    Isi pengaturan ini:

o    Action Name: (Internal) Kurangi Stok

o    For a record of this table: Pilih tabel Produk

o    Do this: Pilih Data: set the values of some columns in this row

o    Set these columns:

§  Klik Add.

§  Kotak pertama (Column): Pilih Stok.

§  Kotak kedua (Value): Klik ikon ⚗️ (formula) dan masukkan formula ini:

[Stok] - SUM(SELECT(Detail Penjualan[Jumlah], AND([ID Penjualan] = ANY(SELECT(Penjualan[ID Penjualan], [Tanggal] = MAX(Penjualan[Tanggal]))), [ID Produk] = [_THISROW].[ID Produk])))

o    Position: hide.

4.    Klik tombol Save di pojok kanan atas.

2. Buat Bot (Automation)

Sekarang, kita akan membuat Bot yang akan menjalankan Aksi yang baru saja kita buat.

1.    Di menu kiri AppSheet, klik Automation.

2.    Klik tombol biru + New Bot.

3.    Beri nama Bot: Kurangi Stok Setelah Checkout

A. Atur Pemicu (Event)

1.    Klik tombol biru Configure event.

2.    Event Type: Pilih Adds only.

3.    Table: Pilih tabel Penjualan.

B. Atur Langkah (Step)

1.    Di bawah Pemicu (Event), klik tombol biru + Add a step.

2.    Klik Create a new step.

3.    Beri nama Step: Jalankan Pengurangan Stok

4.    Di bawah Run this task, klik tombol Run a data action.

C. Atur Pengaturan Step (di Panel Kanan)

1.    Klik Step Jalankan Pengurangan Stok yang baru saja Anda buat untuk membuka panel Settings di sebelah kanan.

2.    Di panel kanan, klik tombol Run action on rows (Tombol ke-4 dari atas).

3.    Isi pengaturan di bawahnya:

o    Referenced Table: Pilih tabel Produk.

o    Referenced rows: Klik ikon ⚗️ (formula) dan masukkan formula ini:

SELECT(Produk[ID Produk], IN([ID Produk], UNIQUE(SELECT(Detail Penjualan[ID Produk], [ID Penjualan] = ANY(SELECT(Penjualan[ID Penjualan], [Tanggal] = MAX(Penjualan[Tanggal])))))))

o    Referenced Action: Klik dropdown dan pilih aksi yang sudah kita buat: (Internal) Kurangi Stok.

D. Simpan Bot

1.    Klik tombol SAVE (biru) di pojok kanan atas untuk menyimpan seluruh Bot Anda.

 

 

Tahap 6: PRINT HASIL PENJUALAN

1. Buat Aksi (Action) Terlebih Dahulu

 

1.    Di menu kiri AppSheet, klik Behavior.

2.    Klik tombol biru + New Action.

3.    Isi pengaturan ini:

o    Action Name: Print

o    For a record of this table: Penjualan

o    Do this: external goto awebsite

o    Target : CONCATENATE( "https://www.xwijaya.com/p/nota-ekis-family.html?", "nama_toko=", ANY(Data Toko[Nama Toko]), "&alamat_toko=", ANY(Data Toko[Alamat Toko]) , "&telp_toko=",ANY(Data Toko[Telp Toko]), "&id_transaksi=", [ID Penjualan], "&tanggal=", TEXT([Tanggal], "YYYY-MM-DD"), "&nama_produk=", ENCODEURL( TEXT( SELECT( Detail Penjualan[Nama Produk], [ID Penjualan] = [_THISROW].[ID Penjualan] ) ) ), "&harga_produk=", ENCODEURL( SELECT( Detail Penjualan[Harga Saat Transaksi], [ID Penjualan] = [_THISROW].[ID Penjualan] ) ), "&qty=", ENCODEURL( SELECT( Detail Penjualan[Jumlah], [ID Penjualan] = [_THISROW].[ID Penjualan] ) ), "&sub_total=", ENCODEURL( SELECT( Detail Penjualan[Subtotal], [ID Penjualan] = [_THISROW].[ID Penjualan] ) ), "&total=", [Total Belanja], "&tunai=", [Nominal Bayar], "&kembali=", [Kembalian] )

o    Position : primary

o    Action icon : Print