Saya butuh UI sederhana untuk halaman transaksi POS (untuk pembelian sampah).
Terdiri dari 2 halaman, yakni:`
- Halaman List Transaksi (tabel)
- Halaman Detail/Update/Create Transaksi
Ketentuan Umum:
- Tampilan Pure Bootstrap (sebisa mungkin memanfaatkan class yang ada pada Bootstrap)Tidak perlu ada styling khusus, tidak masalah jika siapapun yang melihatnya maka itu terlihat sebagai panel bootstrap.
- Inti tampilannya adalah dapat digunakan dengan mudah dan sederhana.
- Inti cara penulisan kodenya adalah harus mudah dimodifikasi, jadi pure bootstrap biar ndak ada hal-hal rumit yang sulit dipahami saat penyesuaian akan dilakukan
- Jika dibutuhkan CSS untuk penyesuaian khusus, maka CSS harus dibuat dengan SASS/SCSS dan tertulis dengan rapi.
Ketentuan Halaman:
- Halaman List
- Hanya halaman sederhana berisi tabel dan Pagination
- Menggunakan .container sebagai batas ukuran halaman
- Satu halaman yang sama untuk ketiga kebutuhan tersebut.
- Menggunakan .container-fluid sebagai batas ukuran halaman
- Saat Create, maka data pesanan akan langsung dibuat pada database, dengan item dan detail (seperti: info pelanggan) yang masih kosong [KONSEP]
- Header halaman langsung Nama Pelanggan dan Jumlah Nominalm dan tombol Back serta Home
- Layout Halaman terbagi atas dua kolom yang hampir sama besar, atau malah sama besar.
- bagian kiri untuk item yang ditransaksikan
- bagian kanan terdiri dari beberapa tab yakni sebagai berikut:
- Picker jenis sampah
- Menggunakan Filtering semacam ini atau gunakan ini juga tidak masalah: https://vestride.github.io/Shuffle/compound-filters (ini sudah harus terinstall)
- Saat salah satu item diklik, data dummy sudah harus terlihat pada daftar item (disimulasikan, generate dengan Javascriopt, tidak tersimpan pada database).
- Picker dan Detail pelanggan
- tombol Picker pelanggan saat diklik akan menampilkan Modal berisi list pelanggan, tersedia filter berdasarkan Nama, NIK, Kecamatan, Jenis Kelamin, dan Kategori (tidak perlu bekerja, hanya form input-nya sudah tersedia),
- Detail pelanggan akan dibagi menjadi tiga hal. Baris pertama berisi data umum (seperti nama, alamat, jumlah pesanan), baris kedua berisi 2 kolom yang terdiri dari Riwayat Transaksi dan Riwayat Hutang.
- Picker jenis sampah
* Poin-poin berlabel [KONSEP] berarti hanya penjabaran konsep untuk lebih dipahami oleh programmher, tidak membutuhkan hasil berupa halaman/fitur tertentu.
Demikian, silahkan diajukan penawarannya.