• (022) 6902 1117

Layout Halaman HTML5 + Pure Bootstrap untuk halaman Transaksi POS

 

Saya butuh UI sederhana untuk halaman transaksi POS (untuk pembelian sampah).

Terdiri dari 2 halaman, yakni:`

  1. Halaman List Transaksi (tabel)
  2. 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:

  1. Halaman List
  • Hanya halaman sederhana berisi tabel dan Pagination
  • Menggunakan .container sebagai batas ukuran halaman
Halaman Update/Create/Detail
  • 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.

* Poin-poin berlabel [KONSEP] berarti hanya penjabaran konsep untuk lebih dipahami oleh programmher, tidak membutuhkan hasil berupa halaman/fitur tertentu.

Demikian, silahkan diajukan penawarannya.

HTML CSS Bootstrap

Published Budget: Rp 300,000 - 700,000
Finish Days: 2
Published Date: 29/11/2021 05:14:04 WIB
Start Date: 30/11/2021 13:05:22 WIB
Finish Date: 02/12/2021 05:21:46 WIB
Project Status: Closed
Accepted Worker: Aezo27 (Aezo27)
Accepted Budget: Rp 400,000
Project Ending: Completed

Project Owner

TrisnoArdi
Kota Mataram
    
9.60/10.00
154 Point
#3,570 dari 1,076,693
Rated Worker: 10.00/10.00

Freelancer Membaca semua instruksi tugas dengan baik dan teliti. Tidak ada waktu terbuang untuk komunikasi yang tidak perlu, semua tertangani dengan baik.  👍

Accepted Worker

Aezo27
Kab. Sukoharjo
    
10.00/10.00
44 Point
#5,448 dari 1,076,693
Rated Owner: 10.00/10.00

Terimakasih sudah diberi kesempatan, semoga dapat bekerja sama kembali dilain waktu. 

      User Bids

 

Recommended Workers

manakreatif

18,212 points
146 projects
    
9.76/10.00

Muhammad.Rahman

17,917 points
190 projects
    
9.80/10.00

steven.comptia

40,449 points
872 projects
    
9.97/10.00

programmerkreatif

11,442 points
50 projects
    
9.59/10.00

fauzimarjalih

15,269 points
125 projects
    
9.75/10.00

Recommended Services

Tiru Website Lain Sesuai Keinginan (Cloning)

Rp 650,000
18 sales
    
9.83/10.00

Bot Telegram Amibroker & Fundamental

Rp 5,950,000
1 sales
    
10.00/10.00

Pembuatan bot line

Rp 1,500,000
6 sales
    
10.00/10.00

Jasa Pembuatan website Wordpress + Elementor

Rp 650,000
13 sales
    
10.00/10.00

Jasa Pembuatan Website - Game Mystery Box

Rp 2,500,000
3 sales
    
10.00/10.00

Open Projects

Konversi ReactJS ext .js ke Typescript .tsx

Owner: derodevil
Budget: Rp 200,000 - 300,000

sistem record dan report Berbasis Web Menggunakan Php Dan Mysql ataupun ms acess

Owner: akunbuatkerjakuke01
Budget: Rp 1,500,000 - 2,000,000

mengedit pdf dengan streamlit untuk download pdf

Owner: nencorr
Budget: Rp 150,000 - 200,000

Scrape Website Kontent ke Google Sheet

Owner: adewinata
Budget: Rp 300,000 - 500,000

web trading

Owner: canon88
Budget: Rp 4,000,000 - 7,000,000

 


Live Chat