• Tidak ada hasil yang ditemukan

Perancangan Sistem Informasi Struktur Organisasi dan Kegiatan Kepegawaian Pada DISKOMINFO Kota Medan Berbasis WEB

N/A
N/A
Protected

Academic year: 2019

Membagikan "Perancangan Sistem Informasi Struktur Organisasi dan Kegiatan Kepegawaian Pada DISKOMINFO Kota Medan Berbasis WEB"

Copied!
47
0
0

Teks penuh

(1)

LISTING PROGRAM

1. Index.php

<!DOCTYPE HTML> <html>

<head>

<title>DISKOMINFO KOTA MEDAN</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" />

<!-- modernizr enables HTML5elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header> <div id="logo">

<div id="logo_text"><span class="logo_colour"><img src="../TA/gambar/dinasko1.jpg" width="942" height="113">

</h2> </div> </div> <nav>

<ul class="sf-menu" id="nav">

<li><a href="?menu=home">Home</a></li> <li><a href="#">About Us</a>

<ul>

<li><a href="#">Profil</a> <ul>

<li><a href="?menu=sejarah">Sejarah</a></li> <li><a href="?menu=visi">Visi Misi</a></li> </ul>

</li>

<li><a href="?menu=struktur">Struktur Organisasi</a></li> </ul>

</li>

<li ><a href="galeri/index.php">Galeri</a></li> <li><a href="#">News</a>

<ul>

(2)

<li><a href="?menu=mplik">Mplik</a></li> <li><a href="?menu=kegiatan">Kegiatan</a></li> </ul>

</li>

<li ><a href="?menu=contact">Contact Us</a></li> <li><a href="admin/login.php">Login</a></li>

</nav> </header>

<div id="site_content">

<ul id="images">

<li><img src="images/kominfo12.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/kominfo3.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/komjen.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/kominfo5.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/kominfo8.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/mplik.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div id"sidebar_container"> <div class="sidebar">

<h3>Lest News</h3>

<h4>Sekda Kota Medan Secara Resmi Buka Dialog Interaktif Sumut Pos 2014</h4>

<h5>January 15th, 2014</h5>

<p>Sekda Kota Medan Ir.Syaiful Bahri,MSi didampingi oleh sejumlah pimpinan SKPD dilingkungan...<br /><a href="berita/index.php" charset="UTF-8">Read more</a></p>

<h4>Contact Us</h4>

<h5>We are Here for More Information</h5>

<p> Kantor : (061) 6610114</p></br><p> Ours at Social Media <a href="https://www.facebook.com/dinaskominfo.kotamedan">

DISKOMINFO</a></p>

<h4>Calendar Activity</h4> <?php

echo ""; ?>

(3)

months[0] = "Januari"; months[1] = "Peburari"; months[2] = "Maret"; months[3] = "April"; months[4] = "Mei"; months[5] = "Juni"; months[6] = "Juli"; months[7] = "Agustus"; months[8] = "September"; months[9] = "Oktober"; months[10] = "Nopember"; months[11] = "Desember"; var currentDate = new Date();

var currentMonth = currentDate.getMonth(); var hariini=currentDate.getDate();

currentDate.setDate(1);

document.write("<br><br><table border=1 width='200px' bgcolor='#CCCCCC' cellpadding=2 cellspacing=0>");

document.write("<tr>");

document.write("<td colspan=7 bgcolor='#FFCC33' align='center'><strong>" + months[currentMonth] + "</td>");

document.write("<tr>");

document.write("<td bgcolor='#9999CC' align='center'>M</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("<td bgcolor='#9999CC' align='center'>R</td>"); document.write("<td bgcolor='#9999CC' align='center'>K</td>"); document.write("<td bgcolor='#9999CC' align='center'>J</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("</tr>");

if (currentDate.getDay() != 0) {

document.write("<tr>");

for (i = 0; i < currentDate.getDay(); i++) {

document.write("<td>&nbsp;</td>"); }

}

while (currentDate.getMonth() == currentMonth) {

if (currentDate.getDay == 0) {

document.write("<tr>"); }

(4)

document.write("<td align='center' bgcolor='#FF9900'> <font color='#CC0000'><strong>" + currentDate.getDate() + "</strong></font></td>"); }

else {

document.write("<td align='center'>" + currentDate.getDate() + "</td>"); }

if (currentDate.getDay() == 6) {

document.write("</tr>"); }

currentDate.setDate(currentDate.getDate() + 1); }

for (i = currentDate.getDay(); i <= 6; i++) {

document.write("<td>&nbsp;</td>"); }

document.write("</font></table>"); </SCRIPT>

</tr> </table>

</div> </div>

<div class="content"> <br><br><br><br> <p>

<p>

<?php

error_reporting('0'); $menu =$_GET['menu'];

if($_GET['menu']=='home'){ include('profil.php'); }

elseif($_GET['menu']=='sejarah'){ include('sejarah.php'); }

elseif($_GET['menu']=='struktur'){ include('organisasi.php'); }

elseif($_GET['menu']=='visi'){ include('tentang.php'); }

(5)

}

elseif($_GET['menu']=='berita_detil'){ include('berita/berita_detil.php'); }

elseif($_GET['menu']=='mplik'){ include('mplik/mplik.php'); }

elseif($_GET['menu']=='kegiatan'){ include('kegiatan/kegiatan.php'); }

elseif($_GET['menu']=='contact'){ include('bukutamu/kontak.php'); }

elseif($_GET['menu']=='isi'){ include('bukutamu/isi.php'); }

elseif($_GET['menu']=='simpan'){ include('bukutamu/simpan.php'); }

elseif($_GET['menu']=='dinas'){ include('dinas.php'); }

elseif($_GET['menu']=='sekretaris'){ include('sekretaris.php');

}

elseif($_GET['menu']=='sub_umum'){ include('sub_umum.php');

}

elseif($_GET['menu']=='sub_program'){ include('sub_program.php');

}

elseif($_GET['menu']=='informasi'){ include('informasi.php');

}

elseif($_GET['menu']=='data'){ include('data.php');

}

elseif($_GET['menu']=='pengembangan'){ include('pengembangan.php');

}

elseif($_GET['menu']=='pengumpulan'){ include('pengumpulan.php');

}

elseif($_GET['menu']=='perawatan'){ include('perawatan.php');

}

(6)

}

elseif($_GET['menu']=='operasional'){ include('operasional.php');

}

elseif($_GET['menu']=='keluaran'){ include('keluaran.php');

}

elseif($_GET['menu']=='media_cetak'){ include('media_cetak.php');

}

elseif($_GET['menu']=='pos'){ include('pos.php');

}

elseif($_GET['menu']=='penyiaran'){ include('penyiaran.php');

}

elseif($_GET['menu']=='seksi_pos'){ include('seksi_pos.php');

}

elseif($_GET['menu']=='sosial'){ include('sosial.php');

}

elseif($_GET['menu']=='seksi'){ include('seksi.php');

}

elseif($_GET['menu']=='media_luar'){ include('media_luar.php');

}

elseif($_GET['menu']=='radio'){ include('radio.php');

}

elseif($_GET['menu']=='berita_detil'){ include('berita/berita_detil.php'); }

else{

echo " "; }

?>

</div> </div>

<div class="span12 wellwhite" style="margin-left: 0px">

<h7 style="margin: -120px 0 30px 100px; font-family: Monotype Verdana, Geneva, sans-serif; font-size: 30px; font-style:italic">

<legend><marquee> DISKOMINFO KOTA MEDAN </marquee></legend>

(7)

<h7 style="margin: -120px 0 70px 100px; font-family: Georgia; font-size: 20px; background-color:transparent orange; text-align:justify"> Bekerja Sama dan Sama-sama Bekerja </h7> <br></br>

</p>

</div> </div><!--/span-->

<div class="span12" style="margin-left: 5px"></div> <p>

<footer>

<div><p align="center">Perancangan Sistem

informasi Struktur Organisasi dan Kegiatan Kepegawaian DISKOMINFO Kota Medan <br><br>

<p align="center">&copy; Copyright MyWebSite. Designed by Wilda Siti Fatonah<a href="twitter.com/wie_dot"> My Profie </a> <br><br>D3 Teknik Informatika Universitas Sumatera Utara</p></p> <br>

<br> </div>

</footer><!--/.fluid-container--> <p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

</script> </body> </html>

2. Profil.php

<div>

<h2>DISKOMINFO<h2>

<img src="images/kominfo12.jpg" alt="" style="height: 300px"><br /></br>

(8)

Kepala Dinas : Drs. DARUSSALAM POHAN, MAP<br>

Alamat/Telp. Kantor : Jl. Sidorukun No. 35 Medan Telp.(061) 6610114<br>

<h4> Tugas Pokok </h4> <ol>

<li>Dinas Komunikasi dan Informatika Kota Medan adalah unsur pelaksana Pemerintah Kota Medan

dalam bidang informasi dan komunikasi yang dipimpin oleh seorang kepala

yang berada di bawah dan bertanggung jawab kepada Kepala Daerah melalui Sekretaris Daerah.</li><br>

<li>Dinas Komunikasi dan Informatika Kota Medan mempunyai tugas melaksanakan sebagian

urusan rumah tangga daerah dalam bidang informasi komunikasi dan pengolahan data elektronik

serta melaksanakan tugas pembantuan sesuai dengan bidang tugasnya.</li><br>

</ol>

<h4> Fungsi </h4> <ol>

<li>Merumuskan dan melaksanakan kebijakan teknis dalam bidang informasi komunikasi dan pengolahan data elektronik</li><br>

<li>Melaksanakan pelayanan informasi dan komunikasi kepada masyarakat dalam rangka mencerdaskan kehidupan bangsa, memperkokoh persatuan dan kesatuan bangsa</li><br>

<li>Melaksanakan pemantauan, registrasi, fasilitasi, apresiasi terhadap lembaga pemerintah dan masyarakat di bidang pelayanan informasi dan komunikasi</li><br>

<li>Melaksanakan kegiatan pelayanan pemberian izin sesuai dengan bidang tugasnya</li><br>

<li>Melaksanakan pembinaan dan pengawasan peredaran film dan rekaman video komersil</li><br>

<li>Melaksanakan kegiatan pelayanan pembinaan dan pengawasan media cetak dan elektronik sesuai dengan ketentuan dan peraturan yang berlaku</li><br> <li>Menyelenggarakan perjanjian daan persetujuan atas nama daerah di bidang informasi dan komunikasi</li><br>

<li>Menyelenggarakan kerjasama pengembangan teknologi informasi dan komunikasi dengan pihak lain dalam rangka pengembangan dan pemanfaatan sistem informasi dan komunikasi</li><br>

<li>Menyelenggarakan pelayanan sistem informasi dan komunikasi pemerintaah dan masyarakat</li><br>

<li>Menyelenggarakan peningkatan sumber daya manusia di bidang teknologi informasi dan komunikasi</li><br>

(9)

<li>Mengendalikan dan memberdayakan sistem informasi dan komunikasi</li><br>

<li>Melaksanakan seluruh kewenangan yang ada sesuai dengan bidang tugasnya</li><br>

<li>Melaksanakan tugas-tugas lain yang diberikan oleh Kepala Daerah.</li> </ol>

</div>

3. Tentang.php

<div id="tentang"> <?php

echo"<h2>Visi dan Misi</h2><br><br>

<ol>

<li>Visi : </li>

Visi Dinas Komunikasi dan Informatika Kota Medan masih melanjutkan kepada Visi terdahulu adalah :

<br>“e-Gov 2015”</br>

Visi Dinas Komunikasi dan Informatika ini merupakan perwujudan dari Rencana Pembangunan Jangka Menengah (RPJM)

Kota Medan Tahun 2011-2015 yang menjabarkan tentang pembangunan dan pengimplementasian Elektronik Government di Iingkungan Pemerintah Kota Medan, yaitu : “Penyelenggaraan Pemerintahan yang berbasis elektronik dalam rangka meningkatkan layanan publik secara efektif dan efisien, melalui penataan sistem manajemen dan proses kerja di

lingkungan pemerintahan Kota Medan dengan mengoptimalkan pemanfaatan Teknologi Informasi”.

<br>

<br><br> <li>Misi : </li>

Sejalan dengan visi, maka misi Dinas Komunikasi dan Informatika Kota Medan adalah :

<ol>

<li>Meningkatkan pelayanan informasi komunikasi dan data elektronik yang aktual dan akurat.</li>

<li>Mengembangkan infrastruktur informasi komunikasi dan data elektronik yang berteknologi.</li>

<li>Meningkatkan kapasitas dan kapabilitas aparatur dalam penguasaan dan pemanfaatan bidang teknologi informasi dan komunikasi.</li>

<li>Mendorong partisipasi masyarakat melalui sarana komunikasi sosial, media informasi komunikasi, dan media massa.</li>

(10)

4. Sejarah.php

<div>

<?php

echo"<h1>SEJARAH SINGKAT DINAS KOMUNIKASI DAN INFORMATIKA KOTA MEDAN</h1><br><br>

<ol> <li>

Dinas Komunikasi dan Informatika dibentuk berdasarkan Pasal 99 dan 100 Peraturan Daerah Kota Medan Nomor 3 tahun 2009 tentang

Pembentukan Organisasi dan Tata Kerja Perangkat Daerah Kota Medan, telah diatur tugas dan fungsi Dinas Komunikasi dan Informatika Kota Medan. <br><br>

<li>

Dinas Komunikasi dan Informatika Kota Medan adalah unsur pelaksana Pemerintah Kota Medan dalam bidang informasi dan komunikasi

yang dipimpin oleh seorang kepala yang berada di bawah dan bertanggung jawab kepada Kepala Daerah melalui Sekretaris Daerah.

<br><br>

<li>Dinas Komunikasi dan Informatika Kota Medan mempunyai tugas melaksanakan sebagian urusan rumah tangga daerah dalam bidang

informasi komunikasi dan pengolahan data elektronik serta melaksanakan tugas pembantuan sesuai dengan bidang tugasnya.

</li></li></ol></br></br> ";

?> </div>

5. Organisasi.php

<html> <div>

<h2 align="=center">Struktur Organisasi Pegawai Diskominfo Medan</h2>

<img src="gambar/s-o diskominfo.jpg" width="700" height="500" alt="struktur">

<div>

<h3>Nama Pegawai </h3> <ol>

<li> <a href="?menu=dinas"> Drs. Darussalam Pohan, M.Ap </a></li> <li> <a href="?menu=sekretaris"> Dra. Sri Maharani, M.Pd </a></li> <li> <a href="?menu=sub_umum"> Dra. Sumarni </a></li>

(11)

<li> <a href="?menu=data"> Drs. Harunsyah, M.Ap </a></li>

<li> <a href="?menu=pengembangan"> Burhanuddin Harahap, SH </a></li>

<li> <a href="?menu=pengumpulan"> Dra. Rinneriyati </a></li> <li> <a href="?menu=perawatan"> Sudirman </a></li>

<li> <a href="?menu=monitor"> Hj. Hanivah , SH </a></li> <li> <a href="?menu=operasional"> Supriyono, SH </a></li> <li> <a href="?menu=keluaran"> GLoria Sagita Gultom </a></li> <li> <a href="?menu=media_cetak"> Saipul Amri, S.Sos </a></li> <li> <a href="?menu=pos"> Arbani Harahap, S.Sos </a></li> <li> <a href="?menu=penyiaran"> Drs. M. Tito </a></li> <li> <a href="?menu=seksi_pos"> Hj. Elidawati, SE </a></li> <li> <a href="?menu=sosial"> Benni Masahaji Siregar, SH </a></li> <li> <a href="?menu=seksi"> Drs. Aser Marudut Napitupulu </a></li> <li> <a href="?menu=media_luar"> Bernadin Agustin </a></li> <li> <a href="?menu=radio"> Mhd. Iqbal Siregar </a>

</li> </li></li> </ol> </div> </div> </html>

6. Galeri (index.php)

<!DOCTYPE HTML> <html>

<head>

<title>DISKOMINFO KOTA MEDAN</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="../galeri/css/style.css" /> <!-- modernizr enables HTML5elements and feature detects -->

<script type="text/javascript" src="../galeri/js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header> <div id="logo">

<div id="logo_text"><span class="logo_colour"><img src="foto/dinasko1.jpg" width="942" height="113">

(12)

<nav>

<ul class="sf-menu" id="nav">

<li><a href="../?menu=home">Home</a></li> <li><a href="#">About Us</a>

<ul>

<li><a href="#">Profil</a> <ul>

<li><a href="../?menu=sejarah">Sejarah</a></li> <li><a href="../?menu=visi">Visi Misi</a></li> </ul>

</li>

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

</li>

<li ><a href="../?menu=galeri">Galeri</a></li> <li><a href="#">News</a>

<ul>

<li><a href="../?menu=berita">Berita</a></li> <li><a href="../?menu=mplik">Mplik</a></li> <li><a href="../?menu=kegiatan">Kegiatan</a></li> </ul>

</li>

<li ><a href="../?menu=contact">Contact Us</a></li> </ul>

</nav> </header>

<div id="site_content">

<ul id="images">

<li><img src="images/kominfo12.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/kominfo3.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/komjen.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/kominfo5.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/kominfo8.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/mplik.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

(13)

<h3>Lest News</h3>

<h4>Sekda Kota Medan Secara Resmi Buka Dialog Interaktif Sumut Pos 2014</h4>

<h5>January 15th, 2014</h5>

<p>Sekda Kota Medan Ir.Syaiful Bahri,MSi didampingi oleh sejumlah pimpinan SKPD dilingkungan...<br /><a href="berita/berita.php" charset="UTF-8">Read more</a></p>

<h4>Contact Us</h4>

<h5>We are Here for More Information</h5>

<p> Kantor : (061) 6610114</p></br><p> Ours at Social Media <a href="https://www.facebook.com/dinaskominfo.kotamedan">

DISKOMINFO</a></p>

<h4>Calendar Activity</h4> <?php

echo ""; ?>

<SCRIPT type=text/javascript> var months = new Array(); months[0] = "Januari"; months[1] = "Peburari"; months[2] = "Maret"; months[3] = "April"; months[4] = "Mei"; months[5] = "Juni"; months[6] = "Juli"; months[7] = "Agustus"; months[8] = "September"; months[9] = "Oktober"; months[10] = "Nopember"; months[11] = "Desember"; var currentDate = new Date();

var currentMonth = currentDate.getMonth(); var hariini=currentDate.getDate();

currentDate.setDate(1);

document.write("<br><br><table border=1 width='200px' bgcolor='#CCCCCC' cellpadding=2 cellspacing=0>");

document.write("<tr>");

document.write("<td colspan=7 bgcolor='#FFCC33' align='center'><strong>" + months[currentMonth] + "</td>");

document.write("<tr>");

(14)

document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("</tr>");

if (currentDate.getDay() != 0) {

document.write("<tr>");

for (i = 0; i < currentDate.getDay(); i++) {

document.write("<td>&nbsp;</td>"); }

}

while (currentDate.getMonth() == currentMonth) {

if (currentDate.getDay == 0) {

document.write("<tr>"); }

if (hariini==currentDate.getDate()) {

document.write("<td align='center' bgcolor='#FF9900'> <font color='#CC0000'><strong>" + currentDate.getDate() + "</strong></font></td>"); }

else {

document.write("<td align='center'>" + currentDate.getDate() + "</td>"); }

if (currentDate.getDay() == 6) {

document.write("</tr>"); }

currentDate.setDate(currentDate.getDate() + 1); }

for (i = currentDate.getDay(); i <= 6; i++) {

document.write("<td>&nbsp;</td>"); }

document.write("</font></table>"); </SCRIPT>

</tr> </table>

</div> </div>

<div class="content"> <br><br><br><br>

(15)

<h1>Galeri Foto</h1> <p>

<?php

include "koneksi.php"; echo "<ul id='produk'>";

$QKategori = mysql_query("SELECT * FROM galerikategori");

while ($AKategori = mysql_fetch_array($QKategori)) { $Kategori = $AKategori[0];

$QGetNamaKategori = mysql_query("SELECT nama FROM galerikategori WHERE id_kat = '$Kategori'");

$AGetNamaKategori = mysql_fetch_array($QGetNamaKategori);

$QJumlahPerKategori = mysql_query("SELECT file FROM galeri WHERE kategori = '$Kategori'");

$JJumlahPerKategori = mysql_num_rows($QJumlahPerKategori);

$QGaleri = mysql_query("SELECT * FROM galeri WHERE kategori = '$Kategori' ORDER BY RAND()");

$AGaleri = mysql_fetch_array($QGaleri);

if ($JJumlahPerKategori == 0) { echo "

<a href='#' onclick=\"javascript:alert('belum ada foto ..!')\" class='tooltip' title='$AGetNamaKategori[0]'>

<li class='lis-produk'>

<div class='isi'><img src='foto/no-image.jpg'></div>

</li> </a>"; } else {

echo "

<a href='galeri_detil.php?kat=$Kategori' class='tooltip' title='$AGetNamaKategori[0]'>

<li class='lis-produk'>

<div class='isi'><img src='foto/$AGaleri[1]'></div>

</li> </a>"; }

}

echo "</ul>"; ?>

(16)

</div> </div>

<div class="span12 wellwhite" style="margin-left: 0px">

<h7 style="margin: -120px 0 30px 100px; font-family: Monotype Verdana, Geneva, sans-serif; font-size: 30px; font-style:italic">

<legend><marquee> DISKOMINFO KOTA MEDAN </marquee></legend>

<p>

<h7 style="margin: -120px 0 70px 100px; font-family: Georgia; font-size: 20px; background-color:transparent orange; text-align:justify"> Bekerja Sama dan Sama-sama Bekerja </h7> <br></br>

</p>

</div> </div><!--/span-->

<div class="span12" style="margin-left: 5px"></div> <p>

<footer>

<div><p align="center">Perancangan Sistem

informasi Struktur Organisasi dan Kegiatan Kepegawaian DISKOMINFO Kota Medan <br><br>

<p align="center">&copy; Copyright MyWebSite. Designed by Wilda Siti Fatonah<a href="twitter.com/wie_dot"> My Profie </a> <br><br>D3 Teknik Informatika Universitas Sumatera Utara</p></p> <br>

<br> </div>

</footer><!--/.fluid-container--> <p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

(17)

7. Berita.php

<html> <head>

<title>Data berita</title> </head>

<body> <?php

include "koneksi.php";

$query_ambil_berita = mysql_query("SELECT * FROM berita"); //query ambil data berita.

while ($data_berita = mysql_fetch_array($query_ambil_berita)) {

?>

<h5 style="margin-bottom: 0px"><?php echo $data_berita['judul']; ?></h5>

<small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo $data_berita['tanggal_berita']; ?></small>

<p> <?php

error_reporting("0");

if (is_file("gambar/".$data_berita['gambar']) == TRUE) { ?>

<img src="gambar/<?php echo $data_berita['gambar']; ?>" style="width: 100px; height: 75px; margin: 0 10px 10px 0; display: inline; float: left">

<?php }

?>

<?php echo substr($data_berita['isi_berita'], 0, 500); ?> ...

<a href="berita/index.php?berita_detil.php?id=<?php echo $data_berita['id_berita']; ?>">selengkapnya</a>

</p>

<hr style="border: dashed 1px #e9e9e9"> <?php

}

//penutup perulangan while ?>

(18)

8. Mplik.php

<html> <head>

<title>Data MPLIK</title> </head>

<body> <?php

include "koneksi.php"; ?>

<?php

error_reporting("0");

$query_ambil_mplik = mysql_query("SELECT * FROM mplik"); //query ambil data mplik.

while ($data_mplik= mysql_fetch_array($query_ambil_mplik)) {

//perulangan untuk menampilkan mplik ?>

<h5 style="margin-bottom: 0px"><?php echo $data_mplik['judul_mplik']; ?></h5>

<small>Ditulis oleh : <?php echo $data_mplik['penulis']; ?>, pada : <?php echo $data_mplik['tanggal_mplik']; ?></small>

<p> <?php

if (is_file("gambar/".$data_mplik['gambar']) == TRUE) { ?>

<img src="gambar/<?php echo $data_mplik['gambar']; ?>" style="width: 100px; height: 75px; margin: 0 10px 10px 0; display: inline; float: left">

<?php } ?>

<?php echo substr($data_mplik['isi'], 0, 500); ?> ...

<a href="mplik/mplik_detil.php?id=<?php echo $data_mplik['id_mplik']; ?>">selengkapnya</a>

</p>

<hr style="border: dashed 1px #e9e9e9"> <?php

}

//penutup perulangan while ?>

(19)

9. Kegiatan.php

<html> <head>

<title>Data Kegiatan</title> </head>

<body> <?php

include "koneksi.php";

$query_ambil_kegiatan = mysql_query("SELECT * FROM kegiatan"); //query ambil data berita.

while ($data_kegiatan = mysql_fetch_array($query_ambil_kegiatan)) {

?>

<h5 style="margin-bottom: 0px"><?php echo $data_kegiatan['judul']; ?></h5>

<small>Ditulis oleh : <?php echo $data_kegiatan['penulis']; ?>, pada : <?php echo $data_kegiatan['tanggal_kegiatan']; ?></small>

<p> <?php

if (is_file("gambar/".$data_kegiatan['gambar']) == TRUE) { ?>

<img src="gambar/<?php echo $data_kegiatan['gambar']; ?>" style="width: 100px; height: 75px; margin: 0 10px 10px 0; display: inline; float: left">

<?php }

?>

<?php echo substr($data_kegiatan['isi_kegiatan'], 0, 500); ?> ...

<a href="kegiatan/kegiatan_detil.php?id=<?php echo $data_kegiatan['id_kegiatan']; ?>">selengkapnya</a>

</p>

<hr style="border: dashed 1px #e9e9e9"> <?php

}

//penutup perulangan while ?>

(20)

10.Kontak.php

<div>

<h1 align="center" class ="setfont">Buku Tamu</h1>

<p>Say hello, jika anda ingin tinggalkan pesan dan memberi saran serta komentar dan pertanyaan dapat anda isi disini dan hubungi kami di nomor yang tertera. </p>

<form method="post" action="?menu=simpan"> <table>

<tr>

<td>Nama Pengunjung</td> <td>:</td>

<td><input type="text" name="nama"></td> </tr>

<tr>

<td>Email</td> <td>:</td>

<td><input type="text" name="email"></td> </tr>

<tr>

<td>URL</td> <td>:</td>

<td><input type="text" name="url" value="http://"></td> </tr>

<tr>

<td>Komentar</td> <td>:</td>

<td><textarea name="komentar"></textarea></td> </tr>

<tr>

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

<td><input type="submit" name="submit" value="submit">

<input type="reset" name="reset" value="reset"></td>

</tr> </table> </form>

</div>

<?php

//menghubungkan ke server

mysql_connect("localhost","root","");

(21)

mysql_select_db("ta");

//query yang digunakan untuk menampilkan isi buku tamu

$hasil = mysql_query("SELECT * FROM guestbook ORDER BY Id DESC");

//menampilan isi buku tamu

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

echo "<table>"; echo "<tr>";

echo "<td>Nama</td>"; echo "<td> : </td>";

echo "<td> ".$data["nama"]."</td>"; echo "</tr>";

echo "<tr>";

echo "<td>Email</td>"; echo "<td> : </td>";

echo "<td> <a

href=mailto:".$data["email"].">".$data["email"]."</a></td>"; echo "</tr>";

echo "<tr>";

echo "<td>Tanggal Kirim</td>"; echo "<td> : </td>";

echo "<td>".$data["tanggal"]."</td>"; echo "</tr>";

echo "<tr>";

echo "<td>URL</td>"; echo "<td> : </td>";

echo "<td> <a href=".$data["url"].">".$data["url"]."</a></td>"; echo "</tr>";

echo "<tr>";

echo "<td>Komentar</td>"; echo "<td> : </td>";

echo "<td> ".$data["komentar"]."</td>"; echo "</tr>";

echo "</table><hr>"; }

(22)

11.Admin(login.php)

<?php

// memulai session session_start();

include "include/koneksi.php"; if(isset($_POST['Submit'])){ $username = $_POST['username']; $password = $_POST['pass']; if(empty($username)){

echo "<script type='text/javascript'> onload =function(){

alert('Username belum diisi'); }

</script>"; }

elseif(empty($password)){

echo "<script type='text/javascript'> onload =function(){

alert('Password belum diisi'); }

</script>"; } else {

// query untuk mendapatkan record dari username

$query = "SELECT * FROM user WHERE username = '$username'"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil);

// cek kesesuaian password

if ($password == $data['password']) {

header("location:index.php");

// menyimpan username dan level ke dalam session $_SESSION['level'] = $data['level'];

$_SESSION['username'] = $data['username'];

}

echo "<script type='text/javascript'> onload =function(){

alert('Username atau password salah!! Ulangi kembali'); }

</script>"; }

(23)

<style type="text/css"> <!--

body {

background-color: #fff;

background-image: url(.../images/back.jpg); }

--> </style>

<table width="622" border="2" align="center" cellpadding="1" cellspacing="0" bgcolor="#fff">

<tr>

<td colspan="2"><? include "header.php"; ?></td> </tr>

<tr>

<td valign="top"><h2 align="center">&nbsp;</h2>

<h2 align="center"><strong>Login Administrator </strong> </h2>

<p align="center"><img src="icon/Action-lock-icon.png" width="128" height="128" />

<form method="post" action=""> <table width="289" border="0" align="center"> <tr>

<td>Username </td>

<td><input name="username" type="text"></td> </tr>

<tr>

<td>Password </td>

<td><input name="pass" type="password"></td> </tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" name="Submit" value="Login"></td> </tr>

</table> </form>

</p>

<p>&nbsp;</p>

<div align="center"><a href="../?menu=home">Back to Home</a> </div></td>

</tr> <tr>

<td valign="top" bgcolor="#066"><p>&nbsp;</p> <p>

<? include "footer.php"; ?> </p>

<p>&nbsp; </p></td> </tr>

(24)

12.Admin (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>

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

<title>IN ADMIN PANEL | DINAS KOMUNIKASI DAN INFORMATIKA KOTA MEDAN</title>

<link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="js/clockp.js"></script> <script type="text/javascript" src="js/clockh.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/ddaccordion.js"></script> <script type="text/javascript">

ddaccordion.init({

headerclass: "submenuheader", //Shared CSS class name of headers group contentclass: "submenu", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content

onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing },

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

//do nothing }

})

(25)

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

$(document).ready(function() { $('.ask').jConfirmAction(); });

</script>

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

<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />

</head> <body>

<div id="main_container">

<div class="header">

<div class="logo"><a href="#"><img src="images/logo.png" width="133" height="61" /></a></div>

<div class="right_header">Welcome Admin, ||| <a href="logout.php" class="logout">Logout</a></div>

<div id="clock_a"></div> </div>

<div class="main_content">

<div class="menu"> <ul>

<li><a href="">HALAMAN ADMINISTRATOR DISKOMINFO MEDAN</a></li>

</ul> </div>

<div class="center_content"> <div class="left_content"> <div class="sidebar_search"> </div>

<div class="sidebarmenu">

<a class="menuitem submenuheader" href="">MENU</a> <div class="submenu">

<ul>

(26)

<li><a href="berita/index.php">Berita</a></li> <li><a href="mplik/index.php">Mplik</a></li> <li><a href="kegiatan/index.php">Kegiatan</a></li> <li><a href="?admin=contact">Contact Us</a></li> </ul>

</div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

</div>

<div class="right_content"> <div class="pagination">

<?php

(27)

if($_GET['admin']=='berita'){ include('../berita/berita.php'); }

elseif($_GET['admin']=='berita_detil'){ include('berita/berita_detil.php'); }

elseif($_GET['admin']=='aksi_edit_berita'){ include('berita/aksi_edit_berita.php'); }

elseif($_GET['admin']=='aksi_tambah_berita'){ include('berita/aksi_tambah_berita.php'); }

elseif($_GET['admin']=='aksi_tambah_berita'){ include('..berita/aksi_tambah_berita.php'); }

elseif($_GET['admin']=='edit'){ include('berita/edit.php'); }

elseif($_GET['admin']=='hapus'){ include('berita/hapus.php'); }

elseif($_GET['admin']=='tambah'){ include('berita/tambah.php'); }

elseif($_GET['admin']=='mplik'){ include('mplik/index.php'); }

elseif($_GET['admin']=='kegiatan'){ include('kegiatan/kegiatan.php'); }

elseif($_GET['admin']=='kegiatan_detail'){ include('kegiatan/kegiatan_detil.php'); }

(28)

elseif($_GET['admin']=='edit'){ include('kegiatan/edit.php'); }

elseif($_GET['admin']=='galeri'){ include('galeri/index.php'); }

elseif($_GET['admin']=='contact'){ include('bukutamu/admbuta.php'); }

elseif($_GET['admin']=='contact'){ include('bukutamu/hapbuta.php'); }

else{

echo"<br><br><br><br><br><br><br><br><br> <center><h1>SELAMAT DATANG </h1> <h1>DI HALAMAN ADMINISTRATOR</h1> </center>";

} ?> </div>

<div class="form"> </div>

</div><!-- end of right content--> </div> <!--end of center content --> <div class="clear"></div>

</div> <!--end of main content-->

<div class="footer">

<div class="left_footer">FMIPA UNIVERSITAS SUMATERA UTARA | Powered by <a href="">Wilda Siti Fatonah</a></div>

(29)

13.Admin galeri (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>

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

<title>IN ADMIN PANEL | DINAS KOMUNIKASI DAN INFORMATIKA KOTA MEDAN</title>

<link rel="stylesheet" type="text/css" href="../style.css" /> <script type="text/javascript" src="../js/clockp.js"></script> <script type="text/javascript" src="../js/clockh.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/ddaccordion.js"></script> <script type="text/javascript">

ddaccordion.init({

headerclass: "submenuheader", //Shared CSS class name of headers group contentclass: "submenu", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content

onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["suffix", "<img src='../images/plus.gif' class='statusicon' />", "<img src='../images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing },

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

//do nothing }

})

(30)

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

$(document).ready(function() { $('.ask').jConfirmAction(); });

</script>

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

<link rel="stylesheet" type="text/css" media="all" href="../niceforms-default.css" />

</head> <body>

<div id="main_container">

<div class="header">

<div class="logo"><a href="#"><img src="images/logo.png" width="133" height="61" /></a></div>

<div class="right_header">Welcome Admin, ||| <a href="logout.php" class="logout">Logout</a></div>

<div id="clock_a"></div> </div>

<div class="main_content">

<div class="menu"> <ul>

<li><a href="">HALAMAN ADMINISTRATOR DISKOMINFO MEDAN</a></li>

</ul> </div>

<div class="center_content"> <div class="left_content">

<div class="sidebar_search"> </div>

<div class="sidebarmenu">

(31)

<ul>

<li><a href="../galeri/index.php">Galeri</a></li> <li><a href="../berita/index.php">Berita</a></li> <li><a href="../mplik/index.php">Mplik</a></li> <li><a href="../kegiatan/index.php">Kegiatan</a></li> <li><a href="../?admin=contact">Contact Us</a></li> </ul>

</div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

</div>

(32)

<?php

include "../koneksi.php"; ?>

<div id="isi">

<h1>Admin Galeri Foto</h1>

<?php

error_reporting('0'); //variabel post

$p = $_GET['p'];

if ($p == "simpan_album") {

$QTambahKategori = mysql_query("INSERT INTO galerikategori VALUES ('', '".$_POST['kategori']."')");

if ($QTambahKategori) {

echo "<script>alert('Berhasil Ditambahkan'); window.open('index.php', '_self');</script>";

} else {

echo "<script>alert('Gagal Ditambahkan'); window.open('index.php', '_self');</script>";

} }

//variabel Get

$mod = $_GET['mod']; $id_kat= $_GET['id_kat'];

if ($mod == "del_kat") { //hapus file

$QDelKategori = mysql_query("DELETE FROM galerikategori WHERE id_kat = '$id_kat'");

$QDelGaleriKat = mysql_query("DELETE FROM galeri WHERE kategori = '$id_foto'");

if ($QDelKategori && $QDelGaleriKat) {

echo "<script>alert('Berhasil Dihapuskan'); window.open('index.php', '_self');</script>";

} else {

echo "<script>alert('Gagal Dihapus'); window.open('index.php', '_self');</script>";

(33)

} else if ($mod == "upload") {

$id_kat = $_POST['id_kat']; $ket = $_POST['ket'];

//upload foto

$fileName = $_FILES['foto']['name']; $fileSize = $_FILES['foto']['size']; $fileError = $_FILES['foto']['error']; $fileType = $_FILES['foto']['type'];

if ($fileType == "image/gif" || $fileType == "image/jpeg" || $fileType == "image/jpeg") {

if (move_uploaded_file($_FILES['foto']['tmp_name'], '../foto/'.$fileName)) {

perkecil("../foto/$fileName", "../foto/");

mysql_query("INSERT INTO galeri VALUES ('', '$fileName', '$id_kat', '$ket', '0', now())");

}

echo "<script>alert('Berhasil Ditambahkan'); window.open('galeri_form.php?id_kat=".$_POST['kategori']."', '_self');</script>";

} else {

echo "<script>alert('Gagal Ditambahkan'); window.open('galeri_form.php?id_kat=".$_POST['kategori']."', '_self');</script>";

} }

?>

<!-- End Box Head -->

<div style="margin: 0 15px 0 15px"> <div id="tKategori">

<form action="?p=simpan_album" method="post" name="tmKategori" onsubmit="return cekNama();">

<input type="text" name="kategori" size="40" style="padding: 3px" placeholder="Isikan nama album" required>&nbsp;<input type="submit" value="Buat Kategori" name="tbKat" style="padding: 3px">

</form> </div> </div>

<div style="margin: 0 15px 0 15px"> <?php

(34)

$Kategori = $AKategori[0];

$QGetNamaKategori = mysql_query("SELECT nama FROM galerikategori WHERE id = '$Kategori'");

$AGetNamaKategori = mysql_fetch_array($QGetNamaKategori);

$QJumlahPerKategori = mysql_query("SELECT file FROM galeri WHERE kategori = '$Kategori'");

$JJumlahPerKategori = mysql_num_rows($QJumlahPerKategori);

echo "

<div id='foto' style='background: #E3FFB5; padding: 5px; margin: 10px 0 10px 0; border: solid 1px #85C226; overflow: auto; width: 50%'>

<h3 style='font-size: 10px; font-weight: bold;'>$AKategori[1] ($JJumlahPerKategori foto) |

[ <a href='galeri_form.php?id_kat=$AKategori[0]'>Manajemen Kategori Foto</a> ] |

[ <a href='?p=galeri&mod=del_kat&id_kat=$Kategori' onclick=\"return konfirmasi('Menghapus Data ini - $Kategori - ')\">Hapus Kategori ini</a> ]

</h3>";

$QGaleri = mysql_query("SELECT * FROM galeri WHERE kategori = '$Kategori'");

$no = 1;

if ($JJumlahPerKategori == 0) {

echo "<font color='red'><b>Belum ada foto dalam kategori ini</b></font>";

} else {

while ($AGaleri = mysql_fetch_array($QGaleri)) { echo "

<td align='center'>

<img src='../galeri/foto/$AGaleri[1]' width='50px' height='50px' style='margin: 10px 10px auto; border: solid 3px #85C226'>

</td>";

$no++; if ($no > 6 ) {

echo "</tr><tr>"; }

} }

echo "</div><!--</tr></table><br>-->"; }

(35)

14.Admin berita (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>

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

<title>IN ADMIN PANEL | DINAS KOMUNIKASI DAN INFORMATIKA KOTA MEDAN</title>

<link rel="stylesheet" type="text/css" href="../style.css" /> <script type="text/javascript" src="../js/clockp.js"></script> <script type="text/javascript" src="../js/clockh.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/ddaccordion.js"></script> <script type="text/javascript">

ddaccordion.init({

headerclass: "submenuheader", //Shared CSS class name of headers group contentclass: "submenu", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content

onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["suffix", "<img src='../images/plus.gif' class='statusicon' />", "<img src='../images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing },

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

(36)

})

</script>

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

$(document).ready(function() { $('.ask').jConfirmAction(); });

</script>

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

<link rel="stylesheet" type="text/css" media="all" href="../niceforms-default.css" />

</head> <body>

<div id="main_container">

<div class="header">

<div class="logo"><a href="#"><img src="images/logo.png" width="133" height="61" /></a></div>

<div class="right_header">Welcome Admin, ||| <a href="logout.php" class="logout">Logout</a></div>

<div id="clock_a"></div> </div>

<div class="main_content">

<div class="menu"> <ul>

<li><a href="">HALAMAN ADMINISTRATOR DISKOMINFO MEDAN</a></li>

</ul> </div>

<div class="center_content"> <div class="left_content">

<div class="sidebar_search"> </div>

(37)

<a class="menuitem submenuheader" href="">MENU</a> <div class="submenu">

<ul>

<li><a href="../galeri/index.php">Galeri</a></li> <li><a href="../berita/index.php">Berita</a></li> <li><a href="../mplik/index.php">Mplik</a></li> <li><a href="../kegiatan/index.php">Kegiatan</a></li> <li><a href="../?admin=contact">Contact Us</a></li> </ul>

</div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

<div class="sidebar_box">

<div class="sidebar_box_top"></div> <div class="sidebar_box_content">

</div>

<div class="sidebar_box_bottom"></div> </div>

</div>

(38)

<head>

<title>Data berita</title> </head>

<body> <?php

include "koneksi.php"; ?>

<h3>Berita Terbaru</h3>

<h4><a href="tambah.php">Tambah Berita</a></h4>

<?php

error_reporting('0');

$query_ambil_berita = mysql_query("SELECT * FROM berita"); //query ambil data berita.

while ($data_berita = mysql_fetch_array($query_ambil_berita)) { //perulangan untuk menampilkan berita

?>

<h5 style="margin-bottom: 0px"><?php echo $data_berita['judul']; ?></h5> <small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo $data_berita['tanggal_berita']; ?></small>

<p> <?php

if (is_file("gambar/".$data_berita['gambar']) == TRUE) { ?>

<img src="gambar/<?php echo $data_berita['gambar']; ?>" style="width: 100px; height: 75px; margin: 0 10px 10px 0; display: inline; float: left">

<?php } ?>

<?php echo substr($data_berita['isi_berita'], 0, 300); ?> ...

<a href="berita_detil.php?id=<?php echo $data_berita['id_berita']; ?>">selengkapnya</a>

</p>

[<a href="hapus.php?id=<?php echo $data_berita['id_berita']; ?>" onClick="return confirm('Anda yakin..?')">Hapus</a>] &nbsp;&nbsp;

(39)

<hr style="border: dashed 1px #e9e9e9"> <?php

}

//penutup perulangan while ?>

<a href="../index.php">Back</a> </div>

15.Admin mplik (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>

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

<title>IN ADMIN PANEL | DINAS KOMUNIKASI DAN INFORMATIKA KOTA MEDAN</title>

<link rel="stylesheet" type="text/css" href="../style.css" /> <script type="text/javascript" src="../js/clockp.js"></script> <script type="text/javascript" src="../js/clockh.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/ddaccordion.js"></script> <script type="text/javascript">

ddaccordion.init({

headerclass: "submenuheader", //Shared CSS class name of headers group contentclass: "submenu", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content

onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["suffix", "<img src='../images/plus.gif' class='statusicon' />", "<img src='../images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

(40)

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing },

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

//do nothing }

})

</script>

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

$(document).ready(function() { $('.ask').jConfirmAction(); });

</script>

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

<link rel="stylesheet" type="text/css" media="all" href="../niceforms-default.css" />

</head> <body>

<div id="main_container">

<div class="header">

<div class="logo"><a href="#"><img src="images/logo.png" width="133" height="61" /></a></div>

<div class="right_header">Welcome Admin, ||| <a href="logout.php" class="logout">Logout</a></div>

<div id="clock_a"></div> </div>

<div class="main_content">

<div class="menu"> <ul>

<li><a href="">HALAMAN ADMINISTRATOR DISKOMINFO MEDAN</a></li>

</ul> </div>

Referensi

Dokumen terkait

yang paling kritis dan paling besar pengaruhnya terhadap pencapaian tujuan perusahaan. Oleh karena itupertimbangan manajemen untuk penyusunan anggaran penjualan sangatlah

H272 - Bisa memperbesar kebakaran; pengoksidasi, H300 - Berbahaya jika tertelan, H315 - Menyebabkan iritasi kulit, H319 - Menyebabkan iritasi serius pada mata, H334 - Bisa

Kondisi partisipasi yang difahami sebagai situasi dalam kegiatan tanggung jawab sosial perusahaan menunjukan motivasi dalam berpartisipasi, hasil analisis, yang

Hasil-hasil penelitian pada beberapa tahun terakhir menunjukkan bahwa faktor psikologi individu seperti sifat kepribadian merupakan salah satu variabel penting yang

MILIN UPT

- Taban Aritmetiği.. İki basamaklı bir sayının, rakamlarının yerleri değiştirilir - se, sayı 27 büyüyor. Üç basamaklı abc sayısının birler basamağı 4 tür. Her biri en

Sekretaris Daerah Kabupaten/Kota dan pejabat struktural eselon II di lingkungan Pemerintah Kabupaten/Kota yang akan diberhentikan diluar ketentuan sebagaimana dimaksud dalam pasal

Menurut Sudo (2011, hal.88), berdasarkan ketiga definisi di atas, sahabat menunjuk pada teman yang secara khusus bergaul secara akrab dengan diri kita di antara