Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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