Professional Documents
Culture Documents
www.aditif.com
Ketika proses set up telah selesai, akan muncul pertanyaan apakah Anda juga akan menginstal XAMPP server (Apache, MySQL dan Filezilla) sebagai service. Klik OK dan lanjutkan hingga instalasi lengkap.
www.aditif.com
Bukalah sebuah browser (misalnya, Internet Explorer/Mozila Firefox/Opera), pada bagian address ketikkan URL http://localhost/phpmyadmin/. Jika muncul tampilan seperti terlihat pada gambar berikut, berarti instalasi PHP berhasil.
www.aditif.com
Anda dapat memilih bahasa(language) pada menu sebelah kanan. Perlu diketahui bahwa phpMyAdmin telah mendukung bahasa Indonesia, akan tetapi sebaiknya anda tetap menggunakan pilihan bahasa Inggris. Tampilan phpMyAdmin ini juga mempunyai 3 macam tampilan yang berbeda. Silahkan memilih tampilan yang Anda suka pada pilihan menu Theme/Styles.
2. Pembuatan Database
Pertama, kita akan membuat database, dengan nama database shoutbox. Setelah membuka browser dan muncul tampilan seperti di atas (http://localhost/phpMyAdmin/), dikolom Create new database ketikkan shoutbox dan klik tombol create. Akan muncul tampilan seperti berikut.
www.aditif.com
Pada pembuatan nama database yang terdiri lebih dari satu kata, jangan menggunakan tanda - (strip) atau (spasi). Anda dapat menggunakan tanda _ (garis bawah) untuk memisahkan kedua kata. Sebuah database dapat berisi beberapa tabel yang berisi informasi pendukung web, seperti informasi mahasiswa, dosen, buku, dll. Setelah membuat database buatlah tabel testimonial dengan mengetikkan pada Create new table on database shoutbox dengan jumlah fields 7, kemudian klik go. Fields merupakan unsur penyusun basis data.
Field tersebut meliputi id, name, email, web, ip_client, date, comment. Masukkan nama masing-masing variabel field beserta type dan panjang karakter maksimal.
- Type INT berarti pada field tersebut hanya bisa diisi angka, sedangkan varchar (variable character) berisi karakter/huruf. - Length/Values berarti jumlah karakter maksimal yang bisa diisikan. Pada kolom Null, Null berarti optional (boleh tidak diisi). - DateTime adalah format tanggal(tahun-bulan-tanggal) dan waktu(jam:menit:detik) yang berfungsi untuk menyimpan data tanggal & waktu. - Sedangkan not null berarti kolom tersebut tidak boleh kosong. Kemudian pada kolom extra pilih auto_increment. 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. Berikut hasil tampilan pembuatan tabel.
www.aditif.com
www.aditif.com
Jika anda belum membuat folder shoutbox, ilahkan membuat folder baru di C:\Program Files\xampp\htdocs\ dengan meng-klik ikon Create New Folder. Beri nama folder tersebut shoutbox. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox.
www.aditif.com
5. Tes Koneksi
Silahkan buka browser dan di address bar browser ketikkan localhost/shoutbox, tekan ENTER. Akan terlihat tampilan sebagai berikut. Klik file config.php tersebut.
Jika ya, berarti anda belum berhasil dalam membuat koneksi. Silahkan teliti kembali. Jika hasil tampilan kosong/blank, itu menunjukkan bahwa anda telah sukses membuat file koneksi. Selamat bagi Anda J yang telah berhasil!
www.aditif.com
Berikut adalah form Shoutbox. Disini kita menggunakan metode pengiriman POST dan action untuk tujuan pengiriman ke file input_shoutbox.php. Simpan file berikut dengan nama shoutbox.php.
www.aditif.com
Ketika proses penyimpanan data berjalan, akan terjadi pengecekan apakah proses penyimpanan berhasil atau tidak. Jika berhasil, maka selanjutnya proses akan dilanjutkan menuju show_shoutbox.php. Seandainya proses penyimpanan gagal, maka proses akan kembali menuju shoutbox.php.
10
www.aditif.com
11
www.aditif.com
12
www.aditif.com
Selanjutnya kita memerlukan pemanggilan fungsi masuk( ) dan fungsi AMAN( ) untuk dapat melakukan pengecekan user yang melakukan login yang disimpan dalam file admin_login.php.
13
www.aditif.com
14
www.aditif.com
kosong atau penulisan email salah, maka data tidak data yang akan berhasil
dikirimkan Jika
tersimpan ke database. tersimpan ke database, maka selanjutnya akan ditampilkan halaman lihat shoutbox, file show_shoutbox.php. Berikut adalah tampilan data yang berhasil database. tersimpan ke
15
www.aditif.com
Jika anda telah berhasil login, maka anda akan masuk ke halaman lihat data bagian admin, disini anda dapat melihat semua data testimonial Anda. 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. Silahkan coba hapus salah satu data. Lihat apa yang terjadi. Seharusnya data tersebut akan hilang dari tampilan. Dalam program yang kita buat, belum ada pesan peringatan jika terjadi keberhasilan proses maupun ketidakberhasilan proses. Untuk menampilkan pesan tersebut, kita dapat menambahkannya ke dalam program dengan bantuan COOKIES, sehingga aplikasi web kita akan menjadi lebih interaktif. Kita akan menambahkan pesan yang disimpan dengan metode COOKIES ini dalam file del_shoutbox.php dan admin_shoutbox.php.
16
www.aditif.com
Berikut adalah tampilan yang datanya telah terhapus, tetapi belum ada pesan peringatan yang menyatakan bahwa data telah terhapus.
17
www.aditif.com
Selanjutnya jika kita logout, maka kita akan menjumpai halaman login kembali. Periksa dengan mengetikkan alamat admin_shoutbox.php untuk masuk ke halaman kontrol admin. Lihatlah bahwa alamat di addressbar akan selalu berpindah menjadi login.php ketika kita tekan ENTER.
18
www.aditif.com
19
www.aditif.com