AnonSec Shell

p!ranha?
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 :
Current File : /home/dpmptsp/public_html/data_dan_statistik//index.php
<!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-12">
				<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-12">
				<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>
        </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>&copy; 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',
			width: 1000,
			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',
					width: 1000,
					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',
					width: 1000,
					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',
					width: 1000,
				},
				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>
N4m3	5!z3	L45t M0d!f!3d	0wn3r / Gr0up	P3Rm!55!0n5	0pt!0n5
..	--	January 03 2025 03:29:06	1000 / 1000	0755
audio	--	December 21 2023 09:22:49	1000 / 1000	0755
css	--	December 21 2023 09:22:52	1000 / 1000	0755
fonts	--	December 21 2023 09:22:53	1000 / 1000	0755
images	--	December 21 2023 09:23:05	1000 / 1000	0755
js	--	December 21 2023 09:23:08	1000 / 1000	0755

favicon.ico	4.553 KB	January 13 2024 08:31:21	1000 / 1000	0755
index.php	20.109 KB	January 13 2024 08:31:20	1000 / 1000	0755
index_lama.php	22.116 KB	January 13 2024 08:31:21	1000 / 1000	0755