Integrasi Open Flash Chart (ver 2) di Codeigniter

Open flash chart(OFC) adalah alat bantu open source yang bisa kita gunakan untuk menampilkan grafik. Secara khusus saya ingin membahas bagaimana integrasinya ke dalam codeigniter, siapa tahu ada yang butuh caranya. Walaupun OFC versi 1 memiliki ukuran file swf yang relatif ringan (sekitar 60 kb) sementara OFC versi 2 relatif berat (sekitar 250 kb) untuk di load user, tapi OFC 2 memiliki feature yang lebih banyak dan struktur yang lebih rapi sehingga saya akan menggunakan OFC versi ke 2.

Langkah Integrasi

1. Download paket ci_ofc2_integration. File ci_ofc2_integration.doc ini sebenarnya file zip, namun berhubung wordpress nggak memperbolehkan upload data zip, jadi saya akalin pakai cara ini. Untuk mengubahnya kembali ganti ekstensi .doc menjadi .zip, kemudian ekstrak.

Isi dari paket folder yang telah diekstrak /ci_ofc2_integration/

ci_ofc2_integration/
-->/assets/
------->/js/
------->/swf/
-->/system/application/
------->/controllers/
------->/plugins/
------->/views/

2. Copy seluruh folder /assets/ yang ada di paket ke root folder codeigniter anda (sejajar dengan folder “system” codeigniter).

Setelah di copy, isi directory root codeigniter Anda akan tampak sebagai berikut:

localhost/codeigniter/
---------------------/assets/js
---------------------/assets/swf

3. Copy semua file di dalam folder plugins pada paket ke folder plugins di codeigniter

Setelah di copy, isi directory /system/application/plugins/ codeigniter Anda akan bertambah menjadi:

localhost/codeigniter/system/application/plugins/
------------------------------------------------/ofc2/
------------------------------------------------/ofc2_pi.php

4. File ofc2.php pada folder controllers dan ofc2_chart_view.php pada folder views merupakan file sampel controller dan view yang bisa Anda uji coba. Yang paling terpenting adalah bagaimana menginisasi open flash chart Anda di bagian view, yakni dengan memasukkan :

<script type="text/javascript">
            swfobject.embedSWF(
              "assets/swf/open-flash-chart.swf", "test_chart",
              "<?php echo $chart_width; ?>", "<?php echo $chart_height; ?>",
              "9.0.0", "expressInstall.swf",
              {"data-file":"<?php echo urlencode($data_url); ?>"}
            );
</script>
<div id="test_chart"></div>

swfobject.embedSWF();

dimana parameter pertama merupakan lokasi file open-flash-chart.swf, parameter  kedua merupakan id dari div yang akan menampung chart tersebut, parameter ketiga dan keempat adalah width dan height chart, parameter keempat dan kelima adalah versi serta efek, dan parameter terakhir adalah data yang akan disajikan(dalam json).

Pembahasan detil mengenai kedua file tersebut mungkin akan saya bahas lain waktu atau kalau ada yang requestdengan topik khusus open flash chart lebih mendalam. Pada postingan ini hanya sekedar membahas integrasi ofc ke codeigniter. Untuk mencoba lebih jauh dan lebih detail tentang penggunaan fitur Open Flash Chart versi 2 bisa baca tutorialnya di sini.

Satu pemikiran pada “Integrasi Open Flash Chart (ver 2) di Codeigniter

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s