1. Home
  2. Lainnya

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

LISTING PROGRAM

  <!DOCTYPE html PUBLIC "-//W3C//DTD

  XHTML

  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html ns="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> </div>

  <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> <? include('terkini.php');?> </div>

  <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'); } ?> </div>

  <!-- 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 © 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> <div class="right_line"></div>

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

  <!DOCTYPE html PUBLIC "-//W3C//DTD

  XHTML

  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html ns="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>

  <p>Rencana Strategis (Renstra) SKPD merupakan dokumen perencanaan jangka menengah SKPD yang tidak terpisahkan dengan dokumen Rencana Pembangunan Jangka 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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">

  <html ns="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>

  <li>Melaksanakan tugas-tugas yang terkait dengan bidang sosial, ketenagakerjaan dan ketransmigrasian sesuai ketetapan kepala daerah.</li>

  <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 ns="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; } ol li{ 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>

  &lt;p&gt;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.&lt;/p&gt;

  &lt;h1&gt;2. Misi&lt;/h1&gt; &lt;p&gt;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 :

  &lt;/p&gt; &lt;ol&gt;

  &lt;li&gt;Meningkatkan pembangunan kesejahteraan sosial.&lt;/li&gt; &lt;li&gt;Meningkatkan kualitas dan produktifitas tenaga kerja.&lt;/li&gt; &lt;li&gt;Mendorong Perluasan kesempatan kerja.&lt;/li&gt; &lt;li&gt;Menjadikan wilayah transmigrasi yang maju.&lt;/li&gt; &lt;li&gt;Peningkatan ilmu pengetahuan keagamaan.&lt;/li&gt;

  &lt;li&gt;Meningkatkan sumberdaya manusia yang profesional dan menerapkan organisasi yang efektif serta efisien dengan prinsip good governance.&lt;/li&gt;

  &lt;/ol&gt; &lt;/body&gt; &lt;/html&gt;

  &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;title&gt;&lt;/title&gt; &lt;body&gt;

  &lt;div class="post_area"&gt; &lt;ol&gt;

  &lt;li&gt;&lt;b&gt;Kadis&lt;/b&gt;&lt;br&gt;(Syamsul Anwar Lubis, SE)&lt;/li&gt;&lt;br&gt;

  &lt;li&gt;&lt;b&gt;Sekretariat&lt;/b&gt; &lt;br&gt;(H. Khairul Saleh, S.Pdi)

  &lt;ol type="a"&gt; &lt;li&gt;&lt;b&gt;Plt. Sub Bagian

  Umum&lt;/b&gt;&lt;br&gt;(Suryadi, SE)&lt;/li&gt; &lt;li&gt;&lt;b&gt;Sub Bagian

  Keuangan&lt;/b&gt;&lt;br&gt;(Hj. Lindawati) &lt;ul style="list-style- type:circle"&gt;

  &lt;li&gt;&lt;b&gt;Bendahara Pengeluaran&lt;/b&gt;&lt;br&gt;(Fahri Pulungan)&lt;/li&gt;

  &lt;li&gt;&lt;b&gt;Pembantu Bendahara&lt;/b&gt;&lt;br&gt;(M. Taufik Alom Siregar)&lt;/li&gt;

  &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;b&gt;Plt. Sub Bagian

  Program&lt;/b&gt;&lt;br&gt;(Batari Siregar, ST)&lt;/li&gt; &lt;/ol&gt;

  &lt;/li&gt;&lt;br&gt; &lt;li&gt;&lt;b&gt;Bidang Rehabilitasi dan Jaminan

  Sosial&lt;/b&gt;&lt;br&gt;(Derajat, S.Pd) &lt;ol type="a"&gt;

  &lt;li&gt;&lt;b&gt;Seksi Usaha Kesejahteraan Rakyat&lt;/b&gt;&lt;br&gt;(........................)&lt;/li&gt;

  &lt;li&gt;&lt;b&gt;Plt. Kasi Kelembagaan Sosial Kemasyarakatan&lt;/b&gt;&lt;br&gt;(Ahmad Fauzan Nst)&lt;/li&gt;

  &lt;li&gt;&lt;b&gt;Plt. Kasi Pelayanan Sarana dan Prasarana Sosial&lt;/b&gt;&lt;br&gt;(Indra Fahri Siregra, S.Sos)&lt;/li&gt;

  &lt;/ol&gt; &lt;/li&gt;&lt;br&gt; &lt;li&gt;&lt;b&gt;Bidang Pelayanan Kesejahteraan

  Rakyat&lt;/b&gt;&lt;br&gt;(Pangeran Nst)

  &lt;ol type="a"&gt; &lt;li&gt;&lt;b&gt;Plt. Kasi Rehabilitasi Sosial dan Bantuan&lt;/b&gt;&lt;br&gt;(Sianardhi, S.EI)&lt;/li&gt; &lt;li&gt;&lt;b&gt;Saksi Jaminan

  Sosial&lt;/b&gt;&lt;br&gt;(........................)&lt;/li&gt; &lt;li&gt;&lt;b&gt;Plt. Kasi Pendayagunaan

  Bantuan Sosial&lt;/b&gt;&lt;br&gt;(........................)&lt;/li&gt; &lt;/ol&gt;

  &lt;/li&gt;&lt;br&gt; &lt;li&gt;&lt;b&gt;Bidang Ketenaga Kerjaan&lt;/b&gt;&lt;br&gt;(Haris

  Partaonan Siregar, SH) &lt;ol type="a"&gt;

  &lt;li&gt;&lt;b&gt;Seksi Pembinaan, Produktivitas dan Penempatan

  T.K.&lt;/b&gt;&lt;br&gt;(........................)&lt;/li&gt; &lt;li&gt;&lt;b&gt;Plt Kasi Hubungan Industri dan

  Ketenaga Kerjaan&lt;/b&gt;&lt;br&gt;(Ahmad Al-Kindi Kuadadiri,SH)&lt;/li&gt;

  &lt;li&gt;&lt;b&gt;Plt. Kasi Pengawasan Ketenaga Kerjaan&lt;/b&gt;&lt;br&gt;(Jon Nedi Piliang)&lt;/li&gt;

  &lt;/ol&gt; &lt;/li&gt;&lt;br&gt; &lt;li&gt;&lt;b&gt;Bidang

  Ketransmigrasian&lt;/b&gt;&lt;br&gt;(........................) &lt;ol type="a"&gt;

  &lt;li&gt;&lt;b&gt;Plt. Kasi Pembinaan Transmigrasi&lt;/b&gt;&lt;br&gt;(Ali Martua Mtd)&lt;/li&gt;

  &lt;li&gt;&lt;b&gt;Kasi Pemukiman dan Penempatan Transmigrasi&lt;/b&gt;&lt;br&gt;(........................)&lt;/li&gt;

  &lt;/ol&gt; &lt;/li&gt;

  &lt;/ol&gt; &lt;br&gt;&lt;br&gt; &lt;p&gt;Untuk Melihat Struktur Organisasi Selengkapnya

  Klik &lt;a href="file/struktur_organisasi.pdf" target="_blank"&gt;disini&lt;/a&gt;&lt;/p&gt; &lt;/div&gt;

  &lt;/body&gt; &lt;/html&gt;

  6. berita.php

  &lt;?php include "berita/koneksi.php"; ?&gt; &lt;html&gt; &lt;head&gt;&lt;title&gt;Index Berita&lt;/title&gt;

  &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt;

  &lt;body&gt; &lt;? $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 "&lt;font size=4&gt;&lt;a href='lengkap- berita.php?id=$id_berita'&gt;$judul&lt;/a&gt;&lt;/font&gt;&lt;br&gt;"; echo "Berita dikirimkan oleh &lt;b&gt;$pengirim&lt;/b&gt; pada tanggal &lt;b&gt;$tanggal&lt;/b&gt; dalam kategori &lt;b&gt;$kategori&lt;/b&gt;&lt;br&gt;"; echo "&lt;font size=4&gt;&lt;p&gt;$headline&lt;/p&gt;&lt;/font&gt;"; echo "&lt;hr&gt;";

  } ?&gt;

  &lt;/body&gt; &lt;/html&gt;

  7. galery.php

  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD

  XHTML

  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"&gt; &lt;html ns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;link href="galery.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body&gt;

  &lt;div class="container"&gt; &lt;div class="header"&gt;

  &lt;ul&gt; &lt;li&gt;&lt;a href="index.php"&gt;HOME&lt;/a&gt;&lt;/li&gt;

  &lt;/ul&gt;

  &lt;/div&gt; &lt;div class="content"&gt;

  &lt;div class="content-box"&gt; &lt;div class="img-box"&gt; &lt;a href="foto_galery/rapat_umk.php" target="_blank"&gt;&lt;img src="foto_galery/UMK/4.jpg"height="170" width="270"&gt;&lt;br&gt;&lt;center&gt;Acara Rapat UMK&lt;/center&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="img-box"&gt;

  &lt;a href="foto_galery/sosialisasi.php" target="_blank"&gt;&lt;img src="foto_galery/sosialisasi/3.jpg"height="170" width="270"&gt;&lt;br&gt;&lt;center&gt;Acara Sosialisasi PMKS&lt;/center&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="img-box"&gt;

  &lt;a href="foto_galery/kegiatan_sosial.php" target="_blank"&gt;&lt;img src="foto_galery/kegiatan_sosial/7.jpg"height="170" width="270"&gt;&lt;br&gt;&lt;center&gt;Kegiatan Bantuan Sosial&lt;/center&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt;

  &lt;/div&gt; &lt;div class="footer"&gt;Copyright &amp;copy; Ahmad Roy

  Muda Siregar&lt;/div&gt; &lt;/div&gt;

  &lt;/body&gt; &lt;/html&gt;

  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%; display: table; 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; background-color:#FFCC00; 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; height: 30px; }

  .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; } .dropmenu ul { 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; font-style: bold; color: black; margin-top: 0; padding: 0; 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{ font-family: Tahoma; font-size: 11px; 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;

  } .section .section_title{ 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; padding: 0 0 0 10px;

  }

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

  } #content_right_mid .section { 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{ width: 1000px; 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; }

  .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

  &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link href="style_tamu.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;div class="header"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=../"index.php"&gt;HOME&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="content"&gt;&lt;br&gt; &lt;div align="center" class="style1"&gt; &lt;h1 class="style2"&gt;Buku Tamu&lt;/h1&gt; &lt;/div&gt; &lt;form action="save.php" method="POST"&gt; &lt;table align="center" width="500"&gt; &lt;tr&gt; &lt;td width="75"&gt;&lt;span class="style3"&gt;NAMA&lt;/span&gt;&lt;/td&gt; &lt;td&gt;&lt;input name="nama" type="text" size="40"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;td&gt;&lt;/td&gt; &lt;tr&gt; &lt;td&gt;&lt;span class="style3"&gt;EMAIL&lt;/span&gt;&lt;/td&gt; &lt;td&gt;&lt;input name="email" type="text" size="45"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;td&gt;&lt;/td&gt; &lt;tr&gt; &lt;td valign="top"&gt;&lt;span class="style3"&gt;KOMENTAR&lt;/span&gt;&lt;/td&gt;

  &lt;td width="50%"&gt;&lt;textarea name="komentar" rows="5" cols="45"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2" align="center"&gt;&lt;input type=submit value="Send"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;br&gt;&lt;br&gt; &lt;hr&gt; &lt;br&gt; &lt;table width="500" align="center"&gt; &lt;tr&gt; &lt;td colspan="2" align="center"&gt;&lt;h3&gt;&lt;span class="style4"&gt;DAFTAR TAMU&lt;/span&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2" bgcolor=" #2F4F4F" height="10"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;?php require_once("koneksi.php"); $tampil=mysql_query("SELECT *FROM data ORDER BY id DESC"); while($row=mysql_fetch_object($tampil)){ ?&gt; &lt;td width="75"&gt;&lt;span class="style3"&gt;Nama&lt;/span&gt;&lt;/td&gt; &lt;td width="263"&gt;&lt;span class="style6"&gt;&lt;?php echo ucwords($row-&gt;Nama); ?&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;span class="style3"&gt;Email&lt;/span&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="style6"&gt;&lt;?php echo "$row- &gt;Email"; ?&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td valign="top"&gt;&lt;span class="style3"&gt;Komentar&lt;/span&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="style6"&gt;&lt;?php echo "$row- &gt;Komentar"; ?&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="5" colspan="2" bgcolor=" #2F4F4F"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;?php } ?&gt; &lt;/table&gt;

  &lt;br&gt; &lt;/div&gt; &lt;div class="footer"&gt;Copyright &amp;copy; Ahmad Roy Muda Siregar&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

  11. berita/index.php

  &lt;?php include "koneksi.php"; ?&gt; &lt;html&gt; &lt;head&gt;&lt;title&gt;Index Berita&lt;/title&gt;

  &lt;link rel="stylesheet" href="style.css"&gt; &lt;style type="text/css"&gt; 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;

  } &lt;/style&gt;

  &lt;/head&gt; &lt;body&gt;

  &lt;div class="container"&gt; &lt;div class="content"&gt;

  &lt;a href="index.php"&gt;Halaman Depan&lt;/a&gt; | &lt;a href="arsip_berita.php"&gt;Arsip

  Berita&lt;/a&gt; | &lt;a href="input_berita.php"&gt;Input

  Berita&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;h2&gt;Halaman Depan ~ Lima Berita

  Terbaru&lt;/h2&gt; &lt;?

  $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 "&lt;font size=4&gt;&lt;a href='berita_lengkap.php?id=$id_berita'&gt;$judul&lt;/a&gt;&lt;/font&gt; &lt;br&gt;"; echo "&lt;small&gt;Berita dikirimkan oleh &lt;b&gt;$pengirim&lt;/b&gt; pada tanggal &lt;b&gt;$tanggal&lt;/b&gt; dalam kategori &lt;b&gt;$kategori&lt;/b&gt;&lt;/small&gt;"; echo "&lt;p&gt;$headline&lt;/p&gt;"; echo "&lt;hr&gt;";

  } ?&gt;

  &lt;/div&gt; &lt;/div&gt;

  &lt;/body&gt; &lt;/html&gt;

  12. index.php -&gt; Login Pegawai

  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD

  XHTML

  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"&gt; &lt;html ns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt; &lt;title&gt;..::: Login User :::..&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="style_login.css" /&gt;

  &lt;link rel="shortcut icon" href="images/images_admin/favicon.ico" /&gt; &lt;script type="text/javascript"&gt; 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); } &lt;/script&gt; &lt;/head&gt; &lt;body OnLoad="document.login.username.focus();"&gt; &lt;div id="main"&gt; &lt;!-- Header --&gt; &lt;div id="header"&gt;.:: LOGIN USER ::.&lt;/div&gt; &lt;!-- Middle --&gt; &lt;div id="middle"&gt; &lt;form id="form-login" name="login" method="post" action="cek_login.php" onSubmit="return validasi(this)"&gt; &lt;img src="images/images_login/img_login_user.png" align="absmiddle" class="img_user" /&gt; &lt;input type="text" name="username" size="29" id="input" /&gt; &lt;br /&gt; &lt;img src="images/images_login/img_login_pass.png" align="absmiddle" class="img_pass" /&gt; &lt;input type="password" name="password" size="29" id="input" /&gt; &lt;br /&gt; &lt;input name="Submit" type="image" value="Submit" src="images/images_login/button_login2.png" id="submit" align="absmiddle" /&gt; &lt;/form&gt;

  • Pegawai yang belum mempunyai user untuk login silahkan registrasi disini &lt;a style="color:#ffcf43" href='registrasi.php'&gt;Registrasi Pegawai&lt;/a&gt; , selanjutnya silahkan login menggunakan NIP dan password * &lt;/div&gt; &lt;!-- don't Change ;) --&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;!-- Footer --&gt; &lt;div id="footer"&gt;&lt;center&gt;Copyright &amp;copy; 2014 by Ahmad

  Roy Muda Srg&lt;/center&gt;&lt;/div&gt; &lt;!-- vertical_effect --&gt; &lt;div id="vertical_effect"&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

  13. cek_login.php

  &lt;?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 &gt; 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){ header('location:media.php?module=absensi');

  } } else{ include "error-login.php"; } ?&gt;

  14. media.php -&gt;tampilan awal Aplikasi Kepegawaian

  &lt;?php session_start(); error_reporting(0); include "timeout.php"; ?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD

  XHTML

  1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"&gt; &lt;html ns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;SISTEM INFORMASI KEPEGAWAIAN&lt;/title&gt; &lt;link rel="stylesheet" href="css/style.css" type="text/css" /&gt; &lt;script src="js/jquery-1.4.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/superfish.js" type="text/javascript"&gt;&lt;/script&gt;

  &lt;script src="js/hoverIntent.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt;

  $(document).ready(function(){ $('ul.nav').superfish();

  }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="container"&gt; &lt;div id="header"&gt; &lt;span class="judul"&gt;Sistem Informasi Kepegawaian Dinas Sosial Tenaga Kerja dan Transmigrasi&lt;/span&gt;&lt;br /&gt; &lt;span class="judul2"&gt;&lt;/span&gt;&lt;/br&gt; &lt;/div&gt;

  &lt;div class="logout"&gt;&lt;a href="logout.php"&gt; Logout&lt;/a&gt;&lt;/div&gt; &lt;div id="menu"&gt;

Dokumen yang terkait

Sistem Informasi Berbasis Web pada Dinas Pertanian Kabupaten Padang Lawas

25 165 121

Perancangan Sistem Informasi Kepegawaian pada Dinas Kesehatan Kabupaten Padang Lawas Utara Menggunakan PHP dan MySQL

3 168 101

Sistem Informasi Kepegawaian Berbasis Web Pada Kantor Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Padang Lawas

5 127 123

Sistem Informasi Dinas Kebakaran, Pertamanan dan Kebersihan Padang Lawas Utara Berbasis Web

0 105 94

Sistem Informasi Akuntansi Terhadap Gaji dan Upah Pada Dinas Tenaga Kerja dan Transmigrasi Kabupaten Langkat

1 101 68

Sistem Informasi Pelatihan kerja Pada Dinas Tenaga Kerja Dan Transmigrasi Kabupaten Subang

3 41 153

Sistem Informasi Penyaluran Tenaga Kerja Pada Dinas Sosial Tenaga Kerja Dan Transmigrasi Kabupaten Kudus Berbasis Web

0 0 17

Sistem Informasi Bantuan Uang Duka Dengan SMS Gateway Pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Kudus

0 0 24

Sistem Informasi Berbasis Web pada Dinas Pertanian Kabupaten Padang Lawas

0 0 30

BAB 2 TINJAUAN TEORITIS 2.1. Pengertian Komputer - Sistem Informasi Berbasis Web pada Dinas Pertanian Kabupaten Padang Lawas

0 0 25