SQL Server Workshop 2015

25 Desember 0 Comments A+ a-

          Kemaren sore pulang kerja dari senayan langsung cabut ke depok naek gojek, paginya sekitar jam 6 balik dari depok ke grogol dianter gojek juga, langsung berangkat lagi karna acara jam 9 pagi di SCBD, pulang bareng gojek lagi sore harinya. Sampe-sampe ga tau hari ini ada pernyataan dari pak menteri kalo gojek dilarang, kata abangnya uda mau demo hari ni tapi ga jadi gara-gara sore harinya pernyataan itu dicabut. Fiuuuh untungnya, kalo ga mau naik apa coba pulang dengan kondisi rush hours jakarta yang nggak banget dan kondisi fisik yang udah ampun capeknya.

          Oke, jadi sebenernya ini bukan mau ngebahas tentang Gojek ya tapi tentang acara jam 9 pagi (lebih tepatnya jam setengah 9) tanggal 18 Desember 2015 di SCBD yang demi itu rela langsung capcus dengan nyawa yang masi separo walaupun akhirnya telat juga hehehe :D



          Acara yang kece banget ini bertempat dikantor Microsoft kawasan SCBD tepatnya di BEJ Tower dan diadakan oleh Komunitas SQL Server Indonesia dari pagi sampai sore which is akan mengupas lebih dalam tentang Teknologi SQL Server yang ada saat ini dan juga yang akan segera hadir (SQL Server 2014 dan SQL Server 2016). 

          Selain diisi oleh para pembicara yang keren dan dihadiri oleh teman-teman IT dari berbagai perusahaan di Indonesia, dalam rundown acaranya ada beberapa materi menarik yang akan disampaikan antara lain: Microsoft SQL Server as Mission Critical (OLTP) and Business Intelligence/DWH (OLAP), Cisco Solution for SQL Server, Always On Availability Groups Best Practices, SQL Server Development Best Practice, Building a BI Solution in the Cloud, Mobile BI with DataZen, dan A Classy Cloud Way to Execute T-SQL Remotely.

          Setelah melewati serentetan materi yang disokong oleh gelas-gelas kopi dan cemilan tiada henti, tibalah sesi terakhir foto-foto bareng, ngumpulin kuisioner, pembagian souvenir and Thanks God Its Friday yayy.... Menutup minggu ini dengan siraman ilmu dan sekarang saatnya istirahat. Happy Weekend everyone  ^_^

Simple Chart with JQuery

01 Desember 0 Comments A+ a-



Dalam artikel ini saya akan sharing tentang membuat chart dengan JQuery yang pastinya mudah dipahami dan simple untuk diimplementasikan. Ada 4 jenis chart yang tersedia yaitu Bar, Line, Pie, Doughnut dan bisa dicustom sesuai kebutuhan. Oke langsung saja berikut langkah-langkahnya :

1. Include Script
Bisa download filenya disini, kemudian include di code kalian
    <script type="text/javascript" src="Scripts/Chart.js"></script>
    <script type="text/javascript" src="Scripts/Charts.js"></script>

2. Add Hidden Field
Hidden filed berfungsi sebagai input value dan bisa diisi langsung melalui frontend maupun dari backend.
   <input type="hidden" id="data/>

3. Parsing Data
Untuk tipe char Bar dan Line bisa dipakai untuk data 3D, dengan memasukkan kombinasi array berikut yang dipisahkan titik koma dan :
Array 1       : Berisi Label untuk setiap kategori (dipisah koma untuk setiap data)
Array 2       : Berisi Warna untuk setiap kategori (dipisah koma untuk setiap data)
Array 3 dst : Berisi Value untuk setiap kategori (dipisah koma untuk setiap data)

Contoh untuk 3 data dengan 3 kategori:
    <input type="hidden" id="data" value="Sales 2013,Sales 2014,Sales 2015;#F7464A,#46BFBD,#B48EAD;10,40,30;15,30,35;40,41,44" />

Sedangkan untuk Pie dan Doughnut bisa dipakai untuk data 2D, dengan memasukkan kombinasi array berikut (dipisahkan dengan titik koma) :
Array 1       : Berisi Label (dipisah koma untuk setiap data)
Array 2       : Berisi Warna (dipisah koma untuk setiap data)
Array 3 dst : Berisi Value (dipisah koma untuk setiap data)

Contoh untuk 3 data:
    <input type="hidden" id="data2" value="Sales 2013,Sales 2014,Sales 2015;#F7464A,#46BFBD,#B48EAD;60,80,40" />

4. Create Canvas 
Canvas berfungsi sebagai tempat menggambar chart
    <canvas id="myChart1" width="260" height="260"></canvas>
    <canvas id="myChart2" width="260" height="260"></canvas>
    <canvas id="myChart3" width="260" height="260"></canvas>
    <canvas id="myChart4" width="260" height="260"></canvas>

5. Create Script
Tambahkan script untuk menggambar chart
    <script type="text/javascript">
        ChartBar("myChart1", "data");
        ChartLine("myChart2", "data");
        ChartPie("myChart3", "data2");
        ChartDoughnut("myChart4", "data2");
    </script>

taraaa... sekarang chart nya sudah jadi, selamat mencoba :D