Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 95 6) Kita perlu merefresh MySQL Connectionnya
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 96 8) Field id dihilangkan.
9) Setelah itu klik OK
10) Buat Insert Record From Wizard
11) Setelah deskripsi diganti dengan Text Area Id dihilangkan
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 97 12) Klik OK
13) Nanti akan muncul tampilan form input data seperti berikut ini.
14) Jika dilihat dari browser seperti berikut ini 15) Ganti textfield diganti dengan file field
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 98 16) Sehingga menjadi seperti ini.
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 99 18) Masuk ke View Code.
Temukan if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
(tergantung memakai form1,form2,dst) 19) Lalu tambahkan script ini
$target = "upload/"; //This folder ini temat gue menampung hasil upload //
$target = $target . basename( $_FILES['foto']['name']);
Ubah ($_POST [‘foto’], “text”)) menjadi ($_FILES[‘foto’][‘name’], “text”))
Lalu tambahkan script ini dibawahnya.
if(move_uploaded_file($_FILES['foto']['tmp_name'], $target)) {
Cari header(sprintf("Location: %s", $insertGoTo));lalu tambahkan script ini dibawahnya
}else{
header(sprintf("Location: upload_file.php?file=error")); }
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 100 20) Pada upload_file.php tambahkan sebuah Recordset baru dengan filter none dan pengurutan dari id
Ascending.tampilan scriptnya seperti berikut ini.
21) Copy script recordset tadi di atas $editFormAction = $ SERVER[‘PHP_SELF’];
22) Kemudian tambahkan script di bawah ini di atas Form input data tadi ditambah dengan tag <div></div>
<?php if(isset($_GET['file']) && ($_GET['file']=="uploaded")) { ?> <h1 class="style5">Terimakasih, file Anda berhasil diupload</h1> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 101
<td width="23%" rowspan="3"><span class="style5"><strong><img src="upload/<?php echo $row_rsGalery['nama_file']; ?>" width="63" height="73"></strong></span></td>
<td width="27%"><span class="style8">Nama</span></td> <td width="3%"><span class="style5">:</span></td>
<td width="47%"><span class="style47"><span class="style53"><?php echo $row_rsGalery['judul_file']; ?></span></span></td>
</tr> <tr>
<td><span class="style8">Keterangan</span></td> <td><span class="style5">:</span></td>
<td nowrap><span class="style47"><span class="style53"><?php echo $row_rsGalery['deskripsi_file']; ?></span></span></td>
</tr> <tr>
<td><span class="style8">Uploaded By </span></td> <td><span class="style5">:</span></td>
<td nowrap><span class="style54"><?php echo $row_rsHome['nama']; ?></span></td>
</tr> </table>
<h3 class="style5"><span class="style5">
<?php }elseif(isset($_GET['file']) && ($_GET['file']=="error")) { ?> </span></h3>
<h1 class="style5">Mohon maaf, terjadi error dalam proses upload file</h1> <p class="style5"><img src="images/attention-icon.png" width="32"
height="32"></p>
<p class="style5"><a href="upload_file.php">Ulangi upload file</a></p> <span class="style5">
<?php }else{ ?>
23) Lihat gambar biar jelas.hehe
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 102 25) Dan tambahkan penutupnya di bawah Form input script di bawah ini.
<?php } ?>
Lihat gambar di bawh ini.jangan lupa tempatkan penutup </div> setelah <form>
26) Tampilan sementara halaman upload_file.php menjadi seperti gambar di bawah ini. 27) Kalau upload berhasil dan gagal nanti aka nada notifikasinya.
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 103 28) Setelah itu masuk ke halaman user_files.php untuk membuat daftar foto yang telah di upload oleh
user yang terdaftar.
29) Buat tabel baru 2 bari dan 3 kolom Desain semenarik mungkin
30) Lalu pada kolom Nama File diisi dengan recordset dari nama file,untuk preview diisi dengan
PlaceHolder yang di link kan dengan Recordset foto sedangkan Action dikosongkan karena user tidak berhak mengedit foto.
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 104 31) Setelah itu buat Repeat Region pada baris kedua.
32) Sebelumnya anda harus buat recordset terlebih dahulu. Hasilnya seperti berikut ini
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 105 33) Setelah itu buat sebuah link menuju ke upload_file.php
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 106 1) Kita uji upload file tadi.login terlebih dahulu pada salah satu akun user biasa.
2) Masuk ke menu User File klik Upload New
3) Sekarang mencoba untuk login dan mengupload sebuah file.
4) Nanti jika berhasil muncul seperti ini.
5) Apabila gagal muncul penampakan seperti gambar berikut.
Uji Coba (Bagian 3)
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 107 35) Nanti akan muncul galeri seperti gambar di bawah ini.
Sistem Informasi Kepegawaian Berbasis Dreamweaver dan MySQL untuk Pemula Halaman 108 1) Setelah itu saya akan membuat gallery untuk Administrator
2) Pertama buat file php baru
3) Copykan script di bawah ini lalu simpan dengan nama paging.class.php di folder ../htdocs/pegawai
<?php
class Display {
function pagination($rows, $per_page, $current_page, $page_link) { global $core,$C;
// Create a Page Listing
$this->pages = ceil($rows / $per_page);
// If there's only one page, return now and don't bother if($this->pages == 1) {
return; }
// Pagination Prefix
$output .= "<!-- Pagination by Dennis Pedrie. Used by Permission -->";
$output = "Pages: ";
// Should we show the FIRST PAGE link? if($current_page > 2) {
$output .= "<a href=\"". $page_link ."?page=1\" title=\"First Page\">First</a>";
}
// Should we show the PREVIOUS PAGE link? if($current_page > 1) {
$previous_page = $current_page - 1;
$output .= " <a href=\"". $page_link ."?page=". $previous_page ."\" title=\"Previous Page\">Prev</a>";
}
// Current Page Number
$output .= "<strong>[ ". $current_page ." ]</strong>"; // Should we show the NEXT PAGE link?
if($current_page < $this->pages) { $next_page = $current_page + 1;
$output .= "<a href=\"". $page_link ."?page=". $next_page ."\" title=\"Next Page\">Next</a>";
}
// Should we show the LAST PAGE link? if($current_page < $this->pages - 1) {
$output .= " <a href=\"". $page_link ."?page=". $this- >pages ."\" title=\"Last Page\">Last</a>";
