Optimasi Query

  Selasa, 30 September 2014      0

semakin besar data yang tersimpan di database maka dibutuhkan kecepatan akses yang memadai. Maka perlu dilakukan Optimasi Query pada database.

1. Optimasi Perintah SQL


Jika kita tidak mengerti dengan benar perintah-perintah database ini dapat membuat menurun nya performa, muncul pesan kesalahan dan laporan yang tidak sesuai semua dapat diminimalisasi dengan penggunaan perintah sql yang benar. Nah dalam Optimasi perintah SQL ini kita melakukan struktur query dengan melakukan perintah yang efektif untuk mencari data pada lokasi fisik database. Kenapa lokasi fisik menjadi begitu penting karena untuk menampilkan hasil query dibutuhkan pencarian yang melibatkan struktur fisik penyimpanan data. Intinya optimasi query itu meminimalkan jalur utuk mencari data yang tersimpan pada lokasi fisik.

contoh dalam penamaan index berikut:

CREATE INDEX idx_kota_prop_kodepos
ON karyawan(kota, propinsi, kode_pos)
TABLESPACE INDX;

dalam penaman index tersebut digunakan 3 kolom yang mengurutkan kolom menurut kota, provinsi dan kode pos

kemudian user melakukan query seperti berikut:
SELECT * FROM karyawan WHERE propinsi=’Jawa Barat’;

pada kasus tersebut indeks tidak digunakan karena kolom pertama pada index yaitu kota tidak digunakan pada clausa WHERE. Jika user banyak menggunakan kolom propinsi pada kolom pertama pada pengindeks kan sebaiknya diganti dengan provinsi

2. Informasi Jalur akses

Pada database oracle untuk melihat jalur akses pada database dapat digunakan perintah explain plan, yang akan memberi informasi rencana eksekusi suatu query yang tersimpan pada PLAN_TABLE yang terdapat schema user yang mengeksekusi perintah tersebut.
Jadi sebelum melakukan perintah explain table terlebih dahulu kita buat PLAN_TABLE nya dengan  script utlxplan.sql yang diambil dari \%ORACLE_HOME%\RDBMS\ADMIN
setelah itu PLAN_TABLE dapat digunakan seperti contoh berikut:

SQL> explain plan
Set statement_id=’coba1’
Into plan_table for
Select * from karyawan where gaji=2000000;

Dalam PLAN_TABLE rencana eksekusi diatas dikenal dengan nama coba1 yang
terdefinisi pada kolom statement_id.

Untuk melihat rencana eksekusi dari coba1, digunakan perintah SELECT berikut :

SELECT LPAD(’ ’,2*Level)||Operation||’ ’||Options||’ ’||Object_Name Q_Plan
FROM plan_table
WHERE statement_id=’coba1’
CONNECT BY PRIOR id=parent_id AND statement_id=’coba1’
START WITH id=0 AND statement_id=’coba1’;

Hasil eksekusi query nya adalah:

Q_PLAN
--------------------------------------------------------------------
SELECT STATEMENT
TABLE ACCESS FULL KARYAWAN

output nya dibaca dari indent yang paling dalam yaitu:TABLE ACCESS FULL KARYAWAN. karena table karyawan melibat kan kolom gaji yang tidak ada indexnya. Maka oracle melakukan full table scan. setelah seluruh tabel gaji selesai dibaca hasil query ditampilkan dengan fungsi SELECT STATEMENT

3. Faktor yang berpengaruh untuk kecepatan akses data

  • Clustering dan Index
Cluster adalah suatu segmen dari tabel yang berbeda dalam satu struktur disk yang berdekatan. Konfigurasi ini menjadi sangat penting karena sering kali kita mengakses beberapa query pada tabel yang berbeda. Penggunaan clustering ini untuk menganalisa query mana saja yang sering digunakan bersamaan dengan perintah SQL join.
Jika sering melakukan query pada kolom dengan clausa WHERE, maka harus dibuatkan index yang melibatkan kolom tersebut. cara penggunaan index yang pada suatu kolom berdasarkan nilai yang akan digunakan. Misalkan pada RDBMS Oracle index B-Tree untuk kolom yang mempunyai variasi banyak. Sedangkan untuk kolom yang mempunyai variasi banyak lebih baik menggunakan index bitmap.
  • Optimasi Apliakasi
pembuatan aplikasi perlu memperhatikan apakah jalur akses terhadap data sudah efisien. Efisien di sini artinya apakah aplikasi tersebut telah menggunakan obyek yang mendukung kecepatan akses seperti index dan clustering.
Normalisasi sampai level yang kesekian tidak menjamin suatu desain tersebut efisien. kadang setelah dilakukan normalisasi perlu dilakukan denormalisasi. Misalnya tabel yang berderajat one to one sering digunakan bersama lebih baik di jadikan dalam satu tabel

Source :  http://lecturer.eepis-its.edu/~tessy/lecturenotes/db2/bab4.pdf

Membuat Halaman Depan Sosial Media Sederhana dengan HTML

   
Nah postingan ini untuk memenuhi tugas pemograman internet. Kali ini saya akan membuat halaman login untuk sosialmedia. Pertama siapkan struktur html dasar seperti berikut gunakan Notepad++ atau yang lain kemudian simpan dengan nama index.html


<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>NongkrongMu - halaman utama</title>
<meta http-equiv="Content-Langue" content="en-us" />

<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />

<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" />

<meta name="author" content="Gembalak Corporation" />

<style type="text/css" media="all">@import "style/style.css";</style>
<style type="text/css" media="all">@import "style/style.css";</style>
</head>

</body>
</html>

Setelah itu kita buat bagian-bagian dari website dengan menggunakan div tag.
kira-kira seperti berikut:
<div id="header">Ini Header</div>
<div id="content"></div>
<div id="Kiri">Ini Kiri</div>
<div id="Kanan">Ini Kanan</div>
        </div>

<div id="footer">Ini Footer</div>

Lalu kita beri style pada bagian index.html agar dapat melihat bagian dari div yang telah kita buat tadi. letakkan style pada direktori style. beri nama style dengan nama style.css lalu kita beri warna pada setiap bagian div agar kita dapat melihat bagian-bagian dari website.
html, body{
margin:0;
padding:0;
}
#header{
background-color:green;
height:30px;
}
#content{

}
#Kiri{
background-color:grey;
height:30px;
}
#Kanan{
background-color:red;
height:30px;
}
#footer{
background-color:orange;
height:30px;

}
Lalu tampilan nya akan menjadi seperti ini







Setelah itu kita rubah ukuran tinggi pada masing-masing bagian div rubah kode style.css seperti berikut:
#header{
background-color:green;
height:75px;
}
#content{

}
#Kiri{
background-color:grey;
height:800px;
}
#Kanan{
background-color:red;
height:800px;
}
#footer{
background-color:orange;
height:90px;
}

Rencananya saya akan membuat bagian Kiri dan Kanan pada content berjejeran maka tambahkan kode sebagai berikut:
#Kiri{
float:left;
background-color:grey;
width:35%;
height:800px;
}
#Kanan{
float:right;
background-color:red;
width:65%;
height:800px;
}

Lalu tampilan nya akan seperti berikut:














Namun pada tampilan tersebut style pada footer yang awalnya orange menjadi menghilang. untuk mengatasi nya tambahkan kode berikut pada style css:
#footer{
clear:both;
background-color:orange;
height:90px;
}
dan style footer akhirnya kembali lagi seperti ini:















Bagian Header
Setelah itu mari kira utak atik bagian header nya. Kita akan memberi judul dan form login yang terdiri dari label, input text dan tombol submit. tambahkan kodingan berikut dalam tag header pada file index.html:
<table>
<tr>
<td><label for="nama">Email</label></td>
<td><label for="password">Password</label></td>
</tr>
<tr>
<td><input type="text" name="email" value="Email"/></td>
<td><input type="password" name="password" value="Password"/></td>
<td><input type="submit" name="submit" value="Masuk"/></td>
</tr>
</table>
<h1>NongkrongMu<h1>
</table>
tampilan nya akan berubah seperti berikut:














terlihat tampilan judul nya malah masuk pada bagian content sehingga terlihat tidak teratur. Mari kita tambahkan edit pada bagian style agar tampilan nya sedikit teratur, kira-kira seperti berikut:
#header h1{
color:white;
float:right;
padding-right:50px; /*jarak judul dengan bagian tepi kanan*/
padding-bottom:0;
}
#header table{
color:white; /*mengubah font menjadi warna putih*/
float:left;
font-size:12pt;
margin-top:7px; /*jarak table dengan top*/
margin-left:10px;
}
Nah tampilan nya akan jadi seperti berikut:














Bagian Content
Sekarang kita akan menguta-atik bagian content web nya tambahkan form pendaftaran pada conten bagian Kiri dengan code sebagai berikut pada index.html:
<div id="Kiri">
<h1>Mendaftar</h1>
<table>
<tr>
<td><label for="nama">Nama Lengkap</label></td>
<td><input type="text" name="nama" value="Nama"/></td>
</tr>
<tr>
<td><label for="email">Email</label></td>
<td><input type="text" name="email" value="Email"/></td>
</tr>
<tr>
<td><label for="password">Password</label></td>
<td><input type="password" name="password" value="Password"/></td>
</tr>
<tr>
<td><label for="password2">Konfirmasi Password</label></td>
<td><input type="password" name="password2" value="Konfirmasi Password" /></td>
</tr>
<tr>
<td><label for="tanggal">Tanggal Lahir</label></td>
<td><input type="date" name="tanggal" /></td>
</tr>
<tr><td>Jenis Kelamin:</td>
<form method="post" action="#"> 
<td><input type="radio" name="jk" value="Laki"/>Laki-laki
<input type="radio" name="jk" value="Perempuan"/>Perempuan</td>
</tr>
</table>
</form>
<input type="submit" name="submit" value="Mendaftar"/>

</div>
Setelah itu kita akan beri style pada table content bagian kiri yang digunakan untuk membuat form tersebut dengan menambahkan code css sebagai berikut pada style.css:
#Kiri table{
padding:7px;
line-height:3;

}
Lalu kita otak atik pada bagian kanan dengan menambahkan sedikit deskripsi tentang web nya. Tambahkan code sebagai berikut pada index.html:
<div id="Kanan">
<h1>NongkrongMu<br>
Temukan pengalaman baru, teman-teman baru, event-event seru dan jadilah nongkronger sejati</h1>
</div>
Setelah itu tampilan nya akan berubah seperti berikut:













setelah itu kita hilangkan background warna untuk diganti gambar agar terlihat menarik, ubah kode pada style.css pada bagian kiri kanan sebagai berikut:
#Kiri{
float:left;
/* background-color:grey; */
width:35%;
height:800px;
}
#Kiri table{
padding:7px;
line-height:3;
}
#Kanan{
float:right;
/* background-color:red; */
width:65%;
height:800px;

}
kita akan beri background gambar pada bagian body agar terlihat lebih menarik tambahkan tag sebagai berikut. anda bisa menambahkan sendiri gambar sesuai dengan kreasi anda:
<body background="images/city.jpg">
Nah tampilan nya akan menjadi seperti berikut:
















Bagian Footer
Sekaran kita akan mengutak atik bagian footer. tambahkan code seperti berikut pada bagian footer pada index.html:
<div id="footer">
<div id="altnav">
<a href="#">Tentang</a>
<a href="#">Pengembang</a>
<a href="#">Iklan</a>
<a href="#">Lowongan</a>
<a href="#">Term of Trade</a>
<a href="http://www.Gembalak.com/">Gembalak</a>
<a href="http://www.StrongDeathPeople.com/">StrongDeathPeople</a>
</div>
Copyright &copy; Gembalak.com<br>

</div>
Setelah itu kita beri style pada footer tersebut. Kita tambahkan code berikut pada style.css:
#footer {
margin-top:7px;
padding-left:15%;
background:white;
height:90px;
}
#footer a{
padding:7px;

}
tampilan nya akan berubah seperti berikut:
















Font
Kemudian agar lebih menarik ubah font default dengan menambahkan code berikut pada style.css:
html, body{
margin:0;
padding:0;
font-family:"segoe ui",arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
font-family:"Museo Slab 500", impact, arial, sans-serif;
font-weight:normal;

}

Nah tampilan akhirnya akan seperti berikut:













Nah sekian turotorial kali ini. anda dapat berkreasi sekreatif anda. tidak harus terpaku pada turotorial saya ini. apabila ada yang kurang mohon koreksinya. masalahnya saya juga masih newbie. hhe

Instalasi Web Server, PHP, MYSQL dengan XAMPP

  Senin, 15 September 2014      0

1. Pertama-tama silahkan download XAMPP nya. di sini!!!
2. Setelah file installer Xampp di download, buka dengan menge-klik 2x. 
    Note : Mungkin versi file instalasi nya bisa berbeda. dengan yang ada di turotorial.












3. Klik Next jika muncul tampilan seperti berikut





















4. Pada tampilan select component tidak usah dirubah settingan default nya. Kita langsung Next aja.





















5. Pada tampilan select folder silahkan pilih folder/direktori di mana Xampp akan di install. di sini saya menggunakan default pada drive c:\ seperti gambar berikut:





















Setelah memilih folder/direktori mana xampp akan di install, klik Next untuk melanjutkan proses instalasi.

6. Klik Next, pada tampilan Bitnami for Xampp





















7. Klik Next, pada tampilan Ready to Install





















8. Tunggu, proses instalasi sedang berjalan.





















9. Klik Finish





















10. Kemudian akan muncul Xampp Control Panel. Untuk Mengaktifkan service web server apache dan database maysql silahkan klik start, seperti gambar di bawah ini.

















11. Buka Web browser seperti Mozila atau Chrome terus ketikkan localhost pada address bar. Jika proses instalasi benar akan muncul tampilan seperti berikut.











Saya sarankan untuk memilih bahasa inggris saja dengan cara mengeklik English

12.  Kemudian setelah memilih bahasa akan muncul tampilan seperti berikut.













pada tampilan tersebut terdapat menu2 seperti phpmyadmin untuk memanege database

13. Untuk memanege database anda bisa menggunakan tool phpmyadmin, seperti berikut













14. Kemudian kita akan mengetes PHP, apakah berjalan dengan baik. Pertama kita siapkan script PHP kira2 seperti berikut








script tersebut dapat ditulis di sembarang editor seperti Notepad++. Kemudian simpan dengan nama Hello.php pada folder htdocs pada instalasi Xampp.

15. Buka web browser dan tuliskan localhost/Hello.php pada web browser. jika berhasil akan muncul tampilan seperti berikut.








Untuk turotorial versi video nya dapat dilihat di bawah ini:

Download Video Youtube dengan mudah

  Senin, 01 September 2014      0















mungkin kamu pernah melihat video di youtube dan bingung cara mendownload nya. Saya ingin bagikan salah satu cara untuk mendownload video di youtube. Langsung aja berikut langkah2 nya:
1. Pergi ke website youtube
2. Cari video yang ingin di download
3. Terus buka untuk menonton video tersebut
4. Pada URL video di tambah huruf ss sebelum kata Youtube, seperti gambar berikut















5. lalu tekan enter
6. Kemudian beralih kehalaman download lewat savefrom.net. Di situs tersebut telah di sediakan beberapa pilihan kualitas video.
















7. Klik salah satu kualitas video yang diberikan. Maka video akan otomatis terdownload.