4.4 Implementasi Use Case
4.4.2 Use Case Upload Data Rekapitulasi Izin
Gambar 4.76: Halaman Upload Data Rekapitulasi Izin
Gambar 4.76 merupakan tampilan untuk melakukan proses upload data rekap tiap pelayanan izin. Proses ini dilakukan setiap 1 bulan sekali, karena diharapkan file rekap ini merupakan hasil rekap data tiap pelayanan izin yang terjadi selama 1 bulan. Pada halaman upload data rekap izin ini, user diberi kewenangan untuk memilih file yang akan diupload dengan memilih tombol “Browse”. Setelah memilih 21 file pelayanan izin yang akan diupload, semua file data rekap akan disimpan dengan memilih tombol “Simpan”. Implementasi halaman upload data rekapitulasi dapat dilihat sebagai berikut:
Source Code UploadFileIzin.jsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Mondrian KPT Klaten</title>
<meta name="keywords" content="" /> <meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> </head>
<div id="content"> <!-- header begins --> <div id="header"> <div id="logo"> </div> </div> <!-- header ends --> <!-- content begins --> <div id="main_top"> <div id="main"> <div id="right" >
<H4 style="font-size: 12pt; color: red"> <%if (request.getParameter("izin")!=null) {
if (request.getParameter("izin").equalsIgnoreCase("ok")) { out.println("File Pelayanan Izin Berhasil Disimpan"); }
else if (request.getParameter("izin").equalsIgnoreCase("no")) { out.println("Gagal Menyimpan File Jenis Izin!");
} } %> </H4>
<h2 style="font-size: 15pt; color: orange"><center>Upload File Tiap Jenis Pelayanan Izin:</center></h2> <br>
<br> <br>
<form enctype="multipart/form-data" name="frm" method="post" action="ProsesUploadFileJenisIzin.jsp">
<table> <tr>
<td> </td> <td>Izin Gangguan</td>
<td colspan="7"><input name="503_01Field" id="503_01" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Mendirikan Bangunan (HO)</td>
<td colspan="7"><input name="503_02Field" id="503_02" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Usaha Penggilingan Padi</td>
<td colspan="7"><input name="503_03Field" id="503_03" type="file" size="39"></td> </tr>
<tr>
<td> </td> <td>Izin Reklame</td>
<td colspan="7"><input name="503_04Field" id="503_04" type="file" size="39"></td> </tr>
<tr>
<td>Tanda Daftar Industri (TDI)</td>
<td colspan="7"><input name="503_05Field" id="503_05" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Surat Izin Usaha Perdagangan(SIUP)</td>
<td colspan="7"><input name="503_06Field" id="503_06" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Tanda Daftar Perusahaan (TDP)</td>
<td colspan="7"><input name="503_07Field" id="503_07" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Tanda Daftar Gudang (TDG)</td>
<td colspan="7"><input name="503_08Field" id="503_08" type="file" size="39"></td> </tr>
<tr>
<td> </td> <td>Izin Lokasi</td>
<td colspan="7"><input name="503_09Field" id="503_09" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Perubahan Pemanfaatan Lahan</td>
<td colspan="7"><input name="503_10Field" id="503_10" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Penyelenggaraan Bidang Pariwisata</td>
<td colspan="7"><input name="503_11Field" id="503_11" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Rumah Bersalin</td>
<td colspan="7"><input name="503_12Field" id="503_12" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Balai Pengobatan</td>
<td colspan="7"><input name="503_13Field" id="503_13" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Praktek Dokter Bersama</td>
<td colspan="7"><input name="503_14Field" id="503_14" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Praktek Bersama Dokter Gigi</td>
<td colspan="7"><input name="503_15Field" id="503_15" type="file" size="39"></td> </tr>
<tr>
<td>Izin Bersama Praktek Dokter Umun</td>
<td colspan="7"><input name="503_16Field" id="503_16" type="file" size="39"></td> </tr>
<tr>
<td> </td> <td>Izin Apotek</td>
<td colspan="7"><input name="503_17Field" id="503_17" type="file" size="39"></td> </tr>
<tr>
<td> </td> <td>izin Optik</td>
<td colspan="7"><input name="503_18Field" id="503_18" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Tukang Gigi</td>
<td colspan="7"><input name="503_19Field" id="503_19" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Praktek Fisiotherapist</td>
<td colspan="7"><input name="503_20Field" id="503_20" type="file" size="39"></td> </tr>
<tr>
<td> </td>
<td>Izin Praktek Refraksionist</td>
<td colspan="7"><input name="503_21Field" id="503_21" type="file" size="39"></td> </tr>
<tr>
<td height="47" class="label"> </td> <td align="right" class="label"></td>
<td width="150" align="center" class="field"><input name="batal" type="button" class="cee_close" value="Batal" onclick="document.forms['uploadIzin'].reset()"/></td>
<td width="100" align="left" class="field"><input name="Simpan" type="submit" class="cee_close" value="Simpan"/></td> </tr> </table> </form> </div> <div id="left"> <h3>Menu</h3> <div id="categories"> <ul>
<li><a href="UploadFileIzin.jsp">Upload File Jenis Izin</a></li>
<li><a href="UploadFileTargetTahunan.jsp">Upload File Target Tahunan</a></li> <li><a href="Menghendel?Job=logout">Logout</a></li>
</ul> </div>
</div><div style="clear:both;"></div> </div> <div id="main_bottom"></div></div>
</div> <!--content ends --> <!--footer begins -->
<div id="footer"> <p> Copyright 2011 </p>
<p>Design by Arum Citra Dewi A </p>
</div>
<!-- footer ends--> </body>
</html>
Implementasi untuk memproses hasil file yang sudah dipilih agar dapat disimpan disuatu folder tertentu dapat dilihat sebagai berikut:
a. Nama kelas: ProsesUploadFileJenisIzin.jsp b. Fungsi Metode:
Kelas ini digunakan untuk memproses hasil masukkan data file yang akan diupload
c. Algoritma Metode:
- Membuat variable baru yang bertipe int yaitu nomor dengan nilai 1
- Membuat obyek mr yang bertipe kelas upload yaitu MultipartParser
- Membuat variable baru yang dijadikan sebagai tempat penyimpanan file upload
- Jika data !=null maka dilakukan penyimpanan data dan menulis nama file upload, jika tidak menampilkan pesan berkas tidak ada. - Proses berulang sampai inputan selesai.
- Apabila proses berhasil maka kembali ke halaman UploadFileIzin.jsp dan memberikan pesan “Berhasil melakukan Upload File”
Source Code ProsesUploadFileJenisIzin.jsp:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Hasil upload sejumlah berkas</title>
</head> <body> <%@page import="java.io.*"%> <% int nomor = 1; com.oreilly.servlet.multipart.MultipartParser mr = new com.oreilly.servlet.multipart.MultipartParser(request, 10000000); File berkas = new File("D:/TA/Upload File/Izin/"); com.oreilly.servlet.multipart.Part fp = mr.readNextPart(); while (fp != null) {
if (fp.isFile()) { String namaBerkas =
((com.oreilly.servlet.multipart.FilePart) fp).getFileName(); if (namaBerkas != null &&
namaBerkas.length() > 0) { System.out.println(nomor + ". " + namaBerkas);
((com.oreilly.servlet.multipart.FilePart) fp).writeTo(berkas); }else{
System.out.println(nomor+". <data tdk ada>"); } nomor++; } fp = mr.readNextPart(); } response.sendRedirect("UploadFileIzin.jsp?izin=ok"); ; %> </body> </html>