Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

mendukung database (i. akan muncul pertanyaan apakah Anda juga akan menginstal XAMPP server (Apache. sebuah tool (alat bantu) untuk memonitor pengunjung suatu web. PHP kemudian lebih dikembangkan untuk membangun aplikasi web. tools (PHP) dan database (MySQL). 2 www.e mySQL/Oracle) dan memproses berbagai form. PHP dan MySQL dengan XAMPP Anda dapat menggunakan program XAMPP untuk menginstal sistem PHP. PHP mula-mula dikembangkan oleh Rasmus Lerdofr. Ketika proses set up telah selesai.com . 1. Sistem ini meliputi suatu web server (i.Pemrograman PHP & MySQL Pada awalnya PHP merupakan singkatan dari Personal Home Page tools.e Apache Web Server).aditif. Program ini sudah menyediakan satu paket instalasi PHP yang meliputi Apache Web Server. Klik OK dan lanjutkan hingga instalasi lengkap. Istilah PHP kemudian lebih mengacu pada Hypertext Prepocesor. Ketiganya merupakan suatu bentuk open source yang dapat berjalan multi platform (Windows maupun Linux/Unix). PHP dan MySQL.1 sebagai berikut. Untuk dapat menjalankan PHP dibutuhkan suatu sistem yang telah terkonfigurasi dengan baik.5. MySQL dan Filezilla) sebagai service. Jalankan instalasi XAMPP 1. à Instalasi Apache Web Server.

Jika muncul tampilan seperti terlihat pada gambar berikut.com .Lanjutkan proses instalasi hingga muncul tampilan berikut: Bukalah sebuah browser (misalnya. pada bagian address ketikkan URL http://localhost/phpmyadmin/. Internet Explorer/Mozila Firefox/Opera). berarti instalasi PHP berhasil. 3 www.aditif.

Silahkan memilih tampilan yang Anda suka pada pilihan menu Theme/Styles. Setelah membuka browser dan muncul tampilan seperti di atas (http://localhost/phpMyAdmin/). 2. à Pembuatan Database Pertama. Akan muncul tampilan seperti berikut. 4 www.Anda dapat memilih bahasa(language) pada menu sebelah kanan. dengan nama database shoutbox. kita akan membuat database. Tampilan phpMyAdmin ini juga mempunyai 3 macam tampilan yang berbeda. Perlu diketahui bahwa phpMyAdmin telah mendukung bahasa Indonesia. akan tetapi sebaiknya anda tetap menggunakan pilihan bahasa Inggris.aditif. dikolom Create new database ketikkan shoutbox dan klik tombol create.com .

kemudian klik go. Setelah membuat database buatlah tabel testimonial dengan mengetikkan pada Create new table on database shoutbox dengan jumlah fields 7. dosen. .com . web. Pada kolom Null. Kemudian pada kolom extra pilih auto_increment.Sedangkan not null berarti kolom tersebut tidak boleh kosong. Anda dapat menggunakan tanda “_” (garis bawah) untuk memisahkan kedua kata.DateTime adalah format tanggal(tahun-bulan-tanggal) dan waktu(jam:menit:detik) yang berfungsi untuk menyimpan data tanggal & waktu. buku. . Null berarti optional (boleh tidak diisi). Fields merupakan unsur penyusun basis data. Masukkan nama masing-masing variabel field beserta type dan panjang karakter maksimal. sedangkan varchar (variable character) berisi karakter/huruf. dll.Type INT berarti pada field tersebut hanya bisa diisi angka. comment. Berikut hasil tampilan pembuatan tabel.Length/Values berarti jumlah karakter maksimal yang bisa diisikan. ip_client.Pada pembuatan nama database yang terdiri lebih dari satu kata.aditif. Sebuah database dapat berisi beberapa tabel yang berisi informasi pendukung web. date. Field tersebut meliputi id. email. Simpan data yang telah diisikan dengan mengklik pada save dibagian bawah tabel atau jika anda merasa bahwa jumlah baris field yang dibutuhkan kurang. Anda dapat menambahkannya lagi dengan mengisi jumlah kolom pada Add … field(s) dan klik tombol Go. seperti informasi mahasiswa. . 5 www. jangan menggunakan tanda “-“ (strip) atau “ “ (spasi). . name.

maka perlu dibuat koneksi ke database tersebut.aditif. 6 www. Buka aplikasi DreamWeaver pilih PHP pada menu Create New.3. à Membuat skrip koneksi Database Agar Database yang telah kita buat dapat terhubung dengan halaman web.com . Berikut adalah skrip untuk koneksi ke database.

Pilih menu File à Save atau dengan shortcut tombol keyboard Ctrl+S. Jika anda belum membuat folder shoutbox.php. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox. ilahkan membuat folder baru di C:\Program Files\xampp\htdocs\ dengan meng-klik ikon Create New Folder.com . tekan Save. 7 www. Beri nama folder tersebut shoutbox. Selanjutnya pada kolom File name: ketikkan config. à Menyimpan file PHP Selanjutnya anda harus menyimpan file tersebut ke sebuah folder web di C:\Program Files\xampp\htdocs\shoutbox.aditif.4.

Bagaimana hasil tampilannya? Apakah terlihat seperti gambar berikut? Jika ya. tekan ENTER. Klik tombol Create. Pilih Tab General à Dynamic page à PHP. itu menunjukkan bahwa anda telah sukses membuat file koneksi. Selamat bagi Anda J yang telah berhasil! 6. Jika hasil tampilan kosong/blank.5. Akan terlihat tampilan sebagai berikut. Silahkan teliti kembali. à Membuat Form Shoutbox – shoutbox. à Tes Koneksi Silahkan buka browser dan di address bar browser ketikkan localhost/shoutbox.php tersebut.com . Klik file config. berarti anda belum berhasil dalam membuat koneksi.aditif.php Buat file baru dengan memilih menu File à New (Ctrl+N). 8 www.

Disini kita menggunakan metode pengiriman POST dan action untuk tujuan pengiriman ke file input_shoutbox.com . Simpan file berikut dengan nama shoutbox. 9 www.php.aditif.php.Berikut adalah form Shoutbox.

Berikut adalah skrip dari input_shoutbox. Data akan diambil per baris dengan menggunakan perintah while.php. akan terjadi proses penyimpanan data ke tabel testimonial dalam database shoutbox. 10 www. maka proses akan kembali menuju shoutbox. akan terjadi pengecekan apakah proses penyimpanan berhasil atau tidak.7. à Lihat Data Shoutbox – show_shoutbox.php Data yang ditampilkan diurutkan berdasar id terakhir ( … order by id desc … ).10 ). Seandainya proses penyimpanan gagal.php. à Input Data Shoutbox – input_shoutbox. Ketika proses penyimpanan data berjalan.php. Jika berhasil.aditif. ketika data form shoutbox disubmit ke input_shoutbox. maka selanjutnya proses akan dilanjutkan menuju show_shoutbox.php. 8.com . Data yang akan ditampilkan juga dibatasi dengan jumlah maksimal 10 data ( … limit 0.php Selanjutnya. sehingga data terakhir akan ditampilkan pada posisi paling atas.

Langkah selanjutnya adalah membuat halaman login untuk administrator. 11 www. type diisi dengan “password” agar apa yang kita ketikkan nantinya tidak dapat terlihat. kita buat terlebih dahulu form login untuk admin dengan nama file login. Metode yang digunakan adalah POST dan action menuju ke file admin_login.php sebagai berikut.php. sehingga ia dapat mengontrol pesan-pesan/komentar-komentar yang masuk. Pertama. à Membuat Form Login untuk Admin Nah.Berikut adalah skrip untuk menampilkan data pada tabel testimonial. Untuk input type password. 9. Oleh karena itu. tentunya kita perlu mengontrol komentar-komentar yang masuk.com . Ada kalanya komentar tersebut perlu kita hapus dari database karena menggunakan bahasa/kata-kata yang tidak diperkenankan.aditif.

SESSION adalah memori pengingat sementara yang berada di server suatu web. à Membuat Fungsi Cek Status Login Fungsi ini digunakan untuk melakukan pengecekan status login admin.aditif. 12 www.10. Status login disimpan dalam bentuk SESSION. Sebenarnya status login dapat juga disimpan dalam memori pengingat sementara yang berada di komputer client yang disebut COOKIES.php.com . Berikut fungsi dasar untuk melakukan pengecekan login admin secara sederhana yang disimpan dengan nama function.

à Membuat Halaman View Shoutbox untuk Admin Berikut adalah file admin_shoutbox.Selanjutnya kita memerlukan pemanggilan fungsi masuk( ) dan fungsi AMAN( ) untuk dapat melakukan pengecekan user yang melakukan login yang disimpan dalam file admin_login. 11.com .php. 13 www.aditif.php untuk melihat data dalam tabel testimonial.

14 www. à Keluar dari halaman Admin – logout. à File untuk menghapus data – del_shoutbox.12.com . 12.aditif.php untuk keluar dari halaman admin.php untuk menghapus data pada tabel testimonial.php Berikut file logout.php Berikut file del_shoutbox.

à Proses posting testimonial Halaman shoutbox.LAMPIRAN à PENGUJIAN WEB 1. tersimpan ke 15 www.aditif.php. tersimpan ke database.com . file show_shoutbox. Jika data kosong atau penulisan email salah. file shoutbox. maka selanjutnya akan ditampilkan halaman lihat shoutbox. Berikut adalah tampilan data yang berhasil database.php. maka data tidak data yang akan berhasil dikirimkan Jika tersimpan ke database.

disini anda dapat melihat semua data testimonial Anda. belum ada pesan peringatan jika terjadi keberhasilan proses maupun ketidakberhasilan proses.php. Untuk menampilkan pesan tersebut. maka anda akan masuk ke halaman lihat data bagian admin. Jika anda telah berhasil login. Kita akan menambahkan pesan yang disimpan dengan metode COOKIES ini dalam file del_shoutbox. Jika seandainya ada data yang dianggap kurang berkenan untuk ditampilkan. Lihat apa yang terjadi. kita dapat menambahkannya ke dalam program dengan bantuan COOKIES. sehingga aplikasi web kita akan menjadi lebih interaktif. à Proses Login Admin Halaman login admin shoutbox. 16 www.2. file login. Seharusnya data tersebut akan hilang dari tampilan.php dan admin_shoutbox.com .aditif. Dalam program yang kita buat. Silahkan coba hapus salah satu data.php. maka anda dapat meng-klik tombol delete comment yang ada dibawah setiap data komentar tersebut. Silahkan isikan username dan password yang telah ditentukan untuk dapat melakukan login ke halaman admin shoutbox.

Berikut adalah tampilan data yang belum terhapus.com .aditif. 17 www. Berikut adalah tampilan yang datanya telah terhapus. tetapi belum ada pesan peringatan yang menyatakan bahwa data telah terhapus.

php ketika kita tekan ENTER.php dan admin_shoutbox.com .php. 18 www.aditif. Berikut adalah modifikasi file del_shoutbox.Selanjutnya jika kita logout. maka kita akan menjumpai halaman login kembali.php untuk masuk ke halaman kontrol admin. Periksa dengan mengetikkan alamat admin_shoutbox. Lihatlah bahwa alamat di addressbar akan selalu berpindah menjadi login.

com .aditif.aditif.~~~~~~~~~~~~~ Keep Your Dream n Success 2 U ~~~~~~~~~~~~~ www.com 19 www.

Sign up to vote on this title
UsefulNot useful