Php

Pemrograman PHP & MySQL

Memadukan antara Web Server dan Database Server

www.aditif.com

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

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

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

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

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

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. 7 www. Selanjutnya pada kolom File name: ketikkan config. Beri nama folder tersebut shoutbox. Pilih menu File à Save atau dengan shortcut tombol keyboard Ctrl+S.4. tekan Save. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox. Jika anda belum membuat folder shoutbox.com .php.aditif.

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

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

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

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. 9.aditif. Oleh karena itu. à Membuat Form Login untuk Admin Nah. Langkah selanjutnya adalah membuat halaman login untuk administrator. Metode yang digunakan adalah POST dan action menuju ke file admin_login. Pertama. tentunya kita perlu mengontrol komentar-komentar yang masuk.com . sehingga ia dapat mengontrol pesan-pesan/komentar-komentar yang masuk. type diisi dengan “password” agar apa yang kita ketikkan nantinya tidak dapat terlihat. 11 www.php. Untuk input type password.Berikut adalah skrip untuk menampilkan data pada tabel testimonial.php sebagai berikut.

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful