3. Bidang Pelayanan Publik memiliki tugas yaitu : </p> - SISTEM INFORMASI PENDISTRIBUSIAN BERAS RASKIN PERUM BULOG DIVISI REGIONAL SUMATERA SELATAN - POLSRI REPOSITORY

  var kab_kota = [ return "#00ffff";

  &lt;?php mysql_connect("localhost","root",""); } mysql_select_db("dbbulog");

  $sql="select kode_kab_kota, while($data=mysql_fetch_array($res)) nama, lintang, bujur,wilayah,logo, { (select count(*) from $koordinat.="{ distribusi where kode_kab_kota=u.kode_kab_kota) lintang: ".$data['lintang'].", banyakdistribusi from kab_kota u where bujur:".$data['bujur'].", wilayah is not null";

  $koordinat=""; nama:'".$data['kode_kab_kota']." - ". $res=mysql_query($sql); $data['nama']."', function warna($banyakdistribusi){ logo:'".$data['logo']."', if($banyakdistribusi&gt;10) wilayah:'".$data['wilayah']."', return "#ff00ff"; else banyakdistribusi:".

  $data['banyakdistribusi'].", if($banyakdistribusi&gt;5) return "#00ff00"; warna:\"".warna($data['banyakdistribu else si'])."\", if($banyakdistribusi&gt;3) keterangan:'&lt;table&gt;&lt;tr&gt;&lt;td&gt;Nama&lt; return "#0000ff"; /td&gt;&lt;Td&gt;&lt;b&gt;". $data['kode_kab_kota']." - ". else $data['nama']."&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;". if($banyakdistribusi&gt;1) "&lt;tr&gt;&lt;td&gt;Posisi&lt;/td&gt;&lt;td&gt;". return "#ff0000";

  $data['lintang'].",".$data['bujur']." else (Lintang, Bujur)&lt;/td&gt;&lt;/tr&gt;". function BuatMarker(databulog) { "&lt;tr&gt;&lt;td&gt;distribusi&lt;/td&gt;&lt;td&gt;". $data['banyakdistribusi']."&lt;/ if(databulog.logo!=""){ td&gt;&lt;td&gt;&lt;/table&gt;'". var Icon = new

  "},"; GIcon(G_DEFAULT_ICON);

  } Icon.image = databulog.logo;

  $koordinat=substr($koordinat,0,strlen Icon.iconSize = new

  ($koordinat)-1);// Hilangkan , terakhir GSize(20,20); echo $koordinat; markerOptions =

  { icon:Icon }; ?&gt;

  } ]; else

  &lt;script src="http://maps.google.com/ maps? markerOptions = { }; file=api&amp;amp;v=2&amp;amp;key=ABQIAA

  AAnQj3JDCP4- qaVgBxRQArsBR9aFbyYpVuqRQYnlY47 var marker = new GMarker(new zK0tc3FFRQ95vTz-

  GLatLng(databulog.lintang, BUqgUNXL8tynFfQwmDhgw" databulog.bujur),markerOptions); type="text/javascript"&gt;&lt;/script&gt;

  GEvent.addListener(marker, &lt;script src="data_bulog_db2.php"

  'click', type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function() { //&lt;![CDATA[ var map; showinfokab_kota(databulog.keterang an); function showinfokab_kota(keterangan){

  } document.getElementById("isiinfo").in ); nerHTML=keterangan; map.addOverlay(marker);

  } } function BuatWilayah(databulog) { var array_koordinat; array_koordinat=databulog.wilayah.sp lit(','); var no=0; var vertex; vertex=[]; while

  (no&lt;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&lt;kab_kota.length;i++){

  BuatWilayah(kab_kota[i]); BuatMarker(kab_kota[i]);

  } map.setCenter(new GLatLng(-3.176048, 104.009846),8);

  } } //]]&gt; &lt;/script&gt; &lt;body onload="load()" onunload="GUnload()"&gt;

  &lt;?php mysql_connect("localhost","root",""); mysql_select_db("dbbulog");

  ?&gt; &lt;h1&gt;Data Distribusi Beras&lt;/h1&gt; &lt;div id="map" style="width: 500px; height: 500px;float:left;border:thin #000 solid;margin:5px;"&gt;&lt;/div&gt; &lt;div id="informasi"&gt; &lt;div id="info"&gt;&lt;fieldset&gt;&lt;legend&gt;Inform asi Divre Sumsel&lt;/legend&gt;&lt;div id="isiinfo"&gt;Klik di marker atau wilayah divre sumsel untuk melihat informasinya.&lt;/div&gt;&lt;/fieldset&gt;&lt;/div&gt; &lt;div id="form"&gt; &lt;div id="legend"&gt; &lt;fieldset&gt; &lt;legend&gt;Keterangan Warna&lt;/ legend&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#ff00ff;display:inline-block;"&gt;&lt;/ div&gt; &amp;gt; 10 Distribusi&lt;br /&gt; &lt;div style="width:30px;height:15px;border

  :000 solid;background- color:#00ff00;display:inline-block"&gt;&lt;/ div&gt; 6 - 10 Distribusi&lt;br /&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#0000ff;display:inline-block"&gt;&lt;/ div&gt; 4 - 5 Distribusi&lt;br /&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#ff0000;display:inline-block"&gt;&lt;/ div&gt; 2 - 3 Distribusi&lt;br /&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#00ffff;display:inline-block"&gt;&lt;/ div&gt; 0 - 1 Distribusi &lt;/fieldset&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;div class="panel panel- success"&gt;

  &lt;div class="panel- heading"&gt;&lt;h4&gt;Halaman Beranda &lt;/ h4&gt;&lt;/div&gt;

  &lt;div class="panel- body"&gt; &lt;div align="justify"&gt;

  Dalam sejarah bangsa, kehadiran lembaga pangan tidak &lt;div class="panel-body dapat dipungkirikeberadaannya.Sejak " align="justify"&gt; zaman kerajaan Majapahit dan Mataram telah dikenaladanya

  &lt;!-- isi buka --&gt; lumbung-lumbung pangan yang berfungsi sebagai penyedia pangan pada saat langka.Secara formal

  &lt;div class="col-md-4"&gt; pemerintah mulai ikut menangani pangan pada zamanBelanda, ketika berdiri Voedings Middelen

  &lt;/div&gt; Fonds( VMF ) yang bertugasmembeli, menjual dan menyediakan bahan

  &lt;div class="col-md-4"&gt; makanan. Memasuki era Orde Baru penanganan, pengendalian, operasional bahab pokok kebutuhan hidup dilaksanakan oleh Komado Logistik Nasional (KOLOGNAS ) yang

  &lt;form action="ceklogin.php" dibentuk berdasarkan Keputusan method="POST"&gt;

  Presedium KabinetAmpera Nomor 87 tahun 1966. Namun peranannya tidak berjalan lama karens pada tanggal 10

  &lt;div class="form-group has- Mei 1967 dibubarkan dan dibentuk success has-feedback"&gt; Badan Urusan Logistik (BULOG ) berdasarkan Keputusan Presedium Kabinet Nomor 114 /Kep /1967.

  &lt;label class="control-label" for="inputSuccess2"&gt;Username&lt;/ label&gt;

  &lt;/div&gt; &lt;input type="text"

  &lt;/div&gt; class="form-control" id="inputSuccess2"

  &lt;/div&gt; &lt;div class="panel name="username"&gt; panel-success"&gt;

  &lt;/div&gt; &lt;div class="panel-heading"&gt; &lt;h4&gt;Halaman Login &lt;/h4&gt;

  &lt;div class="form-group has- success has-feedback"&gt; &lt;/div&gt;

  &lt;label class="control-label" for="inputSuccess2"&gt;Password&lt;/ label&gt; &lt;input type="password" class="form-control" id="inputSuccess2" name="password"&gt;

  &lt;/div&gt; &lt;div class="form-group has- success has-feedback"&gt; &lt;input type="submit" class="btn btn-primary" name="Submit" value="Masuk"&gt; &lt;button type="reset" class="btn btn-default"&gt;Batal&lt;/ button&gt;

  &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;div class="col-md-4"&gt;

  &lt;/div&gt; &lt;!-- isi tutup --&gt;

  &lt;/div&gt; &lt;/div&gt; &lt;div class="panel panel-success"&gt; &lt;div class="panel- heading"&gt;&lt;h4&gt;Halaman Nilai

  Perusahaan&lt;/h4&gt;&lt;/div&gt; &lt;div class="panel- body"&gt; &lt;div align="justify"&gt;

  &lt;p&gt;&lt;strong&gt;INTEGRITAS &lt;/strong&gt;&lt;/p&gt;

  &lt;p&gt;Konsisten antara ucapan dan perilaku sesuai dengan norma dan prinsip-prinsip tata kelola perusahaan yang baik ( &lt;em&gt;Good Corporate Governance &lt;/em&gt;). &lt;br&gt;

  &lt;/p&gt; &lt;p&gt;&lt;strong&gt;&lt;br&gt;

  PROFESIONAL &lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Bekerja cerdas berdasarkan kompetensi terbaik dan penuh tanggung jawab. &lt;/p&gt;

  &lt;p&gt;&lt;strong&gt;&lt;br&gt; DINAMIS &lt;/strong&gt;&lt;/p&gt; &lt;p align="justify"&gt;Tugas pokok

  &lt;p&gt;Selalu bersemangat masing-masing bagian di Perusahaan untuk tumbuh dan berkembang

  Umum (perum) BULOG Divisi Regional menjadi yang terbaik. &lt;/p&gt; Sumatera Selatan dan Bangka Belitung adalah sebagai berikut : &lt;/p&gt;

  &lt;p&gt;&lt;strong&gt;&lt;br&gt; &lt;p align="justify"&gt;1. Kepala, memiliki

  PEDULI &lt;/strong&gt;&lt;/p&gt; tugas yaitu : &lt;/p&gt; &lt;p&gt;Memperhatikan dan

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; memenuhi kebutuhan serta memberi Memimpin Divisi Regional sesuai solusi terbaik kepada pemangku dengan tugas yang telah ditetapkan kepentingan. &lt;/p&gt; berdasarkan ketentuan yang berlaku. &lt;/p&gt;

  &lt;p&gt;&lt;strong&gt;&lt;br&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Membina sumber daya Perum BULOG

  TOTALITAS &lt;/strong&gt;&lt;/p&gt; dilingkungan Divisi Regional. &lt;/p&gt; &lt;p&gt;Mendayagunakan

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; seluruh potensi dan sumber daya yang Melaksanakan kebijakan teknis ada serta bersinergi untuk mencapai dibidang pelayanan publik, tujuan Perusahaan. &lt;/p&gt; perencanaan dan pengembangan usaha, administrasi dan keuangan.

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

  &lt;br&gt; &lt;/div&gt; &lt;div class="panel panel-success"&gt;

  &lt;/ p&gt; &lt;div class="panel- heading"&gt;&lt;h4&gt;Halaman Bidang&lt;/

  &lt;p align="justify"&gt;2. Asisten : &lt;/p&gt; h4&gt;&lt;/div&gt; &lt;p align="justify"&gt;Berdasarkan

  &lt;div class="panel- pertimbangan beban kerja dan body"&gt; kebutuhan keahlian bidang tertentu, 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. &lt;/p&gt; &lt;p align="justify"&gt;&lt;br&gt; 3.

  Bidang Pelayanan Publik memiliki tugas yaitu : &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan pengadaan gabah atau beras. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan pemantauan analisa harga pasar. &lt;/ p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan pengolahan persediaan dan angkutan. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan perawatan kualitas dan pemberantasan hama serta pengolahan komoditi pangan. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan pelayanan penyaluran beras kepada kelembagaan pemerintah serta masyarakat umum dan khusus. &lt;/p&gt; &lt;p align="justify"&gt;&lt;br&gt; 4. Bagian Admnistrasi dan Keuangan memiliki tugas yaitu : &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan pengolahan administrasi sumber daya manusia, urusan hukum dan klaim. &lt;/ p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; 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. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan kehumasan. &lt;/p&gt;

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan anggaran administrasi pembayaran verifikasi. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan dan mengkoordinasikan kegiatan admninstrasi pembukuan, neraca, laporan pertanggung jawaban keuangan dan hubungan rekening antar kantor ( RAK ). &lt;/p&gt; &lt;p align="justify"&gt;&lt;br&gt; 5.

  Bagian Perencanaan dan Pengembangan Usaha memili tugas yaitu : &lt;/p&gt; &lt;p align="justify"&gt;Merencanakan, mengarahkan, mengkoordinasikan, menetapkan dan mengendalikan kebijakan dan strategi dibidang industri, perdagangan, dan jasa serta teknologi informasi. &lt;/p&gt; &lt;p align="justify"&gt;&lt;br&gt; 6.

  Bagian Sumber Daya Manusia dan Hukum memiliki tugas yaitu : &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, mengarahkan, mengkoordinasikan dan mengendalikan kegiatan sumber daya manusia. &lt;/p&gt;

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, mengarahkan, mengkoordinasikan dan mengendalikan kegiatan organisasi dan tata laksana. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, menarahkan, mengkoordinasikan dan mengendalikan kegiatan hukum. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, mengkoordinasikan dan mengendalikan kegiatan pelayanan bantuan hukum dan pembinaan kelompok jabatan fungsional legal officer. &lt;/p&gt; &lt;p align="justify"&gt;&lt;br&gt; 7.

  Bagian Tata Usaha dan Umum memiliki tugas yaitu : &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, mengkoordinasikan dan mengendalikan kegiatan urusan pelayanan. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, mengkoordinasikan dan mengendalikan kegiatan pembinaan urusan kerumah tanggaan. &lt;/p&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, mengkoordinasikan dan target="#mySlide1" data-slide-to="0" mengendalikan kegiatan urusan class="active"&gt;&lt;/li&gt; sarana subdivisi regional. &lt;/p&gt;

  &lt;li data- &lt;p align="justify"&gt;&lt;br&gt; target="#mySlide1" data-slide- to="1"&gt;&lt;/li&gt;

  8. Bagian Hubungan Masyarakat (HUMAS) memiliki tugas yaitu : &lt;/p&gt; &lt;li data- target="#mySlide1" data-slide- to="2"&gt;&lt;/li&gt;

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, mengkoordinasikan dan &lt;/ol&gt; mengendalikan kegiatan pembinaan hubungan kelembagaan dan

  &lt;!-- Carousel items --&gt; &lt;em&gt;corporate governance. &lt;/ em&gt;&lt;/p&gt;

  &lt;div class="carousel- inner"&gt; &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; Merencanakan, melaksanakan, dan mengendalikan kegiatan pembinaan

  &lt;div class="item citra dan media massa.&lt;/p&gt; active"&gt;

  &lt;p align="justify"&gt;&amp;#149;&amp;nbsp; &lt;img

  Merencanaan, melaksanakan dan src="img/slides/slide1.jpg" alt="" mengendalikan kegiatan pelayanan width="100%"&gt; Kepala Divisi Regional. &lt;/p&gt;

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

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

  &lt;div id="mySlide1" class="carousel slide" data-ride="carousel"&gt;

  &lt;img src="img/slides/slide2.jpg" alt="" width="100%"&gt;

  &lt;ol class="carousel- indicators"&gt; &lt;/div&gt;

  &lt;div content must come *after* these tags class="item"&gt; --&gt; &lt;title&gt;BULOG&lt;/title&gt;

  &lt;img src="img/slides/slide3.jpg" alt="" width="100%"&gt;

  &lt;!-- Bootstrap --&gt; &lt;link href="css/bootstrap.min.css"

  &lt;/div&gt; rel="stylesheet"&gt; &lt;/div&gt;

  &lt;!-- HTML5 shim and Respond.js for

  IE8 support of HTML5 elements and &lt;!-- Carousel controls --&gt; media queries --&gt;

  &lt;!-- WARNING: Respond.js doesn't &lt;a class="left carousel- work if you view the page via file:// --&gt; control" href="#mySlide1" data- slide="prev"&gt;&lt;span class="glyphicon &lt;!--[if lt IE 9]&gt; glyphicon-chevron-left"&gt;&lt;/span&gt;&lt;/a&gt;

  &lt;script src="https:// oss.maxcdn.com/html5shiv/3.7.2/ &lt;a class="right carousel- html5shiv.min.js"&gt;&lt;/script&gt; control" href="#mySlide1" data-

  &lt;script src="https:// slide="next"&gt;&lt;span class="glyphicon oss.maxcdn.com/respond/1.4.2/ glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/ respond.min.js"&gt;&lt;/script&gt; a&gt; &lt;![endif]--&gt;

  &lt;/div&gt; &lt;!DOCTYPE html&gt; &lt;style media="all"&gt;

  &lt;html lang="en"&gt; &lt;head&gt;

  .container{border: solid 0px #000; margin-top:20px; margin-

  &lt;meta charset="utf-8"&gt; bottom:20px;} &lt;meta http-equiv="X-UA-

  .row{background- Compatible" content="IE=edge"&gt; color:;margin-left:0px 0px 0px &lt;meta name="viewport"

  0px;border:solid 0px #000;} content="width=device-width, initial- .col-md-2{background- scale=1"&gt; color:;border:dashed 0px

  &lt;!-- The above 3 meta tags *must* #00f;margin-top:0px;} come first in the head; any other head

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

  } &lt;/style&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf- 8"&gt;&lt;/head&gt; &lt;body&gt;

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

  &lt;div class="row hback"&gt; &lt;div class="col- md-2 foot2" align="center"&gt;&lt;img src="img/logo1.png" class="img- responsive" width="100" height=""&gt;&lt;/div&gt;

  &lt;div class="col- md-8 foot2" align="center"&gt;&lt;h2&gt;Sistem Informasi Pendistribusian Raskin &lt;/h2&gt;

  &lt;font size="+2" face="Brush Script MT"&gt;Pada Perum &lt;span class="icon- Bulog Divisi Regional Sumatera bar"&gt;&lt;/span&gt; Selatan. &lt;/font&gt;

  &lt;/div&gt; &lt;span class="icon- bar"&gt;&lt;/span&gt; &lt;div class="col- md-2 foot2" align="center"&gt;&lt;/div&gt;

  &lt;/button&gt; &lt;/div&gt; &lt;div class="row"&gt;

  &lt;!-- komponen navbar lainnya (link, tombol, teks, dsb --&gt;

  &lt;!-- menu --&gt; &lt;div class="col-md-12

  &lt;div class="collapse navbar- warnamenu"&gt; collapse warnamenu" id="bs-example-

  &lt;nav navbar-collapse-1"&gt; class="navbar-default warnamenu tom"&gt;

  &lt;? if($_GET[page]==home) &lt;!-- Brand and toggle get grouped for better mobile display --&gt;

  { &lt;div class="navbar-header echo""; warnamenu"&gt;

  } &lt;button type="button" class="navbar-toggle collapsed" data- toggle="collapse" data-target="#bs- else example-navbar-collapse-1" aria- expanded="false"&gt;

  { &lt;span class="sr- only"&gt;Toggle navigation&lt;/span&gt; ?&gt; &lt;span class="icon-

  &lt;button type="button" bar"&gt;&lt;/span&gt; class="btn btn-default navbar-btn" onclick="window.location='? page=home';"&gt;Beranda&lt;/button&gt; &lt;? }?&gt; &lt;? if($_GET[page]==tentang) { echo""; } else { ?&gt; &lt;button type="button" class="btn btn-default navbar-btn" onclick="window.location='? page=tentang';"&gt;Visi dan Misi&lt;/ button&gt;

  &lt;? }?&gt; &lt;? if($_GET[page]==petunjuk) { echo"";

  } else { ?&gt; &lt;button type="button" class="btn btn-default navbar-btn" onclick="window.location='? page=petunjuk';"&gt;Direktorat&lt;/ button&gt;

  &lt;? }?&gt; &lt;? if($_GET[page]==pengumuman) { echo""; } else { ?&gt; &lt;button type="button" class="btn btn-default navbar-btn" onclick="window.location='? page=pengumuman';"&gt;Nilai Perusahaan&lt;/button&gt;

  &lt;? }?&gt; &lt;button type="button" class="btn btn-default navbar-btn" onclick=""&gt;&lt;a href="../gis/gis20.php" target="_blank"&gt;Peta Distribusi&lt;/ a&gt;&lt;/button&gt;

  &lt;/div&gt; &lt;/ div&gt;&lt;!-- /.container --&gt;

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

  &lt;div class="col- md-12 warnacontent foot2" align="center"&gt;&lt;?php include"tengah.php";?&gt;&lt;/div&gt;

  &lt;!-- slide --&gt; &lt;div class="col- md-12" align="center"&gt;&lt;h1&gt;&lt;?php include"slide.php";?&gt;&lt;/h1&gt;&lt;/div&gt; &lt;!-- content --&gt;

  &lt;!-- footer --&gt; &lt;div class="col-md-12 warnafooter foot" align="center"&gt;Copyright by : Khadijah Thahira / Politeknik Negeri

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

  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt; &lt;!--script src="https:// ajax.googleapis.com/ajax/libs/jquery/ 1.11.2/jquery.min.js"&gt;&lt;/script--&gt;

  &lt;script src="js/ jquery.min.js"&gt;&lt;/script&gt; &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt; &lt;script src="js/ bootstrap.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; var kab_kota = [ &lt;?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=""; nama:'".$data['kode_kab_kota']." - ". $res=mysql_query($sql);

  $data['nama']."', function warna($banyakdistribusi){ logo:'".$data['logo']."', if($banyakdistribusi&gt;10) wilayah:'".$data['wilayah']."', return "#ff00ff"; else banyakdistribusi:". $data['banyakdistribusi'].", if($banyakdistribusi&gt;5) return "#00ff00"; warna:\"".warna($data['banyakdistribu else si'])."\", if($banyakdistribusi&gt;3) keterangan:'&lt;table&gt;&lt;tr&gt;&lt;td&gt;Nama&lt; return "#0000ff"; /td&gt;&lt;Td&gt;&lt;b&gt;".

  $data['kode_kab_kota']." - ". else $data['nama']."&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;". if($banyakdistribusi&gt;1) return "#ff0000";

  "&lt;tr&gt;&lt;td&gt;Posisi&lt;/td&gt;&lt;td&gt;". $data['lintang'].",".$data['bujur']." else (Lintang, Bujur)&lt;/td&gt;&lt;/tr&gt;". return "#00ffff"; "&lt;tr&gt;&lt;td&gt;distribusi&lt;/td&gt;&lt;td&gt;".

  $data['banyakdistribusi']."&lt;/ td&gt;&lt;td&gt;&lt;/table&gt;'". }

  "},"; while($data=mysql_fetch_array($res)) }

  { $koordinat.="{

  $koordinat=substr($koordinat,0,strlen ($koordinat)-1);// Hilangkan , terakhir lintang: ".$data['lintang'].", echo $koordinat;

  ?&gt; bujur:".$data['bujur'].",

  ]; &lt;!DOCTYPE html PUBLIC "-//W3C// if(databulog.logo!=""){ DTD XHTML 1.0 Strict//EN" var Icon = new "http://www.w3.org/TR/xhtml1/DTD/ GIcon(G_DEFAULT_ICON); xhtml1-strict.dtd"&gt;

  Icon.image = &lt;html ns="http://www.w3.org/ databulog.logo; 1999/xhtml"&gt;

  Icon.iconSize = new &lt;head&gt;

  GSize(20,20); &lt;meta http-equiv="content-type" markerOptions = content="text/html; charset=utf-8"/&gt; { icon:Icon }; &lt;title&gt;Tutorial Google Maps&lt;/title&gt; } &lt;script src="http://maps.google.com/ else maps? markerOptions = { }; file=api&amp;amp;v=2&amp;amp;key=ABQIAA

  AAnQj3JDCP4- qaVgBxRQArsBR9aFbyYpVuqRQYnlY47 zK0tc3FFRQ95vTz- var marker = new GMarker(new BUqgUNXL8tynFfQwmDhgw"

  GLatLng(databulog.lintang, type="text/javascript"&gt;&lt;/script&gt; databulog.bujur),markerOptions);

  &lt;script src="data_bulog_db2.php" GEvent.addListener(marker, type="text/javascript"&gt;&lt;/script&gt; 'click',

  &lt;script type="text/javascript"&gt; function() { //&lt;![CDATA[ var map; showinfokab_kota(databulog.keterang an); function showinfokab_kota(keterangan){

  } document.getElementById("isiinfo").in ); nerHTML=keterangan; map.addOverlay(marker);

  } } function BuatMarker(databulog) { function BuatWilayah(databulog) { var array_koordinat; array_koordinat=databulog.wilayah.sp lit(','); var no=0; var vertex; vertex=[]; while

  (no&lt;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&lt;kab_kota.length;i++){

  BuatWilayah(kab_kota[i]); BuatMarker(kab_kota[i]);

  } map.setCenter(new GLatLng(-3.176048, 104.009846),8);

  } } //]]&gt; &lt;/script&gt; &lt;/head&gt; &lt;body onload="load()" onunload="GUnload()"&gt; &lt;?php

  &lt;div mysql_connect("localhost","root",""); style="width:30px;height:15px;border :000 solid;background- color:#0000ff;display:inline-block"&gt;&lt;/ mysql_select_db("dbbulog"); div&gt; 4 - 5 Distribusi&lt;br /&gt;

  ?&gt; &lt;div style="width:30px;height:15px;border

  &lt;h1&gt;Data Distribusi Beras&lt;/h1&gt; :000 solid;background-

  &lt;div id="map" style="width: 500px; color:#ff0000;display:inline-block"&gt;&lt;/ div&gt; 2 - 3 Distribusi&lt;br /&gt; height: 500px;float:left;border:thin #000 solid;margin:5px;"&gt;&lt;/div&gt;

  &lt;div &lt;div id="informasi"&gt; style="width:30px;height:15px;border

  :000 solid;background- &lt;div color:#00ffff;display:inline-block"&gt;&lt;/ id="info"&gt;&lt;fieldset&gt;&lt;legend&gt;Inform div&gt; 0 - 1 Distribusi asi Divre Sumsel&lt;/legend&gt;&lt;div id="isiinfo"&gt;Klik di marker atau wilayah divre sumsel untuk melihat

  &lt;/fieldset&gt; informasinya.&lt;/div&gt;&lt;/fieldset&gt;&lt;/div&gt; &lt;/div&gt;

  &lt;div id="form"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

  &lt;div id="legend"&gt; &lt;fieldset&gt; &lt;legend&gt;Keterangan Warna&lt;/ legend&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#ff00ff;display:inline-block;"&gt;&lt;/ div&gt; &amp;gt; 10 Distribusi&lt;br /&gt; &lt;div style="width:30px;height:15px;border :000 solid;background- color:#00ff00;display:inline-block"&gt;&lt;/