Pertemuan 9 - Report Chart

Prak. Sistem Basis Data Pertemuan Ke 9

Sistem Informasi Rabu, 16 Mei 2010

Report: Chart

Adi Triyatmoko, S.Kom.

Tujuan• Tehnik Visualisasi• Chart Berbasis Open Source• Mengenal JpGraph• Atribut-atribut Chart• Praktek Membuat Report: Chart

Report: Chart Halaman 2

Pendahuluan• Perkembangan sistem informasi dan

media elektronik telah mempengaruhi diseminasi data dan informasi.

• Data dan informasi yang beragam di tampilkan di berbagai media, salah satunya adalah internet.

• Bentuk penyajian informasi yang dinamis, interaktif, sistematis, dan mudah diinterpretasi.

• Hal yang utama dalam pengolahan data menjadi informasi.

Report: Chart Halaman 3

Tehnik Visualisasi• Teknik visualisasi adalah konversi data ke dalam

format visual atau tabel sehingga karakteristik dari data dan relasi di antara item data atau atribut dapat di analisis dan dilaporkan.

• Teknik visualisasi dapat diterapkan ke dalam sistem informasi atau aplikasi berbasis web dengan koneksi database, sehingga data dapat diproses dan ditampilkan secara dinamis, real time dan dapat diakses oleh siapa saja, dimana saja, dan kapan saja.

• Hal ini bertujuan untuk memperluas pemanfaatan data.

Report: Chart Halaman 4

Chart Berbasis Open Source

Report: Chart Halaman 5

JpGraph OpenFlash Chart• http://www.aditus.nu/jpgrap

h/ Openflash chart adalah project open source yang menyediakan flash chart dan menghasilkan tool chart generator berbasis swf, Tool ini dapat menampilkan data secara dinamis, dan menarik dalam berbagai bentuk animasi grafik

JpGraph• Object oriented graph library for PHP• Allows creation of bar, line, and plot

graphs• Also allows creation of pie charts• Database independent• QPL 1.0 license

Report: Chart Halaman 6

Example JpGraph

Report: Chart Halaman 7

Atribut Chart

Report: Chart Halaman 8

X Axis Y Axis

Lihat File Contoh Coding PHPDan Cermati Alur Pemrogramannya

Dalam Slide Selanjutnya

Report: Chart Halaman 9

Focus Time

Alur Coding Chart1.Include file JpGraph2.Fetch Hasil Query (data dipisah, untuk

Sumbu X dan Y)3.Inisiasi Graph (ukuran, skala, margin, dll)4.Inisiasi Plot Graph (dari hasil fetch query)5.Pengaturan Plot (ukuran, warna, dll)6.Add Hasil Plot kedalam Graph7.Pengaturan Untuk Title, Font, dll8.Tampilkan Output Graph (stroke)

Report: Chart Halaman 10

Terima Kasih

Informasi Lengkap: My Blog Aladiw.us