Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful