Upload
adi-triyatmoko
View
838
Download
0
Embed Size (px)
Citation preview
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