Catatan Penting - Saif45/visin-gcharts GitHub Wiki

Visualisasi data merupakan representasi visual dan teknik interaksi dengan memanfaatkan indera penglihatan manusia yang diolah dalam pikiran sehingga memungkinkan pengguna dapat melihat, menjelajahi, dan memahami sejumlah besar informasi sekaligus.Visualisasi informasi membantu pengguna untuk memperoleh pengetahuan melalui berbagai macam variabel data yang disajikan dalam bentuk grafis. Pada Kali ini kita akan melakukan Visualisasi data Penjualan Menggunakan Codeigniter, Uikit, dan Google Charts.

Hal Awal Yang perlu diperhatikan :

  1. Menyiapkan Framework Pengembangan Framework yang digunakan pada visualisasi data ini adalah: Codeigniter v3.x.x (PHP Framework) Uikit v3.x.x (UI Framework) Google Charts (Visualization Framework)

  2. Syarat Pengembangan Web Service (Misal: Apache). PHP (otomatis tersedia jika menggunakan Xampp). Mysql (otomatis tersedia jika menggunakan Xampp).

Tahapan Pengembangan :

  1. Penting bagi kita mengetahui framework Uikit,karena Uikit merupakan framework User Interface (UI) yang akan kita gunakan untuk membuat elemen-elemen desain seperti card dan layout. Uikit menyediakan file CSS dan Javascript yang dapat kita integrasikan pada project Codeigniter.

  2. Proses visualisasi dilakukan secara bertahap karena menyajikan data yang berjumlah besar.

  1. Menentukan data row yang akan kita olah Tahap pertama yang harus kita siapkan dalam visualisasi data adalah memastikan bahwa data yang kita miliki sudah dalam bentuk terstruktur dalam baris data. Studi kasus ini menggunakan sumber data dalam format file JSON. Oleh sebab itu kita memerlukan prosedur untuk mengkonversi data pada file JSON menjadi data dalam format Array PHP.

  2. Menyusun problem statement kita perlu untuk menyusun problem statemen yang dapat menggambarkan informasi apa saja yang akan disampaikan kepada pengguna. Data penjualan kita peroleh dari variabel Units untuk setiap item yang terjual. Oleh sebab itu pada tahap berikutnya kita perlu untuk menentukan algoritma agar diperoleh akumasi jumlah units berdasarkan kategori yang kita tentukan.

  3. Membuat data tabel dalam format cross tabulation. tahap ini akan memerlukan algoritma untuk membuat data row menjadi format cross tabulation yang kita inginkan.

  4. Menentukan teknik visualisasi. Pada tahap ini, kita menganisa teknik yang tepat untuk setiap cross tabulation yang sudah dibuat pada tahap sebelumnya.Secara umum teknik visualisasi terdiri dari Pie Chart (diagram lingkaran), Bar Chart (diagram batang), line chart (diagram garis), atau gabungan antara bar chart dan line chart.

  5. Menentukan layout. Tahap layouting merupakan tahap menentukan posisi dari setiap visualisasi pada layar utama visualisasi agar pengguna dapat menerima sejumlah besar informasi sekaligus. Layout visualisasi kita susun berdasarkan problem statemen yang sudah dibuat. Studi kasus ini menggunakan 5 problem statement sehingga akan menghasilkan 5 grafik visualisasi.

**Data yang akan kita visualisasikan : ** 1. Data Penjualan berdasarkan Region 2. Data Penjualan berdasarkan Sales 3. Data Penjualan berdasarkan Produk 4. Data Penjualan berdasarkan Bulan di Tahun Tertentu

Kesimpulan Bagian terpenting dari visualisasi data adalah menentukan problem statement. Problem statement tersebut merupakan panduan bagi kita untuk menentukan variabel yang diolah lebih lanjut. Problem statement juga menentukan algoritma yang kita gunakan untuk menghasilkan struktur data yang tepat.

selengkapnya : labs.ruang-ekspresi.id/materi/codestory-visin-ci-gcharts/