| .. | |||||
| audio | |||||
| css | |||||
| fonts | |||||
| images | |||||
| js | |||||
| favicon.ico | |||||
| index.php | |||||
| index_lama.php |
| Server IP : 103.169.32.36 / Your IP : 216.73.217.108 Web Server : Apache System : Linux web.dpmptsp 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : apache ( 48) PHP Version : 5.6.40 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/dpmptsp/public_html/data_dan_statistik/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DPMPTSP Kota Pekanbaru | Data dan Statistik</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="Dinas Penanaman Modal dan Pelayanan Terpadu Satu Pintu Kota Pekanbaru" />
<meta name="description" content="Dinas Penanaman Modal dan Pelayanan Terpadu Satu Pintu Kota Pekanbaru">
<meta name="author" content="DPMPTSP Kota Pekanbaru">
<link rel="shortcut icon" type="image/x-icon" href="<?php echo PATH; ?>favicon.ico" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/lightbox.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="favicon.ico">
<style type="text/css">
.judul{
color: #990000;
font-size: 30px;
font-weight: 700;
line-height: 48px;
margin: 0 0 26px;
padding: 0 0 24px;
}
.statChart {
height: 300px;
width: 100%;
max-width:600px;
margin:0 auto;
}
.panel {
background: #fff;
margin-bottom: 15px;
}
.panel .panel-header {
display: inline-block;
width: 100%;
padding: 10px 5px;
font-size: 18px;
font-weight: normal;
}
.panel .panel-header .title {
margin: 0 0 0 5px;
font-weight: 400;
display: inline-block;
}
.panel .panel-body {
min-height: 100px;
padding: 15px;
}
.panel-primary {
background: white;
color: #fff;
}
.Circle1{
z-index: 100;
position: absolute;
height: 80px;
width: 80px;
right: -20px;
top: -30px;
border-radius: 50%;
background-color: rgba(253,184,19,1);
animation: enlarge;
animation-duration: 5s;
animation-iteration-count: infinite;
}
.a{
background-color: rgba(128, 204, 255,1);
}
.a1{
background-color: rgba(255, 128, 179,1);
}
.Circle2{
z-index: 80;
position: absolute;
height: 150px;
width: 150px;
right: -50px;
top: -70px;
border-radius: 50%;
background-color: rgba(246,140,31,0.7);
animation: enlarge;
animation-duration: 7s;
animation-iteration-count: infinite;
}
.b{
background-color: rgba(77, 184, 255,0.7);
}
.b1{
background-color: rgba(255, 77, 148,0.7);
}
.Circle3{
z-index: 50;
position: absolute;
height: 200px;
width: 200px;
right: -50px;
top: -100px;
border-radius: 50%;
background-color: rgba(241,125,45,0.3);
animation: enlarge;
animation-duration: 10s;
animation-iteration-count: infinite;
}
.c{
background-color: rgba(26, 163, 255,0.2);
}
.c1{
background-color: rgba(255, 26, 117,0.2);
}
/* CONTENT */
.containerzzzz{
overflow: hidden;
z-index: 10;
position: relative;
margin: 0px auto;
height: 90px;
width: 250px;
background-color: #F17022;
border-radius: 10px;
box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
display:inline-block;
}
.z{
background-color: #008ae6;
}
.z1{
background-color: #e6005c;
}
.sun{
z-index: 1000;
font-size: 15px !important;
}
.Condition{
z-index: 1000;
position: absolute;
font-weight: 100;
font-size: 20px;
left: 20px;
top: 10px;
}
.Temp{
z-index: 1000;
position: absolute;
font-size: 35px;
font-weight: 400;
left: 20px;
bottom: 5px;
color: #FFF;
}
.Location{
z-index: 1000;
position: absolute;
font-size: 14px;
font-weight: 700;
right: 20px;
bottom: 15px;
color: #FFF;
}
</style>
</head><!--/head-->
<?php
$ipPublik ='http://36.37.127.162:82/simpel2/';
require_once '../tracking/curl/curl.php';
$curl = new Curl();
//$curl->get('http://simpel.dpmptsp.pekanbaru.go.id/simpel2/index.php?act=Permohonan&task=client&find=statistik');
$curl->get($ipPublik.'index.php?act=Permohonan&task=client&find=statistik');
if ($curl->http_status_code == 200) {
$response = json_decode($curl->response);
$statistik=$response->obj;
}else{
$error=true;
$ket='<div class="alert_message red" jQuery><p style="font-weight:700;"><i class="fa fa-ban"></i> ERROR! GAGAL MENGAMBIL DATA DARI SERVER DPMPTSP</p></div>';
}
$keyData='';
$valueData='';
foreach($statistik->bulanan as $k=>$v){
//debug($v);exit;
$keyData.="'".$k."',";
$valueData.=$v->jumlah.',';
}
$hariini=0;
$keyDataMingguan='';
$valueDataMingguan='';
foreach($statistik->mingguan as $k=>$v){
//debug($v);exit;
$keyDataMingguan.="'".$v->tanggal."',";
$valueDataMingguan.=$v->jumlah.',';
if($v->tanggal==date('d-m-Y')){$hariini=$v->jumlah;}
}
$keyDataTahunan='';
$valueDataTahunanDetail='';
foreach($statistik->tahunan as $k=>$v){
$keyDataTahunan.="{name: '".$k."',y:".$v->jumlah.",drilldown: '".$k."'},";
$valueDataTahunanDetail.="{name: '".$k."',id: '".$k."',data: [";
foreach($v->detail as $k2=>$v2){
$valueDataTahunanDetail.="['".$k2."',".$v2->jumlah."],";
}
$valueDataTahunanDetail.="]},";
}
?>
<body style="overflow-x: hidden;">
<header id="header">
<div class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="navbar-header">
<a href="http://dpmptsp.pekanbaru.go.id"><img src="images/logodpmptsp.png" alt="logo" style="width:50%;"></a>
</div>
<div class="collapse navbar-collapse wow fadeInRight" style="float:right" data-wow-duration="500ms" data-wow-delay="300ms">
<h1 style="font-weight:bold;border-bottom: 1px dashed;">Data Dan statistik</h1>
</div>
</div>
</div>
</header>
<!--/#header-->
<div id="home-slider">
<div class="row">
<div class="col-md-5" style="margin-left:8%;">
<div class="row">
<div class="containerzzzz wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="background">
<div class="Circle1"></div>
<div class="Circle2"></div>
<div class="Circle3"></div>
<div class="content">
<h1 class="Temp">88,38</h1>
<h1 class="Location">IKM 2019</h1>
</div>
</div>
</div>
<div class="containerzzzz z wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms" style="margin-left:5%;">
<div class="background">
<div class="Circle1 a"></div>
<div class="Circle2 b"></div>
<div class="Circle3 c"></div>
<div class="content">
<h1 class="Temp">88</h1>
<h1 class="Location">Jenis Perizinan</h1>
</div>
</div>
</div>
</div>
<div class="row wow fadeInRight" style="margin-top:5%;" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="containerzzzz z1">
<div class="background">
<div class="Circle1 a1"></div>
<div class="Circle2 b1"></div>
<div class="Circle3 c1"></div>
<div class="content">
<h1 class="Temp"><?php echo $hariini;?></h1>
<h1 class="Location">Permohonan Hari ini</h1>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<ul id="tab2" class="nav nav-pills" style="padding-left:10%;">
<li class="active"><a href="#Mingguan" data-toggle="tab">Mingguan</a></li>
<li><a href="#Bulanan" data-toggle="tab">Bulanan</a></li>
<li><a href="#Tahunan" data-toggle="tab">Tahunan</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="Mingguan">
<div id="statMingguan" class="statChart"></div>
</div>
<div class="tab-pane fade" id="Bulanan">
<div id="statBulanan" class="statChart"></div>
</div>
<div class="tab-pane fade" id="Tahunan">
<div id="statTahunan" class="statChart"></div>
</div>
</div>
</div>
</div>
</div><!--/#table-container-->
<!--
<div class="row panel panel-primary">
<div class="panel-header">
<h3 class="title"></h3>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="statChart" id="pma"></div>
</div>
<div class="col-md-6">
<div class="statChart" id="pmdn"></div>
</div>
</div>
</div>
<div class="row panel">
<div class="panel-body">
<div class="col-md-6">
<div class="statChart" id="pmaSektor"></div>
</div>
<div class="col-md-6">
<div class="statChart" id="pmdnSektor"></div>
</div>
</div>
</div>
<div class="row panel">
<div class="panel-body">
<div class="col-md-6">
<div class="statChart" id="tkpma"></div>
</div>
<div class="col-md-6">
<div class="statChart" id="tkpmdn"></div>
</div>
</div>
</div>
-->
<section id="clients">
<div class="container">
<div class="row">
<div class="col-sm-7">
<div class="row">
<div class="contact-form ">
<h2>Statistik Jenis Perizinan</h2>
<select id="jsi" name="jsi" class="form-control" >
<option value="" selected="selected">Pilih</option>
<?php
foreach($statistik->jenisizin as $k=>$v){
if(empty($v->jsiSubNama)){
$nama = str_replace(' ','_',$v->jsiNama);
echo '<option value="'.strtolower($v->jsiKode).';'.strtolower($v->jsiSubKode).';'.$nama.'" >'.$v->jsiNama.'</option>';
}else{
$nama = $v->jsiNama.' ('.$v->jsiSubNama.')';
$nama = str_replace(' ','_',$nama);
echo '<option value="'.strtolower($v->jsiKode).';'.strtolower($v->jsiSubKode).';'.$nama.'" >'.$v->jsiNama.' ('.$v->jsiSubNama.')</option>';
}
}
?>
</select>
</div>
</div>
<div class="row">
<div id="statData" class="statChart" style="margin-top:5%;width:100%;"></div>
<pre id="cek" style="display:none;"></pre>
</div>
</div>
<div class="col-sm-5">
<div class="alert alert-info fade in" style="margin-top:13%;margin-left:5%;color:#005c99;height:100%;padding:5%;">
<h2 style="font-weight:700;border-bottom:1px dashed #005c99;line-height:48px;color:#005c99;"><i class="fa fa-file-text-o"></i> 88 Jenis Perizinan</h2>
<p style="text-align:justify;">Yang telah dilimpahkan ke Dinas Penanaman Modal dan Pelayanan Terpadu Satu Pintu Kota Pekanbaru, berdasarkan Peraturan Walikota Nomor 01 tahun 2020. Untuk melihat statistik jumlah izin yang telah dikeluarkan DPMPTSP, silahkan Pilih salah satu jenis perizinan di samping.
<br><br></p>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center bottom-separator">
<img src="images/home/under.png" class="img-responsive inline" alt="">
</div>
<div class="col-md-6 col-sm-6">
<div class="testimonial bottom">
<h2>Visi</h2>
<div class="media">
<div class="media-body">
<blockquote>Terwujudnya Pekanbaru Menjadi Kota Tujuan Investasi Melalui Pelayanan Perizinan dan Non Perizinan Secara Prima</blockquote>
<h3><a href="#">DPMPTSP Kota Pekanbaru</a></h3>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="contact-info bottom">
<h2 style="padding-left:20px;">Contacts Us</h2>
<ul>
<li style="border-bottom: 1px dashed;line-height:28px;"><i class="fa fa-map-marker" style="margin-right:10px;"></i> Jl.Cut Nyak Dien No.3 Pekanbaru 28126 </li>
<li style="border-bottom: 1px dashed;line-height:28px;"><i class="fa fa-envelope" style="margin-right:5px;"></i> dpmptsppekanbaru@gmail.com </li>
<li style="border-bottom: 1px dashed;line-height:28px;"><i class="fa fa-phone" style="margin-right:7px;"></i> (0761) 28262 </li>
<li style="border-bottom: 1px dashed;line-height:28px;"><i class="fa fa-envelope-o" style="margin-right:5px;"></i> 0811-7515-133 </li>
</ul>
</div>
</div>
<div class="col-sm-12">
<div class="copyright-text text-center">
<p>© Dinas Penanaman Modal dan Pelayanan Terpadu Satu Pintu Kota Pekanbaru</p>
</div>
</div>
</div>
</div>
</footer>
<!--/#footer-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script src="../js/highcharts.js"></script>
<script src="../js/data.js"></script>
<script src="../js/drilldown.js"></script>
<script src="../js/exporting.js"></script>
<script src="js/zzz.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#statMingguan').highcharts({
chart: {
type: 'line',
backgroundColor:'rgba(255, 255, 255, 0.0)',
},
title: {
text: 'Permohonan Perizinan'
},
subtitle: {
text: 'Sumber: DPMPTSP Kota Pekanbaru'
},
xAxis: {
categories: [<?php echo $keyDataMingguan ?>]
},
yAxis: {
title: {
text: 'Jumlah)'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Permohonan',
data: [<?php echo $valueDataMingguan ?>]
}]
});
});
</script>
<script type="text/javascript">
$(function () {
$('#statBulanan').highcharts({
chart: {
zoomType: 'xy',
backgroundColor:'rgba(255, 255, 255, 0.0)'
},
title: {
text: 'Permohonan Perizinan 12 Bulan Terkahir'
},
subtitle: {
text: 'Sumber: DPMPTSP Kota Pekanbaru'
},
xAxis: [{
categories: [<?php echo $keyData ?>],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: '{value}',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: 'Jumlah',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: 'jumlah',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: '{value}',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: 'Permohonan',
type: 'column',
yAxis: 1,
data: [<?php echo $valueData ?>]
}, {
name: 'Permohonan',
type: 'spline',
data: [<?php echo $valueData ?>]
}]
});
});
</script>
<script type="text/javascript">
$(function () {
// Create the chart
$('#statTahunan').highcharts({
chart: {
type: 'column',
backgroundColor:'rgba(255, 255, 255, 0.0)'
},
title: {
text: 'Statistik Permohonan Perizinan per tahun'
},
subtitle: {
text: 'Sumber: DPMPTSP Kota Pekanbaru'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Jumlah'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y}'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b><br/>'
},
series: [{
name: 'Tahun',
colorByPoint: true,
data: [<?php echo $keyDataTahunan;?>]
}],
drilldown: {
series: [<?php echo $valueDataTahunanDetail;?>]
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#jsi").bind("change", function(){
var options ={
chart: {
type: 'column'
},
title: {
text: ''
},
subtitle: {
text: 'Sumber: DPMPTSP Kota Pekanbaru'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Jumlah'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y}'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b><br/>'
},
series: [{
name: 'Tahun',
colorByPoint: true,
data: []
}],
drilldown: {
series: []
}
};
$.ajax({
type: 'post',
url: 'https://simpel.dpmptsp.pekanbaru.go.id/simpel2/index.php?act=Permohonan&task=client&find=statistikPerizinan',
data: {
data:$(this).val()
},
success: function (response) {
if (!$.trim(response)){
alert("Maaf! data tidak ditemukan");
}
else{
var obj = JSON.parse(response);
options.title.text=obj.judul;
jQuery.each(obj.keyData, function(i, val) {
options.series[0].data.push({name:val.name,y:Number(val.y),drilldown:val.drilldown});
});
jQuery.each(obj.valueDataDetail, function(i, val) {
var result = Object.keys(val.data).map(function(key) {
return [key, Number(val.data[key])];
});
options.drilldown.series.push({name:val.name,id:val.id,data:result});
});
$('#statData').highcharts(options);
}
}
});
});
});
</script>
<script type="text/javascript">
$(function () {
$('#pmdnSektor').highcharts({
title: {
text: 'Perkembangan Realisasi Investasi PMDN'
},
subtitle: {
text: 'Berdasarkan Sektor'
},
xAxis: {
categories: [2012, 2013, 2014, 2015, 2016, 2017]
},
yAxis: {
title: {
text: 'Nilai Investasi (Juta Rp.)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'Primer',
data: [0,0,0,5300,18766.6,550],
color :'#ff33cc'
}, {
name: 'Sekunder',
data: [4761.5,0,16044.2,3032.9,135069.8,145019.8],
color :'#9933ff'
}, {
name: 'Tersier',
data: [120997.4,1322628.3,2642274.8,4455162.7,631454.9,781785.2],
color :'#66a3ff'
}]
});
});
</script>
<script type="text/javascript">
$(function () {
$('#pmaSektor').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Perkembangan Realisasi Investasi PMA'
},
subtitle: {
text: 'Berdasarkan Sektor'
},
xAxis: {
categories: [2012, 2013, 2014, 2015, 2016, 2017],
crosshair: true
},
yAxis: {
min: 0,
title: {
text: 'Nilai Investasi (Ribu US $)'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: 'Primer',
data: [476.6, 377.7, 1505.8,15.6,25,0]
}, {
name: 'Sekunder',
data: [3797.1, 1897.5, 2570.2,677.6,5328.2,1400]
}, {
name: 'Tersier',
data: [2805, 3566.2, 14843,68854.5,4209.1,11297.2]
}]
});
});
</script>
</body>
</html>
| .. | |||||
| audio | |||||
| css | |||||
| fonts | |||||
| images | |||||
| js | |||||
| favicon.ico | |||||
| index.php | |||||
| index_lama.php |