Modul Web Dinamis

Pembuatan Web dinamis perpustakaan menggunakan php.

Langkah langkah pembuatan database dan tabelnya menggunakan phpmyadmin dengan menggunakan software
terintegrasi XAMPP.

1. Jalankan software xampp kemudian jalankan apache dan mysql

2. Buka webbrowser chrome, modzilla, atau yang lainnya ketikkan pada address bar http://localhost/

maka akan muncul tampilan seperti di bawah ini

3. Click pada bagian tools  phpMyAdmin muncul tampilan

Syarifal Hidayat Hal 1

Modul Web Dinamis

4. Kemudian click pada database maka akan muncul

5. Click pada bagian sebelah kiri nama databasenya yang telah dibuat. kemudian buat table

6. Isikan pada name dengan nama table contoh katagori dan Number of columns 4 sesuai dengan banyaknya jumlah
field/kolom kemudian akan muncul tampilan

7. Isikan nama field typenya dan length/valuenya/widthnya dan tentukan indexnya, untuk AI kolom ini akan auto
counter 1 jika ditambahkan data baru.
8. Kemudian tekan save.
9. Buatlah untuk table-table yang lain.

Syarifal Hidayat Hal 2

Modul Web Dinamis
Pembuatan web dinamis menggunakan php

Proses pembuatan ada 7 bagian yaitu:

1. Koneksi  digunakan untuk membuat koneksi ke database Mysql

2. Form input  digunakan untuk memasukkan nilai yang akan disimpan pada database.
3. Input  digunakan untuk memproses data untuk disimpan ke database yang telah di inputkan pada form input
4. Tampil  digunakan untuk menampilkan isi/record dari sebuah table pada database
5. Delete  digunakan untuk proses panghapusan record pada table dalam database
6. Form update  digunakan untuk menampilkan form sebuah record yang akan diubah
7. Update  digunakan untuk memproses perubahan yang telah diinputkan pada form update

Alur proses tiap page dalam memproses suatu table

form_input.php koneksi.php koneksi.php koneksi.php

input.php tampil.php delete.php

*) Setelah proses delete dan update, akan kembali

koneksi.php
untuk menampilkan data dari table.

Tambahkan pada proses tampil untuk link form_update.php

kembali ke form input untuk menambahkan
data

Buat 1 folder dalam directori c:/xampp/htdocs/.. koneksi.php

update.php

1. koneksi.php
<?php
mysql_connect ("localhost","root","");
mysql_select_db("perpustakaan");
?>

Penulisan name samakan dengan

2. form_input_katagori.php
field/kolom pada tabel

<form action="input_katagori.php" enctype="multipart/form-data" method="POST">

<input type="hidden" name="id_katagori">
Untuk type file di tangani secara
Nama : <input type="text" name="katagori"><br> berbeda. (didalam database
Foto Katagori : <input type="file" name="foto_katagori"><br> disimpan nama filenya saja
Deskripsi : <input type="text" name="deskripsi"> sedangkan filenya disimpan
dalam folder yang lain)

Syarifal Hidayat Hal 3

Modul Web Dinamis
<input type="submit" value="Simpan">
</form>

3. input_katagori.php (buat folder img dalam satu folder dengan file ini)
<?php Penulisannya samakan saja dengan name
include ("koneksi.php"); pada form_input_katagori.php
$id_katagori= $_POST['id_katagori'];
$katagori=$_POST['katagori'];
$deskripsi=$_POST['deskripsi'];
If (isset($_FILES['foto_katagori'])) {
$filename=$_FILES['foto_katagori']['name'];
$tmpfile=$_FILES['foto_katagori']['tmp_name'];
Untuk file memiliki beberapa property .
$sizefile=$_FILES['foto_katagori']['size']; jika form_ input tidak menggunakan
$typefile=$_FILES['foto_katagori']['type']; type=file bagian yang di cetak miring
$errorfile=$_FILES['foto_katagori']['error']; tebal tidak perlu di gunakan
$dir = "img/";
If ($typefile==("image/jpeg")){
move_uploaded_file ($tmpfile,$dir.$filename);
$query = "insert into katagori (katagori,foto_katagori,deskripsi) values
('$katagori','$dir$filename','$deskripsi')";
mysql_query ($query) or die ("Gagal Input");
}
}
header("location:tampil_katagori.php");
?>

4. tampil_katagori.php
<?php
Include ("koneksi.php");
$query = "select * from katagori";
$result = mysql_query ($query);
while ($data = mysql_fetch_array($result)){
Untuk type = file gambar dapat di
echo $data['id_katagori']."<br>"; tampilkan dengan menggunakan tag img
echo $data['katagori']."<br>";
echo "<img src=$data[foto_katagori] width=100 height=100 ><br>";
echo $data['deskripsi']."<br>";
echo "<a href=form_update_katagori.php?id_katagori='$data[id_katagori]'>Update</a><br>"; Ditambahkan
echo "<a href=delete_katagori.php?id_katagori='$data[id_katagori]'>delete</a><br>"; untuk proses
update dan
}
delete
?>
<a href="form_input_katagori.php"> Insert data </a>

Syarifal Hidayat Hal 4

Modul Web Dinamis
5. form_update_katagori.php
<?php
include ("koneksi.php");
$id_katagori = $_GET['id_katagori'];
$query = "select * from katagori where id_katagori=$id_katagori";
echo $query;
$result = mysql_query ($query);
$data = mysql_fetch_array($result);

?>
<form action="update_katagori.php" enctype="multipart/form-data" method="POST">
<input type="hidden" name="id_katagori" value="<?php echo $id_katagori; ?>">
Nama : <input type="text" name="katagori" value="<?php echo $data['katagori']; ?>"><br>
Foto Katagori : <input type="file" name="foto_katagori" value="<?php echo $data['foto_katagori']; ?>"><br>
Deskripsi : <input type="text" name="deskripsi" value="<?php echo $data['deskripsi']; ?>">

<input type="submit" name="Simpan">

</form>

6. update_katagori.php
<?php
include ("koneksi.php");
$id_katagori= $_POST['id_katagori'];
$katagori=$_POST['katagori'];
$deskripsi=$_POST['deskripsi'];

If (isset($_FILES['foto_katagori'])) {

$filename=$_FILES['foto_katagori']['name'];
$tmpfile=$_FILES['foto_katagori']['tmp_name'];
$sizefile=$_FILES['foto_katagori']['size']; jika form_update tidak menggunakan
$typefile=$_FILES['foto_katagori']['type']; type=file bagian yang di cetak miring
tebal tidak perlu di gunakan
$errorfile=$_FILES['foto_katagori']['error'];
$dir = "img/";
If ($typefile ==("image/jpeg")){
move_uploaded_file ($tmpfile,$dir.$filename);
$query = "update katagori set katagori='$katagori', foto_katagori
='$dir$filename',deskripsi='$deskripsi' where id_katagori=$id_katagori";
mysql_query ($query) or die ("Gagal update1");
} else {
$query = "update katagori set katagori='$katagori',deskripsi='$deskripsi' where

Syarifal Hidayat Hal 5

Modul Web Dinamis
id_katagori=$id_katagori";
mysql_query($query) or die ("Gagal update2");
}

header("location:tampil_katagori.php");
?>

7. delete_katagori.php
<?php
include ("koneksi.php");
$id_katagori= $_GET['id_katagori'];
$query = "delete from katagori where id_katagori = $id_katagori";
mysql_query ($query) or die ("Gagal delete");
header("location:tampil_katagori.php");
?>

Untuk latihan buatkan semua tabel pada database perpustakaan 7 page seperti diatas.

Syarifal Hidayat Hal 6