Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

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

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

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

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

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

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

php.com .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. 11. 13 www. à Membuat Halaman View Shoutbox untuk Admin Berikut adalah file admin_shoutbox.aditif.

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful