MODUL 7 MySQL, Koneksi database dan menampilkan data

MODUL 7 – MySQL, Koneksi database dan menampilkan data Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017

26 April 2017

Modul 7 – MySQL, koneksi database, dan menampilkan data

Konten Mengubah Data dari Array menjadi Database ................................................................................... 2 Mengkoneksikan database dan menampilkan data ............................................................................ 5

Teknik Informatika – Universitas Pasundan Bandung

1|


26 April 2017

Bagian 1 -Mengubah Data dari Array menjadi Database Masih ingat array associative yang kalian miliki dari latihan-‐latihan pada modul sebelumnya bukan? (Buku/Film/Tokoh Islam/Pahlawan Indonesia/Perusahaan teknologi), atau jika kita lihat contoh dari latihan sebelumnya yang menggunakan data mahasiswa:

pada latihan kali ini, kita akan mencoba untuk mengubah data tersebut menjadi database, karena untuk selanjutnya data yang akan kita gunakan adalah 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 pilih, untuk 1. Latihan 1 bagian 1– membuat database

Buatlah sebuah database dengan nama ‘pw2_NRP’ (tanpa tanda petik, dan NRP diganti dengan NRP kalian masing2). Contoh : pw2_043040023


2|

26 April 2017


2. Latihan 2 bagian 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’

3. Latihan 3 bagian 1 – membuat struktur tabel

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

tambahkan untuk ‘id’

4. Latihan 4 bagian 1– mengisi data

Isikan minimal 10 data pada tabel seperti sebelumnya mengisikan data pada array.


3|


26 April 2017

Gambar hasil data yang sudah diinputkan

5. Latihan 5 bagian 1– 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.

6. Latihan 6 bagian 1– Finalisasi

Kumpulkan file .sql hasil export ke asisten kalian masing--‐masing. ( belum selesai masih ada latihan bagain ke-2 ). 7. Latihan 7 – Tambahan (tidak wajib dikerjakan)

Database yang sudah kalian buat (jika mengikuti instruksi modul ini) 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.


4|


26 April 2017

Bagian 2- Mengkoneksikan database dan menampilkan data Pada bagian ini kita memodifikasi Latihan 2 & 3 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 “Modul7”. Setelah itu, buatlah folder di dalamnya dengan nama “latihan0” lalu copy-‐kan file latihan 2 & 3 pada modul 5 ke dalam folder baru tersebut (berikut adalah contoh untuk kasus mahasiswa, file kalian mungkin berbeda karena kasusnya berbeda). modul7

Pastikan agar aplikasi ini berjalan dengan baik yaitu dapat menampilkan data dari array associative.

profil.php index.php Sekali lagi, data yang dibuat harus sesuai dengan kasus yang kalian pilih (cek kembali di modul 5 latihan 2). 1. Latihan 1 bagian 2 – koneksi ke database dan menampilkan data dari tabel

-‐ Pastikan database kalian sudah ada di server, dan jangan lupa untuk menjalankan server pada XAMPP. -‐ Duplikat folder ‘latihan0’, lalu beri nama menjadi ‘latihan1’.


5|

26 April 2017


-‐ 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. Latihan 2 – Modularisasi

-‐ Duplikat folder ‘latihan1’, lalu beri nama menjadi ‘latihan2’. -‐

Buatlah sebuah file baru dengan nama functions.php untuk menyimpan fungsi--‐fungsi yang kita butuhkan (koneksi & query)


6|

26 April 2017


-‐ Modifikasi index.php agar terhubung dengan file functions.php dan memanggil fungsi query

-‐ Ubah kembali cara menampilkan datanya seperti pada ‘latihan0’

3. Latihan 3 – Modifikasi halaman detail (profil.php)

-‐

Modifikasi halaman index, agar nama menjadi link yang terhubung ke halaman profil.php dengan mengirimkan id mahasiswa


7|

26 April 2017

-‐


Modifikasi halaman detail (profil.php) agar 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

1. Latihan 4 – Tambahkan CSS agar tampilannya lebih menarik 2. Kompres (zip / rar) folder ‘modul7’ beri nama dengan modul7--‐nrp.zip/rar lalu kirimkan ke asisten masing--‐masing 3. Kalian dapat melihat sourcecode--‐nya di web pw2.if--‐unpas.org 4. Dan hasilnya dapat dilihat di pw2.if--‐unpas.org/modul9/latihan4


8|

26 April 2017


= Selamat Mencoba dan Belajar = Jangan malu bertanya kepada Asisten bila ada materi yang kurang dipahami. [email protected]


9|

MODUL 7 MySQL, Koneksi database dan menampilkan data

Recommend Documents