Cara Membuat Kalkulator Volume Dalam Pengiriman Barang Di WordPress. Tanpa plugin dengan bermodalkan HTML, PHP dan Javascript yang cukup sederhana dan simple maka rekan-rekan bisa membuat Kalkulator Berat Volumetrik Dalam Pengiriman Barang.
Apa itu Volumetrik ?
Ketika akan melakukan pengiriman barang, pada umumnya barang kiriman akan ditimbang dulu oleh pihak perusahaan penyedia jasa ekspedisi. Hal tersebut dilakukan karena akan berpengaruh pada biaya atau tarif yang dikenakan.
Perusahaan penyedia jasa pengiriman barang memiliki 2 cara dalam perhitungan berat barang. 2 cara tersebut adalah dengan menggunakan berat barang aktual dan berat volumetrik.
Berat aktual adalah berat yang didapatkan dari hasil penimbangan sedangkan berat volume atau volumetrik adalah berat yang dipengaruhi oleh ukura n panjang, lebar, dan tinggi suatu barang.
Pada umumnya biaya pengiriman bisa dipengaruhi oleh jumlah ruang yang ditempati, Tidak hanya dari berat sesungguhnya (dalam satuan kilogram).
Sebelumnya kami ucapkan terima kasih kepada para pengunjung teknologi[dot]visitklaten[dot]com yang telah meluangkan waktunya untuk mengunjungi website kami yang masih banyak kekurangan ini. Kami menerima segala masukkan dan kritikan agar web dan diri kami menjadi lebih baik lagi.
Cara Membuat Kalkulator Volume
Rumus yang digunakan untuk menghitung berat volume dan kubikasi adalah sebagai berikut:
Cargo Darat dan Cargo Laut = (p x l x t)/4.000
Cargo Udara = (p x l x t)/6.000
Rumus Kubik = (p x l x t)/1.000.000
Catatan : Ukuran p (panjang), l (lebar), dan t (tinggi) dalam satuan cm dan hasil perhitungan berat volume dalam satuan kg sedangkan hasil perhitungan kubikasi dalam m³.
Pertama, silakan copas saja kode dibawah ini dan dalam hal ini kami buat menggunakan fungsi shortcode sehingga bisa diletakkan dimanapun yang diinginkan. Kode dibawah ini silakan copas di functions.php .
Kode dibawah ini bisa dikembangan lagi sekiranya lebih menarik atau sesuai keperluan.
function kalvolume(){
$html = '';
$html .= '<div class="calculator-frame border shadow p-3">';
$html .= '<div class="row pb-2">';
$html .= '<div class="col-sm-4 my-2">';
$html .= '<div class="text-left text-sm-center mb-1">Panjang (cm) </div>';
$html .= '<div class="input-group">';
$html .= '<input class="panjang form-control" id="panjang" name="panjang" value="10">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">cm</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="col-sm-4 my-2">';
$html .= '<div class="text-left text-sm-center mb-1">Lebar (cm) </div>';
$html .= '<div class="input-group">';
$html .= '<input class="lebar form-control" id="lebar" name="lebar" value="10">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">cm</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="col-sm-4 my-2">';
$html .= '<div class="text-left text-sm-center mb-1">Tinggi (cm) </div>';
$html .= '<div class="input-group mb-1">';
$html .= '<input class="tinggi form-control" id="tinggi" name="tinggi" value="10">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">cm</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="my-4"></div>';
$html .= '<div class="row pb-2">';
$html .= '<div class="col-sm-6">';
$html .= 'Kubikasi';
$html .= '</div>';
$html .= '<div class="col-sm-6">';
$html .= '<div class="input-group">';
$html .= '<input class="kubikasi form-control" id="kubikasi" name="kubikasi">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">m<sup>3</sup></div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="row pb-2">';
$html .= '<div class="col-sm-6">';
$html .= 'Volume Darat dan Laut';
$html .= '</div>';
$html .= '<div class="col-sm-6">';
$html .= '<div class="input-group">';
$html .= '<input class="drlt form-control" id="drlt" name="drlt">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">Kg</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="row pb-2">';
$html .= '<div class="col-sm-6">';
$html .= 'Volume Udara';
$html .= '</div>';
$html .= '<div class="col-sm-6">';
$html .= '<div class="input-group">';
$html .= '<input class="udr form-control" id="udr" name="udr">';
$html .= '<div class="input-group-prepend">';
$html .= '<div class="input-group-text">Kg</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
$html .= "<script>
jQuery(function($) {
function addCommas(nStr)
{
var nStr = nStr.toString();
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? ',' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + '.' + '$2');
}
return x1 + x2;
//return nStr;
}
function calculate(){
var a = $('.panjang').val();
var a = a.replace(/\D+/g, '');
$('.panjang').val(addCommas(a));
var b = $('.lebar').val();
var b = b.replace(/\D+/g, '');
$('.lebar').val(addCommas(b));
var c = $('.tinggi').val();
var c = c.replace(/\D+/g, '');
$('.tinggi').val(addCommas(c));
var d = ((a*b*c)/1000000);
$('.kubikasi').val(addCommas(d));
var e = ((a*b*c)/4000);
$('.drlt').val(addCommas(e));
var f = ((a*b*c)/6000);
$('.udr').val(addCommas(f));
}
$(document).on('change keyup', '.calculator-frame input', function() {
calculate();
});
calculate();
});
</script>";
return $html;
}
add_shortcode('kalvolume', 'kalvolume');
Kedua, Jika sudah dicopas maka langkah selanjutnya adalah copas shortcode dibawah ini dimanapun yang diinginkan dengan menghapus tanda # .
[#kalvolume#]
Hasilnya nanti kurang lebih akan seperti ini
NB: Kami menggunakan CSS tambahan dari Bootstrap
Terima kasih telah mengunjungi website kami.
Share jika bermanfaat, jika ada kritik, tambahan, pertanyaan atau saran silakan hubungi kami atau silakan isi di kolom komentar.
Cara Menghitung Volume Barang Kiriman, Menghitung Berat Volume, Cara Menghitung Berat Barang, Cara Mengetahui Berat Produk. Cara Membuat Kalkulator Volume Barang WordPress, Cara Membuat Kalkulator Sederhana Volume Pengiriman Barang Di WordPress.
Komentar