Modul Admin Web Statistik (Basic) untuk Lokomedia dengan Grafik 3D

Dalam halaman administrator default lokomedia belum terdapat modul web statistik. Padahal sebenarnya modul ini penting jika kita ingin menganalisa trafik dan mengoptimasi website kita. Memang pada halaman user telah tersedia, namun web statistik pada halaman user hanya menampilkan laporan harian. Jika ingin mendapatkan laporan yang lebih detail sebenarnya kita bisa menggunakan layanan webstat dari pihak ketiga. Memang ada yang berbayar, tapi ada juga yang gratis. Jika kita tidak mau berurusan dengan registrasi dan aturan yang ribet, tidak ada salahnya untuk membuat sendiri modul web statistik sederhana tersebut.

Kita mulai dengan mengupload jquery dan jquery.fusioncharts.js ke dalam folder JS, juga file-file chart swf dalam folder Charts (tidak harus semuanya/yang dibutuhkan saja). Panggil file tersebut di file media.php dalam folder adminweb (folder default administrator lokomedia).

<script type="text/javascript" src="JS/jquery-1.4.js"></script>
<script type="text/javascript" src="JS/jquery.fusioncharts.js"></script>

Lanjutkan dengan membuat folder mod_stat yang berisi file stat.php. Dalam file inilah kita akan membuat halaman statistic web sederhana dengan memanfaatkan fasilitas fusionchart dari html table. Caranya buat tabel horizontal dengan header tanggal dalam seminggu (7 kolom + 1 kolom keterangan), kemudian dibaris diikuti baris kedua dengan keterangan Jumlah pengunjung perhari (visitors) dengan masing-masing nilai, dan terakhir adalah baris jumlah hits perhari. Jangan lupa untuk memberikan nama id pada tag table-nya.

echo "<h2>Web Statistik</h2>	 
          <table id='tabelku'><tr><th>Tanggal</th> ";
	$tgl1=date("Y-m-d");
	$tgl_bawah = strtotime("-1 week +1 day",strtotime($tgl1));
	$hasil_tgl_bawah = date('Y-m-d', $tgl_bawah); 
    for ($i2=0; $i2 <= 6; $i2++){
      $urutan = strtotime("+$i2 day",strtotime($hasil_tgl_bawah));
      $hasil_urutan = date('Y-m-d', $urutan);      
      echo"<th>$hasil_urutan</th>";
      
    }

    echo "</tr><tr><td>Visitor</td>";
	$tgl2=date("Y-m-d");
	$tgl_bawah2 = strtotime("-1 week +1 day",strtotime($tgl2));
	$hasil_tgl_bawah2 = date('Y-m-d', $tgl_bawah2);
    for ($i=0; $i <= 6; $i++){
      $tgl_pengujung = strtotime("+$i day",strtotime($hasil_tgl_bawah2));
      $hasil_tgl_pengujung = date('Y-m-d', $tgl_pengujung);
      $sql_tgl_pengujung=mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$hasil_tgl_pengujung' GROUP BY ip"));
      echo"<td align='center'><font color='#afd8f8'><b>$sql_tgl_pengujung</td>";
      
    }
	echo "</tr><tr><td>Hits</td>";
	$tgl3=date("Y-m-d");
	$tgl_bawah3 = strtotime("-1 week +1 day",strtotime($tgl3));
	$hasil_tgl_bawah3 = date('Y-m-d', $tgl_bawah3);
    for ($i3=0; $i3 <= 6; $i3++){
      $tgl_hits = strtotime("+$i3 day",strtotime($hasil_tgl_bawah3));
      $hasil_tgl_hits = date('Y-m-d', $tgl_hits);
      $sql_hits=mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$hasil_tgl_hits' GROUP BY tanggal"));
      echo"<td align='center'><font color='#f6bd0f'><b>$sql_hits[hitstoday]</td>";
      
    }
	echo"</tr></table>";
	
	$pengunjung       = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tgl1' GROUP BY ip"));
  	$totalpengunjung  = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0); 
    $hits             = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tgl1' GROUP BY tanggal")); 
    $totalhits        = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); 
    $tothitsgbr       = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); 
    $bataswaktu       = time() - 300;

              echo "<br /><table>

Kita bisa menampilkan grafik dari tabel diatas dengan menambahkan javascript di bawahnya.

<script type="text/javascript">
	$('#tabelku').convertToFusionCharts({
		swfPath: "Charts/",
		type: "MSColumn3D",
		data: "#tabelku",
		dataFormat: "HTMLYTable",
		width: "600"
	});
</script>

Setelah file stat.php selesai, upload mod_stat kedalam folder modul dan tambahkan modul dimenu manajemen modul halaman administrator dengan link ‘?module=stat’ dan terakhir adalah mengedit file content.php untuk menambahkan modul web statistik agar bisa ditampilkan.

File Download