Pemrograman Web dan Perangkat Bergerak

Membuat Bukutamu
menggunakan PHP Native Bagian ke-1
Tanggal : 12 Agustus 2019
Perkiraan waktu : 5 Jam
Kompetensi Inti :
Membuat Web Bukutamu menggunakan PHP Native

Kompetensi Dasar :
- Memahami Konsep CRUD PHP Native
- Memahami Pembuatan Database di PHP MyAdmin
- Belajar membuat Bukutamu berbasis Web
 Persiapan Awal
• Pastikan di Laptop/PC Anda sudah terinstall Web Server contohnya XAMPP
(bisa didownload di https://www.apachefriends.org/download.html)
• Pastikan di Laptop/PC Anda sudah terinstall Text Editor contohnya Visual
Code / Sublime / Notepad (bisa didownload di
https://code.visualstudio.com/download)
 Pembuatan Database
• Buat Database dengan nama bukutamudb

• Buat table dengan nama tbl_tamu dan jumlah fieldnya misal 7

 Pembuatan Database
• Tentukan Nama Field, Type Field dan Primary Key nya
 Pembuatan Database
• Klik Menu “Structure” dan pastikan kalua id_tamu sudah jadi primary key
serta auto_increment sudah ditambahkan
 Pembuatan Database
• Klik Menu “Insert” Isi Tabel yang sudah dibuat minimal 2-5 record.
 Pembuatan Database
• Klik Menu “Browse” untuk melihat hasil Insert data anda
 Pembuatan Koneksi ke database di PHP
• Buat Folder di xampp/htdocs/ misalnya dengan nama bukutamu
• Setelah itu buat file dengan nama koneksi.php

• Ketikan tag PHP dibawah ini untuk membuat koneksi ke database.

• Sesuaikan nama databasenya dengan yang anda buat di phpmyadmin
 Pembuatan Form Input di PHP
• Buat file index.php,
lalu Ketikan tag PHP
disamping ini untuk
membuat form
input.
• Action digunakan
untuk mengirimkan
data yang diinput
supaya nanti bias
diproses.
• Method digunakan
untuk menentukan
type pengiriman
data.
 Cek Form Input
• Ketikan localhost/bukutamu/index.php, maka akan muncul form seperti dibawah ini.
 Pembuatan Proses Submit ke Database di PHP
• Buat file submit-bukutamu.php, lalu Ketikan tag PHP dibawah ini untuk memproses data dari
form input.
• Include adalah fungsi php untuk memanggil file php lainnya
• Header location adalah fungsi untuk meredirect/mengarahkan ke halaman lain secara otomatis.
• $con adalah nama variable yang dibuat di koneksi.php
 Menampilkan data dari Database di PHP
• Buat file view-bukutamu.php, lalu Ketikan tag PHP dibawah ini untuk menampilkan data dari
database.
 Cek Hasil Input Data
• Ketikan localhost/bukutamu/view-bukutamu.php, maka akan muncul form seperti dibawah ini.
 Referensi Download Template
Guest Book
• https://colorlib.com/wp/free-html5-contact-form-templates/
• https://bootsnipp.com/tags/contact
• https://uicookies.com/free-html-contact-forms/
 Tugas
1. Silahkan modifikasi template guest book / contact form yang sudah anda
download sesuai dengan ide bukutamu yang akan anda buat.
2. (idenya bias membuat buku tamu undangan pernikahan, event, buku
telp, antrian, dan lain-lain)