DAFTAR PUSTAKA Adelheid, Andrea & Khairi Nst, 2012. Buku Pintar Menguasai PHP MySQL. Jakarta: Mediakita. Anhar, 2010. Panduan Menguasai PHP & MySQL. Jakarta: Mediakita. Kurniawan, Rulianto, 2010. PHP & MySQL untuk orang Awam. Palembang: Maxikom. Madcoms, 2006. Aplikasi Manajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL. Yogyakarta: ANDI. Menteri Pekerjaan Umum, 2011. Peraturan Menteri Pekeraan Umum Nomor: 10/PRT/M/2011 tentang Pedoman Tata Naskah Dinas Kementerian Pekerjaan Umum. Jakarta: Sekretaris Jenderal. Rahajo, Budi, Imam Heryanto, Enjang RK, 2010. Modul Pemrograman Web HTML, PHP & MYSQL. Bandung: Modula. Rizky, Soetama.2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta:PT. Prestasi Pustakarya. A.S, Rosa, M. Salahuddin, 2011. Modul Pembelajaran Rekayasa Perangkat Lunak. Bandung: Modula. Tata Sutabri, 2012. Analisa Sistem Informasi. Yogyakarta: ANDI. Widodo, Prabowo Pudjo, 2011. Menggunakan UML. Bandung: Informatika. 64
LAMPIRAN Lembar Disposisi Sekretaris 65
Surat Masuk 66
Agenda Surat Masuk 67
68
69
KODING Login.php <?php if( session_status() == PHP_SESSION_NONE ) session_start(); if( isset($_session['username']) && isset($_session['password']) && isset($_session['jabatan']) ) header('location:home.php');?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <html> <head> <title>login here</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- table font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; input font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; --> </style> </head> <body> <div align="center"> <form action="periksa.php" method="post" name="login"> 70
<table width="286" border="0"cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr bgcolor="#99ff99"> <td height="19" colspan="2" align="center" valign="middle"> <font color="##000000">silahkan Masuk di Sini</font></td> </tr> <tr> <td width="106" height="27"> </td> <td width="180"> </td> </tr> <tr> <td height="18" align="right" valign="middle">username : </td> <td valign="middle"> <input name="username" type="text" id="username" size="20"></td> </tr> <tr> <td height="18" align="right" valign="middle">password : </td> <td valign="middle"> <input name="password" type="password" id="password" size="20"></td> </tr> <tr> <td height="19"> </td> <td></td> </tr> <tr> <td height="18" valign="top"><!--dwlayoutemptycell--> </td> <td valign="middle"> <input name="masuk" type="submit" id="masuk" value="masuk"></td> </tr> <tr> <td height="28"> </td> </tr> <tr bgcolor="#99ff99"><td> <td height="18" colspan="2" valign="top"><!--dwlayoutemptycell--> </td> 71
</tr> </table> </form> </div> </body> </html> Surat_masuk.php <?php session_start();?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <title>untitled Page</title> <meta name="generator" content="wysiwyg Web Builder - http://www.wysiwygwebbuilder.com"> <style type="text/css"> div#container width: 800px; position: relative; margin: 0 auto 0 auto; text-align: left; body 72
background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 13px; margin: 0; text-align: center; </style> <style type="text/css"> a color: #0000FF; text-decoration: underline; a:visited color: #800080; a:active color: #FF0000; 73
a:hover color: #0000FF; text-decoration: underline; </style> <style type="text/css"> #NavigationBar2 ul.navbar list-style: none; margin: 0; padding: 0; #NavigationBar2 ul.navbar li height: 22px; float: left; margin: 0 25px 0 0; #NavigationBar2 ul.navbar li a display: block; position: relative; 74
#NavigationBar2 ul.navbar li a img position: absolute; left: 0; z-index: 1; border-width: 0; #NavigationBar2 ul.navbar li span display: block; height: 22px; position: absolute; z-index: 2; #NavigationBar2_item0 width: 79px; #NavigationBar2_item1 width: 118px; #NavigationBar2_item2 width: 131px; #NavigationBar2_item3 width: 159px; #NavigationBar2_item4 width: 102px; #NavigationBar2 a.hover visibility: hidden; 75
#NavigationBar2 a:hover.hover visibility: visible; #NavigationBar2 a:hover span visibility: hidden; #wb_text1 background-color: transparent; border: 0px #000000 solid; padding: 0; text-align: center; #wb_text1 div text-align: center; #wb_text3 background-color: transparent; 76
border: 0px #000000 solid; padding: 0; text-align: left; #wb_text3 div text-align: left; #homeimage1 border: 0px #000000 solid; #homeimage2 border: 0px #000000 solid; #homeimage3 border: 0px #000000 solid; #homeimage4 border: 0px #000000 solid; 77
.loginform_table background-color: #EEEEEE; border-color:#98fb98; border-width:1px; border-style: solid; color: #228B22; border-spacing: 4px; font-family: Arial; font-size: 15px; text-align: right;.loginform_header background-color: #98FB98; color: #FFFFFF; text-align: center;.loginform_text background-color: #FFFFFF; border-color: #228B22; 78
border-width: 1px; border-style: solid; color: #228B22; font-family: Arial; font-size: 15px;.loginform_button background-color: #FFFFFF; border-color: #228B22; border-width: 1px; border-style: solid; color: #228B22; font-family: Arial; font-size: 15px; table, td, th border: 1px solid green; padding:4px; </style> </head> <script language="javascript"> 79
function do_delete(id_delete,text_delete,lokasi) var msg = "Yakin akan Menghapus " + text_delete + " akan dihapus. \n" + "Sistem akan menghapus data tersebut secara permanen dan tidak bisa dikembalikan lagi. \n" + "Jika Anda ingin melanjutkan, klik OK atau klik Cancel untuk membatalkan proses penghapusan. \n" ; if (confirm(msg)) //var loca var loca var st = lokasi+"/"+id_delete; = lokasi; = loca; window.location = st; </script> <body> <div id="body" style="text-align:center;"> <div id="container" style="border-style: solid;border-width: 3px;bordercolor:#008000;margin-top:10px;width:1000px;padding:10px;"> <div id="logos" style="height:120px;"> <div style="float:left;margin-right:20px;"> <img src="images/logo%20kemenpera.jpg" id="homeimage1" alt="" style="width:130px;height:104px;"> </div> 80
<div style="float:left;width:620px;border-style: solid;border-width: 3px;bordercolor:#008000;height:75px;background-color:#6BFE97;text-align:center;paddingtop:20px;"> <span style="color:#003264;font-family:arial;fontsize:20px;"><strong>sistem Informasi Dokument Management System <br>sekretaris KEMENTERIAN PERUMAHAN RAKYAT</strong></span> </div> </div> <div style="border-top-style: solid;border-top-width: 3px;bordercolor:#008000;padding-top:20px;"> <div id="navigationbar2" style="height:40px;text-align:center;paddingleft:50px;"> <ul class="navbar"> <li id="navigationbar2_item0"><a href="home.php"><img alt="" src="images/img0006_over.gif" class="hover"><span><img alt="" src="images/img0006.gif"></span></a></li> <li id="navigationbar2_item1"><a href="surat_masuk.php"><img alt="" src="images/img0007_over.gif" class="hover"><span><img alt="" src="images/img0007.gif"></span></a></li> <li id="navigationbar2_item2"><a href="data_disposisi.php"><img alt="" src="images/img0008_over.gif" class="hover"><span><img alt="" src="images/img0008.gif"></span></a></li> <li id="navigationbar2_item3"><a href="surat_keluar.php"><img alt="" src="images/img0009_over.gif" class="hover"><span><img alt="" src="images/img0009.gif"></span></a></li> <li id="navigationbar2_item4"><a href="pengguna.php"><img alt="" src="images/img0010_over.gif" class="hover"><span><img alt="" src="images/img0010.gif"></span></a></li> 81
<li id="navigationbar2_item5"><a href="logout.php"><img alt="" src="images/img0020_over.gif" class="hover"><span><img alt="" src= "images/img0020.gif"></span></a></li> </ul> </div> <div style="margin-top:20px;"> <?php $_SESSION['jabatan'] : ''; $jabatan = isset($_session['jabatan'])? if ($jabatan=="staff")?> <div style="margin-bottom:10px;"> <a href="input.php"><span>input Surat Masuk</span></a> </div> <?php?> <div align="center">data SURAT MASUK </div></td> <table style="border: 1px solid #008000;border-collapse: collapse;width:100%;"> <tr style="background-color:#ccffcc;"> <td width="41">no Urut</td> <td width="70">no Surat</td> <td width="56">tgl Surat</td> 82
<td width="64">tgl Terima</td> <td width="75">asal Surat</td> <td width="80">perihal</td> <td width="28">jenis Surat</td> <td width="64">sifat Surat</td> <td width="64">tanggal Input</td> <td width="61">lampiran</td> <td width="60">aksi</td> </tr> <TBODY> <?php $conn = new mysqli("localhost", "root", "", "db_surat2"); if ($conn->connect_error) die("connection failed: ". $conn->connect_error); $sql = "SELECT * from surat_masuk ORDER BY no_urut"; $result = $conn->query($sql); $conn->close(); if ($result->num_rows > 0) // output data of each row $a = 1; 83
while($row = $result->fetch_assoc()) //print_r($row); //echo "id: ". $row["id"]. " - Name: ". $row["firstname"]. " ". $row["lastname"]. "<br>"; echo "<tr>"; // echo " <td>". $row["no_urut"]. "</td>"; $a : "0". $a). "</td>"; echo "<td>". ( strlen($a) > 1? echo " <td>". $row["no_surat"]. "</td>"; echo " <td>". $row["tgl_surat"]. "</td>"; echo " <td>". $row["tgl_terima"]. "</td>"; echo " <td>". $row["asal_surat"]. "</td>"; echo " <td>". $row["perihal"]. "</td>"; echo " <td>". $row["jenis_surat"]. "</td>"; echo " <td>". $row["sifat_surat"]. "</td>"; echo " <td>". $row["tgl_input"]. "</td>"; echo " <td><a href=\"upload/masuk/". $row["lampiran"]. "\" target=new>". $row["lampiran"]. "</td>"; //echo " <td><a href=\"editform.php?id=".$row['no_urut']."\"> Edit </a> <a href=\"hapus_sm.php?id=".$row['no_urut']."\">hapus</a></td>";?> <td> <a href="editform.php?id=<?php echo $row["no_urut"];?>"> Edit </a> 84
<a href="#" onclick="do_delete('<?php echo $row['no_urut'];?>','<?php echo $row['perihal'];?>','hapus_sm.php?id=<?php echo $row["no_urut"]?>')"> Hapus </a> </td> <?php echo "</tr>"; $a++; else echo "<tr>"; echo " <td colspan=11>0 results</td>"; echo "</tr>";?> </TBODY> </table> </div> </div> </div> </div> </body> </html> Tampil_arsip.php 85
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>untitled Document</title> </head> <body> <div align="center">data ARSIP SURAT KELUAR </div> <table width="447" height="128" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000" celpading="2" celspacing="1" > <tr bgcolor="#ccffff"> <td width="45"><div align="center"><strong>no. Surat</strong></div></td> <td width="46"><div align="center"><strong>tujuan</strong></div></td> <td width="45"><div align="center"><strong>tgl. Surat</strong></div></td> <td width="47"><div align="center"><strong>perihal</strong></div></td> <td width="79"><div align="center"><strong>keterangan</strong></div></td> </tr> <?php mysql_connect("localhost", "root", ""); mysql_select_db("db_surat2"); $tampil="select * from arsip surat_keluar"; $qrytampil=mysql_query($tampil); while ($datatampil=mysql_fetch_array($qrytampil)) 86
$no++?> <tr bgcolor="#ffffff"> <td height="70"><?php echo $no ;?></td> <td><?php echo $datatampil['no_surat'];?></td> <td><?php echo $datatampil['tujuan'];?></td> <td><?php echo $datatampil['tgl_surat'];?></td> <td><?php echo $datatampil['perihal'];?></td> <td width="32"><?php echo $datatampil['keterangan'];?></td> <td width="83"><div align="center"><a href="delete.php?id=<?php echo $datatampil['id'] ;?>">Delete</a> <a href="edit_data.php?id=<?php echo $datatampil['id'];?>">edit </a> <a href="lampiran.php?id=<?php echo $datatampil['id'] ;?>">Lampiran</a></div></td> </tr> <?php?> </table> <p align="center"><a href="input_arsip.php">tambah Data</a></p> </body> </html> 87