Rizki Wahyudi

Informatika • Penelitian • Publikasi Ilmiah • Teknologi

Friday, 30 December 2016

Design Web

Pada artikel sebelumnya, Design Simple Template, kita telah membahas pembuatan template website menggunakan HTML, CSS, dan PHP, mulai dari tampilan halaman utama hingga halaman administrator.

Materi kali ini melanjutkan latihan tersebut dengan menghubungkan template ke database MySQL agar website dapat digunakan untuk mengelola konten dan menyimpan data.

 Pengembangan Website dengan PHP dan MySQL

Praktikum dimulai dengan menyiapkan database design, yang berisi tabel administrator, artikel, dan buku tamu. Selanjutnya, kita membuat koneksi PHP ke MySQL dan menambahkan fungsi login administrator.

Melalui halaman admin, pengguna dapat menambah, mengubah, dan menghapus artikel. Konten yang disimpan dalam database kemudian ditampilkan pada halaman website.

Materi ini juga mencakup pembuatan formulir pendaftaran mahasiswa. Data pendaftaran disimpan dalam tabel tersendiri, kemudian dapat ditampilkan dan dicari melalui halaman administrator.

Gambar 1. Contoh tampilan halaman administrator pada latihan Design Web.

Unduh Materi Praktikum

Untuk mengikuti latihan, tersedia tiga file berikut:

  1. Database Design (design.sql) - berisi tabel administrator, artikel, dan buku tamu.
  2. Database Pendaftaran Mahasiswa (tbl_daftar_mahasiswa.sql) - digunakan untuk latihan formulir pendaftaran dan pencarian data.
  3. Modul Design Web Part 2 (PowerPoint) - berisi tahapan praktikum dan contoh kode PHP yang digunakan.

Pelajari modul terlebih dahulu, kemudian siapkan database dan ikuti tahapan pembuatan program sesuai petunjuk.

Materi ini disusun menggunakan PHP dan MySQL versi lama. Beberapa fungsi yang digunakan dalam modul, seperti mysql_connect(), sudah tidak didukung pada PHP versi terbaru. Jika ingin menjalankan latihan menggunakan PHP modern, bagian koneksi dan pengolahan database perlu disesuaikan dengan MySQLi atau PDO.


Share: