MEMBUAT DAN MENAMPILKAN GRAFIK KE WEBSITE MENGGUNAKAN FREE FUSIONCHARTS

by: admin@pta-medan.go.id

1. Download Free Fusioncharts di link berikut:

http://www.fusioncharts.com/goodies/fusioncharts-free/download/

kemudian isi field: nama, email, dst. klik tombol DOWNLOAD 2. Setelah didownload, extract file, maka akan muncul folder dengan nama FusionChartsFree Nb: Rename aja foldernya, misal: Charts 3. Masuk ke direktori berikut: Charts/Gallery/ 4. Setelah berada dalam folder gallery, ada file-file html dan folder Data berisi file-file xml. Hanya kedua file ini saja yang akan kita perhatikan. 5. Pertama pilihlah dulu model grafik yang disukai/yang ingin ditampilkan, dengan cara buka/klik 2x file-file html di folder Gallery. Grafik akan terlihat di browser. 6. Jika sudah sesuai model grafik, tandai nama file tsb, misalnya: Col3DLineDY.html. Buka folder Data, cari file Col3DLineDY.xml. bisa dibuka melalui wordpad karena tidak banyak yang akan diubah. (Lihat Gambar 1) 7. Ubah data Col3DLineDY.xml sesuai grafik yang diinginkan (contoh lihat gambar 2). Simpan (ctrl+S). 8. buka / klik 2x file Col3DLineDY.html, lihat perubahan. Jika belum sesuai, ulangi langkah 7. 9. Sudah sesuaikah grafiknya?? Hayuk kita masukkan ke website. Sabar yaa^_^ karena kita akan upload folder Charts ke dalam webhosting kita. 10. Kita extract kembali folder Charts kedalam bentuk ZIP. Nb: kenapa ZIP? Karena RAR gak bisa diextract di webhosting kita. Dan kenapa diextract? Supaya hemat waktu, hemat energy, hemat biaya -_- (hasilnya lihat gambar 3) 11. Buka Cpanel webhosting. alamat_website/cpanel. Login. Pilih file manager. Setelah berada di direktori public/html, upload file (icon sebelah kiri atas), Browse file Charts.zip nya, Upload. 12. Udah complete? Reload direktori public/html. Udah ada kan file Charts.zip nya disana? Silahkan diexract (Atau klik kanan Charts.zip nya, pilih extract file, OK) (lihat fitur-fitur yang digunakan pada Gambar 3) 13. Udah ada foldernya? Alhamdulillah 14. Buka Joomla Administrator. Login. Pilih Extensions Module Manager. Buat module baru, klik icon NEW, pilih mod_wrapper. (bisa juga sih pake modul yang lain, dicari tahu aja ya^_^) 15. Isi parameter yang diperlukan, yang paling penting isi URL:
http://pta-medan.go.id/Charts/Gallery/Col3DLineDY.html

(ganti tulisan merah dengan nama domain website anda) Nb: URL ini menuju file html charts yang sudah kita sesuaikan sebelumnya, alamat url charts tidak boleh salah (contoh lihat gambar 5) 16. Apply/Save. 17. Refresh website, lihat hasilnyaInsyaAllah amannnnklo belum aman, dicari tau gimana supaya aman ya, heekidding.

admin@pta-medan.go.id

Gambar 1

Gambar 2

admin@pta-medan.go.id

Gambar 3

Gambar 4

admin@pta-medan.go.id

Gambar 5

-----selesai------

Berbagi itu Indah

admin@pta-medan.go.id