Scribd
Unggah
34 tayangan9 halaman

Modul 9 Bag 3 Pemrograman Web

Modul ini membahas tentang koneksi PHP dan MySQL untuk membangun aplikasi Sistem Informasi Universitas (SIUNIV) yang dapat menampilkan, menambahkan, memperbarui, dan menghapus data matakuliah dari database. Beberapa langkah kunci meliputi mengaktifkan MySQL dan Apache di XAMPP, menampilkan data matakuliah menggunakan query LEFT JOIN, dan menyimpan atau memperbarui data ke database melalui form-form yang dibuat menggunakan PHP.

Diunggah oleh

M.Akhdan Baihaqi
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
34 tayangan9 halaman

Modul 9 Bag 3 Pemrograman Web

Modul ini membahas tentang koneksi PHP dan MySQL untuk membangun aplikasi Sistem Informasi Universitas (SIUNIV) yang dapat menampilkan, menambahkan, memperbarui, dan menghapus data matakuliah dari database. Beberapa langkah kunci meliputi mengaktifkan MySQL dan Apache di XAMPP, menampilkan data matakuliah menggunakan query LEFT JOIN, dan menyimpan atau memperbarui data ke database melalui form-form yang dibuat menggunakan PHP.

Diunggah oleh

M.Akhdan Baihaqi
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

MODUL 9 PEMROGRAMAN WEB

Koneksi PHP dan MySQL

Bagian 3

Aplikasi web Sistem Informasi Universitas (SIUNIV)

1. Buka XAMPP Control Panel dan aktifkan modul MySQL dan Apache

Menampilkan data matakuliah

2. Buka file read.php pada folder matakuliah


3. Tambahkan baris kode berikut.

 Sintaks SQL menggunakan LEFT JOIN untuk menampilkan semua baris data matakuliah, baik
yang memiliki nilai id_dosen sama/tidak dengan id_dosen di tabel dosen.
 Jika tabel kosong, maka nilai $num adalah 0. Jika di dalam tabel terdapat baris data, nilai $num
>0

4. Di bawah baris kode sebelumnya, tambahkan struktur dasar HTML


5. Di dalam body tambahkan sintaks untuk menampilkan tabel, seperti berikut.
6. Di bawah baris kode sebelumnya, tambahkan sintaks berikut.

7. Di dalam blok sintaks if, tambahkan baris kode berikut.

 Baris 48 menampilkan nama dosen pengajar, sintaks yang ditambahkan dapat dilihat di langkah
no.8

8. Hapus komentar di baris 48. Sebagai gantinya, tambahkan sintaks berikut.

 Dari hasil penggabungan left join, data matakuliah yang nilai id_dosennya tidak cocok dengan
id_dosen di tabel dosen, maka secara otomatis nilai kolom nama_dosennya adalah NULL.
 Jika nilai nama_dosen adalah NULL, maka output yang ditampilkan pada halaman web adalah
“-“
9. Tambahkan sintaks berikut untuk menampilkan link edit

10. Masih di tag td yang sama, tambahkan sintaks berikut untuk menampilkan link hapus

Menambah data matakuliah

1. Buka file form-create.php


2. Tambahkan sintaks PHP berikut.

 Sintaks di atas digunakan untuk menampilkan pilihan nama dosen pengajar pada form tambah
data
3. Di bawah baris kode 6, tambahkan struktur dasar HTML
4. Di dalam <body>, buat form untuk tambah data sehingga menghasilkan tampilan sebagai berikut.

 Pastikan form yang dibuat sudah memenuhi ketentuan berikut:


 Method yang digunakan adalah “POST”
 Nilai action adalah “create.php”
 <input> untuk kode memiliki nilai name=”kode”
<input> untuk matakuliah memiliki nilai name=”nama_matkul”
<input> untuk SKS memiliki nilai name=”sks”
<input> untuk Semester memiliki nilai name=”semester”
<input> / <button> untuk menampilkan tombol memiliki type=”submit”
 Kolom isian untuk dosen pengajar akan ditambahkan di step berikutnya.
5. Untuk kolom isian dosen pengajar, elemen yang digunakan adalah select/dropdown
6. Setelah label untuk dosen pengajar, tambahkan sintaks berikut
7. Setelah tag <option>, tambahkan sintaks berikut

 Sintaks tersebut ditambahkan dengan tujuan menampilkan pilihan nama-nama dosen yang
datanya tersimpan di tabel dosen
 value dari <option> diambil dari nilai id_dosen
 Sedangkan teks yang ditampilkan pada <option> diambil dari nilai nama_dosen
8. Simpan dan lihat hasilnya di browser.

Menyimpan data matakuliah

1. Buka create.php
2. Tambahkan sintaks PHP berikut.

 Variabel $id_dosen menyimpan data id_dosen yang nilainya berasal dari opsi yang dipilih pada
form-create
 Ingat bahwa tabel matakuliah memiliki kolom id_dosen bukan nama_dosen
 Nama dosen yang muncul pada opsi di form hanya ditambahkan untuk memudahkan user
dalam memilih
 Setiap opsi tetap menyimpan data id_dosen untuk dikirim ke tabel matakuliah
3. Di bawah baris kode 9, tambahkan sintaks PHP berikut.
4. Simpan dan lakukan uji coba dengan mengisi data pada form-create terlebih dahulu.

Menampilkan form update matakuliah

1. Buka form-update.php
2. Tambahkan sintaks PHP berikut.

 Variabel $kode digunakan untuk menampung nilai kode yang dikirimkan melalui link ‘Edit’ di
halaman read.php
 Sintaks SQL di baris 7 digunakan untuk mengambil data matakuliah dengan kode sesuai nilai
variabel $kode
 Array $data_dosen digunakan untuk menampung data matakuliah yang akan diubah
3. Di bawah baris kode sebelumnya, tambahkan struktur dasar HTML
4. Di dalam <body> , tambahkan sintaks berikut.
 Kolom pilihan untuk Dosen Pengajar ditambahkan di step berikutnya
5. Untuk menampilkan data dosen di dalam kolom isian, tambahkan sintaks berikut di dalam tag
<input>
value="<?php echo $data_dosen['kode']; ?>"  untuk tag <input> kode
value="<?php echo $data_dosen['nama_matkul']; ?>"  untuk tag <input>
matakuliah
value="<?php echo $data_dosen['sks']; ?>"  untuk tag <input> sks
value="<?php echo $data_dosen['semester']; ?>"  untuk tag <input> semester
6. Untuk kolom pilihan Dosen Pengajar, tambahkan sintaks berikut
 query2 dibuat untuk menampung sintaks SQL yang akan mengambil data semua dosen
7. Di dalam blok while, tambahkan sintaks berikut.

 Baris kode tersebut digunakan untuk membuat opsi dari semua dosen pengajar di tabel dosen
8. Untuk form update, opsi dosen pengajar dari data matakuliah yang akan diubah harus aktif ketika
halaman dimuat. Contoh:

9. Untuk mengaktifkan secara otomatis, tambahkan sintaks berikut di dalam tag <option> di dalam
blok while

 Ditambahkan setelah atribut value


10. Simpan dan tampilkan setelah menekan hyperlink edit pada halaman read.php

Menyimpan hasil pembaharuan data matakuliah

1. Buka file update.php


2. Tambahkan sintaks berikut.
 Variabel-variabel di atas menampung data yang dikirim dari form update
3. Setelah baris kode di atas, tambahkan sintaks berikut.

Sintaks yang disimpan pada variabel query digunakan untuk mengubah data matakuliah dengan
nilai kode sesuai data yang dikirim dari form update
 Query dieksekusi dan hasilnya disimpan di variabel $result
 Nilai jumlah baris yang berhasil dieksekusi/update disimpan di variabel $num
4. Untuk menampilkan pesan berhasil/gagal update, ditambahkan sintaks berikut setelah baris kode
sebelumnya.

 Pesan berhasil ditampilkan jika jumlah baris yang diupdate lebih dari 0
 Jika tidak, pesan gagal ditampilkan
5. Simpan dan uji apakah proses update berhasil dilakukan dengan mengakses form-update terlebih
dahulu

Menghapus data matakuliah

6. Buka file delete.php


7. Tambahkan sintaks berikut.

 Variabel $kode digunakan untuk menampung nilai kode dari matakuliah yang akan dihapus.
Nilai ini diperoleh melalui hyperlink ‘Hapus’
 Sintaks SQL untuk menghapus matakuliah berdasarkan kode disimpan di variabel $query
 Nilai dari jumlah baris data yang berhasil dihapus disimpan di $num
 Jika nilai $num adalah 0, artinya tidak ada baris data yang berhasil dihapus
 Jika nilai $num lebih dari 0, artinya baris data matakuliah berhasil dihapus
8. Untuk menampilkan pesan berhasil/gagal hapus data, tambahkan sintaks berikut setelah baris kode
sebelumnya

9. Simpan dan uji apakah proses hapus data berhasil dengan menekan hyperlink ‘Hapus’ pada
halaman read.php

Anda mungkin juga menyukai