var kab_kota = [ <?php
mysql_connect("localhost","root",""); mysql_select_db("dbbulog"); $sql="select kode_kab_kota, nama, lintang, bujur,wilayah,logo,
(select count(*) from distribusi where
kode_kab_kota=u.kode_kab_kota) banyakdistribusi
from kab_kota u where wilayah is not null";
$koordinat="";
$res=mysql_query($sql); function
warna($banyakdistribusi){
if($banyakdistribusi>10) return "#ff00ff"; else
if($banyakdistribusi>5) return "#00ff00"; else
if($banyakdistribusi>3) return "#0000ff"; else
if($banyakdistribusi>1) return "#ff0000"; else
return "#00ffff";
}
while($data=mysql_fetch_array($res)) {
$koordinat.="{ lintang: ".$data['lintang'].",
bujur:".$data['bujur'].",
nama:'".$data['kode_kab_kota']." - ". $data['nama']."',
logo:'".$data['logo']."',
wilayah:'".$data['wilayah']."',
banyakdistribusi:".
$data['banyakdistribusi'].",
warna:\"".warna($data['banyakdistribu si'])."\",
keterangan:'<table><tr><td>Nama< /td><Td><b>".
$data['kode_kab_kota']." - ". $data['nama']."</b></td></tr>".
"<tr><td>Posisi</td><td>".
"<tr><td>distribusi</td><td>". $data['banyakdistribusi']."</ td><td></table>'".
"},"; }
$koordinat=substr($koordinat,0,strlen ($koordinat)-1);// Hilangkan , terakhir
echo $koordinat; ?>
];
<script src="http://maps.google.com/ maps?
file=api&v=2&key=ABQIAA
AAnQj3JDCP4-qaVgBxRQArsBR9aFbyYpVuqRQYnlY47
zK0tc3FFRQ95vTz-BUqgUNXL8tynFfQwmDhgw" type="text/javascript"></script> <script src="data_bulog_db2.php" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
var map;
function
showinfokab_kota(keterangan){
document.getElementById("isiinfo").in nerHTML=keterangan;
}
function BuatMarker(databulog) { if(databulog.logo!=""){
var Icon = new GIcon(G_DEFAULT_ICON);
Icon.image =
databulog.logo;
Icon.iconSize = new GSize(20,20);
markerOptions =
{ icon:Icon }; } else
markerOptions = { };
var marker = new GMarker(new GLatLng(databulog.lintang,
databulog.bujur),markerOptions); GEvent.addListener(marker, 'click',
function() {
showinfokab_kota(databulog.keterang an);
}
function BuatWilayah(databulog) { var array_koordinat;
array_koordinat=databulog.wilayah.sp lit(',');
var no=0; var vertex; vertex=[]; while
(no<array_koordinat.length){
vertex.push(new GLatLng(array_koordinat[no+1], array_koordinat[no]));
no+=2; }
var wilayah = new
GPolygon(vertex, "#0000ff", 1, 0, databulog.warna, 0.4);
GEvent.addListener(wilayah, 'click',
function(latlng) {
showinfokab_kota(databulog.keterang an);
}
);
map.addOverlay(wilayah); }
function load() {
if (GBrowserIsCompatible()) { map = new
GMap2(document.getElementById("m ap"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
for(i=0;i<kab_kota.length;i++){
BuatWilayah(kab_kota[i]);
BuatMarker(kab_kota[i]); }
map.setCenter(new GLatLng(-3.176048, 104.009846),8);
} }
//]]> </script>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbbulog"); ?>
<h1>Data Distribusi Beras</h1> <div id="map" style="width: 500px; height: 500px;float:left;border:thin #000 solid;margin:5px;"></div> <div id="informasi">
<div
id="info"><fieldset><legend>Inform asi Divre Sumsel</legend><div id="isiinfo">Klik di marker atau wilayah divre sumsel untuk melihat informasinya.</div></fieldset></div> <div id="form">
<div id="legend"> <fieldset>
<legend>Keterangan Warna</ legend>
<div
style="width:30px;height:15px;border :000
solid;background-color:#ff00ff;display:inline-block;"></ div> > 10 Distribusi<br />
<div
style="width:30px;height:15px;border
:000
solid;background-color:#00ff00;display:inline-block"></ div> 6 - 10 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#0000ff;display:inline-block"></ div> 4 - 5 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#ff0000;display:inline-block"></ div> 2 - 3 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#00ffff;display:inline-block"></ div> 0 - 1 Distribusi
</fieldset> </div> </div>
</body> <div class="panel panel-success">
<div
class="panel-heading"><h4>Halaman Beranda </ h4></div>
<div class="panel-body">
<div align="justify">
kehadiran lembaga pangan tidak dapat dipungkirikeberadaannya.Sejak zaman kerajaan Majapahit dan
Mataram telah dikenaladanya lumbung-lumbung pangan yang berfungsi sebagai penyedia pangan pada saat langka.Secara formal pemerintah mulai ikut menangani pangan pada zamanBelanda, ketika berdiri Voedings Middelen
Fonds( VMF ) yang bertugasmembeli, menjual dan menyediakan bahan makanan. Memasuki era Orde Baru penanganan, pengendalian,
operasional bahab pokok kebutuhan hidup dilaksanakan oleh Komado Logistik Nasional (KOLOGNAS ) yang dibentuk berdasarkan Keputusan Presedium KabinetAmpera Nomor 87 tahun 1966. Namun peranannya tidak berjalan lama karens pada tanggal 10 Mei 1967 dibubarkan dan dibentuk Badan Urusan Logistik (BULOG ) berdasarkan Keputusan Presedium Kabinet Nomor 114 /Kep /1967.
</div> </div>
</div> <div class="panel panel-success">
<div class="panel-heading">
<h4>Halaman Login </h4>
</div>
<div class="panel-body " align="justify">
<!-- isi buka -->
<div class="col-md-4">
</div>
<div class="col-md-4">
<form action="ceklogin.php" method="POST">
<div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess2">Username</ label>
<input type="text" class="form-control"
id="inputSuccess2" name="username">
</div>
<div class="form-group has-success has-feedback">
for="inputSuccess2">Password</ label>
<input type="password" class="form-control"
id="inputSuccess2" name="password">
</div>
<div class="form-group has-success has-feedback">
<input type="submit" class="btn btn-primary"
name="Submit" value="Masuk"> <button type="reset" class="btn btn-default">Batal</ button>
</div>
</form>
</div>
<div class="col-md-4">
</div>
<!-- isi tutup -->
</div>
</div> <div class="panel panel-success">
<div class="panel-heading"><h4>Halaman Nilai Perusahaan</h4></div>
<div class="panel-body">
<div align="justify">
<p><strong>INTEGRITAS </strong></p>
<p>Konsisten antara ucapan dan perilaku sesuai dengan norma dan prinsip-prinsip tata kelola perusahaan yang baik ( <em>Good Corporate Governance </em>). <br>
</p>
<p><strong><br>
PROFESIONAL </strong></p>
<p>Bekerja cerdas berdasarkan kompetensi terbaik dan penuh tanggung jawab. </p>
DINAMIS </strong></p>
<p>Selalu bersemangat untuk tumbuh dan berkembang menjadi yang terbaik. </p>
<p><strong><br>
PEDULI </strong></p>
<p>Memperhatikan dan memenuhi kebutuhan serta memberi solusi terbaik kepada pemangku kepentingan. </p>
<p><strong><br>
TOTALITAS </strong></p>
<p>Mendayagunakan seluruh potensi dan sumber daya yang ada serta bersinergi untuk mencapai tujuan Perusahaan. </p>
</div>
</div> <div class="panel panel-success">
<div
class="panel-heading"><h4>Halaman Bidang</ h4></div>
<div class="panel-body">
<p align="justify">Tugas pokok masing-masing bagian di Perusahaan Umum (perum) BULOG Divisi Regional Sumatera Selatan dan Bangka
Belitung adalah sebagai berikut : </p> <p align="justify">1. Kepala, memiliki tugas yaitu : </p>
<p align="justify">• Memimpin Divisi Regional sesuai dengan tugas yang telah ditetapkan berdasarkan ketentuan yang berlaku. </p>
<p align="justify">• Membina sumber daya Perum BULOG dilingkungan Divisi Regional. </p>
<p align="justify">• Melaksanakan kebijakan teknis dibidang pelayanan publik,
perencanaan dan pengembangan usaha, administrasi dan keuangan. <br>
<br>
</ p>
<p align="justify">2. Asisten : </p>
maka Kepala Divisi Regional dapat dibantu oleh seseorang atau beberapa Asisten Divisi Regional.Asisten Divisi Regional memiliki tugas membantu Kepala Divisi Regional dibidang keahlian tertentu dengan
meyelenggarakan pengolahan, dan pengkajian terhadap masalah-masalah sesuai dengan bidang penguasaan baik atas inisiatif sendiri maupun atas petunjuk Kepala Divisi
Regional.Asisten berada dibawah tanggung jawab langsung Kepala Divisi Regional. </p>
<p align="justify"><br>
3. Bidang Pelayanan Publik memiliki tugas yaitu : </p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
pengadaan gabah atau beras. </p> <p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
pemantauan analisa harga pasar. </ p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
pengolahan persediaan dan angkutan. </p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
perawatan kualitas dan pemberantasan hama serta
pengolahan komoditi pangan. </p> <p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
pelayanan penyaluran beras kepada kelembagaan pemerintah serta masyarakat umum dan khusus. </p>
<p align="justify"><br>
4. Bagian Admnistrasi dan Keuangan memiliki tugas yaitu : </p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
pengolahan administrasi sumber daya manusia, urusan hukum dan klaim. </ p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan pengolahan surat menyurat, arsip, ekspedisi hubungan masyarakat, kerumah tanggaan dan pengolahan, pengadaan, pemeliharaan,
perlengkapan sarana kantor, rumah dinas jabatan, mess, pergudangan dan inventaris serta penghapusan. </p>
<p align="justify">• Merencanakan dan
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan
anggaran administrasi pembayaran verifikasi. </p>
<p align="justify">• Merencanakan dan
mengkoordinasikan kegiatan admninstrasi pembukuan, neraca, laporan pertanggung jawaban keuangan dan hubungan rekening antar kantor ( RAK ). </p>
<p align="justify"><br>
5. Bagian Perencanaan dan
Pengembangan Usaha memili tugas yaitu : </p>
<p align="justify">Merencanakan, mengarahkan, mengkoordinasikan, menetapkan dan mengendalikan kebijakan dan strategi dibidang industri, perdagangan, dan jasa serta teknologi informasi. </p>
<p align="justify"><br>
6. Bagian Sumber Daya Manusia dan Hukum memiliki tugas yaitu : </p> <p align="justify">• Merencanakan, mengarahkan, mengkoordinasikan dan
mengendalikan kegiatan sumber daya manusia. </p>
<p align="justify">• Merencanakan, mengarahkan, mengkoordinasikan dan
mengendalikan kegiatan organisasi dan tata laksana. </p>
<p align="justify">• Merencanakan, menarahkan, mengkoordinasikan dan
mengendalikan kegiatan hukum. </p> <p align="justify">• Merencanakan, melaksanakan, mengkoordinasikan dan
mengendalikan kegiatan pelayanan bantuan hukum dan pembinaan kelompok jabatan fungsional legal officer. </p>
<p align="justify"><br>
7. Bagian Tata Usaha dan Umum memiliki tugas yaitu : </p>
<p align="justify">• Merencanakan, melaksanakan, mengkoordinasikan dan
mengendalikan kegiatan urusan pelayanan. </p>
<p align="justify">• Merencanakan, melaksanakan, mengkoordinasikan dan
mengendalikan kegiatan pembinaan urusan kerumah tanggaan. </p>
mengkoordinasikan dan
mengendalikan kegiatan urusan sarana subdivisi regional. </p>
<p align="justify"><br>
8. Bagian Hubungan Masyarakat
(HUMAS) memiliki tugas yaitu : </p> <p align="justify">• Merencanakan, melaksanakan, mengkoordinasikan dan
mengendalikan kegiatan pembinaan hubungan kelembagaan dan
<em>corporate governance. </ em></p>
<p align="justify">• Merencanakan, melaksanakan, dan mengendalikan kegiatan pembinaan citra dan media massa.</p>
<p align="justify">• Merencanaan, melaksanakan dan mengendalikan kegiatan pelayanan Kepala Divisi Regional. </p>
</ div>
</div>
<div
id="mySlide1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li
data-target="#mySlide1" data-slide-to="0" class="active"></li>
<li data-target="#mySlide1" data-slide-to="1"></li>
<li data-target="#mySlide1" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<img src="img/slides/slide1.jpg" alt="" width="100%">
</div>
<div class="item ">
<img src="img/slides/slide2.jpg" alt="" width="100%">
<div class="item">
<img src="img/slides/slide3.jpg" alt="" width="100%">
</div>
</div>
<!-- Carousel controls -->
<a class="left carousel-control" href="#mySlide1" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#mySlide1" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></ a>
</div> <!DOCTYPE html> <html lang="en">
<head>
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head
content must come *after* these tags -->
<title>BULOG</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>
<script src="https://
oss.maxcdn.com/html5shiv/3.7.2/ html5shiv.min.js"></script> <script src="https://
oss.maxcdn.com/respond/1.4.2/ respond.min.js"></script> <![endif]-->
<style media="all">
.container{border: solid 0px #000; top:20px; margin-bottom:20px;}
.row{background-color:;margin-left:0px 0px 0px 0px;border:solid 0px #000;}
.col-md-2{background-color:;border:dashed 0px
.col-md-1{background-color:#ccc;border:dashed 0px #00f;margin-top:0px;}
.col-md-10{background-color:;border:dashed 0px
#00f;margin-top:0px;}
.col-md-8{background-color:;border:dashed 0px
#00f;margin-top:0px;}
.col-md-4{background-color:;border:dashed 0px
#00f;margin-top:0px;}
.col-md-12{background-color:#dbdd83;border:dashed 0px #00f;margin-top:0px;}
.warnamenu{ backgroun d-color: #898d0b;font-size:18px; position: center;}
.warnafooter{ backgroun d-color: #898d0b;font-size:12px; position: center; color:white;}
.warnacontent{ backgrou nd-color: #f1f3a6;font-size:13px;}
.tom{position: center; margin-left:260px;}
.foot{padding:10px;} .foot2{padding:20px;} .hback{background-image: url(img/header.png);}
h2{color: white; text-shadow: 2px 2px 4px #000000; font-family: impact;}
img{img-shadow: 2px 2px 4px #000000;}
h4{color: yellow; text-shadow: 2px 2px 4px #000000; }
font{color: white; text-shadow: 2px 2px 4px #000000; font-size:25;}
body {
background-image: url(img/ symphony.png);
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div class="container">
<!-- header -->
<div class="row hback"> <div class="col-md-2 foot2" align="center"><img src="img/logo1.png" class="img-responsive" width="100"
height=""></div>
<div class="col-md-8 foot2"
<font size="+2" face="Brush Script MT">Pada Perum Bulog Divisi Regional Sumatera Selatan. </font>
</div>
<div class="col-md-2 foot2" align="center"></div>
</div>
<div class="row"> <!-- menu --> <div class="col-md-12 warnamenu">
<nav
class="navbar-default warnamenu tom">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header warnamenu">
<button type="button"
class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- komponen navbar lainnya (link, tombol, teks, dsb -->
<div class="collapse navbar-collapse warnamenu" id="bs-example-navbar-collapse-1">
<?
if($_GET[page]==home)
{
echo"";
}
else
{
?>
onclick="window.location='?
page=home';">Beranda</button>
<? }?>
<?
if($_GET[page]==tentang)
{
echo"";
}
else
{
?>
<button type="button" class="btn btn-default navbar-btn" onclick="window.location='?
page=tentang';">Visi dan Misi</ button>
<? }?>
<?
if($_GET[page]==petunjuk)
{
echo"";
}
else
{
?>
<button type="button" class="btn btn-default navbar-btn" onclick="window.location='?
page=petunjuk';">Direktorat</ button>
<? }?>
<?
if($_GET[page]==pengumuman)
{
echo"";
}
else
{
?>
page=pengumuman';">Nilai Perusahaan</button>
<? }?>
<button type="button" class="btn btn-default navbar-btn" onclick=""><a href="../gis/gis20.php" target="_blank">Peta Distribusi</ a></button>
</div>
</ div><!-- /.container -->
</nav> </div>
<div class="col-md-12 warnacontent foot2"
align="center"><?php
include"tengah.php";?></div>
<!-- slide --> <div class="col-md-12" align="center"><h1><?php include"slide.php";?></h1></div> <!-- content -->
<!-- footer -->
<div class="col-md-12 warnafooter foot"
align="center">Copyright by : Khadijah Thahira / Politeknik Negeri Sriwijaya Tahun 2016</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <!--script src="https://
ajax.googleapis.com/ajax/libs/jquery/ 1.11.2/jquery.min.js"></script-->
<script src="js/ jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/
bootstrap.min.js"></script> </body>
</html> var kab_kota = [ <?php
mysql_connect("localhost","root",""); mysql_select_db("dbbulog"); $sql="select kode_kab_kota, nama, lintang, bujur,wilayah,logo,
(select count(*) from distribusi where
kode_kab_kota=u.kode_kab_kota) banyakdistribusi
$koordinat="";
$res=mysql_query($sql); function
warna($banyakdistribusi){
if($banyakdistribusi>10) return "#ff00ff"; else
if($banyakdistribusi>5) return "#00ff00"; else
if($banyakdistribusi>3) return "#0000ff"; else
if($banyakdistribusi>1) return "#ff0000"; else
return "#00ffff";
}
while($data=mysql_fetch_array($res)) {
$koordinat.="{ lintang: ".$data['lintang'].",
bujur:".$data['bujur'].",
nama:'".$data['kode_kab_kota']." - ". $data['nama']."',
logo:'".$data['logo']."',
wilayah:'".$data['wilayah']."',
banyakdistribusi:".
$data['banyakdistribusi'].",
warna:\"".warna($data['banyakdistribu si'])."\",
keterangan:'<table><tr><td>Nama< /td><Td><b>".
$data['kode_kab_kota']." - ". $data['nama']."</b></td></tr>".
"<tr><td>Posisi</td><td>".
$data['lintang'].",".$data['bujur']." (Lintang, Bujur)</td></tr>".
"<tr><td>distribusi</td><td>". $data['banyakdistribusi']."</ td><td></table>'".
"},"; }
$koordinat=substr($koordinat,0,strlen ($koordinat)-1);// Hilangkan , terakhir
]; <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Tutorial Google Maps</title> <script src="http://maps.google.com/ maps?
file=api&v=2&key=ABQIAA
AAnQj3JDCP4-qaVgBxRQArsBR9aFbyYpVuqRQYnlY47
zK0tc3FFRQ95vTz-BUqgUNXL8tynFfQwmDhgw" type="text/javascript"></script> <script src="data_bulog_db2.php" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
var map;
function
showinfokab_kota(keterangan){
document.getElementById("isiinfo").in nerHTML=keterangan;
}
function BuatMarker(databulog) {
if(databulog.logo!=""){ var Icon = new GIcon(G_DEFAULT_ICON);
Icon.image =
databulog.logo;
Icon.iconSize = new GSize(20,20);
markerOptions =
{ icon:Icon }; } else
markerOptions = { };
var marker = new GMarker(new GLatLng(databulog.lintang,
databulog.bujur),markerOptions); GEvent.addListener(marker, 'click',
function() {
showinfokab_kota(databulog.keterang an);
}
); map.addOverlay(marker); }
var array_koordinat;
array_koordinat=databulog.wilayah.sp lit(',');
var no=0; var vertex; vertex=[]; while
(no<array_koordinat.length){
vertex.push(new GLatLng(array_koordinat[no+1], array_koordinat[no]));
no+=2; }
var wilayah = new
GPolygon(vertex, "#0000ff", 1, 0, databulog.warna, 0.4);
GEvent.addListener(wilayah, 'click',
function(latlng) {
showinfokab_kota(databulog.keterang an);
}
); map.addOverlay(wilayah); }
function load() {
if (GBrowserIsCompatible()) { map = new
GMap2(document.getElementById("m ap"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
for(i=0;i<kab_kota.length;i++){
BuatWilayah(kab_kota[i]);
BuatMarker(kab_kota[i]); }
map.setCenter(new GLatLng(-3.176048, 104.009846),8);
} }
//]]> </script> </head>
mysql_connect("localhost","root","");
mysql_select_db("dbbulog"); ?>
<h1>Data Distribusi Beras</h1> <div id="map" style="width: 500px; height: 500px;float:left;border:thin #000 solid;margin:5px;"></div> <div id="informasi">
<div
id="info"><fieldset><legend>Inform asi Divre Sumsel</legend><div id="isiinfo">Klik di marker atau wilayah divre sumsel untuk melihat informasinya.</div></fieldset></div> <div id="form">
<div id="legend"> <fieldset>
<legend>Keterangan Warna</ legend>
<div
style="width:30px;height:15px;border :000
solid;background-color:#ff00ff;display:inline-block;"></ div> > 10 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#00ff00;display:inline-block"></ div> 6 - 10 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#0000ff;display:inline-block"></ div> 4 - 5 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#ff0000;display:inline-block"></ div> 2 - 3 Distribusi<br />
<div
style="width:30px;height:15px;border :000
solid;background-color:#00ffff;display:inline-block"></ div> 0 - 1 Distribusi