Dokumen tersebut memberikan instruksi untuk membuat galeri foto online menggunakan PHP dan MySQL dengan langkah-langkah sebagai berikut: (1) membuat database dan tabel untuk menyimpan data foto, (2) membuat script untuk menginput data dan menyimpan foto ke folder, (3) membuat script untuk menampilkan daftar foto beserta navigasi halaman.
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Web Programming - Simpan Tampil Customer
1. w w w . f r e a k - k u t u o n l i n e . c o m Page 1
WEB PROGRAMMING 1 | GALERI FOTO
Buat database dengan nama dbGaleri, lalu buat tabel galeri dengan struktur tabel sebagai
berikut. Semua file PHP simpan didalam folder htdocs/Galeri, siapkan folder img_album
didalam folder Galeri untuk menyimpan foto atau gambar yang di upload.
Gambar 1. Struktur tabel foto.
Script koneksi.php
<?php
$host="localhost";
$user="root";
$pass=" ";
$db="dbGaleri";
$koneksi=mysql_connect($host,$user,$pass)or die(mysql_error());
mysql_select_db($db,$koneksi);
?>
2. w w w . f r e a k - k u t u o n l i n e . c o m Page 2
Buat desain tampilan input galeri foto seperti gambar dibawah ini.
Gambar 2. Layout inputData.php.
Script inputData.php
<body>
<form id="form1" name="form1" method="post" action="simpanData.php"
enctype="multipart/form-data">
<table width="500" border="1" align="center" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#999999"><div align="center"><b>GALERI FOTO</b></div></td>
</tr>
<tr>
<td width="75">NAMA</td>
<td><input name="nama" type="text" size="40" /> </td>
</tr>
<tr>
<td width="75" valign="top">FOTO</td>
<td><input name="fupload" type="file" size="40" /> <br />
*Format foto harus JPG/JPEG.</td>
</tr>
<tr>
<td colspan="2" bgcolor="#999999"><div align="right">
<a href="view_image.php">Lihat Foto</a>
<input name="submit" type="submit" value="Submit" /><input name="reset" type="reset"
value="Cancel" /></div></td>
</tr>
</table>
</form>
</body>
3. w w w . f r e a k - k u t u o n l i n e . c o m Page 3
Script simpanData.php
<?php
include "koneksi.php";
$lokasi_file=$_FILES['fupload']['tmp_name'];
$tipe_file=$_FILES['fupload']['type'];
$nama_file=$_FILES['fupload']['name'];
$acak=rand(000000,999999);
$nama_file_unik=$acak.$nama_file;
if (!empty($lokasi_file))
{
move_uploaded_file($lokasi_file,"img_album/".$nama_file_unik);
mysql_query("INSERT INTO galeri (nama_lengkap,
foto)
VALUES('$_POST[nama]',
'$nama_file_unik')");
}
else
{
echo "Anda belum memilih gambar.";
}
?>
<br />
<meta http-equiv="refresh" content="0;url=view_image.php?Data foto tersimpan." />
Script view_image.php
<?php
include "koneksi.php";
//memberi batas halaman
$batas=4;
$hal=$_GET['hal'];
if(empty($hal)){
$posisi=0;
$hal=1;
} else {
$posisi=($hal-1)*$batas;
}
//menampilkan gambar atau foto dari dalam tabel
//secara descending (dari id foto terbesar ke id foto terkecil / foto yang terakhir
tersimpan)
$sql=mysql_query("SELECT * FROM galeri ORDER BY id DESC LIMIT
$posisi,$batas")or die(mysql_error());
while($data=mysql_fetch_array($sql))
{
4. w w w . f r e a k - k u t u o n l i n e . c o m Page 4
echo "<img src='img_album/$data[foto]' border='0' width='200' height='250'
hspace='2' title='$data[nama_lengkap]'/>";
}
//menampilkan gambar atau foto didalam halaman
$query=mysql_query("select * from galeri");
$num=mysql_num_rows($query);
$jmlHal=ceil($num/$batas);
//menampilkan halaman
echo "<br>Halaman : ";
for($i=1;$i<=$jmlHal;$i++){
if($i != $hal){
echo "<a href=view_image.php?hal=$i>$i</a> | ";
} else {
echo "<b>$i</b>|";
}
}
?>
<br />
<a href="inputData.php">Upload Lagi</a>
Jika sudah selesai semua scriptnya, hasilnya akan terlihat seperti pada gambar dibawah ini.
Gambar 3. view_image.php.
5. w w w . f r e a k - k u t u o n l i n e . c o m Page 5
Gambar atau foto yang di upload akan tersimpan di dalam folder img_album yang telah
disiapkan sebelumnya.
Gambar 4. Isi folder img_album.
Selamat mencicipi…