diff --git a/P3/controller/statistik_controller.php b/P3/controller/statistik_controller.php
new file mode 100644
index 0000000000000000000000000000000000000000..b78c3a9d116bdfa025560345299dbb512333c714
--- /dev/null
+++ b/P3/controller/statistik_controller.php
@@ -0,0 +1,68 @@
+<?php 
+require_once 'connectdb.php';
+
+function getStatistik(){
+	$connp = connect_database2();
+	$connl = connect_database();
+
+	// get all skpd
+	$skpd = array();
+	$sql = "SELECT nama FROM skpd;";
+	$result = $connp->query($sql);
+
+	if ($result->num_rows > 0) { 
+	    while($row = $result->fetch_assoc()) {
+	        $skpd[] = $row;
+	    }
+	} else {
+		echo "0 results <br>";
+	}
+
+	// get nilai
+	$penilaian = array();
+	$sql = "SELECT nip, nilai FROM penilaian;"
+	$result = $connp->query($sql);
+
+	if ($result->num_rows > 0) { 
+	    while($row = $result->fetch_assoc()) {
+	        $penilaian[] = $row;
+	    }
+	} else {
+		echo "0 results <br>";
+	}
+
+	// get unit kerja pegawai
+	$sql = "SELECT nip, unit_kerja FROM pegawai;"
+	$result = $connp->query($sql);
+
+	if ($result->num_rows > 0) { 
+	    while($row = $result->fetch_assoc()) {
+	        foreach ($penilaian as $n){
+	        	if ($row['nip'] == $n['nip']){
+	        		$n['unit_kerja'] = $row['unit_kerja'];
+	        		break;
+	        	}
+			}
+	    }
+	} else {
+		echo "0 results <br>";
+	}
+
+	// hitung per skpd
+	foreach ($skpd as $skpd){
+		$skpd['sum'] = 0;
+		$skpd['count'] = 0
+		foreach($penilaian as $p){
+			if ($skpd['nama'] == $p['unit_kerja']){
+				$skpd['sum'] += $p['nilai'];
+				$skpd['count']++;
+			}
+		}
+		$skpd['avg'] = $skpd['sum']/$skpd['count'];
+	}
+
+
+
+}
+
+?>
\ No newline at end of file
diff --git a/P3/index.php b/P3/index.php
index 0da308ade81d6cae3b60e0ffb334cd6e59ce1206..9021978cdc4830a49ca9bf67ab3220f8bf25995d 100644
--- a/P3/index.php
+++ b/P3/index.php
@@ -67,69 +67,29 @@
             </div>
           </div>
         </div>
-
+        <?php require_once 'statistik_controller.php'; ?>
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-sm-8">
             <div class="panel panel-default">
-              <div class="panel-heading font-semibold">Double Chart</div>
+              <div class="panel-heading font-semibold">Chart</div>
               <div class="bg-dark-grey wrapper pb-zero">
                 
                 <div class="text-center m-b-n m-t-sm">
-                    <div ui-jq="sparkline" ui-options="[50.32,45.23,47.56,36.25,53.85,40.15,41.25,50.15,57.14,36.15,97.26,50.15,45.32,47.19,37.75,25.15,56.34,50.35,47.25,53.15], {type:'line', height:114, width: '100%', lineWidth:2, valueSpots:{'0:':'#fff'}, lineColor:'#fff', spotColor:'#fff', fillColor:'', highlightLineColor:'#fff', spotRadius:3}"></div>
-
-                    <div ui-jq="sparkline" ui-options="[ 10,9,11,10,11,10,12,10,9,10,11,9,8 ], {type:'bar', height:124, barWidth:7, barSpacing:15, barColor:'#00b0ff'}" class="sparkline inline">loading...</div>
+                    <div ui-jq="sparkline" class="sparkline inline" ui-options="
+                    [ 10.2,6.3,11,10,11,10,12,10,9,10,11,9,0 ], 
+                    {
+                      type:'bar', 
+                      height:300, 
+                      barWidth:15, 
+                      barSpacing:30, 
+                      barColor:'#00b0ff'
+                    }">loading...</div>
                 </div>
               </div>
               <div class="panel-body no-padder">
-               
-                  <div class="wrapper20 inline full-width">
-                    <div class="col-xs-4">
-                      <p class="block font-semibold">Market</p>
-                      <span class="block">Rp.3.500.000</span>
-                    </div>
-                    <div class="col-xs-4">                        
-                       <p class="block font-semibold">Referal</p>
-                     <span>Rp.1.150.000</span>
-                    </div>
-                    <div class="col-xs-4">                        
-                      <p class="block font-semibold">Affiliate</p>
-                      <span>Rp.950.000</span>
-                    </div>
-                  </div>
-                
-              </div>
-            </div>
-          </div>
-            
-          <div class="col-md-6">
-            <div class="panel panel-default">
-              <div class="panel-heading font-semibold">Double Chart Overlay</div>
-              <div class="panel-body no-padder">
-                <div class="wrapper">
-                  <div ui-jq="plot" ui-options="
-                    [
-                      { data: [ [0,7],[1,6.5],[2,12.5],[3,7],[4,9],[5,6],[6,11],[7,6.5],[8,8],[9,7] ], label: 'Unique Visits', points: { show: true, radius : 2,fill:true,fillColor : '#00b0ff' },splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0.4 } }, 
-                      { data: [ [0,4],[1,4.5],[2,7],[3,4.5],[4,3],[5,3.5],[6,6],[7,3],[8,4],[9,3] ], label: 'Pages View', points: { show: true, radius: 2,fill:true,fillColor : '#90cb23' },splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0.4 }  }
-                    ],
-                    {
-                      colors: [ '#01b0ff','#90cb23' ],
-                      series: { shadowSize: 2 },
-                      xaxis:{ font: { color: '#ccc' } },
-                      yaxis:{ font: { color: '#ccc' } },
-                      grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
-                      legend: false,
-                      tooltip: true,
-                      tooltipOpts: { content: '%s of %x.1 is %y.4',  defaultTheme: false, shifts: { x: 0, y: 20 } }
-                    }
-                  " style="height:240px"></div>
-
-                  <div class="panel-info">
-                    <span class="pull-left text-info"> <i class="fa fa-circle"></i>Unique Visits</span>
-                    <span class="pull-left text-success"><i class="fa fa-circle"></i>Pages View</span>
-                  </div> 
-
+                <div class="wrapper20 inline full-width">
                 </div>
-              </div>                  
+              </div>
             </div>
           </div>
         </div>