1. Index.php - Sistem Informasi Kepegawaian Berbasis Web Pada Kantor Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas

(1)

LISTING PROGRAM

1. Index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>TAMPLET TUGAS AKHIR</title>

input, textarea, select, option { font-family:verdana;

}

#content_middle #content_area p{

font-size:14px; font-family: Tahoma; text-align: justify;

}

</style>

</head> <body>

<? echo date("l jS \of F Y")?> </div>

<marquee><h3>Selamat Datang di Website Dinas Sosial Tenaga Kerja dan Transmigrasi padang lawas ! ! !</h3></marquee>

(2)

</div>

<li><a href="index.php" class="home">HOME</a></li> <li><a href="#">Profil</a>

<ul> <li><a

href="index.php?menu=renstra">Renstra</a></li> <li><a

href="index.php?menu=tupoksi">Tupoksi</a></li>

<li><a href="index.php?menu=struktur">Struktur Organisasi</a></li>

</ul> </li>

<li><a href="galery.php" target="_blank">Gallery</a></li>

<li><a href="index.php?menu=berita">Berita</a></li> <li><a

href="AP/pegawai/media.php?module=pegawai">Kepegawaian</a ></li>

<li><a href="AP/pegawai" target="_blank">Panel Admin</a></li>

</div>

<div class="section_title"><center>BERITA TERKINI</center></div>

(3)

<div

class="section_title"><center>KOMENTAR</center></div> <?php

require_once("tamu/koneksi.php");

$tampil=mysql_query("SELECT *FROM data ORDER BY id DESC");

while($row=mysql_fetch_object($tampil)){ echo "<p>$row->Nama</p>";

echo "<p>$row->Email</p>"; echo "<p>$row->Komentar</p>"; echo "<hr>";

} ?> </div>

</div>

<div id="content_middle"> <div id="content_area"> <?php

error_reporting('0'); $menu=$_GET ['menu']; if ($menu=='renstra') { include('renstra.php'); }

elseif ($menu=='struktur') { include ('struktur.php'); }

elseif ($menu=='tupoksi') { include ('tupoksi.php'); }

elseif ($menu=='visi dan misi') { include('visi dan misi.php'); }

elseif ($menu=='bukutamu') { include('tamu/bukutamu.php'); }

elseif ($menu=='berita') { include ('berita.php'); }

else{

include('berita.php'); }

(4)

<a href=""><h1>ABOUT USE</h1></a> <h2>Situs ini dibuat untuk tugas akhir</h2> </div>

</div>

<div class="cleaner"></div>

</div>

<div class="section_title_Kadis"><center>KADIS DINSOSNAKER TRANS</center></div>

<h4><center>SYAMSUL ANWAR LUBIS, SE</center></h4>

<div

class="section_title"><center>INFO</center></div>

<p>Bagi anda yang ada urusan silahkan hubungi ke No. 0852xxxxxxxx /link facebook di bawah.</p>

</div>

<a

href="https://www.facebook.com/ROYREGAR"><img src="images/fb.jpg" /></a><a href=""></a>

(5)

</div> </div>

</div>

</div> </body> </html>

2. Renstra.php (Rencana Strategi)

font-family: times; }

h1{

font-size: 18px; font-family: times;

text-decoration: underline; }

p{

font-size: 16px; font-family: times; text-align: justify; }

</style>

</head> <body>

<h1>Rencana Strategi Dinas Sosial Tenaga Kerja dan Transmigrasi</h1>

<p>Penyusunan Rencana Strategis Dinas Sosial Tenaga Kerja dan Transmigrasi Tahun 2014-2019, merupakan bentuk pelaksanaan Undang-undang No.25 tahun 2004 tentang Sistem Perencanaan Pembangunan Nasional. Undang-Undang ini secara substansi mengamanatkan penyusunan Rencana Strategis Satuan Kerja Perangkat Daerah (Renstra SKPD) untuk periode 5 (lima) tahun dan juga sebagai instrumen untuk menyusun dan mengukur kinerja sesuai tugas dan fungsi SKPD.</p>

(6)

Menengah (RPJMD). Renstra SKPD disusun guna memberikan masukan bagi penyempurnaan penyusunan dokumen RPJMD. Rancangan akhir Renstra SKPD disusun dengan mengacu kepada RPJMD yang sudah ditetapkan dengan Perda. Perubahan perkembangan masyarakat saat ini telah memberikan implikasi terhadap tuntutan kebutuhan pelayanan yang lebih baik dan prima. Dalam menjawab tuntutan tersebut, maka instansi pemerintah harus mampu meningkatkan kinerja dan profesionalisme. </p>

<p>Luas wilayah Kabupaten Padang Lawas adalah ± 3.892,74 km2 . Kabupaten Padang Lawas kaya dengan sumber daya manusia dan sumber daya alam terutama kehidupan sosial yang beragam dan komplit. Berdasarkan jumlah penduduk Padang Lawas pada tahun 2011 sebanyak 227.365. dengan adanya potensi tersebut, maka perlu dikelola dengan baik dan benar sehingga memberikan manfaat dan kemakmuran kepada masyarakat. Agar sumber daya yang ada tersebut dapat dimanfaatkan lebih optimal, diperlukan perencanaan yang matang dalam pengelolaannya. Pengelolaan yang baik dimulai dengan perencanaan yang baik dan berorientasi jauh ke depan serta mempertimbangkan aspek konservasi, sehingga sumber daya manusia dan sumber daya alam tersebut dapat mendukung kehidupan generasi saat ini dan generasi yang akan datang. Penerapan prinsip-prinsip pembangunan berkelanjutan (sustainable development) menjadi persyaratan utama dalam mendorong investasi pembangunan jangka panjang. Perencanaan juga harus didukung dengan ketersediaan data dan informasi yang akurat tentang potensi sumber daya manusia dan sumber daya alam serta pemanfaatannya dari waktu ke waktu, sesuai dengan kebutuhan dan perkembangan teknologi.</p>

<p>Dengan tersusunnya Rencana Strategis Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas, diharapkan dapat menjadi arah dan pedoman penyelenggaraan pembangunan di bidang pembangunan kesejahteraan sosial. Dokumen ini menterjemahkan perencanaan pembangunan setiap tahun dengan program dan kegiatan yang fokus dan terukur serta menunjang pencapaian sasaran pembangunan Kabupaten Padang Lawas.</p>

</body> </html>

3. tupoksi.php (Tugas Pokok)

(7)

h1{

p{

ol li{

font-size: 16px; font-family: times; }

</style> </head>

<body>

<p>Tugas pokok dan fungsi Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas mengacu pada Peraturan Bupati Padang Lawas nomor : 20 Tahun 2010 tentang Uraian Tugas Jabatan Struktural Dinas Derah Pada Pemerintahan Kabupaten Padang Lawas yaitu:</p>

<h1>A. Tugas Pokok</h1>

<p>"Melaksanakan kewenangan otonomi daerah di bidang Sosial Tenaga Kerja dan Transmigrasi, melaksanakan urusan Sosial, Tenaga Kerja dan Transmigrasi berdasarkan azas otonomi dan tugas pembantuan yang diberikan oleh pemerintah pusat dan pemerintah propinsi".</p>

<h1>B. Fungsi</h1>

<p>Dalam menyelenggarakan tugas pokok Dinas Sosial Tenaga Kerja dan Transmigrasi mempunyai fungsi:</p>

<ol>

<li>Menyiapkan bahan perumusan perencanaan program dan kebijaksanaan teknis di bidang sosial ketenagakerjaan dan ketransmigrasian.</li>

<li>Menyelenggarakan pembinaan dan pelayanan umum serta teknis di bidang sosial ketenagakerjaan dan ketransmigrasian.</li>

(8)

<li>Melaksanakan Usaha Kesejahteraan Rakyat, Kelembagaan Sosial Kemasyarakatan, Pelayanan sarana dan prasarana sosial.</li>

<li>Melaksanakan Rehabilitasi Sosial dan bantuan, jaminan sosial dan pendayagunaan bantuan sosial.</li>

<li>Melaksanakan Pembinaan produktivitas dan penempatan tenaga kerja, hubungan industrial dan ketenaga kerjaan dan pengawasan ketenaga kerjaan.</li>

<li>Melaksanakan Pembinaan transmigrasi dan pemukiman dan penempatan transmigrasi.</li>

<li>Mengelola urusan ketatausahaan Dinas.</li> <li>Mengadakan koordinasi tugas dengan instansi dan lembaga terkait lainnya.</li>

<li>Melakukan evaluasi atas hasil penyelenggaraan tugas dalam bidang sosial, ketenagakerjaan dan ketransmigrasian.</li>

</ol> </body> </html>

4. visi dan misi.php

h1{

h3{

text-align: center; }

p{

(9)

font-size: 16px; font-family: times; }

</style>

</head> <body>

<p>Penetapan visi sebagai bagian dari perencanaan strategi, merupakan satu langkah penting dalam perjalanan suatu organisasi karena dengan visi tersebutakan dapat mencerminkan apa yang hendak dicapai oleh organisasi serta memberikan arah dan fokus strategis yang berorientasi terhadap masa depan pembangunan dan bahkan menjamin kesinambungan pelaksanaan tugas organisasi.</p>

<p>Visi yang ditetapkan mencerminkan gambaran peran dan kondisi yang ingin diwujudkan oleh Dinas Sosial Tenaga Kerja dan Transmigrasi di masa depan. Berdasarkan makna tersebut dan sesuai dengan Visi Pemerintah Kabupaten Padang Lawas tahun 2014-2019, maka visi Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas tahun 2014 – 2019 adalah:</p>

<h3>“TERWUJUDNYA MASYARAKAT YANG SEJAHTERA,

RELIGIUS DAN MANDIRI”</h3>

<p>Diharapkan dengan terumuskannya visi Dinas Sosial Tenaga Kerja dan Transmigrasi tersebut, maka dapat menjadi motivasi seluruh elemen dinas untuk mewujudkannya, melalui peningkatan kinerja sesuai dengan tugas dan fungsi masing-masing.</p>

<p>Misi adalah rumusan umum mengenai upaya-upaya yang akan dilaksanakan dan diwujudkan agar tujuan dapat terlaksana dan berhasil dengan baik sesuai dengan visi yang telah ditetapkan. Berdasarkan Tugas Pokok dan Fungsi serta dilandasi oleh visi, maka misi Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas tahun 2014

– 2019 adalah sebagai berikut : </p>

<ol>

<li>Meningkatkan pembangunan kesejahteraan sosial.</li>

<li>Meningkatkan kualitas dan produktifitas tenaga kerja.</li>

<li>Mendorong Perluasan kesempatan kerja.</li> <li>Menjadikan wilayah transmigrasi yang maju.</li>

(10)

<li>Meningkatkan sumberdaya manusia yang profesional dan menerapkan organisasi yang efektif serta efisien dengan prinsip good governance.</li>

</ol> </body> </html>

5. Struktur.php

<html>

<li><b>Kadis</b><br>(Syamsul Anwar Lubis, SE)</li><br>

<li><b>Sekretariat</b> <br>(H. Khairul Saleh, S.Pdi)

<li><b>Plt. Sub Bagian Umum</b><br>(Suryadi, SE)</li>

<li><b>Sub Bagian Keuangan</b><br>(Hj. Lindawati)

<li><b>Bendahara Pengeluaran</b><br>(Fahri Pulungan)</li>

<li><b>Pembantu Bendahara</b><br>(M. Taufik Alom Siregar)</li>

</ul> </li>

<li><b>Plt. Sub Bagian Program</b><br>(Batari Siregar, ST)</li>

</ol> </li><br>

<li><b>Bidang Rehabilitasi dan Jaminan Sosial</b><br>(Derajat, S.Pd)

<li><b>Seksi Usaha Kesejahteraan Rakyat</b><br>(...)</li>

<li><b>Plt. Kasi Kelembagaan Sosial Kemasyarakatan</b><br>(Ahmad Fauzan Nst)</li>

<li><b>Plt. Kasi Pelayanan Sarana dan Prasarana Sosial</b><br>(Indra Fahri Siregra, S.Sos)</li>

</ol> </li><br>

(11)

<li><b>Plt. Kasi Rehabilitasi Sosial dan Bantuan</b><br>(Sianardhi, S.EI)</li>

<li><b>Saksi Jaminan Sosial</b><br>(...)</li>

<li><b>Plt. Kasi Pendayagunaan Bantuan Sosial</b><br>(...)</li>

</ol> </li><br>

<li><b>Bidang Ketenaga Kerjaan</b><br>(Haris Partaonan Siregar, SH)

<li><b>Seksi Pembinaan, Produktivitas

dan Penempatan

T.K.</b><br>(...)</li>

<li><b>Plt Kasi Hubungan Industri dan Ketenaga Kerjaan</b><br>(Ahmad Al-Kindi Kuadadiri,SH)</li>

<li><b>Plt. Kasi Pengawasan Ketenaga Kerjaan</b><br>(Jon Nedi Piliang)</li>

</ol> </li><br> <li><b>Bidang

Ketransmigrasian</b><br>(...) <ol type="a">

<li><b>Plt. Kasi Pembinaan Transmigrasi</b><br>(Ali Martua Mtd)</li>

<li><b>Kasi Pemukiman dan Penempatan Transmigrasi</b><br>(...)</li>

</ol> </li>

</ol> <br><br>

<p>Untuk Melihat Struktur Organisasi Selengkapnya Klik <a href="file/struktur_organisasi.pdf" target="_blank">disini</a></p>

6. berita.php

<?php

include "berita/koneksi.php"; ?>

<html>

<head><title>Index Berita</title>

(12)

<body> <?

$query = "SELECT A.id_berita, B.nm_kategori, A.judul,A.headline, A.isi, A.pengirim, A.tanggal FROM berita A, kategori B WHERE

A.id_kategori=B.id_kategori ORDER BY A.id_berita DESC LIMIT 0,5";

$sql = mysql_query ($query);

while ($hasil = mysql_fetch_array ($sql)) { $id_berita = $hasil['id_berita'];

$kategori = stripslashes ($hasil['nm_kategori']);

$judul = stripslashes ($hasil['judul']);

$headline =

nl2br(stripslashes($hasil['headline']));

$pengirim = stripslashes ($hasil['pengirim']); $tanggal = stripslashes ($hasil['tanggal']); //

//tampilkan berita

echo "<font size=4><a href='lengkap-berita.php?id=$id_berita'>$judul</a></font><br>";

echo "Berita dikirimkan oleh <b>$pengirim</b> pada tanggal <b>$tanggal</b> dalam kategori <b>$kategori</b><br>";

echo "<font size=4><p>$headline</p></font>"; echo "<hr>";

} ?>

</body> </html>

7. galery.php

</head> <body>

<ul>

(13)

</div>

<a href="foto_galery/rapat_umk.php" target="_blank"><img

src="foto_galery/UMK/4.jpg"height="170"

width="270"><br><center>Acara Rapat UMK</center></a> </div>

<a href="foto_galery/sosialisasi.php" target="_blank"><img

src="foto_galery/sosialisasi/3.jpg"height="170"

width="270"><br><center>Acara Sosialisasi PMKS</center></a>

</div>

<div class="img-box"> <a

href="foto_galery/kegiatan_sosial.php" target="_blank"><img

src="foto_galery/kegiatan_sosial/7.jpg"height="170"

width="270"><br><center>Kegiatan Bantuan Sosial</center></a>

</div> </div>

</div>

8. style.css

html {

background: url(images/latar.jpg)no-repeat; }

body {

margin: 0; padding:0;

font-family: Arial, Helvetica, sans-serif; font-size: 12px;

line-height: 1.5em; width: 100%;

(14)

background: url(images/latar.jpg) no-repeat center center fixed;

-moz-background-size : cover; -webkit-background-size : cover; -o-background-size : cover;

background-size : cover; position:relative;

min-width:1150px; }

a{ color: #0088D0; text-decoration: underline; }

a:hover{ color: white; text-decoration: none;}

#container {

width: 1150px; height: auto; margin: 0 auto; }

#logo{

width: 500px; height: 120px; margin-top: 20px; }

#header {

width:1100px; height:210px; }

.logo{

width: 1100px; height: 164px;

background: url(images/header.jpg) no-repeat; margin-left: 25px;

padding: 0;

border-radius: 2px; float: left;

}

.atas{

background-color:#FFCC00; margin-left: 25px;

margin-top: 20px; }

.bawah{

(15)

float: left;

margin-left: 25px; text-align: right; font-size: 16px;

font-family: Comic Sans MS; color: black;

} .jam{

font-family: times new roman; background-color: red;

float: right; }

#slide{

width: 1100px; height: 485px; margin-top: 2px; float: left;

margin-left: 25px; padding-top: 10px; }

/* Menu */

#menu{

margin-top: 5px;px; margin-left: 25px; float: left;

}

.dropmenu {

background: #616161; height: 40px;

list-style-type: none; margin: 0;

padding: 0px; }

.dropmenu li {

margin: 5px 0 5px 0;

border-right: solid 2px white; float: left;

(16)

.dropmenu li a { color: #fff; display: block;

font: 12px arial, verdana, sans-serif; font-weight: bold;

padding: 9px 20px; text-decoration: none; }

.home{

background: #3f4a54; }

.home:hover{

text-decoration: none; }

.dropmenu li:hover a.home { text-decoration: none; }

.dropmenu li:hover { background: #778899; position: relative; }

.dropmenu li:hover a { text-decoration: underline; } .dropmenu li:hover ul {

background-color: #3f4a54; border: 1px solid grey; left: 0px;

padding: 3px; top: 30px; width: 160px;

box-decoration-break: 90px; }

.dropmenu li:hover ul li { border: none; height: 20px; } .dropmenu li:hover ul li a {

background-color: #778899; border: 1px solid transparent; color: #fff;

display: block; font-size: 12px; height: 18px;

line-height: 18px; padding: 0px;

text-decoration: none; text-indent: 5px;

width: 158px; padding: 3px; }

.dropmenu li:hover ul li a:hover { background: silver;

border: solid 1px #444; color: #000;

height: 25px; padding: 3px; }

(17)

left: -9999px;

list-style-type: none; position: absolute; top: -9999px;

}

/*End Menu*/

#content {

width: 1100px; margin-left: 25px; float: left;

margin-top: 20px; }

#content_middle {

float: left; width: 620px;

}

#content_middle #content_area{

float: left; width: 600px;

background: #f3f3f3; margin: 0;

padding: 25px;

#content_area{

margin-top: 10px; }

#content_area .left_line { clear: both;

height: 0px;

border-bottom: #d1ebb2 solid 1px; margin: 0 0 10px 0;

padding: 0; }

.post_area h1{

font-family: "Times New Roman"; font-size: 16px;

(18)

.post_area p {

font-family: Tahoma; font-size: 14px; color: #444546;

text-align: justify; margin: 15px 0 10px 0; padding: 0;

}

.post_area ol li{

font-family: Tahoma; font-size: 14px; color: #444546;

text-align: justify; margin: 5px 0 5px 0; padding: 0;

}

.post_area a{

font-family: times New roman; font-size: 15px;

color: blue; }

#content_middle #content_area_black{ float: left;

width: 620px;

background: #151515; margin: 0;

padding: 15px; }

#content_area_black .post_area_black{ margin: 0;

padding: 0; }

.post_area_black h1{

font-family: Tahoma; font-size: 12px; color: #fff;

margin: 0 0 10px 0; padding: 0;

}

.post_area_black h2{

(19)

color: #94e225; margin: 0 0 2px 0; padding: 0;

}

.post_area_black p{

font-family: Tahoma; font-size: 11px; color: black;

text-align: justify; margin: 0 0 10px 0; padding: 0;

}

#content_left { float: left; width: 220px; height: 740px;

background:url(images/right_middle.jpg); border-radius: 10px;

margin-right: 5px;

}

#content_left #content_left_top { margin: 0;

padding: 0; }

#content_left #content_left_mid { width: 220px;

background: url(images/right_middle.jpg); margin: 0;

padding: 0;

border-radius: 10px; }

#content_left_mid .left_line {

width: 220px;

background-color: white; height: 3px;

}

#content_left_mid .section {

margin: 0; padding: 10px; }

(20)

height: 22px;

font-family: Tahoma; font-size: 12px; font-weight: bold; color: #fff;

background: #7c896d; margin: 0 0 10px 0; padding: 2px 0 0 10px; }

.section .section_title_Kadis{

height: 40px;

font-family: Tahoma; font-size: 12px; font-weight: bold; color: #fff;

background: #7c896d; margin: 0 0 10px 0; padding: 2px 0 0 10px; }

.section h4{

.section h5{

font-family: times; font-size: 11px; margin-top: -15px; margin-left: 18px; }

.section p{

font-family: Tahoma; font-size: 11px; text-align: justify; color: #484848;

margin: 0; padding: 0; }

.section ul{

list-style: none; margin: 0;

(21)

.section li a{

font-family: Tahoma; font-size: 11px; text-align: justify; color: #484848;

.section li a:hover{

text-decoration: none; }

.cleaner {

clear: both; height: 0px; }

#content_right { float: left; width: 220px; height: 740px;

background: url(images/right_middle.jpg); border-radius: 10px;

margin-left: 35px ; }

#content_right #content_right_top { margin: 0;

padding: 0; }

#content_right #content_right_mid { width: 220px;

background: url(images/right_middle.jpg); margin: 0;

padding: 0;

#content_right_mid .right_line {

width: 220px;

background-color: white; height: 3px;

}

(22)

margin: 0; padding: 10px; }

#footer {

margin: 0;

padding: 10px 0; font-family: Arial; font-size: 13px; text-align: center; color: black;

#footer a{

color: #adad7b;

text-decoration: underline;

}

#footer a:hover{

color: #adad7b;

text-decoration: none;

}

9. galery.css

body{

padding: 0;

background: url(images/latar.jpg) no-repeat center fixed;

-moz-background-size : cover; -webkit-background-size : cover; -o-background-size : cover;

background-size : cover; position:relative;

.container{

width: 1000px; margin: 30px auto; }

.header{

(23)

height: 50px;

background: url(images/galery1.jpg); position:relative;

}

ul{

list-style-type:none; padding-top:15px; }

li{

display: inline; }

.header ul li a{

text-decoration: none; border-radius: 5px;

padding: 10px 20px 10px 20px; background: green; color: white;

}

.header ul li a:hover{

background :url(images/menu.png); color: black;

}

.content{

width: 1000px; height: auto; background: grey; position: relative; }

.footer{

background: url(images/galery1.jpg); margin: 0;

padding: 10px 0; font-family: Arial; font-size: 13px; text-align: center; color: black;

.content-box {

padding:30px 20px 20px 50px;

(24)

.img-box {

display:inline-block; padding:5px;

background:#fff;

border:1px solid #d9d9d9; border-radius:3px;

margin-bottom:12px; margin-right: 20px; }

10. bukutamu.php

</head> <body>

</div>

</tr> <td></td> <tr>

<td><span class="style3">EMAIL</span></td> <td><input name="email" type="text" size="45"></td>

</tr> <td></td> <tr>

(25)

</tr> <tr>

</tr> </table> </form> <br><br> <hr> <br>

<td colspan="2" align="center"><h3><span class="style4">DAFTAR TAMU</span></h3></td>

</tr> <tr>

</tr> <tr> <?php

require_once("koneksi.php");

$tampil=mysql_query("SELECT *FROM data ORDER BY id DESC");

while($row=mysql_fetch_object($tampil)){ ?>

</tr> <tr>

<td><span class="style3">Email</span></td> <td><span class="style6"><?php echo "$row->Email"; ?></span></td>

</tr> <tr>

<td valign="top"><span class="style3">Komentar</span></td>

<td><span class="style6"><?php echo "$row->Komentar"; ?></span></td>

</tr> <tr>

</tr>

(26)

11. berita/index.php

<?php

include "koneksi.php"; ?>

<html>

<head><title>Index Berita</title>

body{

background: url(../images/latar.jpg) no-repeat center center fixed;

padding: 0; }

.container{

width: 810px;

margin: 30px auto;

background-color: rgba(171, 185, 171, 1); }

.content{

width: 750; padding: 30px; }

p{

text-align: justify; }

</style> </head>

<body>

<a href="index.php">Halaman Depan</a> | <a href="arsip_berita.php">Arsip Berita</a> |

<a href="input_berita.php">Input Berita</a>

<h2>Halaman Depan ~ Lima Berita Terbaru</h2>

(27)

$query = "SELECT A.id_berita, B.nm_kategori, A.judul,A.headline, A.isi, A.pengirim, A.tanggal FROM berita A, kategori B WHERE

A.id_kategori=B.id_kategori ORDER BY A.id_berita DESC LIMIT 0,5";

$sql = mysql_query ($query);

while ($hasil = mysql_fetch_array ($sql)) {

$id_berita = $hasil['id_berita']; $kategori = stripslashes ($hasil['nm_kategori']);

$judul = stripslashes ($hasil['judul']);

$headline =

nl2br(stripslashes($hasil['headline']));

$pengirim = stripslashes ($hasil['pengirim']);

$tanggal = stripslashes ($hasil['tanggal']);

//

//tampilkan berita

echo "<font size=4><a href='berita_lengkap.php?id=$id_berita'>$judul</a></font> <br>";

echo "<small>Berita dikirimkan oleh <b>$pengirim</b> pada tanggal <b>$tanggal</b> dalam kategori <b>$kategori</b></small>";

echo "<p>$headline</p>"; echo "<hr>";

} ?> </div> </div>

</body> </html>

12. index.php -> Login Pegawai

<title>..::: Login User :::..</title>

(28)

if (form.username.value == ""){

alert("Anda belum mengisikan Username"); form.username.focus();

return (false); }

if (form.password.value == ""){

alert("Anda belum mengisikan Password"); form.password.focus();

return (false); }

return (true); }

</script>

</head>

<div id="header">.:: LOGIN USER ::.</div>

<div id="middle">

<br />

<br />

(29)

* Pegawai yang belum mempunyai user untuk login silahkan registrasi disini <a style="color:#ffcf43" href='registrasi.php'>Registrasi Pegawai</a> , selanjutnya silahkan login menggunakan NIP dan password * </div>

<div class="clear"></div>

13. cek_login.php

<?php

include "config/koneksi.php";

$username = $_POST['username']; $pass = $_POST['password'];

// pastikan username dan password adalah berupa huruf atau angka.

$login=mysql_query("SELECT * FROM user WHERE userid='$username' AND passid='$pass'");

$ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login);

// Apabila username dan password ditemukan if ($ketemu > 0){

session_start();

$_SESSION[namauser] = $r[userid]; $_SESSION[passuser] = $r[passid]; $_SESSION[leveluser] = $r[level_user];

if($_SESSION[leveluser]==1){

header('location:media.php?module=home'); } else if($_SESSION[leveluser]==2){

header('location:media.php?module=home'); } if($_SESSION[leveluser]==3){

(30)

} } else{

include "error-login.php"; }

?>

14. media.php ->tampilan awal Aplikasi Kepegawaian

<?php

session_start(); error_reporting(0); include "timeout.php"; ?>

<title>SISTEM INFORMASI KEPEGAWAIAN</title>

$('ul.nav').superfish(); });

</script> </head>

<body>

<span class="judul">Sistem Informasi Kepegawaian Dinas Sosial Tenaga Kerja dan Transmigrasi</span><br />

(31)

<div class="logout"><a href="logout.php"> Logout</a></div>

<? if ($_SESSION['leveluser']=='3'){ ?>

<li><a class="border link linkback" href="?module=pegawai&act=detail&id=<? echo "$_SESSION[namauser]";?>">Data Pegawai</a></li>

<?php }

if ($_SESSION['leveluser']=='1'){ ?>

<li><a class="border link linkback" href="?module=pegawai">Data Pegawai</a>

<ul>

<li><a href="?module=bagian" class="li">Data Bagian</a></li>

<li><a href="?module=jabatan" class="li">Data Jabatan</a></li>

</ul> </li>

<li><a class="border link linkback" href="?module=pelatihan">Data Pelatihan</a></li>

<li><a class="border link linkback" href="?module=kjb">Data Kenaikan Jabatan</a></li>

<li><a class="border link linkback" href="../../berita/index.php"

target="_blank">Berita</a></li> <?php }

if($_SESSION['leveluser']=='1' or $_SESSION['leveluser']=='2'){

?>

<li><a class="border link linkback" href="#">Laporan</a>

<ul>

<li><a href="laporan_pegawai.php" class="li" target="_blank">Laporan Data Pegawai</a></li> <li><a href="?module=lap_absensi" class="li">Laporan Data Absensi</a></li>

<li><a href="laporan_pelatihan.php" target="_blank" class="li">Laporan Data pelatihan</a></li>

<li><a href="laporan_kjp.php" target="_blank" class="li">Laporan Kenaikan Jabatan</a></li>

(32)

<?php } ?>

</div>

<?php include "data.php"; ?> </div>

</div>

15. style_login.php

/* CSS Document */ body{

background-color:#161616; font-family:"Tahoma"; font-size:12px;

color:#FFFFFF; }

#main{

margin:0 auto; margin-top:80px; width:480px; }

.clearer{

clear:both; float:none; }

#header{

background:#1f4a83; padding:15px;

padding-left:30px; padding-top:20px; height:50px;

-moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; font-size : 26px;

text-align:center; }

(33)

background:#1f4a83; padding:18px;

text-align:right; color:#ffffff; }

#middle{

background-image:url(images/header.png); padding:15px;

padding-left:95px; padding-top:20px; }

#vertical_effect{ height:80px; margin-top:2px; }

#form-login{ margin:0; }

#input{

background-color:#FFFFFF;

background-image:url(images/images_login/bg_login_input.gif); padding:7px;

padding-bottom:8px; padding-top:8px; font-family:Verdana; font-size:12px;

color:#666666;

border:1px solid #2b2448; -moz-border-radius:3px; font-weight:bold

}

#input:focus{

border:3px solid #2a2443; margin-left:-2px;

-moz-border-radius:5px; }

#submit{

margin-top:4px; margin-left:41px; margin-bottom:7px; margin-right:2px;

}

.img_user{

(34)

}

.img_pass{

margin-right:4px; margin-left:2px; margin-bottom:6px; margin-top:1px;

}

.img_lock{

margin-right:4px; margin-bottom:3px; margin-left:4px;

}

a.forgot{

color:#FFFFFF;

text-decoration:none; }

a.forgot:hover{ color:#4b4d77; }

/* Error Login */ #error_login{

background-color:#461f95;

background-image:url(images/images_login/bg_login_error.gif); padding:15px;

padding-bottom:15px; font-family:Tahoma; font-weight:bold; padding-top:11px;

-moz-border-radius:4px; }

a.clickhere{

color:#fcfa5f;

text-decoration:none; }