BAB 8

PROGRAM BERBASIS GRAFIK

A. Kompetensi Dasar
Memahami prinsip membuat program berbasis grafik
B. Tujuan Pembelajaran
1. Siswa mampu mengetahui pengertian grafik
2. Siswa mampu membuat program berbasis grafik dengan aplikasi quincy
C. Uraian Materi
A. Pengertian Grafik
Grafik adalah penyajian data yang terdapat dalam table yang
ditampilkan ke dalam bentuk gambar. Selain itu grafik juga dapat diartikan
sebagai suatu kombinasi data-data baik berupa angka, huruf, simbol,
gambar, lambang, perkataan, lukisan, yang disajikan dalam sebuah media
dengan tujuan memberikan gambaran tentang suatu data dari penyaji
materi kepada para penerima materi dalam proses menyampaikan
informasi.
Adapun pengertian grafik lainnya yaitu grafik merupakan suatu
rangka yang digunakan untuk membentuk objek visualisasi dari data
sebuah table. Data dalam table yang dimaksut disini ialah data yang terdiri
dari angka-angka dan dapat kita tampilkan ke dalam bentuk gambar, bisa
dalam berbentuk bidang datar seperti persegi, lingkaran, segitiga, atau
kedalam bentuk bangun ruang seperti balok, tabung, kerucut dll.
Selain itu ada pula definisi grafik yang lain yaitu grafik merupakan
gambaran dari pasang surutnya suatu data yang ada, dan digambarkan
dengan garis ataupun gambar.

B. Jenis – Jenis Grafik

Secara garis besar grafik dapat dibedakan menjadi 3 (tiga) macam,
yaitu: Grafik batang, grafik garis, dan grafik lingkaran. Adapun pengertian
dari masing-masing jenis grafik akan kita bahas sebagai berikut:
 1. Grafik batang

Grafik batang adalah grafik yang penyajian datanya mengunakan

batang  atau persegi panjang. Grafik batang atau sering kita kenal dengan
sebutan histogram. Grafik batang  dipakai untuk memperlihatkan
perbedaan tingkat nilai dari beberapa aspek pada suatu data. Grafik batang
merupakan grafik yang paling sederhana diantara jenis-jenis grafik
lainnya. Karena grafik ini sangat mudah untuk dipahami dan hanya
menggambarkan data dalam bentuk batang.

Gambar 8.1 Gambar grafik Batang

Panjang batang merupakan gambaran dari presentase data,

sedangkan lebar batang tidak berpengaruh apa-apa. Namun, pada
umumnya data yang dapat kita bandingkan dengan grafik ini tidak bisa
banyak, maksimal data yang dapat kita bandingkan hanya delapan data.
Untuk dapat  memperjelas perbandingan antara data satu dengan yang lain
maka setiap batang harus memiliki warna-warna yang berbeda.

2. Grafik Garis
 Grafik garis adalah grafik yang penyajian datanya mengunakan
garis atau kurva. Grafik garis banyak digunakan untuk menggambarkan
suatu perkembangan atau perubahan dari waktu ke waktu pada sebuah
objek yang di teliti. Garfik ini terdiri dari 2 sumbu utama yakni sumbu X
dan sumbu Y. Untuk pengunaaanya sumbu X biasanya digunakan untuk
menunjukkan waktu pengamatan. Sedangkan sumbu Y digunakan untuk
menunjukkan nilai hasil pengamatan pada waktu-waktu tertentu.  Waktu
dan hasil pengamatan dikumpulkan dengan titik-titik pada bidang XY.

Gambar 8.2 Gambar grafik Garis

Kemudian dari tiap-tiap titik yang berdekatan dihubungkan dengan

garis sehingga akan menghasilkan garfik garis atau sering disebut juga
diagram garis. Misalnya, kita akan membuat garfik garis dari data
pengunjung situs facebook dari hari senin sampai sabtu. Pada sumbu x kita
dapat menulisakan tahun mulai dari senin sampai sabtu dan pada sumbu y
kita dapat menuliskan angka atau nilai hasil yang diperoleh. Biasanya
angka tersebut berupa sekala mulai dari 0 sampai angka hasil tertinggi
yang diperoleh dalam penelitian. Contoh : 0,50, 100, 150, 200, dst.
3. Grafik Lingkaran

Grafik lingkaran adalah grafik yang penyajian datanya

mengunakan lingkaran. grafik lingkaran merupakan gambaran naik
turunnya data yang berupa lingkaran untuk menggambarkan persentase
dari nilai total suatu data. Dalam membuat grafik lingkaran ada beberapa
hal yang harus kita perhatikan yakni, kita tentukan terlebih dahulu besar
persentase tiap objek terhadap keseluruhan data  dan kemudian kita
tentukan besarnya sudut masing-masing kelompok data. Untuk menetukan
presentase suatu kelompok data dapat kita laukan dengan cara jumlah
suatu kelompok data di bagi dengan jumlah total seluruh data di kali
100%.

Gambar 8.3 Gambar grafik Lingkaran

Dan untuk menentukan besar sudutnya dapat kita lakukan dengan

cara membagi hasil presentase kelompok data dengan 360.  Yang kedua
kita tentukan warna masing-masing kelompok data. Warna tersebut
digunakan untuk mebedakan antara kelompok data satu dan lainnya.
Misalnya, kita akan membuat diagram lingkaran dari data Pengasilan
masyarakat desa Karangdoro. Macam-macam penghasilan yang kita
 peroleh kita kelompokkan berdasarkan jenisnya. Lalu kita tentukan
presentase, besar sudut dan warna dari masing-masing hobi dengan cara
seperti yang sudah di jelaskan.

C. Tujuan dan Fungsi Grafik

1. Tujuan Pembuatan grafik
Tujuan dari pengunaan grafik dalam penyajian data ialah untuk
menunjukkan perbandingan antara data satu dengan data yang lain secara
informasif yang kualitatif dengan tampilan yang sederhana. Data-data
yang berupa uraian deskriptif yang banyak dan juga kompleks bisa diubah
menjadi bentuk yang sederhana dengan menggunakan grafik. Sehingga
jika sebuah grafik sulit dibaca atau dipahami berarti garfik tersebut sudah
kehilangan manfaatnya.
2. Fungsi Grafik
Fungsi dari grafik adalah untuk menggambarkan data-data yang
berupa angka-angka kebetuk yang lebih sederhana secara teliti dan
menjelaskan perkembangan serta perbandingan suatu obyek ataupun
peristiwa yang saling berhubungan secara singkat dan jelas. Jadi dapat
disimpulkan fungsi grafik:
a. Menggambarkan data kuantitatif dengan betuk sederhana namun
teliti.
b. Menjelaskan perkembangan, perbandingan suatu obyek ataupun
peristiwa yang saling berkaitan secara singkat, padat dan jelas.

D. Langkah-langkah Membuat Program berbasis Grafik

Cara membuat grafik dari bahasa C/C++. Untuk membuat grafik
menggunakan program aplikasi Quincy 2005 sebagai programnya.
Berikut ini langkah-langkahnya:

1. Download dan install Quincy 2005

2. Ketikkan program yang akan di lihat grafiknya, di notepad saja,
dan simpan dengan ekstensi .cpp, jika Anda ingin menggunakan
bahasa C++, lalu masukkan ke dalam sebuah folder. Pada contoh
ini filenya saya beri nama [coba2.cpp], dan saya masukkan ke
dalam folder baru yang saya beri nama [Coba].

3. Isi dari [coba2.cpp] adalah program fungsi kuadrat, yaitu x^2 (x

kuadrat), isi programnya adalah:

Gambar 8.4 listing program

4. Buka program Quincy.

5. Klik [File] > [New] > [Project] > [Ok].

6. Pada [Target name], isikan sesuka Anda, misalnya “coba saja”

tanpa petik.

7. Pada [Target path] tentukan folder dimana Anda menyimpan file

.cpp tadi.

8. Untuk [Working directory] kosongkan saja.

9. Pada bagian [Type of built] pilih [koolplot aplication], klik [Ok].

 Gambar 8.5 Tampilan Project Properties

10. Akan muncul seperti lembar kerja baru, klik kanan pada lembar tersebut,
kemudian klik [Insert File(s)…].
11. Pilih file .cpp yang sudah Anda buat tadi, klik [Open].
12. Klik [Project] pada bagian toolbar, klik [Built]. Program akan di-compile.
13. Jika tidak ada kesalahan, maka akan muncul pesan sukses. Klik [Close].
14. Klik [Project], klik [Execute]. Jika tidak ada kesalahan maka akan muncul
grafiknya seperti berikut:
 Gambar 8.6 Gambar Grafik yang dibuat

D. Kesimpulan
Grafik adalah penyajian data yang terdapat dalam table yang
ditampilkan ke dalam bentuk gambar. Selain itu grafik juga dapat diartikan
sebagai suatu kombinasi data-data baik berupa angka, huruf, simbol, gambar,
lambang, perkataan, lukisan, yang disajikan dalam sebuah media dengan
tujuan memberikan gambaran tentang suatu data dari penyaji materi kepada
para penerima materi dalam proses menyampaikan informasi.
Secara garis besar grafik dapat dibedakan menjadi 3 (tiga) macam,
yaitu: Grafik batang, grafik garis, dan grafik lingkaran.
E. Daftar Pustaka

Anonim. 2016. Pengertian grafik dan jenis grafik. (Online)

http://definisipengertian.net/pengertian-grafik-definisi-fungsi-jenis-grafik/#.
Diakses pada tanggal 3 November 2017
Anonim. 2016. Pengertian Grafik. (Online)
http://www.menggaliilmu.com/2016/12/apa-yang-dimaksud-dengan-
grafik.html. Diakses pada tanggal 3 November 2017.
Riky. 2014. Membuat grafik dari Bahasa Pemrograman. (Online)
(http://rikymetalist.blogspot.co.id/2014/02/membuat-grafik-dari-bahasa-
pemrograman.html. Diakses pada tanggal 3 November