Membuat Graphic Chart di Web dengan ChartJS

Membuat Graphic Chart di Web dengan ChartJS

Tutorial ini adalah bagian pertama dari 4 Tutorial. Tutorial lain yang merupakan kelanjutan dari tutorial ini bisa anda baca di link berikut : Mengenal ChartJS (artikel ini ) Membuat Line Chart dengan ChartJS + PHP (Coming soon…) Membuat Bar Chart dengan ChartJS + PHP ( Coming soon…) Membuat Pie Chart dengan ChartJS + PHP (Coming…

Mengenal Ionic Framework

Mengenal Ionic Framework

Tidak dipungkiri lagi bahwa Smartphone sudah tersebar di berbagai dunia dan pemenangnya adalah Android dan iOS. Di sisi lain, banyak usaha App-isasi dari website yang ada. Makanya jangan heran ketika berbagai layanan website berlomba lomba menyediakan aplikasi mobilenya. Sayangnya, kebutuhan mobile developer tidak sebanding dengan jumlah developer yang ada. Sebagai gambaran, Web sudah ada sejak…

Teknologi dibalik WhatsApp berbasis Web
|

Teknologi dibalik WhatsApp berbasis Web

Artikel ini akan membahas teknologi dibalik WhatsApp berbasis Web yang merupakan layanan baru dari WhatsApp. Jika anda ingin tahu cara memakai whatsapp Berbasis web, silahkan baca artikelnya disini.  WhatsApp berbasis web menggunakan teknologi canggih dan sebagian berupa komponen Open source atau standar terbuka sehingga kita seharusnya juga bisa membuat aplikasi yang mirip baik dari segi…

Cara membuat grafik Pie Chart berbasis Web
|

Cara membuat grafik Pie Chart berbasis Web

ini adalah tutorial ketiga tentang cara membuat grafik chart menggunakan Highchart. Highchart adalah library javascript untuk membuat grafik berbasis web dengan cara yang sangat mudah.Pembahasan kali ini akan membuat grafik pie chart. Jika grafik batang lebih fokus pada perbandingan antar item, grafik linier lebih fokus pada tingkat pertumbuhan item (misal penjualan) maka grafik pie lebih…

Membuat Multiple Grafik chart berbasis Web
|

Membuat Multiple Grafik chart berbasis Web

Dalam panduan sebelumnya, sudah kita bahas bagaimana cara membuat grafik sederhana menggunakan Highchart. Dalam panduan kali ini kita akan membahas cara membuat multiple grafik chart dalam satu tampilan. Untuk contohnya, kita akan menampilkan grafik dari tabel penjualan smartphone disebuah toko fiktif candraphone. Data penjualan seperti dibawah ini Data penjualan Smartphone Januari Febuari Maret April Mei…

Cara Membuat grafik chart berbasis Web
|

Cara Membuat grafik chart berbasis Web

melihat data yang banyak dalam bentuk tabel tentunya tidak nyaman, apalagi kalau kita atau manager kita ingin mendapatkan gambaran secara umum. Misalkan apakah data penjualan meningkat dari satu periode ke periode atau yang semisal seperti apakah pendapatan perkapita indonesia naik dari tahun ketahun. Membuat grafik chart di Microsoft Excel memang mudah, nah bagaimana kalau kita…

Gallery Foto dengan FancyBox dan PHP
| |

Gallery Foto dengan FancyBox dan PHP

Fancybox adalah plugin jQuery yang dipakai untuk membuat gallery Foto menjadi lebih cantik. Sebenarnya Fancybox juga bisa digunakan untuk menampilkan Video, text dan komponen lain disebuah halaman,namun dalam pembahasan kali ini, saya fokus untuk membuat gallery foto. Versi fancybox yang saya pakai adalah versi 2.1. Tutorial ini merupakan kelanjutan dari tutorial sebelumnya yang membahas tentang…

Input Warna di Form HTML
|

Input Warna di Form HTML

Ketika kita membuat aplikasi berbasis web, kadang client meminta input yang tidak standar, sebagai contoh input warna interaktif (baca: color picker). bagaimana cara mengimplementasikannya kedalam form HTML? caranya mudah, cukup gunakan plugin javascript bernama jscolor. Library ini akan memberikan fasilitas color picker ke input textfield sehingga user bebas memilih warna yang ingin diterapkan. Jika anda…

Evolusi Javascript

Pada saat pertama kali kemunculannya, Javascript adalah bahasa mainan dan bahasa pelengkap untuk membuat web. Namun saat ini, Javascript adalah salah satu bahasa yang paling penting dalam membuat website modern dan menjadi pondasi untuk aplikasi di luar browser. Dulu, kita hanya melihat javascript untuk melakukan validasi form di browser dan membuat popup yang mengganggu. Dalam…