Pemrograman Aplikasi Web

57

Bab 10 Project PHP dan MySQL
Pada bab ini akan membahas koneksi PHP dan MySQL untuk membuat aplikasi manipulasi data, berisi materi tentang bagaimana menghubungkan antara database mysql dengan php, bagaimana menampilkan isi database, update database, hapus database.

Pertama kita akan membuat database di mysql dan menampilkannya di browser tentunya masih menggunakan PHP. Untuk membuat database di mysql sebaiknya gunakan PhpMyadmin. Jika anda menggunakan phptriad untuk mengakses phpmyadmin, pada browser ketikkan http://localhost/phpmyadmin/.

10. 1 Membuat Database dengan PHPMYADMIN
Pertama kita akan membuat database di mysql dan menampilkannya di browser tentunya masih menggunakan Php. Untuk membuat database di mysql sebaiknya gunakan PhpMyadmin. Jika anda menggunakan phptriad untuk mengakses phpmyadmin, pada browser ketikkan http://localhost/phpmyadmin/.

Lecturer : Muhammad Miftakhul Amin

Pemrograman Aplikasi Web

58

Gambar 10.1 Membuat Database Setelah itu klik create. Database baru sudah terbentuk, sekarang kita tinggal membuat tabelnya. Contoh pertama kita buat tabel sederhana yaitu tabel pengunjung pada sebuah halaman web.

Gambar 10.2 Database Telah Terbentuk

Lecturer : Muhammad Miftakhul Amin

Maka masukkan pengunjung pada name dan 4 pada fields. seperti tampilan berikut.Pemrograman Aplikasi Web 59 Karena kita akan membuat tabel dengan nama pengunjung yang mempunyai field sejumlah 4 yaitu : id. nama. Gambar 10.3 Mengisi Nama Tabel dan Ukuran Fields Selanjutnya akan ditampilkan window untuk mendefinisikan table. Klik Go. email dan situs. Lecturer : Muhammad Miftakhul Amin .

Pemrograman Aplikasi Web 60 Gambar 10.4 Window Definisi Tabel Lecturer : Muhammad Miftakhul Amin .

Karena angka itu unik dan penggunaannya pun bisa di urutkan sehingga tidak akan ada duplikasi data. Jika sudah klik save. Primary artinya memberi kunci yang unik yang dapat di jadikan pengenal dalam tabel (dalam hal ini tabel pengunjung). deleteing.5 Proses Pembuatan Tabel Berhasil Lecturer : Muhammad Miftakhul Amin . Dengan kata lain hanya dengan id kita nantinya akan dapat melakukan editing. Auto_increement artinya setiap pengisian record (data ) otomatis nilai id akan di naikkan . update pada record. Pada gambar 4 id di setting auto_increement dan Primary. Angka lebih baik di jadikan kunci tama dari sebuah tabel.Pemrograman Aplikasi Web 61 Jangan lupa bahwa php case sensitif jadi sebaiknya isikan semua field dengan huruf kecil termasuk id. Nantinya hasil tabel pengunjung seperti gambar 5 : Gambar 10.

klik Insert untuk mengisinya. selenjutnya klik tombol Go : Lecturer : Muhammad Miftakhul Amin . Browse Insert Drop untuk melihat isi table (record) untuk mengisi table Menghapus field Primary.Pemrograman Aplikasi Web 62 Berikut beberapa fungsionalitas yang dapat anda gunakan untuk manipulasi data di dalam table. Unique Menjadikan primary. Index. index atau unique Isi tabel tersebut dengan beberapa records.

Untuk melihat record klik Browse : Lecturer : Muhammad Miftakhul Amin .Pemrograman Aplikasi Web 63 Gambar 10. Jika sudah kli Save.6 Mengisi Record Tabel Karena id auto_increement maka id tidak perlu diisi.

PRIMARY KEY (`id`)) Lecturer : Muhammad Miftakhul Amin .Pemrograman Aplikasi Web 64 Gambar 10. `email` VARCHAR(75) not null.7 Daftar Record Tabel Apabila anda tidak menggunakan PhpMyadmin untuk administrasi database MySql maka script yang dapat anda ketikkan di mysql atau paste di jendela query: CREATE TABLE `pengunjung` (`id` INT(5) not null AUTO_INCREMENT. `nama` VARCHAR(75) not null. `situs` VARCHAR(75) not null .

mysql_select_db("KOLEGA". Ketik script di bawah ini menggunakan script editor.Pemrograman Aplikasi Web 65 10. 2 Aplikasi Tampil Data Berikut diberikan contoh sebuah script untuk menampilkan data atau isi record yang berasal dari table pengunjung yang baru saja dibuat. Lecturer : Muhammad Miftakhul Amin ."$user".$pass). while($baris=mysql_fetch_array($query)){ echo "<br>". echo $baris[1]. echo "<br>".// alamat atau host $user = "root". // username $pass = "sa". echo $baris[0]. view. echo "Nama : ". $jumlah = mysql_num_rows($query).$koneksi). $query = mysql_query("select * from pengunjung". // password $koneksi = mysql_connect("$host".$koneksi).php <? $host = "localhost". echo "<center>Daftar Pengunjung</center>". echo "Jumlah pengunjung : $jumlah". echo "<br>". echo "Email : ".

echo "Homepage : ".php Lecturer : Muhammad Miftakhul Amin .Pemrograman Aplikasi Web 66 echo $baris[2]. Gambar 10. echo $baris[3].8 Hasil Running view. } ?> Selanjutnya anda dapat memanggil script yang telah dibuat sebelumnya memalui web browser. echo "<br>". Sehingga diperoleh tampilan seperti gambar berikut.

Untuk dapat membuat sebuah halaman yang dapat memasukkan sebuah inputan maka perlu dibentuk sebuah form. 3 Aplikasi Insert Data File view. input.php"> <pre> Nama : <input type="text" name="nama"> Email: <input type="text" name="email"> Situs: <input type="text" name="situs"> <input type="submit" name="submit" value="kirim"><input type="reset" name="reset" value="reset"> Lecturer : Muhammad Miftakhul Amin . Form tersebut memuat variabel-variabel yang dibutuhkan yang kemudian setelah di submit akan di proses dan dimasukkan dalam database.htm dan file pemroses input.Pemrograman Aplikasi Web 67 Kesimpulan : Untuk menampilkan database mysql di Browser dengan Php langkah-langkahnya: • Hubungkan dulu Php dengan mysql (menggunakan fungsi mysql_connect()) • Pilih database (menggunakan fungsi mysql_select_db) • Query (menggunakan fungsi mysql_query()) • Tampilkan (menggunakan fungsi mysql_fetch_array) 10.php. Maka dibutuhkanlah dua file yaitu input.php tidak memungkinkan untuk seseorang memasukkan record dikarenakan file tersebut hanya menampilkan record.htm <html> <head></head> <body> <form method="post" action="input.

9 Hasil Eksekusi Form Lecturer : Muhammad Miftakhul Amin . Gambar 10.Pemrograman Aplikasi Web 68 </pre> </form> </body> </html> <input type="text" name="nama"> name="nama" artinya bahwa apapun yang di inputkan dalam text box tersebut menjadi variable nama.

Cara pemrosesan atau pemasukan data dalam database mysql ialah menggunakan perintah mysql yaitu perintah insert. Id tidak dimasukkan karena sudah auto_increement. '$situs')". situs.php <? $koneksi = mysql_connect("localhost". Lecturer : Muhammad Miftakhul Amin .$koneksi). $koneksi). email dan situs. variable situs untuk di masukkan ke dalam tabel pengunjung dengan urutan field nya nama. situs) values ('$nama'. nama. email. Sintak tersebut memasukkan data yang terdapat pada variable nama. email dan situs. email. mysql_select_db("KOLEGA".php>Lihat Data</a>". echo "<br>". input. echo "<a href=view. Memasukkan dalam database harus urut dengan fieldnya. echo "Data telah dimasukkan". mysql_query("insert into pengunjung (nama. Maka pada pengisiannya harus di urutkan.htm terdapat 3 variabel yaitu nama."sa"). '$email'. mysql_query("insert into pengunjung (nama.Pemrograman Aplikasi Web 69 Selanjutnya script berikut digunakan untuk melakukan proses input data ke dalam table pengunjung. Ketiga variable tersebut nantinya akan diproses dalam file input. Pada tabel pengunjung urutannya id.php. email. '$situs')"."root". '$email'.$koneksi). variable email. situs) values ('$nama'. ?> Pada source code input.

maka selanjutnya akan diproses di input.10 Mengisi Record Baru Klik kirim. Buka file input.htm di browser : Gambar 10. email.Pemrograman Aplikasi Web 70 Pengunjung (nama. situs) = nama field dalam tabel pengunjung. Sekarang akan kita coba memasukkan data.php Lecturer : Muhammad Miftakhul Amin .

Pemrograman Aplikasi Web 71 Gambar 10. klik link Lihat Data. Sehingga diperoleh tampilan seperti gambar berikut. Lecturer : Muhammad Miftakhul Amin .11 Proses Pengisian Record Ke Tabel Untuk melihat data.

php maka di isi otomatis dan nilainya di naikkan satu (+1) menjadi 3. Lecturer : Muhammad Miftakhul Amin . Inilah yang dinamakan auto_increement. id yang tidak kita isikan dan masukkan dalam input.12 Daftar Pengunjung Setelah Ditambah Record Bisa anda lihat bahwa sekarang jumlah record ada 3. Dari sini anda bisa membuat sebuah form untuk input data.Pemrograman Aplikasi Web 72 Gambar 10. Program diatas juga dapat anda tambahkan yaitu : jika ada nama atau email atau situs yang dikosongi maka data tidak dapat di masukkan ke dalam database karena kosong.

Langkah pertama kita harus memodifikasi file view. echo "Data telah dimasukkan". situs) values ('$nama'. ketika teks isian dalam keadaan kosong. email. 4 Aplikasi Edit Data Sebuah database tentunya terdapat revisi-revisi atau perubahan isi tabel atau record.htm>Isi Data</a>". $koneksi). '$email'. echo "<br>".Pemrograman Aplikasi Web 73 Coba anda modifikasi kembali script input. Jika pada file input.php kita sudah dapat memasukkan data ke dalam database maka kali ini kita akan mengedit data yang telah di masukkan. input.php anda untuk menghalagi proses. mysql_query("insert into pengunjung (nama.php agar dapat mempunyai link untuk menuju sebuah form Lecturer : Muhammad Miftakhul Amin . } ?> 10.php>Lihat Data</a>". echo "<a href=input.php <? if(($nama!="") or ($email!="") or ($situs!="")) { $koneksi = mysql_connect("localhost"."sa").$koneksi)."root". '$situs')". Maka harusnya terdapat sebuah form yang mampu mengedit isi yang terdapat dalam database. echo "<a href=view. }else{ echo "Cek kembali form anda". mysql_select_db("KOLEGA". echo "<br>".

$koneksi). echo "Jumlah pengunjung : $jumlah". echo $baris[0]. view. // username $pass = "sa". echo "<br>". echo "<center>Daftar Pengunjung</center>". echo $baris[3].php <? $host = "localhost".// alamat atau host $user = "root". echo "<br>". echo "<br><a href=edit. echo "Email : ". while($baris=mysql_fetch_array($query)){ echo "<br>".php?id=$baris[0]>edit</a>".$koneksi). $query = mysql_query("select * from pengunjung". } ?> Lecturer : Muhammad Miftakhul Amin . mysql_select_db("KOLEGA". echo $baris[2]. echo "Nama : ".$pass). echo $baris[1]. $jumlah = mysql_num_rows($query).Pemrograman Aplikasi Web 74 peng-editan yang selanjutnya dengan form tersebut akan di proses dan di update ke dalam database. echo "<br>". echo "Homepage : "."$user". // password $koneksi = mysql_connect("$host".

13 Hasil Eksekusi Script View.php mendapat tambahan pada baris ke-3 dari akhir script. Gambar 10.php. http://localhost/2SIP4/01120054/KOLEGA/edit.php?id=1 Lecturer : Muhammad Miftakhul Amin .php Jika cursor diarahkan pada link edit maka link tersebut akan menggunakan id dari record untuk dijadikan sebagai variable pemroses di file edit.Pemrograman Aplikasi Web 75 Script view. Dimana dibuat sebuah link yang memanfaatkan variable id untuk di proses pada tahap selanjutnya.

$query = mysql_query("select * from pengunjung where id='$id'".php <? $koneksi = mysql_connect("localhost". echo "Situs : <input type=\"text\" name=\"situs\" value=\"$baris[3]\">". echo "Email : <input type=\"text\" name=\"email\" value=\"$baris[2]\">". dalam hal ini di contohkan id=1. Kenapa harus menggunakan id ? karena id telah di set primary yang artinya tidak ada redundancy id. echo "<br>". edit."sa"). echo "Nama : <input type=\"text\" name=\"nama\" value=\"$baris[1]\">". echo "<input type=\"submit\" name=\"submit\" value=\"update\">"."root". mysql_select_db("KOLEGA". echo "<br>".$koneksi).php nilai id tersebut akan di jadikan alat bantu untuk editing. Dengan variable ini akan di lakukan query yaitu memilih semua field yang mempunyai id = 1 (nilai 1 diambil dari edit.Pemrograman Aplikasi Web 76 Ketika cursor diarahkan pada record pertama maka link mempunyai nilai id=1. Lecturer : Muhammad Miftakhul Amin .php membawa sebuah variable id.php\">".$koneksi). Sehingga dengan mengambil nilai dari id maka pada file edit. while ($baris = mysql_fetch_array($query)){ echo "<form method=\"post\" action=\"update. File edit. Begitu seterusnya. echo "</form>".php?id=1). echo "<input type=\"hidden\" name=\"id\" value=\"$baris[0]\">". Nilai 1 diambil dari hasil query dari $baris[0]. echo "<br>".

Pemrograman Aplikasi Web 77 } ?> Selanjutnya anda dapat menjalankan script di atas.14 Mengubah Data Record Bisa anda lihat bahwa dengan modal variable id saja record tersebut dapat di edit. Sehingga nilai (value) yang ada dalam text box hasil query. Silahkan merubah nya jika sudah klik update. Lecturer : Muhammad Miftakhul Amin . Logika dari edit. sehingga diperoleh tampilan seperti gambar berikut. Gambar 10.php ialah hasil query di tampung dalam text box.

"sa").php <? $koneksi = mysql_connect("localhost". ?> Jalankan script di atas.php>Lihat Data</a>".Pemrograman Aplikasi Web 78 update.$koneksi). $query = mysql_query("update pengunjung set id='$id'. sehingga diperoleh tampilan seperti berikut.15 Hasil Update Data Lecturer : Muhammad Miftakhul Amin . nama='$nama'."root". echo "Data dengan id = $id telah di update". mysql_select_db("KOLEGA". email='$email'. situs = '$situs' where id='$id'"). echo "<a href=view. Gambar 10. echo "<br>".

Dimana setiap waktu atau detik database akan di perbaharui dan data-data lama juga nantinya akan di hapus jikalau sudah tidak sesuai dengan fakta yang ada. Anda bisa meliha isi data pada file view.16 Daftar Pengunjung Setelah Diedit 10. Gambar 10. 5 Aplikasi Delete Record tidak selamanya akan disimpan jika database yang digunakan bersifat dinamis.php. Memang seharusnya data-data lama menjadi arsip tapi data-data lama yang ternyata sudah tidak Lecturer : Muhammad Miftakhul Amin .Pemrograman Aplikasi Web 79 Proses update telah selesai.

echo "<center>Daftar Pengunjung</center>". echo $baris[2].$koneksi).php <? $host = "localhost". echo $baris[0]. Logika bekerjanya sama dengan edit. $jumlah = mysql_num_rows($query). // username $pass = "sa". echo "Nama : ". mysql_select_db("KOLEGA".$pass). // password $koneksi = mysql_connect("$host"."$user". while($baris=mysql_fetch_array($query)){ echo "<br>".$koneksi). view. echo "<br>".php.php dimana mengambil variable id dan di proses di file delete. File view. echo "Email : ". Perintah yang digunakan untuk menghapus adalah perintah MySql yaitu delete. Lecturer : Muhammad Miftakhul Amin .Pemrograman Aplikasi Web 80 sesuai dengan kebijakan yang baru inilah yang akan di hapus. echo "Jumlah pengunjung : $jumlah". Menghapus database MySql dengan php tentunya sangat mudah. echo $baris[1]. echo "<br>".php harus kita modifikasi terlebih dahulu. $query = mysql_query("select * from pengunjung".// alamat atau host $user = "root".

17 Eksekusi Script View. echo "<br>". Gambar 10. echo $baris[3]. } ?> Selanjutnya jalankan script di atas. echo "[<a href=edit. sehingga diperoleh tampilan seperti gambar berikut.php?id=$baris[0]>delete</a>]". echo "Homepage : ".php?id=$baris[0]>edit</a>] [<a href=delete.Pemrograman Aplikasi Web 81 echo "<br>".php Lecturer : Muhammad Miftakhul Amin .

php>Lihat Data</a>".18 Eksekusi Script Hapus Data Lecturer : Muhammad Miftakhul Amin . echo "<br>". $koneksi).php <? $koneksi = mysql_connect("localhost"."sa"). ?> Jalankan script sehingga diperoleh tampilan seperti berikut.$koneksi). mysql_query("delete from pengunjung where id='$id'"."root". echo "Data dengan id = $id telah di hapus". mysql_select_db("KOLEGA".Pemrograman Aplikasi Web 82 delete. Gambar 10. echo "<a href=view.

19 Data Setelah Dihapus Lecturer : Muhammad Miftakhul Amin . Seperti tampak pada gambar berikut.Pemrograman Aplikasi Web 83 Selanjutnya anda dapat melihat perubahan yang terjadi setelah anda melakukan proses hapus data. Gambar 10.

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master Your Semester with a Special Offer from Scribd & The New York Times

Cancel anytime.