LAPORAN PRAKTIKUM BASIS DATA

Kelas

A.1

MEMBUAT FORM KOMENTAR YANG TERKAIT DENGAN PHP DAN MySQL MENGGUNAKAN DREAMWEAVER 8

NAMA PRAKTIKAN MAULINA S.

NOMOR MAHASISWA 11611036

TANGGAL KUMPUL 05 Juni 2012

TANDA TANGAN PRAKTIKAN LABORAN

NAMA PENILAI Farida Apriani Muhammad Muhajir Rahmadi Yotenka RB. Fajriya Hakim, M.Si

TANGGAL KOREKSI

NILAI

TANDA TANGAN ASISTEN DOSEN

JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2012

BAB I PENDAHULUAN A. Database (Basis Data) Basis data adalah sekumpulan informasi yang diatur agar mudah dicari. Dalam arti umum basis data adalah sekumpulan data yang diproses dengan bantuan computer yang memungkinkan data dapat diakses dengan mudah dan tepat, yang dapat digambarkan sebagai aktifitas dari satu atau lebih organisasi yang berelasi. B. PHP (HyperText Preprocessor) PHP (HyperText Preprocessor) adalah bahasa dirancang secara khusus untuk penggunaan pada (scripting language) yang tool yang

web. PHP adalah

digunakan untuk pembuatan halaman web dinamis. PHP memberikan fitur yang sangat lengkap untuk mendukung proses perancangan web dan pemrograman PHP itu sendiri. Pada awalnya PHP ditemukan dan dikembangkan oleh Rasmus Lerdorf. PHP sering juga disebut sebagai tools Personal Home Page. C. MySQL MySQL adalah sebuah program database server yang mampu menerima dan mengirimkan datanya dengan sangat cepat, multi user serta menggunakan perintah standar SQL (Structural Query Language).Database MySQL merupakan system manajemen basis data SQL yang sangat terkenal dan bersifat Open Source. MySQL dibangun, didistribusikan dan didukung oleh MySQL AB. MySQL AB merupakan perusahaan komersial yang dibiayai oleh pengembang MySQL. D. phpMyAdmin phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui World Wide Web. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain). E. Macromedia Dreamweaver 8 Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu situs web. Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver menjadi web editor yang banyak digunakan oleh para web developer. Hal itu antara lain karena kemudahan dalam penggunaannya, kelengkapan fiturnya dan juga

dukungannya terhadap teknologi terkini. Dreamweaver 8 merupakan salah satu

perangkat lunak yang dikembangkan oleh Macromedia Inc. Pada kesempatan kali ini, Dreamweaver akan digunakan untuk membuat form yang saling terkait dengan file PHP dan MySQL.

BAB II DESKRIPSI KERJA A. Kasus Buat form komentar yang berisi Nama, Email dan Komentar. Kemudian beri tombol Comment dan Reset. Form harus saling terkait dengan file PHP dan database MySQL. B. Mempersiapkan Database dan Tabel MySQL 1. Masuk ke http://localhost/phpmyadmin/. 2. Membuat database di MySQL dengan nama bukutamu. 3. Membuat table di MySQL dengan nama buku_tamu dan dengan spesifikasi sebagai berikut: Field id nama email komentar Type int(11) varchar(50) varchar(100) text Null No No No No Extra auto_increment Key Primary

4. Setelah tabelnya dibuat, kurang lebih tampilannya seperti ini:

Gambar 2.1 Struktur table buku_tamu di phpMyadmin

5. Database bukutamu dengan table buku_tamu telah selesai dibuat. C. Membuat Koneksi Ke MySQL Di Dreamweaver Cara I 1. Klik Site > New Site. 2. Pada Category Local Info, pengaturannya seperti ini:

Gambar 2.2 Mengatur Local Info

3. Pada Category Remote Info, pengaturannya seperti ini:

Gambar 2.3 Mengatur Remote Info

4. Pada Category Testing Server, pengaturannya seperti ini:

Gambar 2.4 Mengatur Testing Info

5. Klik OK. 6. Mengaktifkan panel Application. 7. Klik Databases. 8. Klik [+] > MySQL Connection.

Gambar 2.5 Menubar Application

9. Akan muncul tampilan sebagai berikut:

Gambar 2.6 Kotak dialog MySQL Connection

10. Mengisi

formnya

seperti

yang

terlihat

pada

gambar

di

bawah

ini:

Gambar 2.7 Mengisi kotak dialog MySQL Connection

Password: 12345678 11. Klik Test. Akan muncul pop up seperti gambar:

Gambar 2.8 Pop up koneksi sukses

12. Koneksi berhasil. Cara II 1. Membuat file dengan nama koneksi.php di Dreamweaver yang disimpan di htdocs folder member. 2. Mengetikkan kode di bawah:

Gambar 2.9 Kode untuk membuak koneksi ke databasq MySQL

3. Menekan Ctrl+S. D. Membuat Halaman Komentar 1. Membuat file dengan nama tampil_form.php di Dreamweaver yang disimpan di htdocs folder member. 2. Mengaktifkan bagian Application, lalu memilih menu Record Insertion Form Wizard.

Gambar 2.10 Memilih menu Record Insertion Form Wizard

3. Akan muncul tampilan seperti gambar di bawah ini:

Gambar 2.11 Kotak dialog Record Insertion Form

4. Mengisi formnya seperti ini:

Gambar 2.12 Mengisi kotak dialog Record Insertion Form

5. Klik OK.

6. Menambahkan tombol Reset. Kodenya seperti ini:

Gambar 2.13 Kode tombol Reset

7. Halaman Komentar dengan fasilitas Comment dan Reset telah selesai dibuat. 8. Menekan Ctrl+S. E. Membuat Halaman Komentar Berhasil Disimpan 1. Membuat file dengan nama simpan.php di Dreamweaver yang disimpan di htdocs folder member. 2. Mengetikkan kode seperti Ini:

Gambar 2.14 Kode untuk membuat simpan.php

3. Menekan Ctrl+S. 4. Membuka file tampil_form.php. 5. Mengubah kodenya menjadi seperti ini:

Gambar 2.15 Mengubah kode

6. Menekan Ctrl+S.

Membuat hyperlink Kembali: 7. Klik Design. 8. Kemudian klik Insert > Hyperlink. 9. Pada Text diisi dengan Kembali. 10. Pada Link, dipilih tampil_form. 11. Klik OK, OK. Membuat hyperlink Tampilkan Komentar: 12. Klik Design. 13. Kemudian klik Insert > Hyperlink. 14. Pada Text diisi dengan Tampilkan Komentar. 15. Pada Link, dipilih tampil_member. 16. Klik OK, OK. 17. Menekan Ctrl+S. F. Membuat Halaman Tampil Komentar 1. Membuat file dengan nama tampil_member.php di Dreamweaver yang disimpan di htdocs folder member. 2. Mengaktifkan bagian Application, lalu klik Recordset.

Gambar 2.16 Memilih Recorset dari bagian Application

3. Muncul tampilan sebagai berikut:

Gambar 2.17 Kotak dialog Recordset

4. Mengisi form tersebut seperti yang terlihat pada gambar di bawah ini:

Gambar 2.18 Mengisi kotak dialog Recordset

5. Klik OK. 6. Dari menubar Application, memilih Dynamic Data kemudian memilih Dynamic Table.

Gambar 2.19 Memilih Dynamic Table

7. Muncul kotak dialog Dynamic Table seperti ini:

Gambar 2.20 Kotak dialog Dynamic Table

8. Memilih All records.

Gambar 2.21 Memilih All records

9. Klik OK. Membuat hyperlink Form: 10. Klik Design. 11. Kemudian klik Insert > Hyperlink. 12. Pada Text diisi dengan Form. 13. Pada Link, dipilih tampil_form. 14. Klik OK, OK. 15. Menekan Ctrl+S. G. Membuat Halaman Untuk Mengedit Data atau Komentar 1. Membuat file dengan nama edit_member.php di Dreamweaver yang disimpan di htdocs folder member. 2. Menambahkan kolom baru di table komentar dan membuat link edit. Untuk menambahkan kolom baru, buka file tampil_member.php terlebih dahulu, kemudian meletakkan kursor di kolom terakhir. Kemudian klik Modify > Table > Insert Rows or Columns 3. Muncul kotak dialog seperti ini:

Gambar 2.22 Kotak dialog Insert Rows or Columns

4. Memilih Insert: Columns.

Gambar 2.23 Memilih Insert Columns

5. Klik OK. 6. Meletakkan kursor pada kolom yang baru saja dibuat di baris kedua. 7. Klik Insert > Hyperlink. 8. Muncul kotak dialog Hyperlink seperti berikut:

Gambar 2.24 Kotak dialog Hyperlink

9. Pada kotak Text, diisi dengan edit. Pada kotak Link, klik Browse terletak tepat di sebelah kanan kotak Link. Memilih edit_member.php.

yang

Gambar 2.25 Mengisi kotak dialog Hyperlink

10. Klik OK. 11. Setelah link untuk ke halaman edit dibuat, sekarang membuat halaman edit komentar: 12. Membuka file edit_member.php yang telah dibuat pada langkah 1. 13. Mengaktifkan bagian Application, lalu klik Recordset.

Gambar 2.26 Memilih Recordset

14. Muncul tampilan sebagai berikut:

Gambar 2.27 Kotak dialog Recordset

15. Mengisi form tersebut seperti yang terlihat pada gambar di bawah ini:

Gambar 2.28 Mengisi kotak dialog Recordset

16. Klik OK. 17. Dari menubar Application, memilih Record Update Form Wizard.

Gambar 2.29 Memilih Record Update Form Wizard

18. Muncul Record Update Form.

Gambar 2.30 Kotak dialog Record Update Form Wizard

19. Mengisi Record Update Form seperti ini:

Gambar 2.31 Mengisi kotak dialog Record Update Form Wizard

20. Klik OK. 21. Menekan Ctrl+S. H. Membuat Halaman Untuk Menghapus Komentar 1. Membuat file dengan nama hapus_member.php di Dreamweaver yang disimpan di htdocs folder member. 2. Mengikuti langkah 2-10 pada bagian edit di atas, dengan mengisi kotak Text dengan delete dan kotak Link dengan hapus_member.php. 3. Meletakkan kursor pada tulisan delete , klik Code, kemudian mengganti kodenya menjadi seperti ini:

Gambar 2.32 Kode untuk delete

4. Menekan Ctrl+S. 5. Membuka file hapus_member.php yang telah dibuat pada langkah 1. 6. Mengetikkan kode berikut:

Gambar 2.33 Kode untuk membuat hapus_member.php

7. Menekan Ctrl+S. I. Menjalankan Form Yang Telah Dibuat 1. Membuka http://localhost/ . 2. Akan halaman seperti berikut:

Gambar 2.34 Halaman Index of/

3. Klik member. Akan muncul halaman sepert berikut:

Gambar 2.35 Halaman Index of / member

4. Klik tampil_form.php untuk menampilkan form dan menginputkan data serta komentar.

BAB III PEMBAHASAN Setelah melakukan langkah-langkah di atas, maka pada folder member yang terdapat di dalam folder htdocs, akan tersimpan beberapa file.php yang telah dibuat pada Bab Deskripsi Kerja seperti berikut ini:

Gambar 3.1 Isi folder member di dalam folder htdocs Awalnya, pada form ini di bagian atas ada kolom Id nya. Akan tetapi setelah praktikan mencoba menjalankan form ini, Id itu akan terisi secara ptomatis di databasenya. Karena Id nya menggunakan auto_increment. Oleh karena itu, kolom Id nya, praktikan hapus, jadinya seperti ini:

Gambar 3.2 Desain form sebelum dan sesudah kolom Id dihapus

Pada Index of / member, setelah diklik tampil_form.php, akan muncul tampilan form yang telah dibuat:

Gambar 3.3 Tampilan form komentar Pada proses input data dan komentar, setelah di klik tombol Comment, maka akan muncul halaman dengan tulisan Komentar Anda berhasil disimpan ^^/.

Gambar 3.4 Form komentar yang diisi

Gambar 3.5 Ketika komentar berhasil disimpan Apabila dilihat di table buku_tamu di http://localhost/phpmyadmin/ , hasilnya seperti ini:

Gambar 3.6 Data berhasil juga disimpan di database Artinya, data dan komentar yang dimasukkan telah benar-benar tersimpan di dalam database.

Gambar 3.7 Terdapat hyperlink Kembali dan Tampilkan Komentar Hyperlink Back dan Tampilkan Komentar di atas dibuat dengan Insert >

Hyperlink. Ketika Back diklik, maka akan kembali ke halaman Form mengisi komentar. Dan ketika Tampilkan Komentar diklik, maka yang muncul adalah komentar-komentar yang telah tersimpan.

Gambar 3.8 Halaman Tampilkan Komentar

Pada halaman http://localhost/member/tampil_member.php, pada kolom Action terdapat hyperlink edit dan delete. Ketika edit diklik, maka akan muncul halaman Edit Komentar.

Gambar 3.9 Halaman Edit Komentar Misalnya, mengedit email. Setelah diklik Update record, tampilannya seperti ini, sama seperti sebelum diedit:

Gambar 3.10 Telah selesai mengedit dan tombol Update recordnya sudah diklik Meskipun begitu, apabila dilihat di table buku_tamu di http://localhost/phpmyadmin/ , hasilnya seperti ini:

Gambar 3.11 Email pada database ikut berubah Artinya, data atau komentar yang diedit, di database nya juga sudah teredit. Dan ketika hyperlink delete diklik (misalnya: liynnaa), maka data akan terhapus dan muncul tulisan Hapus Data Berhasil seperti ini:

Gambar 3.12 Data dengan nama liynnaa sudah dihapus Dan pada table buku_tamu di http://localhost/phpmyadmin/ , hasilnya seperti ini:

Gambar 3.13 Pada database, data liynnaa juga sudah terhapus Data dengan nama liynnaa, sudah tidak ada, sudah terhapus. Pada halaman http://localhost/member/tampil_member.php juga terdapat hyperlink Form. Hiperlink ini akan membawa user ke halaman Form untuk input data dan komentar.

BAB IV PENUTUP Dari langkah langkah yang telah dilakukan praktikan dan pembahasan pada bab sebelumnya , maka didapat beberapa kesimpulan pada praktikum kali ini: 1. PHP dapat mengakses database MySQL dan mengakses table, record, dan field. 2. Fungsi PHP-MySQL adalah suatu fungsi yang menjembatani antara PHP sebagai programming web server, dan MySQL sebagai database. 3. Disini terdapat dua koneksi. Satu koneksi dibuat dengan menggunakan script untuk membuat koneksi ke database MySQL (koneksi.php), satunya lagi dibuat melalui Dreamweaver langsung (member.php). 4. Sebenarnya praktikan tidak bermaksud menggunakan dua koneksi. Akan tetapi, untuk memunculkan Hapus Data Berhasil ketika hyperlink delete pada halaman Tampil Komentar diklik, praktikan bisanya menggunakan koneksi yang koneksi.php. 5. Form komentar ini sudah bisa digunakan dan sudah terhubung dengan database MySQL juga. Akan tetapi, desainnya sangat sederhana. 6. Dalam menjalankan form ini, juga sudah tidak terlalu ribet karena adanya hyperlink. 7. Ketika data dan komentar yang dimasukkan berhasil disimpan, akan muncul halaman dengan tulisan Komentar Anda berhasil disimpan ^^/. 8. Hyperlink edit dan delete pada halaman http://localhost/member/tampil_member.php berfungsi dengan lumayan baik. 9. Akan tetapi pada halaman Edit Komentar, setelah menekan tombol Update record, meskipun datanya sudah berhasil diedit / diupdate, belum ada penunjuk bahwa datanya berhasil diedit seperti yang terjadi ketika data berhasil disimpan.

DAFTAR PUSTAKA Fidel Saputra. 2011. Dreamweaver, PHP dan MySQL untuk Aplikasi Data Mahasiswa. http://viperfanasa.blogspot.com/2011/11/dreamweaver-php-dan-mysql-untuk.html (5/26/2012, 9:43 PM) NN. ____. Setting Site Di Dreamweaver CS3. http://mous-design.com/setting-site-didreamweaver-cs3.html (5/26/2012, 11:51 PM) Rizal Loa Wanda. 2011. Pengertian phpMyAdmin. http://wwdq.blogspot.com/2011/04/pengertian-phpmyadmin.html (5/28/2012, 10:28 PM) SA Andre. 2010. Aplikasi Web Dinamis. http://eprints.undip.ac.id/20733/1/Jurnal_TA_andre.pdf (5/28/2012, 10:55 PM)