Gambar 1. Menjalankan module apache dan mysql
Selanjutnya bukalah browser anda (firefox,chrome,opera, dsb.), kemudian ketikkan http://localhost di alamat url kemudian enter. Apabila pada browser browser anda muncul tampilan seperti pada gambar 2, berarti anda telah berhasil menginstall XAMPP dan siap membuat aplikasi database berbasis web.
Gambar 2. Tampilan localhost XAMPP
Selanjutnya bukalah folder tempat anda menginstal XAMPP yang biasanya berada di C:\xampp. Bukalah folder htdocs, folder ini merupakan folder penyimpanan file web kita. Buatlah folder baru di dalam folder htdocs misalnya dengan nama perusahaan untuk menyimpan aplikasi database yang akan kita buat. Buatlah file baru di dalam folder perusahaan dengan nama index.php kemudian isikan kode program berikut (anda dapat menggunakan notepad atau editor yang lain):
<?php
echo "Hore...Saya berhasil membuat aplikasi PHP:)";
?>
Jalankan kembali browser anda kemudian ketikkan alamat http://localhost/perusahaan/
Apabila tampilan wweb anda seperti pada gambar 3 maka anda berhasil membuat aplikasi php pertama anda dengan sukses
Gambar 3. Tampilan aplikasi awal
Setelah berhasil membuat aplikasi awal, selanjutnya kita belajar menggunakan database. Bukalah alamat http://localhost/phpmyadmin/ , maka browser anda akan menampilkan semua database yang terdapat pada MySQL anda. Buatlah database baru dengan nama perusahaan.
Gambar 4. Tampilan phpmyadmin
Selanjutnya buat tabel karyawan pada database perusahaan tersebut dengan jumlah atribut sebanyak 7 buah seperti pada gambar 5.
Gambar 5. Membuat tabel baru pada database perusahaan
Buatlah atribut-atribut untuk karyawan dengan tipe data yang sesuai untuk masing-masing atribut seperti contoh pada gambar 6.
Gambar 6. Membuat atribut baru pada tabel karyawan
Setelah memasukkan atribut-atribut baru kemudian simpan dengan menggunakan tombol save. Selanjutnya anda akan melihat bahwa tabel karyawan sudah terbentuk. Anda juga akan melihat sintax sql untuk membuat tabel tersebut. Langkah selanjutnya adalah mencoba memasukkan data pada tabel tersebut. Pilih menu insert, kemudian masukkan data karyawan seperti pada gambar 8.
Gambar 7. Tampilan awal tabel karyawan
Gambar 8. Menambahkan data baru di tabel karyawan
Setelah memasukkan data karyawan, simpan menggunakan tombol Go. Anda akan melihat perintah sql untuk memasukkan data.
Gambar 9. Tampilan setelah menambahkan data baru di tabel karyawan
Untuk melihat data yang telah anda masukkan, pilih menu browse.
Gambar 10. Melihat data di tabel karyawan
Cobalah memasukkan data baru yang persis sama di tabel karyawan, anda akan melihat bahwa data tersebut berhasil dimasukkan ke tabel karyawan. Hal tersebut seharusnya tidak boleh terjadi, duplikasi data akan menimbulkan masalah pada proses – proses yang menggunakan data dari tabel tersebut. Hapuslah salah satu data yang sama tersebut dengan mengklik tanda silang pada awal data. Selanjutnya buatlah primary key pada tabel tersebut untuk mencegah duplikasi data yang sama persis. Pilih menu Structure, kemudian set atribut kd_karyawan sebagai primary key dengan mengklik tanda kunci seperti pada gambar 12.
Gambar 11. Duplikasi data di tabel karyawan
Gambar 12. Membuat primary key di tabel karyawan
Gambar 13. Atribut kd_karyawan sebagai primary key di tabel karyawan
Anda dapat mencoba kembali memasukkan data yang sama persis dengan data yang ada pada tabel, kemudian lihat bahwa anda akan mendapat pesan error seperti berikut:
MySQL said:
#1062 - Duplicate entry 'A101234' for key 'PRIMARY'
Masukkan beberapa data lagi pada tabel karyawan tersebut. Selanjutnya kita akan mencoba menampilkan tabel karyawan tersebut pada halaman web.
Bukalah kembali file index.php yang berada di folder C:\xampp\htdocs\perusahaan menggunakan notepad atau text editor yang lain. Masukkan kode berikut pada file tersebut:
<?php
//membuat koneksi dengan mysql
mysql_connect('localhost','root','') or die ("koneksi gagal
!!!");
//membuat koneksi dengan database
mysql_select_db('perusahaan');
//membuat tabel karyawan
echo "<table border=1>";
echo "<tr>";
echo "<th>Kode Karyawan</th>
<th>Nama Depan</th>
<th>Nama Belakang</th>
<th>Jenis Kelamin</th>
<th>Tanggal Lahir</th>
<th>Alamat</th>
<th>Gaji</th>";
echo "</tr>";
//membaca semua data dari tabel karyawan
$query = "select * from karyawan";
$result = mysql_query($query)or die ("Wrong
Query:".mysql_error());
while($data=mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>$data[kd_karyawan]</td>
<td>$data[nama_depan]</td>
<td>$data[nama_belakang]</td>
<td>$data[jenis_kelamin]</td>
<td>$data[tanggal_lahir]</td>
<td>$data[alamat]</td>
<td>$data[gaji]</td>";
echo "</tr>";
}
?>
Jalankan browser anda, kemudian ketikkan alamat http://localhost/perusahaan/ kemudian enter. Anda akan mendapatkan tampilan tabel seperti terlihat pada gambar 14.
Gambar 14. Tampilan tabel karyawan di browser
No comments:
Post a Comment