Cara membuat aplikasi kasir sederhana menggunakan droidscript

 Aplikasi kasir lengkap dengan database di DroidScript menggunakan SQLite


Oke guy kembali lagi sama ane MekanikCode kali ini ane mau bahas tentang cara membuat aplikasi kasir dengan droidscript

Gausah basa-basi langsung aja ke tutorial nya guys 

Pertama siapin dulu bahan bahan nya 

1. Aplikasi Droidscript bisa langsung download diplaystore

2. Siapin kopi biar ga setress wkwkwk


Oke langsung aja Gus buka aplikasi Droidscript nya 

Ini untuk tampilan droidscript nya btw ane udh banyak project aplikasi nya jadi kek gini
Langsung aja klik titik 3 pojok kanan atas nanti akan keluar seperti foto dibawah

Kalo udh kekgini kalian tinggal masukin nama aplikasi yg mau dibuat nya
Trus klik Oke 
Klo udh gitu longtouch aplikasi yg tadi dibuat bro terus klik edit 
Nanti bakalan keluar seperti foto dibawah

Nah klo udh gini kalian tinggal copy code dibawah ini 
Trus paste disana


```

// Import modul DroidScript yang dibutuhkan

const App = require('app');

const SQLite = require('sqlite');


// Inisialisasi database SQLite

var db = SQLite.connect("kasir.db");


// Membuat tabel produk jika belum ada

db.exec("CREATE TABLE IF NOT EXISTS produk (id INTEGER PRIMARY KEY AUTOINCREMENT, nama TEXT, harga INTEGER, stok INTEGER)");


// Membuat tabel transaksi jika belum ada

db.exec("CREATE TABLE IF NOT EXISTS transaksi (id INTEGER PRIMARY KEY AUTOINCREMENT, tanggal TEXT, total INTEGER)");


// Fungsi untuk menambahkan produk baru ke dalam database

function tambahProduk(nama, harga, stok) {

    var data = db.prepare("INSERT INTO produk (nama, harga, stok) VALUES (?, ?, ?)");

    data.run(nama, harga, stok);

    data.free();

}


// Fungsi untuk menghapus produk dari database

function hapusProduk(id) {

    var data = db.prepare("DELETE FROM produk WHERE id=?");

    data.run(id);

    data.free();

}


// Fungsi untuk mengambil semua produk dari database

function semuaProduk() {

    var data = db.prepare("SELECT * FROM produk");

    var hasil = [];

    while (data.step()) {

        var row = data.getAsObject();

        hasil.push(row);

    }

    data.free();

    return hasil;

}


// Fungsi untuk menambahkan transaksi baru ke dalam database

function tambahTransaksi(tanggal, total) {

    var data = db.prepare("INSERT INTO transaksi (tanggal, total) VALUES (?, ?)");

    data.run(tanggal, total);

    data.free();

}


// Fungsi untuk mengambil semua transaksi dari database

function semuaTransaksi() {

    var data = db.prepare("SELECT * FROM transaksi");

    var hasil = [];

    while (data.step()) {

        var row = data.getAsObject();

        hasil.push(row);

    }

    data.free();

    return hasil;

}


// Membuat antarmuka pengguna untuk aplikasi kasir menggunakan HTML dan CSS

var html = '<div id="produk-list"></div>' +

           '<form id="tambah-produk-form">' +

           '<h2>Tambah Produk Baru</h2>' +

           '<label for="nama-produk">Nama Produk</label>' +

           '<input type="text" name="nama-produk" id="nama-produk" required>' +

           '<label for="harga-produk">Harga Produk</label>' +

           '<input type="number" name="harga-produk" id="harga-produk" required>' +

           '<label for="stok-produk">Stok Produk</label>' +

           '<input type="number" name="stok-produk" id="stok-produk" required>' +

           '<button type="submit">Tambah</button>' +

           '</form>' +

           '<div id="transaksi-list"></div>' +

           '<form id="tambah-transaksi-form">' +

           '<h2>Tambah Transaksi Baru</h2>' +

           '<label for="tanggal-transaksi">Tanggal Transaksi</label>' +

           '<input type="date" name="tanggal-transaksi" id="tanggal-transaksi" required>' +

           '<label for="total-transaksi">Total Transaksi</label>' +

           '<input type="number" name="total-transaksi" id="total-transaksi" required>' +

           '<button type="submit">Tambah</button>' +

           '</form>';


// Mengatur tampilan antarmuka pengguna

App.SetHtml(html);


// Menampilkan daftar produk ke dalam antarmuka pengguna

var produkList = document.getElementById("produk-list");

var produk = semuaProduk();

for (var i = 0; i < produk.length; i++) {

    var item = document.createElement("div");

    item.innerHTML = "<h3>" + produk[i].nama + "</h3><p>Harga: " + produk[i].harga + "</p><p>Stok: " + produk[i].stok + "</p><button onclick='hapusProduk(" + produk[i].id + ")'>Hapus</button>";

    produkList.appendChild(item);

}


// Menambahkan event listener untuk form tambah produk

var tambahProdukForm = document.getElementById("tambah-produk-form");

tambahProdukForm.addEventListener("submit", function(e) {

    e.preventDefault();

    var nama = document.getElementById("nama-produk").value;

    var harga = document.getElementById("harga-produk").value;

    var stok = document.getElementById("stok-produk")..valuet.getElementById("harga-produk").value;

    var stok = document.getElementById("stok-produk")..value;

    tambahProduk(nama, harga, stok);

    window.location.reload();

});


// Menampilkan daftar transaksi ke dalam antarmuka pengguna

var transaksiList = document.getElementById("transaksi-list");

var transaksi = semuaTransaksi();

for (var j = 0; j < transaksi.length; j++) {

    var item = document.createElement("div");

    item.innerHTML = "<h3>" + transaksi[j].tanggal + "</h3><p>Total: " + transaksi[j].total + "</p>";

    transaksiList.appendChild(item);

}


// Menambahkan event listener untuk form tambah transaksi

var tambahTransaksiForm = document.getElementById("tambah-transaksi-form");

tambahTransaksiForm.addEventListener("submit", function(e) {

    e.preventDefault();

    var tanggal = document.getElementById("tanggal-transaksi").value;

    var total = document.getElementById("total-transaksi").value;

    tambahTransaksi(tanggal, total);

    window.location.reload();

});

```


Kalo udh kalian tinggal run aja aplikasi nya tombol segitiga pojok bawah kanan dan kalian udh berhasil membuat aplikasi kasir dengan droidscript

Mudah kan 

Kalian tinggal edit edit aja supaya tampilan nya keren


Selamat mencoba! Jika ada kesulitan atau pertanyaan, bisa contact ane gan 

Semoga bermanfaat ya 

See you

Post a Comment

Lebih baru Lebih lama