Pengenalan Phpmyadmin
Modul Grafis
Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpMyAdmin.
MySQL adalah database yang menghubungkan script PHP menggunakan perintah query dan escaps character yang sama dengan PHP . MySQL mempunyai tampilan client yang mempermudah Anda dalam mengakses database.
Sedangkan phpMyAdmin merupakan halaman yang terdapat pada web server . Fungsi dari halaman ini adalah sebagai pengendali data - base MySQL menggunakan web server .
Adapun langkah-langkah untuk menjalankan phpMyAdmin, adalah berikut ini.
1. Terlebih dahulu Anda buka Web browser yang ada pada komputer caranya klik Start | P r ograms | Internet Explorer atau web browser lain seperti Mozila Firefox atau opera.
2. Kemudian pada kotak alamat address. Anda ketik
http://localhost/phpmyadmin , lalu tekan Enter pada keyboard.
3. Maka akan tampil halaman phpMyAdmin seperti pada Gambar 3 .
Gambar 3 Halaman phpMyAdmin
4. Anda dapat memilih bahasa yang digunakan pada halaman phpMyAdmin . Caranya pada bagian Language, Anda ganti bahasa English ke Bahasa Indonesia(kalau mau) . Lihat Gambar 4 .
Pilih Bahasa
Gambar 4 Mengganti bahasa yang digunakan
5. Apabila Halaman phpMyAdmin tidak muncul seperti gambar di atas maka Anda harus mengeceknya dengan cara Klik Start | All Programs | Apache Friends | XAMPP | XAMPP Control Panel. Perhatikan Gambar 5 .
Gambar 5 Membuka Aplikasi xampp control panel
.Gambar 6 Apache dan MySQL telah diaktifkan
6. Selanjutnya Anda Klik Start pada bagian Apache dan MySQL , maka akan tampil status menjadi running .
MEMBUAT DATABASE
1. Pastikan Anda masih berada pada halaman phpMyAdmin. Lihat
Gambar 7 .
Gambar 7 Halaman phpMyAdmin
2. Untuk membuat database baru, caranya pada kotak teks Ciptakan database baru Anda ketik nama maxi setelah itu klik tombol Ciptakan . Lihat Gambar 8 .
Ketik di sini Klik Ciptakan database baru
Gambar 8 Membuat database baru 3. Apabila proses pembuatan database berhasil, maka akan te r cipta database baru pada phpMyAdmin seperti pada
Gambar 9 .
2 Gambar 9 Pembuatan database berhasil
MEMBUAT TABEL
Setelah Anda membuat database. T ahap selanjutnya adalah membuat table . T able ini nantinya akan digunakan untuk menyimpan data - data yang akan ditampilkan pada halaman web.
Adapun cara-cara pembuatan table adalah sebagai berikut.
1. Pastikan Anda telah membuka halaman phpMyAdmin dan mengaktifkan database maxi . Perhatikan Gambar 10 .
Gambar 10 Halaman phpMyAdmin 2. Perhatikan
Gambar 11 . Klik pada tab
SQ L 
,kemudian akan tampil a r ea input perintah SQL. Ketiklah perintah di bawah ini , setelah itu klik tombol
Go .
CREATE TABLE buku ( id INT NOT NULL primary key auto_increment,
judul VARCHAR ( 50 ) NOT NULL ,
pengarang VARCHAR ( 50 ) NOT NULL ,
penerbit VARCHAR ( 30 ) NOT NULL ,
tahun INT ( 4 ) NOT NULL ) ;
Baris 1 Perintah di atas akan membuat tabel dengan nama buku, field pertama yaitu field id. field ini adalah field sebagai primary key ( unik) dengan auto_increment ( penomoran secara otomatis ).
• Baris 2 - 4
Perintah berikutnya akan membuat field judul dengan tipe data varchar ( 50 ) , field pengarang tipe data varchar (50) , penerbit tipe data varchar ( 30 ) dan not null ( tidak boleh kosong ) .Perintah berikutnya membuat field tahun dengan tipe int dan not null
( tidak boleh kosong).
MEMBUKA KONEKSI KE SERVER
Untuk melakukan koneksi ke server , Anda perlu membuat file khusus yang berfungsi sebagai panghubung antara script dan database. Untuk membuka koneksi ke server Anda harus memerlukan alamat server, username dan password.
Adapun langkah-langkahnya adalah sebagai berikut:
1. Anda buka aplikasi Macromedia Dreamweaver 8 . Klik T ombol Start
pada Start menu. Kemudian Anda pilih menu All Programs > Macromedia > Macromedia Dreamweaver 8.
Gambar 16 Memilih PHP
. Setelah tampil jendela Start page Anda Klik icon dengan tulisan PHP , Perhatikan Gambar 16
3. Setelah diklik icon 
maka akan tampil jendela dokumen baru seperti Gambar 17 .
Gambar 17 T ampilan Jendela dokumen
4. Selanjutnya Anda pastikan tab yang aktif pada Code . Lihat Gambar 18
Gambar 18 Mengaktifkan tab Code
5. Kemudian Anda hapus semua kode, lalu ketikkan kode di bawah ini.
1
2
3
4
5
6
7
8
9
10
|
<?php
$host = “localhost”;
$user = “root”;
$pass = “”;
$koneksi = mysql_connect($host, $user,
$pass);
if (!$koneksi) {
echo “Koneksi ke database gagal”;
};
?>
|
|---|
Baris 1 A wal tag PH P .
• Baris 2 - 6 V ariabel host , user , password pada server dan koneksi.
• Baris 7 -9 Jika koneksi database gagal , maka akan tampilkan pe- san bahwa koneksi ke database gagal.
• Baris 10 Akhiri Tag PH P .
|
|---|
6. Simpan ke dalam lokasi c:/xampp/htdocs/xampp , lalu Anda buat folder baru dengan nama koneksi_PHP dan simpan file dengan nama koneksi.php. Per hatikan Gambar 19 .
Tempat penyimpan lokasi
Beri nama koneksi.php
Gambar 19 Menyimpan dengan nama file koneksi.php
MENYELEKSI DATA BASE
Setelah data terhubung ke dalam Server , Anda diizinkan untuk menghubungkan databse yang akan digunakan. Perintah untuk menyeleksi database adalah mysql_select_db( ).
Adapun langkah-langkahnya adalah sebagai berikut;
1. Pastikan jendela Dreamweaver Anda masih aktif. Buatlah halaman PHP yang baru.
2. Ketiklah perintah di bawah ini untuk menyeleksi database maxi yang telah Anda buat sebelumnya.
1
2
3
4
5
6
7
8 |
<?php
include (“koneksi.php”);
$database = “maxi”;
$selek_db = mysql_select_db ($database);
if (!$selek_db) {
die (“Database tidak terseleksi”);
}
?>
|
|---|
Baris 1 A wal tag PH P .
• Baris 2 Memanggil file koneksi.php.
• Baris 3-4 V ariabel database diisi dengan nama database yang akan dipanggil dan variabel untuk penyeleksian database.
• Baris 5-7 Jika Penyeleksian database tidak berhasil maka tampilkan pesan Databse tidak terseleksi.
• Baris 8 Akhiri Tag PH P .
|
|---|
3. Simpan ke dalam lokasi c:/xampp/htdocs/xampp/koneksi_PHP dan simpan file dengan nama seleksi_db.php.
MENAMPILKAN HASIL QUERY
Untuk menampilkan seluruh data di dalam tabel. Anda dapat m e - nampilkannya melalui halaman PHP yang akan Anda buat.Adapun langkah-langkahnya adalah sebagai berikut;
1. Bukalah Program Dreamweaver Anda dan pilihlah jenis halaman PH P .
2. Kemudian ketiklah perintah di bawah ini untuk menampilkan semua data pada tabel buku.
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 |
<html>
<title>Menampilkan data ke dalam tabel</title>
<body>
<table border=”1”>
<tr>
<th>Kode Buku</th>
<th>Judul Buku</th><th>Pengarang<th>
<th>Penerbit</th><th>tahun</th>
</tr>
<?php
include (“koneksi.php”);
include (“seleksi_db.php”);
$seleksi = “SELECT * FROM buku”;
$hasil_seleksi = mysql_query ($seleksi);
if (!$hasil_seleksi){
echo “Proses penyeleksian tabel buku gagal !!!”;
} else {
while ($baris = mysql_fetch_
array ($hasil_seleksi)) {
echo “<tr>
<td>$baris[id]</td>
<td>$baris[judul]</td>
<td>$baris[pengarang]</td>
<td>$baris[penerbit]</td>
<td>$baris[tahun]</td>
<tr>”;
};
};
?>
</table>
</body>
</html>
|
|---|
• Keterangan Kode
• Baris 1-2
A wal tag HTML dan membuat title atau judul halaman.
• Baris 3 - 9 Pada bagian bod y , dibuat perintah pembuatan tabel dengan tag <th> untuk memasukkan judul masing-masing kolom.
• Baris 10 - 13
A wal tag PH P , perintah Include akan menghubungkan dan menyeleksi database dengan memanggil file koneksi.php dan seleksi_db.php yang telah Anda buat sebelumnya.
• Baris 14
V ariabel $seleksi diisi dengan perintah untuk menyeleksi seluruh data di dalam tabel buku, sedangkan variabel $hasil_seleksi diisi dengan perintah untuk meng-eksekusi query penyeleksian tabel.
• Baris 15 - 29
Apabila proses penyeleksian gagal , maka akan ditampilkan pesan bahwa p r oses penyeleksian tabel gagal dan apabila berhasil dilakukan perintah pengulangan WHILE sebanyak baris yang te r dapat di dalam tabel buku. Kemudian, hasil dari per intah mysql_fetch_array ditampilkan ke dalam tabel. penulisan nama array harus sesuai dengan nama field yang te r dapat pada tabel buku.
• Baris 30
• Baris 31-33
Akhiri dan tutup tag PH P .
Akhiri tag tabel body dan HTML.
|
|---|
MENJALANKAN PROGRAM
Sekarang Anda coba jalankan web yang telah Anda buat menggunakan browser , baik itu Internet Explorer atau browser lainnya. Pada tutorial kali ini menggunakan browser Mozila Fi refox. Adapun langkah-langkahnya sebagai berikut :
1. Anda buka Klik T ombol 
Start pada Start menu. Kemudian Anda pilih menu All P r ograms > Mozila Fi r efox 
. Lihat Pada Gambar 22 .
Gambar 22 Membuka P r ogam Mozila Fi r efox
2. Kemudian akan tampak jendela b r owser Mozila Fi r efox . terlihat pada
Gambar 23 di bawah ini.
Gambar 23 Jendela Mozila Fi r efox
3. Setelah itu Anda Ketik dialamat address pada browser Mozila Firefox yaitu http:/Localhost/xampp/koneksi_PHP lalu tekan Enter , maka akan tampil halaman yang telah Anda buat. Perhatikan Gambar 24
Ketik alamat URL di sini :
Gambar 24 Halaman Index.php
,kemudian akan tampil a r ea input perintah SQL. Ketiklah perintah di bawah ini , setelah itu klik tombol Go .
pada Start menu. Kemudian Anda pilih menu All Programs > Macromedia > Macromedia Dreamweaver 8. 
maka akan tampil jendela dokumen baru seperti Gambar 17 . 
Start pada Start menu. Kemudian Anda pilih menu All P r ograms > Mozila Fi r efox 
. Lihat Pada Gambar 22 .
