Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

tekan Save. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox. Beri nama folder tersebut shoutbox. Jika anda belum membuat folder shoutbox. 7 www.4.php.com . à 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.aditif. Selanjutnya pada kolom File name: ketikkan config. ilahkan membuat folder baru di C:\Program Files\xampp\htdocs\ dengan meng-klik ikon Create New Folder.

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

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

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

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

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful