Modul-6 MySQL, Koneksi Database, dan Menampilkan Data Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG
I. Memasukan data dari array ke database Masih ingat array associative yang kalian miliki dari latihan- latihan pada modul sebelumnya? (Buku/Film/Tokoh Islam/Pahlawan Indonesia/Perusahaan teknologi), atau jika kita lihat contoh dari latihan sebelumnya yang menggunakan data mahasiswa:. Nah pada latihan kali ini, kita akan mencoba untuk memasukan data tersebut kedalam sebuah database, karena untuk selanjutnya data yang akan kita gunakan berasal dari database bukan array lagi. Untuk modul kali ini, kalian diperbolehkan untuk menggunakan antarmuka mysql dengan command prompt, phpmyadmin, atau bahkan aplikasi lain untuk mengelola data mysql (mysql workbench, navicat, heidisql, dll). Sekali lagi, data yang dibuat harus sesuai dengan kasus yang kalian dapat! Membuat database Buatlah sebuah database dengan nama pw_nrp (tanpa tanda petik, dan NRP diganti dengan NRP kalian masing-masing). Contoh : pw_163040019 PEMOGRAMAN WEB 1
Membuat tabel Buatlah tabel di dalam database yang kalian buat, beri nama sesuai dengan kasus yang kalian miliki, isilah jumlah kolom sesuai dengan jumlah data pada array yang sebelumnya kalian miliki dan jangan lupa tambahkan 1 kolom untuk id. Contoh : +1 untuk id Membuat struktur field Buatlah struktur untuk field- field dari tabel yang sudah kalian buat, sesuaikan tipedata dan panjang dari tiap- tiap datanya. Jangan lupa untuk id, tambahkan atribut primary keydan auto_increment (a_i). Contoh : Tambahan untuk id PEMOGRAMAN WEB 2
Mengisi data Isikan minimal 10 data pada tabel seperti sebelumnya mengisikan data pada array. Export Database Lakukan export pada database yang sudah dibuat agar mudah untuk dikirimkan dan diimport kembali bila diperlukan. Beri nama file yang sama dengan nama database kalian kalian. Kumpulkan file.sql hasil export ke asisten kalian masing- masing. ( Belum selesai masih ada latihan utama ). PEMOGRAMAN WEB 3
Normalisasi (tidak wajib) Database yang sudah kalian buat (jika mengikuti instruksi diatas) belum optimal, karena belum melalui tahap normalisasi dan optimasi. Jika kalian memiliki pemahaman mengenai hal hal tersebut, silahkan implementasikan pada database yang dibuat. Contoh: pada kasus tabel mahasiswa, seharusnya field jurusan dan universitas memiliki tabel sendiri yang nantinya terhubung ke tabel mahasiswa menggunakan foreign key. II. Mengkoneksikan database dan menampilkan data Pada bagian ini kita memodifikasi latihan5b & latihan5c pada Modul 5 menggunakan Database yang sudah dibuat pada bagian sebelumnya. Pada modul kali ini, ada beberapa hal yang harus kalian siapkan. Hal pertama yang harus kalian lakukan adalah membuat sebuah folder dengan nama modul5. Setelah itu, buatlah folder di dalamnya dengan nama latihan0 lalu copy-kan file latihan5b & 5c pada modul 5 ke dalam folder baru tersebut (berikut adalah contoh untuk kasus mahasiswa, file kalian mungkin berbeda karena kasusnya berbeda). Pastikan agar aplikasi ini berjalan dengan baik yaitu dapat menampilkan data dari array associative. index.php profil.php Sekali lagi, data yang dibuat harus sesuai dengan kasus yang kalian pilih (cek kembali di modul 5 latihan5b). PEMOGRAMAN WEB 4
Latihan - Pastikan database kalian sudah ada di server, dan jangan lupa untuk menjalankan server pada XAMPP. - Duplikat folder latihan0, lalu beri nama menjadi latihan6a. 1. latihan6a - Modifikasi index.php agar mengambil data dari database, bukan dari array - Hapus data array, lalu ganti dengan koneksi ke database. - Tampilkan data menggunakan fungsi query pada PHP 2. latihan6b - Duplikat folder latihan6a, lalu beri nama menjadi latihan6b. - Buatlah sebuah file baru dengan nama functions.php untuk menyimpan fungsifungsi yang kita butuhkan (koneksi & query). PEMOGRAMAN WEB 5
- Modifikasi index.php agar terhubung dengan file functions.php dan memanggil fungsi query. - Ubah kembali cara menampilkan datanya. PEMOGRAMAN WEB 6
3. latihan6c Modifikasi halaman index, agar nama menjadi link yang terhubung ke halaman profil.php dengan mengirimkan id mahasiswa - Modifikasi halaman detail (profil.php) agar dapat menerima data dari index dan menampilkan data lengkap menggunakan query. - Beri index [0] pada query agar data yang tampil hanya 1 saja. - Jangan lupa untuk cek apabila halaman detail tidak menerima id dari url, jika tidak ada id, kirim kembali user ke halaman index. - Tampilkan data detail PEMOGRAMAN WEB 7
Referensi Link : https://www.youtube.com/watch?v=fxe6qev-bno&list=plfim0718ljiuqxfmeibe3- uzerzph3vp6&index=10 https://www.youtube.com/watch?v=gvkr2v- JULE&index=11&list=PLFIM0718LjIUqXfmEIBE3-uzERZPh3vp6 -- Cheerio -- PEMOGRAMAN WEB 8