Nursam_VBiDuHelp!#12

disini Nursam ingin menjelaskan progres nursam yaitu mengenai progres Nursam yaitu menu drop down untuk history report pada viewboard iDuHelp! yang Nursam buat, sebelumnya PIC/ Admin harus membuat report dengan cara mengambil data dari dalam sistem iDuHelp! Online yang tentu saja harus terlebih dahulu login kedalam sistem dan memproses kalkulasikan data terlebih dahulu pada Rinfosheets dan membuat sebuah grafik nah dengan adanya viewboard iDuHelp! Dengan menampilkan menu drop down untuk history Chart report nah sekarang PIC ga perlu yang namanya login kesistem dan menghitung secara dan membuat grafik manual pada Rinfosheet karena sudah terekap dan terbuat sendiri dan otomatis langsung terekam pada viewboard iDuHelp! dan kita ga perlu ketakutan jika ingin melihat data report bulan yang sebelum2nya, nah udah cerita panjang lebar berikut tampilannya.

  1. yang pertama buka halaman utama viewboard dan klik menu History report yang ada pada sebelah kiri dan pilih dropdown yang pertama seperti gambar dibawah ini:                                                         
  2. dan kemudian akan menghasilkan tampilan seperti dibawah ini dan setelah itu atur bulan dan tahun yang ingin chart reportnya kita lihat kemudian klik ok:
  3. dan finally akan keluarlah Chart report yang ingin kita buatkan sebagai laporan seperti dibawah ini dan datapun sudah otomatis terhitung dan sudah diatur dari paling banyak menangani customer:

dan berikut scripnya:

Kumpulan CSB

<?php
include’tampilan.php’;
?>

<!– Page Heading –>

<div class=”row”>
<div class=”col-lg-12″>
<h1 class=”page-header”>
Charts Peforma iDuHelp! Online Perbulan
</h1>
<ol class=”breadcrumb”>
<li>
<i class=”fa fa-dashboard”></i> <a href=”index.php”>Viewboard</a>
</li>
<li class=”active”>
<i class=”fa fa-fw fa-bar-chart-o”></i> Charts Peforma iDuHelp! Online Perbulan
</li>
</ol>
</div>
</div>
<!– /.row –>

<iframe align=”center” frame border=”no” height=”520px” name=”frame1″ scrolling=”auto” src=”chart.php” style=”border:0px solid;”width=”100%”></iframe>

<?php
include ‘footer.php’;
?>

<?php

include ‘koneksi.php’;
?>
<html>
<head>
<script src=”js/jquery.min.js” type=”text/javascript”></script>
<script src=”js/highcharts.js” type=”text/javascript”></script>
</head>

<body>
<form action=” method=”POST”>
<select name=”bulan”>
<option value=01>Januari</option>
<option value=02>Februari</option>
<option value=03>Maret</option>
<option value=04>April</option>
<option value=05>Mei</option>
<option value=06>Juni</option>
<option value=07>Juli</option>
<option value=08>Agustus</option>
<option value=09>September</option>
<option value=10>Oktober</option>
<option value=11>November</option>
<option value=12>Desember</option>
</select>
<select name=”tahun”>
<option value=2016>2016</option>
<option value=2017>2017</option>
<option value=2017>2018</option>
</select>
<input type=”submit” value=”cari” name=”submit”>
</form>

<?php

//dari sini
if (isset($_POST[‘submit’])) {
$bulan = $_POST[‘bulan’];
$tahun = $_POST[‘tahun’];

$i=0; //inisialisasi untuk penomoran dataperintah untuk menampilkan data, id_brg terbesar ke kecil
$tampil = “select agentname as Operators,count(*) as Banyaknya, DATE_FORMAT(FROM_UNIXTIME(dtmcreated)+ interval 11 HOUR, ‘%Y-%M’) As Time
from owm_thread where agentname is not null
and DATE_FORMAT(FROM_UNIXTIME(dtmcreated)+ interval 11 HOUR, ‘%m’) LIKE ‘%$bulan%’
and DATE_FORMAT(FROM_UNIXTIME(dtmcreated)+ interval 11 HOUR, ‘%Y’) LIKE ‘%$tahun%’
group by agentname, DATE_FORMAT(FROM_UNIXTIME(dtmcreated)+ interval 11 HOUR, ‘%Y-%M’)
order by Banyaknya desc”;
?>

<script type=”text/javascript”>
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: ‘container’,
type: ‘column’
},
title: {
text: ‘Grafik Peforma iDuHelp! Online’
},
xAxis: {
categories: [‘Operators’]
},
yAxis: {
title: {
text: ‘Jumlah’
}
},
series:
[

<?php
//perintah menampilkan data dikerjakan
$sql = mysql_query($tampil);
while($data=mysql_fetch_array($sql))
{
?>
{
name: ‘<?php echo $data[Operators]; ?>’,
data: [<?php echo $data[‘Banyaknya’]; ?>]
},

<?php
}//end while
?>
]
});
});
</script>
<div id=’container’></div>

<?php } ?>
</body>
</html>

Untuk lebih jelas bisa kunjungi Link berikut : viewboard.magics.co

nah demikian Cermi Unyil mengenai menu drop down untuk Chart history report pada Viewboard iDuHelp!

Terima kasih 🙂

Views All Time
Views All Time
92
Views Today
Views Today
1
101 Total Views 1 Views Today

One Response

  1. Perkembangan Viewboardnya semakin bagus ka Nursam, sekarang untuk membuat laporan pun jadi gak ribet karna semuanya sudah tersedia di Viewboard. Terima Kasih ka Nursam 🙂

Leave a Reply

You must be logged in to post a comment.