Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

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

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

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

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

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

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

php.aditif. 13 www. à 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.com . 11.php untuk melihat data dalam tabel testimonial.

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

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

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

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

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

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