CodePun: July 2017

Archive for July 2017

download gratis Source Code Aplikasi Laundry berbasis Web dengan PHP Ajax dan MySQLi

Pada Postingan kali ini saya akan membahas tentang website Laundry, Aplikasi Laundry ini dikembangkan untuk memudahkan user dalam, proses transaksi ataupun dokumentasi dengan system yang sudah terkomputasi sehingga dapat memudahkan dan memproses dengan baik dan lebih efisien di bandingkan menggunakan system manual. di harapkan dengan aplikasi laundry ini dapat menutup masalah masalah yang sering terjadi,Aplikasi ini di buat dengan bahasa pemrograman PHP dan Database MySQLi,

sebetulnya alplikasi ini di buat atas permintaan temen saya yang mempunyai usaha laundry dan dia minta untuk di buatkan aplikasi laundry saya harap dengan aplikasi ini dapat memudahkan dan menyelesaikan masalah masalah yang sering terjadi terutama di laporan pendapatan dan pengeluaran yang menjadi permasalahan yang di keluhkan

web site ini dibuat menggunakan bootstrap untuk tampilannya. Dalam fitur halaman utamanya sendiri di sini Pengguna Harus Log-In dahulu untuk bisa melakukan proses laundry nantinya di halaman Pengguna bisa melakukan proses laundry tentunnya, melihat daftar cucian laundry anda yang masih dip roses oleh admin serta histori cucian anda

Untuk Tampilan Menu admin sendiri di sini saya menggunakan template yang namanya Admin LTE karna saya rasa fitur fitur yang di sediakan template ini sangat lengkap misalnya untuk chart, date picker, data tables kita tidak perlu ribet ribet donlod dahulu jquery nya semuanya sudah di sediakan olleh template ini selain fitur fitur yang lengkap jangan lupa dan paling utama yaitu tampilannya yang keren dan di tambah responsive tentunya

sedikit saya terangkan cara pengunaannya.

-Pelanggan inputkan jenis cucian.

-Sebelum 1 jam user masih bisa mengedit jika ada kesalahan dalam inputan.

-Setelah 1 jam status cucian akan masuk ke keranjang data tidak bisa di edit.

-Setelah itu pegawai dari laundry datang untuk membawa cucian anda

-Jika sedang diproses status berubah jadi sedang di prosses

-Setelah cucian selesai dan di kembalikan status dalam web menjadi sudah di kembalikan

ok setelah saya jelaskan cara penggunaannya dan sekarang untuk fitur6yang ada di dalam aplikasi laundry ini

- Halaman pelanggan

- Management jenis laundryan

- Management harga

- Management transaksi

- Management jenis pewangi

- Management laporan pemdapatan

Itu sedikit cara penggunaan dari web laundry ini untuk screen shotnya bisa anda lihat di bawah ini

screen shot halaman utama.

Screen shot halaman usser

Screen shot halaman admin

Screen shot halaman Admin

Cukup sekian pada postingan kali ini semoga postingan ini bermanpaat kritik dan sarannya semoga bisa menjadi bahan masukan bagi saya Terima kasih

Tutorial Menampilkan data berdasarkan kondisi 2 combobox pakai php

Admin 4:06 PM Add Comment

CodePun

Kondisi yyang pernah saya alami ketika dulu belajar coding php ketika saya ingin menampilkan hasil pencarian berdasarkan combo box. kalo ga salah dulu saya punya tabel denagan nama tabel nya "produk" dan terdiri dari 4 kolom. dengan:

Kolom 1 bernama “id”
Kolom 2 bernama "kategori"
Kolom 3 bernama "nam_produk"
Kolom 4 bernama "harga"

Saya membuat nama file search.php ketika file ini di panggil tanpa filter data entah berdasarkan nama produk atau kategori ini masih bisa berjalan, namun masalah muncul ketika harus memfilter 2 combobox missal nya :

Combobox 1 untuk menampilkan kategori
Combobox 2 untuk menampilkan nama_barang.

Ketika saya coba harus nya data yang di tampilkan itu sesuai filter yang di pilih namun ternyata ini ga . dan akhirnya muter muter di si mbah google cari solusinya belum ketemu juga dan akhirnya dengan perjuangan dan semangat pantang menyerah ( ( ( akhir nya nemu juga di sebuah forum contoh Kasusnya ga jau beda

nah, saya inginkan adalah combobox pertama adalah untuk menampilkan isi kategori.. dan combobox ke dua adalah merk barang

misalkan saya pilih kategori barang adalah "laptop" dan merk barang saya kosongkan maka semua laptop dari berbagai merk akan keluar,,,

nah misalkan kalau saya mau menjadi hanya yang bermerk assus saja, maka saya klik combobox ke 2 dan saya pilih "assus".. maka produk yang bermerk assus saja yang keluar...

saya bingung saat kasih perintah Where tabel_kategori=combobox1 and tabel_merk=combobox 2... selalu saja error..

Koden nya mungkin seperti ini
<html>
<head>
<title> Halaman Pencarian </title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
//apabila terjadi event onchange terhadap object <select id=comboKategori>
$("#comboKategori").change(function(){
var prop = $("#comboKategori").val();
$.ajax({
url: "ajax.php",
data: "op=generatecomboMerk&prop="+prop,
cache: false,
success: function(msg){

<select id=comboMerk>
$("#comboMerk").html(msg);
}
});
});
});
</script>

</head>
<body>

<table width='700' align="left" border='1'>

<tr>
<td width='200'> Produk Terbaru

<p> </p>
<p> </p>

</td>

<td width='550'>
<form name="cari" method="post" action="searching.php">
<table width="350" border="0" align="center" cellpadding="0">
<tr bgcolor="blue">
<td height="30" colspan="2">
<strong> Cari Produk </strong>
</td>
</tr>
<tr> <td> Name </td>
<td>

<?php

?>
<select id="kategori" name="kategori">
<option value="">- roduk-</option>
<option value="1">laptop</option>
<option value="2">Handpone</option>
<option value="3">Monitor</option>
<option value="4">hardisk</option>

</select>
</br>
<select id="merk" name="merk">
<option value="">- Pilih Merk Produk -</option>
</select>

</td>
</tr>
<td></td>
<td> <input type="submit" name="cari" id="cari" value="cari" > </td>
</table>
</form>
</td>
</tr>

<tr>

</td>

<td width='500'>
<?php
$host ='localhost';
$user ='root';
$pass ='';
$dbase ='tokokita';

$koneksi = mysql_pconnect($host, $user, $pass) or die(mysql_error());mysql_select_db($dbase, $koneksi);

$cari= $_POST['cari'];
$row = "SELECT * from produk where nama_produk like '%$cari%'";
$result = mysql_query($row);
echo "<center>";
echo "<h2> Hasil Pencarian </h2>";
echo "<table border='1' cellpadding='5' cellspacing='8'>";
echo "
<tr bgcolor='orange'>

<td>Nama Produk</td>
<td>Kategori</td>
<td>Harga</td>
</tr>";
while ($data = mysql_fetch_array($result)) { //fetch the result from query into an array
echo "
<tr>

<td>".$data[nama_produk]."</td>
<td>".$data['kategori']."</td>
<td>".$data['harga']."</td>
</tr>";
}
echo "</table>";
?>

</td>
</tr>

</table>

<br/>
<br/>

</body>
</html>

Permasalahan cuma tinggal ganti code saat menanpilkan data dengan kode di bawah ini Ternyata simple bukna berhubung dulu saya belajar otodidak dan guru ku Cuma bah google belum banyak video tetntang php jadi hal sepele seperti ini pun pemecahan masalahnya cukup lama… namun di situlah menarik nya code bagi ku semakin ada bug semakin seru da semakin penasaran untuk menyelesaiakan nya

$cari= $_POST['cari']; //get the nama value from form
$kategori = $_POST['kategori'];
$q = "SELECT * from produk where kategori='$kategori'";
if($name){
$q .= " and nama_produk like '%$cari%'";
}

Mungkin sekian artikel nkali ini Thanks semoga bermanpaat terima kasih salam pemula

membuat grafik tipe line chart pendapatan perbulan dengan moris js

Admin 2:08 AM Add Comment

CodePun

Bismilah Wr Wb
Pada Postingan kali ini Saya ingin berbagi tutorial cara membuat grafik dengan tipe line chart menggunakan moris Js.mungkin sobat pernah melihat beberapa situs menampilkan sebuah grafik seperti contoh nya website desa yang menampilkan jumlah penduduk nya dalam bentuk grafik ataupun website website penjualan yang memperlihatkan hasil penjualan nya berdasarkan kurun waktu tertentu

Line chart meyrupakan tipe grafik yang tepat dalam menampilkan data dalam kurun waktu terytentu atau dalam interval atau range yang sama. Line chart ini saya terapkan pada website Laundry yang saya buat untuk menghitung hasil pendapatan perbulan untuk Scren Schot nya bisa anda lihat seperti gambar di bawah :

Donlod file moris js di sini
Langsung saja pertama anda buat dulu database dengan name nhgroup terus buat table seperti ini
CREATE TABLE IF NOT EXISTS `cucianpelanggan` (
`id` int(30) NOT NULL AUTO_INCREMENT,
`idpelanggan` int(30) NOT NULL,
`hargatotal` varchar(30) DEFAULT NULL,
`status` varchar(35) DEFAULT NULL,
`tgl_masuk` date NOT NULL,
`tgl_kembali` year(4) DEFAULT NULL,
`status_cucian` varchar(15) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=37 ;

terus buat file index.php copi code di bawah
<script src="jquery.min.js"></script>
<script src="raphael.min.js"></script>
<script src="morris.min.js"></script>
<link href="morris.css" rel="stylesheet" type="text/css" />

<!—buat code Javascript -->
<script>
function realisasi(){

$("#response").hide(); //sebagai div response

$.ajax({
url: "data.php", //ambil data dari data.php
cache: false, //data ga di simpan ke browser
type: "GET", //tipe sinkron GET
dataType: "json", //data tipe nya sebagai json
timeout:3000, //set 3 detik respon, jika lama berarti gagal
beforeSend: function() {

$("#response").show(); // munculkan image loading
$('#response').html("<img src='ajax-loader.gif' />");
},
success : function (data) {

$("#response").hide(); //image loading dimatikan :(
var graph = Morris.Line({ //inisialkan graph sebagai morris chart area
element: 'contoh-chart', //masukin chart nya nanti di div id=contoh-chart
data: data, //set data dari callback success function
xkey: 'y', //ini yang tadi sebagai data x (bawah)
ykeys: ['jumlah'], //datanya berupa jumlah penjualan tadi, json data
labels: ['Penjualan'], //Label data dibikin Penjualan
lineColors: ['#2b44d2'], //bikin warna line nya
});
}
});
}
$(document).ready(function()
{
realisasi(); // nanti dipanggil di sini
});
</script>

<div class="row">
<div class="box-header">
<h3 class="box-title"></h3>
</div>
<div class="box-body chart-responsive">
<div id="response"></div>
<div class="chart" id="contoh-chart" style="height: 300px;"></div>
</div>
</div>

Buat file data.php copi kode di bawah

<?php
$host = "localhost";
$user = "root";
$pass = "";
$name = "nhgroup";

$db=mysqli_connect($host,$user,$pass,$name) or die (mysqli_error());
//ambil data bulan dan tahun
$sql="Select SUM(hargatotal) as m, date_format(tgl_masuk,'%Y-%m')as d from cucianpelanggan GROUP BY date_format(tgl_masuk,'%Y %m')";
$rs = mysqli_query($db,$sql);
//jalankan query
//bikin variabel sebagai array untuk menampung data nantinya
$data=array();
//loping sebagai object, bisa pake fetch_array $row['field']
while ($row = mysqli_fetch_object($rs)) {
$data[]=array(
'y'=>$row->d, //y sebagai kata kunci nya (tahun)
'jumlah'=>$row->m, //jumlah penjualan
);
}

//outputkan sebagai json
echo json_encode($data);
?>

Sekian tutorial kali ini semoga bermanpaat (

membuat grafik batang di php denggan highchart

Admin 7:42 PM 1 Comment

CodePun

Bismilah Wr Wb
Setelah sebelumnya kita buat grafik dengan tipe line chart kali ini kita akan membuat grafik batang menggunakan highchart tidak menggunakan moris Js. Garfik batang ini sering saa lihat di website kependudukan yang biasannya dyi gunakan untuk menampilkan jumlah penduduk namun tidak hanya di website kependududka di website penjualan pun sering saya lihat penggunaan grafik batang ini
Sama hal ny Line chart grafik batang ini saya terapkan pada website Laundry yang saya buat. Namun untuk menghitu penghasiln seminggu terakhir bukan untuk menghitung hasil pendapatan perbulan untuk Scren Schot nya bisa anda lihat seperti gambar di bawah :

Donlod file Highchart di sini
Seperti biasa buat dulu nama database dengan nama nhgroup buat table seperti ini
CREATE TABLE IF NOT EXISTS `cucianpelanggan` (
`id` int(30) NOT NULL AUTO_INCREMENT,
`idpelanggan` int(30) NOT NULL,
`hargatotal` varchar(30) DEFAULT NULL,
`status` varchar(35) DEFAULT NULL,
`tgl_masuk` date NOT NULL,
`tgl_kembali` year(4) DEFAULT NULL,
`status_cucian` varchar(15) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=37 ;

Setelah itu buat file index.php

y <!DOCTYPE html>
<html>y
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>
<title>Grafik Penjualan Seminggu terakhir</title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="js/exporting.js" type="text/javascript"></script>
<script type="text/javascript">
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Pendapatan Satu Minggu Terakhir '
},
xAxis: {
categories: ['pendapatan']
},
yAxis: {
title: {
text: 'Jumlah Pendapatan'
}
},
series:
[

<?php
// file koneksi php
$konek = mysqli_connect("localhost","root","","nhgroup");

$tgl_skrg = date("Ymd"); // dapatkan tanggal sekarang saat online
// $tgl_skrg = date("20140117"); // untuk simulasi saja sesuai dengan di database

// dapatkan 6 hari sblm tgl sekarang
$seminggu = strtotime("-1 week +1 day",strtotime($tgl_skrg));
$hasilnya = date("Y-m-d", $seminggu);

//lakukan looping sebanyak 6 kali
for ($i=0; $i<=6; $i++){
$urutan_tgl = strtotime("+$i day",strtotime($hasilnya));
$hasil_urutan = date("d-M-Y", $urutan_tgl);

Download Source Code Website Toko Online kerajinan anyaman bamboo Menggunakan PHP dan MySQLi

Admin 1:28 PM Add Comment

CodePun

Setelah Kemarin saya share tentang website Penerimaan Siswa Baru berbasis Web , kali ini Saya mau share web site Toko Online atau website Penjualan Atau e-comercce apalah namannya. Toko online sendiri sekarang ini menjadi suatu bisnis yang menjanjikan dan memudahkan user perkembangan teknologi saat ini sangat berpengaruh terhadap perkembangan media online hal ini menjadikan media online sebagai sarana penjualan produk yang sangat efektif dan efesien. Dengan toko online saat ini pengguna tak harus lagi susah susah mendatangi toko cukup dengan membuka situs toko online maka user dapat dengan mudah mendapatkan informasi dan melakukan transaksi.

web yang mau saya share ini adalah file file yang sudah lama dan seperti basa saya edit edit sedikit tampilannya saya mencontoh tampilan salah satu website penyedia template e-shoop saya lupa lagi nama dan alamat website nya, . Di sini saya menggunakan bootstrap untuk membuat tampilan website ini.

Web toko Online , ini dulu di buat untuk mempermudah dalam proses Promosi dan mempermudah penjualan bagi konsumen, studi kasus Web ini adalah toko Penjualan anyaman bamboo milik teman saya dan di harapkan dengan pembuatan web ini bisa memperkenalkan produk anyamanya walaupun dalam fitur web ini masih sangat sederhana.

dengan adanya web ini di harapkan dapat mempermudah dalam pengolahan data dan pembuatan laporan yang berhubungan dengan pengolahan data produk, Pengiriman, Ongkos kirim dan sbb. wah terlalu banyak harapan ya tapi tak apa apa kan berharap toh demi kebaikan

Berikut ini adalah fitur fitur yang ada pada halaman utama dan juga masih banyak fitur lain yang bisa anda coba nanti.

Halama Semua Produk
Halaman Kategori Produk
Halaman Cara Pembelian
Halaman Detail Produk
Pencarian Produk Berdasarkan Keyword
Keranjang Belanja
Checkout Transaksi
Halaman Chatting Dengan Admin Webiste Toko Online

inilah scren shot halaman utama

Tampilan halaman produk

Tampilan halaman Admin

Tampilan halaman admin

Mungkin cukup sekian Postingan kali ini saya mohon maaf bila masih banyak kekurangan dan bila ada masukan dan kritikan saya harap kritikan dan saran yang membangun no Bully ya ( ( salam dari saya Program Pemulla

download sorce code Penerimaan Siswa Baru berbasis web menggunakan php dan mysqli

Admin 1:12 PM Add Comment

CodePun

Bissmilahhirohmanirohim

Kesempatan Kali ini saya ingin berbagi web yang pernah saya buat waktu Kp dulu di salah satu sekolah menengah pertama yakni SMP N 14 Tasikmalaya. website ini mungkin masih sangat sederhana, dan belum di kembangkan.tampilan webnya juga baru saya edit sedikit biar agak enak kelihatnnya dan responsive tampilan web yang dulu masih belum responsive dan kurang enak untuk di lihat

web site yang mau sa ya bagikan yakni website Penerimaan Siswa Baru Berbasis Web , seperti yang telah di sebutkan tadi di atas web ini mungkin masih sederhana karena fitur fitur dalam web ini masih belum lengkap dan kedepannya semoga bisa di tambahkan fitur seperti ujian Online dan fitur pembayaran registrasi ulang secara online

Aplikasi Penerimaan Siswa Baru ini dulu di buat untuk mempermudah dalam proses pengolahan data dan pembuatan laporan yang berhubungan dengan pengolahan data calon siswa, tahun ajaran, pembagian kelas, seleksi dan setup kelas.

Web site yang di buat ini menampilkan fitur halaman muka utama yaitu

-Form pendaftaran,

-form data seleksi

-Form data pembagian kelas dan

-Form login. dan

-Form Berita

Untuk tampilan menu admin Sendiri Saya menggunakan template SB Admin karena fitur fitur yang cukup menarik dan lengkap seperti tampilan chart, date time picker dan masih banyak lagi serta tampilan yang Bagus dan pastinnya Responsive.

Dalam menu Admin sendiri menampilkan data data seperti :

-data pendaftar,

-data tahun ajaran,

-data seleksi,

-data setup kelas,

-data kelas dan pembuatan laporan.

Form Halaman Utama

Halaman utama merupakan menu yang menampilkan beberapa sub menu pilihan seperti form pendaftaran,data seleksi,data kelas dan log in berikut tampilan menu utama dibawah ini.