• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2019

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

Copied!
34
0
0

Teks penuh

(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">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>TAMPLET TUGAS AKHIR</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

<link href="slider/js-image-slider.css" rel="stylesheet" type="text/css" />

<script src="slider/js-image-slider.js" type="text/javascript"></script>

<style type="text/css">

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

}

#content_middle #content_area p{

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

}

</style>

</head> <body>

<div id="container">

<div id="header">

<div class="atas"></div> <div class="logo"></div> <div class="bawah">

<div class="jam">

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

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

<marquee behavior="alternate"></marquee> </div>

(2)

<div id="slide"> <div id="slider">

<img src="images_slide/1.jpg" alt="" /> <img src="images_slide/2.jpg" alt="" /> <img src="images_slide/3.jpg" alt="" /> <img src="images_slide/4.jpg" />

<img src="images_slide/5.jpg" /> </div>

</div>

<!-- end header -->

<div id="menu">

<ul class="dropmenu">

<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=visi dan misi">Visi dan Misi</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="tamu/bukutamu.php"target="_blank">Buku Tamu</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>

<!-- end menu -->

<div id="content">

<div id="content_left">

<div id="content_left_top"></div> <div id="content_left_mid">

<div class="section">

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

(3)

<div class="left_line"></div> <div class="section">

<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 class="left_line"></div> </div>

</div>

<!-- end content_left -->

<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)

<!-- End OF Content Area -->

<div id="content_area_black"> <div class="post_area_black">

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

</div>

<!-- End OF Content Area Black & Post_area_black--> <div class="cleaner"></div>

<div id="footer">Copyright &copy; Ahmad Roy Muda Siregar</div>

</div>

<!-- end content_middle -->

<div id="content_right">

<div id="content_right_top"></div> <div id="content_right_mid">

<div class="section">

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

<center><img src="images/kadis.jpg" alt="" height="170" width="136"></center>

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

<h5>NIP : 19570513 198712 1 001</h5> </div>

<div class="right_line"></div> <div class="section">

<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>

<div class="right_line"></div> <div class="section">

<div class="section_title"> <center>LINK WEB</center></div>

<a

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

<a href="https://twitter.com/RoyMuda"><img src="images/twitt.jpg" /></a>

<a href="https://id.yahoo.com/"><img src="images/email.jpg" alt="" height="24" width="24"></a> </div>

(5)

</div> </div>

<!-- end content_right --> </div>

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

2. Renstra.php (Rencana Strategi)

<!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>

<title></title>

<style type="text/css"> body{

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)

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

(7)

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title></title>

<style type="text/css"> body{

font-family: times; }

h1{

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

text-decoration: underline; }

p{

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

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

<!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>

<title></title>

<style type="text/css"> body{

font-family: times; }

h1{

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

text-decoration: underline; }

h3{

text-align: center; }

p{

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

(9)

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

</style>

</head> <body>

<h1>1. Visi</h1>

<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>

<h1>2. Misi</h1>

<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>

<head></head> <title></title> <body>

<div class="post_area"> <ol>

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

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

<ol type="a">

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

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

<ul style="list-style-type:circle">

<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)

<ol type="a">

<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)

<ol type="a">

<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)

<ol type="a">

<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>

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

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

<!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>

<link href="galery.css" rel="stylesheet" type="text/css" />

</head> <body>

<div class="container"> <div class="header">

<ul>

(13)

</div>

<div class="content">

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

<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>

<div class="img-box">

<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>

<div class="footer">Copyright &copy; Ahmad Roy Muda Siregar</div>

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

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{

width: 1100px; height: 30px;

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

margin-top: 20px; }

.bawah{

width: 1100px; height: 70px;

(15)

float: left;

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

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

} .jam{

width: 180px; height: 20px;

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{

width: 1100px; height: 33px;

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;

font-family: times; }

#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)

text-decoration: underline; }

.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{

font-family: times; }

.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;

text-decoration: underline; }

.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;

border-radius: 10px; }

#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;

text-decoration: underline; }

#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;

border-radius: 10px; }

.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{

width: 1000px; height: 40px;

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

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

text-decoration: underline; }

.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

<html> <head>

<title></title>

<link href="style_tamu.css" rel="stylesheet" type="text/css" />

</head> <body>

<div class="container"> <div class="header"> <ul>

<li><a href=../"index.php">HOME</a></li> </ul>

</div>

<div class="content"><br>

<div align="center" class="style1"> <h1 class="style2">Buku Tamu</h1> </div>

<form action="save.php" method="POST"> <table align="center" width="500"> <tr>

<td width="75"><span class="style3">NAMA</span></td>

<td><input name="nama" type="text" size="40"></td>

</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)

<td width="50%"><textarea name="komentar" rows="5" cols="45"></textarea></td>

</tr> <tr>

<td colspan="2" align="center"><input type=submit value="Send"></td>

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

<table width="500" align="center"> <tr>

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

</tr> <tr>

<td colspan="2" bgcolor=" #2F4F4F" height="10"> </td>

</tr> <tr> <?php

require_once("koneksi.php");

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

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

<td width="75"><span class="style3">Nama</span></td>

<td width="263"><span class="style6"><?php echo ucwords($row->Nama); ?></span></td>

</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>

<td height="5" colspan="2" bgcolor=" #2F4F4F"> </td>

</tr>

(26)

<br> </div>

<div class="footer">Copyright &copy; Ahmad Roy Muda Siregar</div>

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

11. berita/index.php

<?php

include "koneksi.php"; ?>

<html>

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

<link rel="stylesheet" href="style.css"> <style type="text/css">

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>

<div class="container"> <div class="content">

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

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

<br><br>

<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

<!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>..::: Login User :::..</title>

(28)

<link rel="shortcut icon" href="images/images_admin/favicon.ico" />

<script type="text/javascript"> function validasi(form){

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>

<body OnLoad="document.login.username.focus();"> <div id="main">

<!-- Header -->

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

<!-- Middle --> <div id="middle">

<form id="form-login" name="login" method="post" action="cek_login.php" onSubmit="return validasi(this)">

<img src="images/images_login/img_login_user.png" align="absmiddle" class="img_user" />

<input type="text" name="username" size="29" id="input" />

<br />

<img src="images/images_login/img_login_pass.png" align="absmiddle" class="img_pass" />

<input type="password" name="password" size="29" id="input" />

<br />

<input name="Submit" type="image" value="Submit" src="images/images_login/button_login2.png" id="submit" align="absmiddle" />

(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>

<!-- don't Change ;) --> <div class="clear"></div>

<!-- Footer -->

<div id="footer"><center>Copyright &copy; 2014 by Ahmad Roy Muda Srg</center></div>

<!-- vertical_effect -->

<div id="vertical_effect">&nbsp;</div>

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

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"; ?>

<!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=utf-8" />

<title>SISTEM INFORMASI KEPEGAWAIAN</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />

<script src="js/jquery-1.4.js" type="text/javascript"></script>

<script src="js/superfish.js" type="text/javascript"></script>

<script src="js/hoverIntent.js" type="text/javascript"></script>

<script type="text/javascript"> $(document).ready(function(){

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

</script> </head>

<body>

<div id="container"> <div id="header">

<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>

<div id="menu">

<ul class="nav">

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

<li><a class="border link linkback" href="?module=absensi">Home</a></li>

<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 } ?>

<li class="clear"></li> </ul>

</div>

<div id="content"> <div class="form">

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

</div>

<div id="footer">Copyright &copy; 2014 by Ahmad Roy Muda Srg</div>

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

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; }

Referensi

Dokumen terkait

Metode ini digunakan untuk mendapatkan data-data serta teori yang dapat mendukung dalam pembuatan database pegawai Dinas Kebakaran, Pertamanan dan Kebersihan Kabupaten Padang

Tujuan penelitian ini dilakukan untuk membuat suatu Sistem Informasi Kepegawaian Berbasis web mengenai data pegawai dan informasi saran pengunjung serta di cantumkan

proses pelaksanaan mediasi di Dinas Sosial, Tenaga Kerja dan Transmigrasi.

Laporan skripsi dengan judul “Sistem Informasi Bantuan Uang Duka Dengan SMS Gateway Pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Kudus” telah

Sebagai wujud komitmen pemerintah daerah dalam meningkatkan kesejahteraan lansia, maka pemerintah Kota Surakarta melalui Dinas Sosial, Tenaga Kerja dan Transmigrasi

SISTEM INFORMASI ADMINISTRASI WAJIB LAPOR KETENAGAKERJAAN DI PERUSAHAAN (WLKP) PADA DINAS SOSIAL, TENAGA KERJA DAN TRANSMIGRASI..

Stallings, Jr., (1981), mengugkapkan bahwa suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama- sama untuk

Renja adalah Rencana Kerja Perangkat Daerah (Renja-PD) Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Purbalingga Tahun 2017 merupakan penjabaran teknis RPJM