Perhitungan otomatis dengan php

Hai sobat yadishare apa kabar? Sudah hari sabtu lagi nih. Iseng-iseng ah pengen nulis mengenai html dan jquery. Ketika kita membangun sebuah aplikasi menggunakan php, seringkali kita harus membuat sebuah penjumlahan antar textbox secara otomatis agar memudahkan user.

Misalnya kita memiliki 3 buah inputbox yang kita buat dengan menggunakan HTML yang terdiri dari sub total, ppn, dan grand total. Kemudian setiap kali kita menginputkan angka ke dalam textbox sub total dan textbox ppn tersebut, kita ingin textbox grand total jumlahnya terhitung secara otomatis agar dapat memudahkan user. Lalu bagaimana caranya?

Nah untuk dapat melakukannya, kita pasti butuh cara yang mudah dan cepat bukan? Ada banyak cara yang dapat kita lakukan untuk mewujudkan hal tersebut. Salah satunya adalah dengan menggunakan bantuan JQuery.

Pertama kalian bisa download file jquery.js disini. Masukkan ke dalam folder assets/js. Kalian juga dapat menambahkan script berikut ini tanpa harus mendownload file diatas jika memang PC/Laptop anda terhubung ke dalam internet.

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js


Jangan lupa juga untuk mendownload css bootstrap agar tampilan halaman web kita menjadi sedikit lebih menarik ya. Kemudian ketikkan full script html berikut ini ke dalam file index.php dan simpan ke dalam folder textbox-jquery yang anda buat di dalam folder www jika anda menggunakan wamp server atau htdoc jika anda menggunakan xampp :
Penjumlahan Textbox Secara Otomatis Di HTML, PHP, Dan JQuery
<div class="form-group">
		Sub Total

<div class="col-lg-3"></div>
</div>
<div class="form-group">
		PPn

<div class="col-lg-3"></div>
</div>
<div class="form-group">
		Grand Total

<div class="col-lg-3"></div>
</div>
<pre> $("#volume").keyup(function(){
   var a = parseInt($("#volume").val());
   var b = parseInt($("#harga").val());
   var c = a+b;
   $("#jumlah").val(c);
 });


 $("#harga").keyup(function(){
   var a = parseInt($("#volume").val());
   var b = parseInt($("#harga").val());
   var c = a+b;
   $("#jumlah").val(c);
 });


Berikut tampilan dari hasil kalkulasi textbox di atas setelah di jalankan dari web browser:

Ini adalah script dari jquery di atas yang digunakan untuk menghitung textbox secara otomatis menggunakan event/function keyup :
 $("#volume").keyup(function(){
   var a = parseInt($("#volume").val());
   var b = parseInt($("#harga").val());
   var c = a+b;
   $("#jumlah").val(c);
 });

 $("#harga").keyup(function(){
   var a = parseInt($("#volume").val());
   var b = parseInt($("#harga").val());
   var c = a+b;
   $("#jumlah").val(c);
 });


Ok guys, thanks for reading my article today, I hope this short explanation can help you. Wanna see the video ? Check it below. Thanks for watching, don’t forget to like, share and subscribe. It’s free. Find the download link of this source code in the description of below video 🙂
 
Membuat Kode Otomatis Dengan PHP dan MySQLi
PHPMembuat Kode Otomatis Dengan PHP dan MySQLi
By Diki Alfarabi Hadi
15 April 2020
PHP
Membuat Kode Otomatis Dengan PHP dan MySQLi – Halo selamat datang di seri tutorial lanjutan PHP dari malasngoding.com.
Pada tutorial ini kita akan belajar tentang cara membuat atau meng-generate kode secara otomatis. kode yang dibuat secara otomatis akan mengikuti kode dari data sebelumnya.
Misalnya untuk data pada row pertama memiliki kode 001, maka pada data selanjutnya akan dibuatkan kode otomatisnya yaitu 002. begitu terus selanjutnya tergantung dari jumlah data yang ada.
Kode otomatis yang akan kita buat ini menggunakan PHP dan MySQLi.
Membuat Kode Otomatis Dengan PHP dan MySQLi
Sebagai contoh pada tutorial kode otomatis ini, kita akan membuat kode barang. dan format kode barang nya akan kita buat dengan format BRG001, BTG002, BRG003 dan seterusnya. tergantung dari jumlah data barang yang ada pada database atau table barang.
Misalkan ada 20 item barang, maka kode barang akan otomatis dibuat adalah BRG021.
Oke yuk langsung saja kita mulai ke tahap pembuatan kode barang otomatis nya.
Persiapan Database
Karena kita akan menggunakan database, maka tahap pertama yang harus kita lakukan adalah melakukan persiapan pada database. berupa pembuatan database baru, kemudian membuat table data barang.
Jadi kode otomatis yang akan dibuat adalah bergantung pada jumlah data yang ada pada table barang ini.
Untuk cara membuat database sudah pernah kita ulas pada tutorial PHP sebelumnya di malasngoding.com. tapi tenang, akan kita ulas lagi tentang cara membuat database dengan phpmyadmin. agar lebih mudah.
Membuat Database
Silahkan buka phpmyadmin pada web browser dengan alamat localhost/phpmyadmin. kemudian buka menu Databases, lalu isi nama database yang ingin dibuat. pada tutorial ini saya membuat database baru dengan nama “tutorial”. kemudian klik create.
membuat database baru dengan phpmyadmin
Selesai. sekarang kita sudah mempunyai database baru dengan nama tutorial.
Membuat Table Data Barang
Setelah selesai membuat database, sekarang waktunya membuat table barang. pada database tutorial isikan nama table yang ingin dibuat. di sini saya akan membuat table “barang” dengan jumlah kolom “4”. lalu klik go.
membuat table baru pada phpmyadmin
Selanjutnya isikan data apa saja yang ingin kita simpan pada table barang ini. di sini saya membuat kolom kode, nama_barang, jumlah, dan harga.
Nama KolomTipe DataPrimary Keykodevarchar (10)Yanama_barangvarchar (30)jumlahinthargaint
jangan lupa untuk menjadikan kolom “kode” sebagai primary key dari table barang ini.
Jika sudah selesai klik go/save.
table barang
Maka sekarang kita sudah punya table barang dengan kolom kode, nama_barang, jumlah, dan harga. silahkan sesuaikan lagi sesuai kebutuhan jika mau.
Jika ingin cepat bisa langsung mengimport sql berikut, jika tidak silahkan abaikan.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
--
-- Table structure for table `barang`
--
 
CREATE TABLE `barang` (
  `kode` varchar(10) NOT NULL,
  `nama_barang` varchar(30) NOT NULL,
  `jumlah` int(11) NOT NULL,
  `harga` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
 
--
-- Indexes for dumped tables
--
 
--
-- Indexes for table `barang`
--
ALTER TABLE `barang`
  ADD PRIMARY KEY (`kode`);
Membuat Koneksi Database dengan PHP dan MySQLi
Project tutorial cara membuat kode otomatis dengan php ini saya buat dalam folder “tutorial”.
Kemudian buat sebuah file baru dengan nama koneksi.php. koneksi database project ini akan kita buat pada file koneksi.php.
koneksi.php
1
2
3
4
5
6
7
<?php
 
// https://www.malasngoding.com
// koneksi database



$koneksi = mysqli_connect('localhost','root','','tutorial');
 
?>
Oke koneksi database selesai.
Pada parameter pertama isi dengan ‘localhost’, parameter kedua isi dengan username mysql teman-teman, yaitu ‘root’, parameter ketiga isi dengan password mysql teman-teman, biasanya secara default kosong, jadi silahkan kosongkan saja.
Pada parameter ke empat isi dengan nama database teman-teman. karena pada tutorial ini database yang kita gunakan adalah database ‘tutorial’, maka saya isi dengan ‘tutorial’.
Silahkan baca tutorial sebelumnya yang sudah kita bahas tentang cara membuat koneksi database dengan php dan mysqli.
Membuat Kode Otomatis
Selanjutnya proses pembuatan kode otomatis akan kita coba buat pada file php yang berbeda. pada contoh ini kita buat dalam file index.php, jadi silahkan buat file index.php dalam folder project ‘tutorial’.
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
 
// https://www.malasngoding.com
// menghubungkan dengan koneksi database
include 'koneksi.php';
 
// mengambil data barang dengan kode paling besar
$query = mysqli_query($koneksi, "SELECT max(kode) as kodeTerbesar FROM barang");
$data = mysqli_fetch_array($query);
$kodeBarang = $data['kodeTerbesar'];
 
// mengambil angka dari kode barang terbesar, menggunakan fungsi substr
// dan diubah ke integer dengan (int)
$urutan = (int) substr($kodeBarang, 3, 3);
 
// bilangan yang diambil ini ditambah 1 untuk menentukan nomor urut berikutnya
$urutan++;
 
// membentuk kode barang baru
// perintah sprintf("%03s", $urutan); berguna untuk membuat string menjadi 3 karakter
// misalnya perintah sprintf("%03s", 15); maka akan menghasilkan '015'
// angka yang diambil tadi digabungkan dengan kode huruf yang kita inginkan, misalnya BRG
$huruf = "BRG";
$kodeBarang = $huruf . sprintf("%03s", $urutan);
echo $kodeBarang;
 
?>
Segala penjelasan dari pembuatan kode otomatis sudah dijelaskan pada comment coding di atas.
membuat kode otomatis dengan php dan mysqli
Sekarang jika kita jalankan maka akan menghasilkan kode barang BRG001, karena kita belum punya data pada table barang. jadi data yang pertama akan otomatis dibuat menjadi BRG001.
jalankan project
localhost/tutorial/index.php
Kode Otomatis Dengan PHP
Sip mantap. kode barang sudah berhasil dibuat secara otomatis.
Sekarang kita akan membuat percobaa apakah kode barang ini sudah benar-benar bertambah secara otomatis sesuai dengan jumlah data barang yang ada di database?
Kita buat percobaan dengan langsung menerapkan kode barang pada form input barang.
Sekalian kita buat proses penginputan data ke database.
Membuat Kode Otomatis Pada Form Input Barang
Jika kita terapkan dalam form input barang, kode barang yang sudah digenerate secara otomatis tadi tinggal kita tampilkan pada value form kode barang.
Perhatikan contoh berikut.
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14



15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<title>Kode Otomatis PHP dan MySQLi - www.malasngoding.com</title>
</head>
<body>
 
<h2><a href="https://www.malasngoding.com/membuat-kode-otomatis-dengan-php-dan-mysqli">Kode Otomatis PHP dan MySQLi - www.malasngoding.com</a></h2>
 
<style>
body{
font-family: 'Roboto';
}
table {
border-collapse: collapse;
}
 
table, th, td {
border: 1px solid black;
padding: 10px;



}
</style>
 
<?php
// https://www.malasngoding.com
// menghubungkan dengan koneksi database
include 'koneksi.php';
 
// mengambil data barang dengan kode paling besar
$query = mysqli_query($koneksi, "SELECT max(kode) as kodeTerbesar FROM barang");
$data = mysqli_fetch_array($query);
$kodeBarang = $data['kodeTerbesar'];
 
// mengambil angka dari kode barang terbesar, menggunakan fungsi substr
// dan diubah ke integer dengan (int)
$urutan = (int) substr($kodeBarang, 3, 3);
 
// bilangan yang diambil ini ditambah 1 untuk menentukan nomor urut berikutnya
$urutan++;
 
// membentuk kode barang baru
// perintah sprintf("%03s", $urutan); berguna untuk membuat string menjadi 3 karakter
// misalnya perintah sprintf("%03s", 15); maka akan menghasilkan '015'
// angka yang diambil tadi digabungkan dengan kode huruf yang kita inginkan, misalnya BRG
$huruf = "BRG";
$kodeBarang = $huruf . sprintf("%03s", $urutan);
?>
 
<form method="post" action="simpan.php">
<label>Kode Barang</label><br/>
<input type="text" name="kode" required="required" value="<?php echo $kodeBarang ?>" readonly>
 
<br>
 
<label>Nama Barang</label><br/>
<input type="text" name="nama" required="required">
<br>
 
<label>Jumlah</label><br/>
<input type="number" name="jumlah" required="required">
 
<br>
 
<label>Harga</label><br/>
<input type="number" name="harga" required="required">
 
<br>
 
<input type="submit" value="Simpan">
</form>
 
<br>
<hr>
<br>
 
<table border="1">
<thead>
<tr>
<th>Kode</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<?php
$barang = mysqli_query($koneksi,"SELECT * FROM barang");
while($b = mysqli_fetch_array($barang)){
?>
<tr>
<td><?php echo $b['kode']; ?></td>
<td><?php echo $b['nama_barang']; ?></td>
<td><?php echo $b['jumlah']; ?></td>
<td><?php echo "Rp. ".number_format($b['harga'])." ,-"; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
</body>
</html>
Seperti yang bisa teman-teman lihat pada coding di atas, kita menampilkan data barang dan juga membuat form untuk penginputan data ke database.
Untuk tutorial menampilkan data dari database dan tutorial menginput data ke database sudah kita bahas pada tutorial sebelumnya di malasngoding.com.
Sekarang kita akan fokus pada form input saja, untuk cara menampilkan data dan menginput data ke database bisa teman-teman baca pada tutorial sebelumnya.
Perhatikan pada form input kode barang. pada form input kode barang ini kita bisa langsung menampilkan kode barang pada value nya. dan silahkan tambahkan atribut readonly teman-teman ingin agar kode barang tidak bisa diubah oleh user pada saat penginputan data barang.
1
<input type="text" name="kode" required="required" value="<?php echo $kodeBarang ?>" readonly>
Jika teman-teman ingin kode barang bisa diubah oleh user, maka silahkan hapus saja atribut readonly nya.
Sekarang kita lihat hasilnya.
localhost/tutorial/index.php
Menginput Kode Barang Otomatis Dengan PHP dan MySQLi
Sip mantap. kode barang sudah muncul pada form input barang. kenapa kode barang nya BRG001 ? karena belum ada data pada table barang.
Sekarang kita buat proses penginputan data ke table barang. perhatikan pada tag <form>. kita membuat proses penginputan data pada file simpan.php.



1
<form method="post" action="simpan.php">
Maka sekarang buat file baru dengan nama simpan.php.
proses penginputan data baru akan kita buat pada file simpan.php
simpan.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
// https://www.malasngoding.com
// menghubungkan koneksi database
include 'koneksi.php';
 
// menangkap data dari form
$kode = $_POST['kode'];
$nama = $_POST['nama'];
$jumlah = $_POST['jumlah'];
$harga = $_POST['harga'];
 
// menginput data ke table barang
 
mysqli_query($koneksi,"INSERT INTO barang VALUES ('$kode', '$nama', '$jumlah', '$harga')")or die(mysqli_error($koneksi));
 
// mengalihkan halaman kembali ke index.php
header("location:index.php");
?>
tutorial menginput data ke database sudah pernah kita bahas pada tutorial sebelumnya, silahkan teman-teman baca, karena di sini kita fokus pada pembuatan kode otomatis saja.
Sekarang kita coba jalankan untuk melihat hasilnya.
localhost/tutorial/index.php
Kita coba input data baru
input kode barang otomatis php mysqli
kode barang bertambah otomatis
Seperti yang terlihat pada gambar di atas, kode barang akan otomatis bertambah mengikuti jumlah data barang yang ada.
Sampai di sini kita telah berhasil membuat kode otomatis dengan menggunakan PHP dan MySQLi.
Untuk source code dari tutorial ini bisa teman-teman download secara lengkap pada link berikut. terima kasih.
 
Download Source Code Kode Otomatis PHP dan MySQLi
 
Tutorial lain yang berhubungan dengan tutorial membuat kode barang otomatis dengan php dan mysqli ini. diantaranya adalah :
Membuat koneksi database dengan php dan mysqli
Menampilkan data dengan php dan mysqli
Menginput data ke database dengan php dan mysqli
 
Incoming search terms:
https://www malasngoding com/membuat-kode-otomatis-dengan-php-dan-mysqli/
Membuat nomor surat otomatis php
cara menampilkan jumlah array php mysql
html dan php daftar harga barang
Membuat No Faktur Otomatis di PHP
membuat input angka poling memalui pHP
cara tambah id data otomatis php
listing kode otomatis pada php html
input nik keluar otomatis nama di php
cara otomati membuat sebuah kode transaksi di php
SHARE :
Diki Alfarabi Hadi
Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.
Author's profile
All posts by Diki Alfarabi Hadi
Tags: aplikasi barang, aplikasi penjualan, generate kode otomatis, kode barang, kode barang otomatis bertambah, kode barang php mysqli, kode barang primary key, kode otomatis, membuat kode barang otomatis, membuat kode barang sebagai primary key
Tutorial PHP Dasar
#1. Pengenalan PHP
#2. Instalasi Web Server
#3. PHP Dasar
#4. Variabel PHP
#5. Tipe Data PHP
#6. String PHP
#7. If Else PHP
#8. Function PHP
#9. Switch Case PHP
#10. While PHP
#11. For PHP
#12. Array PHP
#13. Tanggal PHP
#14. Include dan Required
#15. Form Handling PHP
#16. Operator Aritmatika PHP
#17. Foreach PHP
#18. Format Nomor PHP
#19. Explode dan Implode PHP
Tutorial PHP Lanjutan
#1. File Exist PHP
#2. Mkdir dan Rmdir
#3. Base64 PHP
#4. Membuat Kalkulator
#5. Halaman Web Dinamis
#6. Koneksi PHP dan MySQL
#7. Login PHP
#8. Captcha PHP
#9. Upload File
#10. Form Validation PHP
#11. Pagination / Penomoran Halaman
#12. PHP Lanjutan Lainnya
Tutorial PHP CRUD
#1. Menampilkan Data Dari Database
#2. Input Data Ke Database
#3. Edit Data
#4. Hapus Data
Tutorial PHP OOP
#1. Pengenalan OOP PHP
#2. Class, Object, Property dan Method
#3. Construct dan Destruct
#4. Enkapsulasi
#5. Inheritance
#6. CRUD OOP PHP
#7. PHP Lanjutan Lainnya
Produk
 Source Code Website Reservasi Kamar Hotel Dengan PHP dan MySQLi Rp 200,000
 Source Code Aplikasi Pengajuan Cuti Karyawan Berbasis Website Rp 200,000
 Source Code Toko Sport PHP dan MySQLi Rp 200,000
 Source Code Sistem Informasi Kuesioner Berbasis Web Rp 200,000
Tutorial Terbaru
Tutorial Python # 13 : Jenis Operator Pada Python September 24, 2022
Membuat Laporan PDF Dengan PHP dan MySQLi September 3, 2022
Export Data ke Excel Dengan PHP dan MySQLi August 23, 2022
Membuat Select Option Dinamis Menggunakan Ajax August 17, 2022
Membuat QR Code Dengan PHP August 3, 2022
Toko Kami
SOCIAL
Malas Ngoding
TUTORIAL MENARIK LAINNYA
PHP
Membuat Laporan PDF Dengan PHP dan MySQLi
3 September 2022
Membuat laporan dalam bentuk PDF merupakan merupakah salah satu materi yang harus kita kuasai dalam proses pembuatan aplikasi. Kenapa demikian ? Hal ini karena hampir ...
 Muzanni
PHP
Export Data ke Excel Dengan PHP dan MySQLi
23 August 2022
Export data ke excel dengan PHP dalah salah satu model yang biasanya digunakan dalam membuat laporan berdasarkan referensi data dari MySQL. Export data ke excel ...
 Muzanni
PHP
Membuat QR Code Dengan PHP
3 August 2022
Membuat QR Code Dengan PHP – Halo teman-teman, Selamat datang kembali di malasngoding.com. Pada materi tutorial ini kita akan belajar tentang Membuat QR Code Dengan ...
 Diki Alfarabi Hadi
PHP
Menghitung Jumlah Baris dalam File Pada PHP
18 June 2022
Menghitung jumlah baris adalah salah satu teknik yang penting dalam berbagai bidang terutama dalam bidang pemrograman. Dalam pemrograman web, disini saya menggunakan pemrograman PHP untuk ...