PHP / MySQL‎ > ‎

Tutorial PHP Chart : JpGraph (Bagian 1)


Pendahuluan - Instalasi JPGraph dan Contoh Data

Contents

  1. 1 Pendahuluan - Instalasi JPGraph dan Contoh Data
  2. 2 Persiapan Instalasi - System Requirement
  3. 3 Download JPGraph
  4. 4 Instalasi JPGraph pada XAMPP
  5. 5 Instalasi Contoh Data dengan PHPMyAdmin
  6. 6 Penutup
JpGraph (http://jpgraph.net) merupakan pustaka grafis chart PHP yang sangat populer digunakan. Tipe-tipe chart yang didukung juga sangat beragam, diantaranya :
  • Line (Garis)
  • Bar (Batang)
  • Pie (Pai)
  • Scatter (Sebaran)
  • Splines
  • dll
Pada bagian pertama dari tiga bagian tutorial ini, penulis akan menunjukkan cara melakukan instalasi JPGraph dan juga contoh data MySQL yang digunakan menggunakan PHPMyAdmin.

Semua instalasi ini akan dilakukan pada sistem operasi Windows XP dengan distribusi XAMPP sebagai platformnya. Versi PHP yang digunakan adalah PHP 5.

Persiapan Instalasi - System Requirement

Sebelum Anda bisa melakukan instalasi pastikan pustaka GD telah diinstalasi pada paket PHP Anda. Caranya adalah dengan melihat informasi dari phpinfo. Untuk XAMPP yang terinstall pada localhost Anda lakukan hal berikut :
  • Buka halaman http://localhost. 
  • Klik menu phpinfo dan pastikan pustaka GD (GD Support) dalam keadaan "enabled" (baca juga artikel "Mengaktifkan GD").



Download JPGraph

  • Download paket JpGraph dari halaman situs http://jpgraph.net/download. Pada gambar terlihat contoh file paket terbaru adalah jpgraph-3.5.0b1.tar.gz.


  • Ekstrak file tersebut - misalkan dengan 7Zip - sehingga Anda akan mendapatkan daftar folder dan file seperti terlihat pada gambar berikut di bawah ini.


Instalasi JPGraph pada XAMPP

    • Buat suatu folder, misalkan dengan nama "chart" pada folder htdocs di paket instalasi XAMPP Anda. Sebagai contoh, misalkan folder instalasi XAMPP saya adalah di "c:\xampp". Maka folder lengkap yang akan saya buat adalah "c:\xampp\htdocs\chart".


    • Copy folder "src" dari instalasi JpGraph ke folder "charts".



    • Selesai

    Instalasi Contoh Data dengan PHPMyAdmin

    Untuk persiapan penggunaan JPGraph kita akan memerlukan banyak data. Bagian berikut akan menunjukkan persiapan data untuk MySQL versi 5.x. Data akan diimpor melalui aplikasi PHPMyAdmin.

    Berikut adalah tahapan instalasi datanya :
    • Download dan unzip file contoh data dari http://code.google.com/p/contoh-database/downloads/detail?name=contohdata.zip. Hasilnya adalah file dengan nama contohdata.sql.
    • Buka alamat aplikasi phpmyadmin Anda di browser. Untuk contoh berikut lokasi alamatnya adalah di http://localhot/phpmyadmin.
    • Buat database baru dengan nama "contohdata" pada halaman depan.  Caranya, masukkan nama "contohdata" pada bagian "Create new database" dan klik tombol "Create".


    • Klik tab "Import" pada halaman database "contohdata".


    • Klik tombol "Choose File" dan masukkan file contohdata.sql.


    • Klik tombol "Go" yang berada di kanan bawah dari halaman import tersebut.


    • Tunggu beberapa saat sampai semua table selesai diimport. Ada empat table yang akan terbentuk yaitu ms_cabang, ms_kategori, ms_produk dan transaksi.


    • Selesai.

    Penutup

    Pada bagian pertama dari tutorial JPGraph ini kita akan menyiapkan library JPGraph dan contoh data yang akan digunakan pada bagian berikutnya dari tutorial ini.

    Contoh data yang digunakan berisi 5 table yang disimpan pada database MySQL 5.x.


    Comments