SQL Join pada Operasi Database

Operasi Join di SQL adalah operasi dasar database relasional yang penting, untuk mendapatkan data dari tabel yang berhubungan kita dapat menggunakan Join.

Di MySql ada beberapa macam tipe join, yaitu :
1. Inner Join
2. Outer Join
3. Cross Join
4. Union Join

Inner Join
Inner Join adalah jenis tipe join yang digunakan jika ingin merelasikan 2 data yang cocok pada 2 tabel tersebut.

Outer Join
Outer Join dibagi menjadi 2, yaitu :
1. Left Outer Join
2. Right Outer Join

Left Outer Join
Ditandai dengan operator (+), akan dilengkapi tabel yang lainnya dengan berada di sebelah kiri.

Right Outer Join
Tidak berbeda jauh dengan Left Outer Join, hanya saja peletakan data dan nilai berada di sebelah kanan tabel.

Cross Join
Cross Join akan menciptakan hasil yang didasarkan pada semua kemungkinan kombinasi baris dalam kedua set data.

Union Join
Fungsi dari Union Join adalah untuk menyederhanakan perintah OR yang bertingkat atau lebih dari satu yang dapat membuat bingung, sebagai gantinya digunakan perintah Union.

sql join

Sumber Foto : https://plus.google.com/u/0/+GeeksfunBlogspot/posts

Read More

Import CSV Data File ke MySql dengan PHP

Import CSV Data File ke MySql dengan PHP

Pertama kita buat dulu tabelnya.

CREATE TABLE `data_pribadi` (
`no`  int NULL AUTO_INCREMENT ,
`nama`  varchar(40) NULL ,
`alamat`  varchar(50) NULL ,
PRIMARY KEY (`no`)
)
;
Dari struktur tabel diatas maka isi file csv kita sebagai berikut. Data paling atas tidak akan tersimpan ke database.

no,nama,alamat
1,Aan Setiawan,Surabaya
2,Andi Prasetyo,Surabaya
3,Beni,Surabaya

kemudian buat script berikut:

<?php
//koneksi database
$connect = mysql_connect('localhost','root','');
if (!$connect) {
die('Could not connect to MySQL: ' . mysql_error());
}
//nama database
$cid =mysql_select_db('databaseku',$connect);

//tempat file csv berada
define('CSV_PATH','C:/wamp/www/folderku/');

// nama file csv
$csv_file = CSV_PATH . "test.csv"; 

if (($getfile = fopen($csv_file, "r")) !== FALSE) {
         $data = fgetcsv($getfile, 1000, ",");
    while (($data = fgetcsv($getfile, 1000, ",")) !== FALSE) {
       $num = count($data);
        for ($c=0; $c < $num; $c++) {
            $result = $data;
        $str = implode(",", $result);
        $slice = explode(",", $str);
        
$col1 = $slice[0];
                        $col2 = $slice[1];
                        $col3 = $slice[2];
// SQL Query untuk insert data 
$query = "INSERT INTO data_pribadi(no,nama,alamat)
VALUES('".$col1."','".$col2."','".$col3."')";
$s=mysql_query($query, $connect );

        }
    }
}
echo "file csv berhasil di import ke database!!";
mysql_close($connect);
?>

Dari script diatas bisa mengeksekusi sampai 1000 record dalam sekali.

Read More

Mencetak atau Print Div Content dengan Javascript

Kali ini saya akan memberikan contoh script tentang mencetak/print div content dengan javascript, biasanya script ini saya gunakan untuk mencetak laporan, detail tabel, dll. Berikut adalah contoh scriptnya:

Javascriptnya;
function printDiv(elementId) {
    var a = document.getElementById('printing-css').value;
    var b = document.getElementById(elementId).innerHTML;
    window.frames["print_frame"].document.title = document.title;
    window.frames["print_frame"].document.body.innerHTML = '<style>' + a + '</style>' + b;
    window.frames["print_frame"].window.focus();
    window.frames["print_frame"].window.print();
}

HTMLnya:

<div id="print-area-1" class="print-area">
    <div style="text-align:right;"><a class="no-print" href="javascript:printDiv('print-area-1');">Print</a></div>
    <ul>
        <li>This is an example list 1</li>
        <li>This is an example list 2</li>
        <li>This is an example list 3</li>
        <li>This is an example list 4</li>
    </ul>

    <ol>
        <li>This is an example list 1</li>
        <li>This is an example list 2</li>
        <li>This is an example list 3</li>
        <li>This is an example list 4</li>
    </ol>
</div>

<textarea id="printing-css" style="display:none;">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font:normal normal .8125em/1.4 Arial,Sans-Serif;background-color:white;color:#333}strong,b{font-weight:bold}cite,em,i{font-style:italic}a{text-decoration:none}a:hover{text-decoration:underline}a img{border:none}abbr,acronym{border-bottom:1px dotted;cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px}mark{background-color:#ffce00;color:black}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}hr{height:1px;border:none;background-color:#666}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:1.5em 0 0}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}ol,ul,dl{margin-left:3em}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:.5em 0}dt{font-weight:bold}dd{margin:0 0 .5em 2em}input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}pre,code{font-family:"Courier New",Courier,Monospace;color:inherit}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding-left:1em;font-style:italic}table[border="1"] th,table[border="1"] td,table[border="1"] caption{border:1px solid;padding:.5em 1em;text-align:left;vertical-align:top}th{font-weight:bold}table[border="1"] caption{border:none;font-style:italic}.no-print{display:none}</textarea>
<iframe id="printing-frame" name="print_frame" src="about:blank" style="display:none;"></iframe>

Contohnya

Jika link Print klik maka akan muncul previewnya.

Demo script diatas dapat dilihat di sini http://jsfiddle.net/g7SdL
isi dari textarea printing-css hanya bersifat opsional jadi kita bisa mengganti sesuai kebutuhan.

Read More