Anda di halaman 1dari 19

Pengantar Komputer Grafik

Komputer Grafik / TIF41 / 3 SKS


Kompetensi dan Referensi
 Kompetensi
 Mahasiswa mengerti sistem pembelajaran mata kuliah Komputer Grafik.
 Mahasiswa mengerti konsep dasar Komputer Grafik.
 Mahasiswa dapat membuat program sederhana menggunakan C++

 Referensi
 Dev C++ help file
 Principles of Computer Graphics, 2004, Shalini Govil-Pai, Springer
Science+Business Media, Inc.

2
Komputer Grafik: Konsep Dasar
 Bagaimana jika komputer tidak dapat
menampilkan gambar pada layar?
 Bagaimana cara komputer menggambar?
 Layar komputer terdiri atas ribuan titik yg disebut
piksel (bentuknya kotak atau bulat).
 Komputer harrs tahu bagaimana mengatur piksel
utk menampilkan bentuk atau gambar.
 Bgmn menggambar titik, garis, atau lingkaran?
3
Sistem Penampil Komputer
 Penampil adalah yang utama  CRT (Cathode Ray
Tube)

4
Sistem Penampil Komputer
 Secara konsep, penampil komputer merupakan larik 2
dimensi (matriks).
 Jumlah baris dan kolom piksel disebut resolusi layar,
misal 1024 x 1024.

5
Sistem Penampil Komputer
 Monitor berwarna mempunyai 3 phosfor berwarna
yang berbeda  RGB: Red Green Blue.

 Bagaimana untuk monitor dengan teknologi LCD


atau LED?
6
Sistem Penampil Komputer
 Warna dibentuk dengan kombinasi RGB yang berbeda.
 Jumlah total warna yang bisa ditampilkan oleh monitor
ditentukan oleh jumlah bit yang digunakan untuk
menyatakan warna.
 Jumlah bit yang digunakan disebut resolusi warna
monitor
misal: monitor VGA 8 bit
monitor advanced 24 bit (8 bit utk masing-masing
Red, Green, Blue)  16 juta warna
7
Sistem Penampil Komputer

8
Sistem Koordinat
 Koordinat: rangkaian angka untuk menentukan posisi pada
suatu garis atau permukaan (2D atau 3D).
 Misalnya: koordinat Kartesian yang terdiri atas 2 garis lurus
yang disebut sumbu yaitu sumbu horisontal (sumbu x) dan
sumbu vertikal (sumbu y).

9
Sistem Koordinat
 Pada penampil komputer, juga dapat didefinisikan sistem
koordinat kartesian.
 Titik asal (origin) biasanya didefinisikan pada ujung kiri-atas
layar penampil.

10
Clipping Area
 Kebanyakan aplikasi hanya menggambar objek yang berada pada suatu
ruang kartesian tertentu saja  clipping area  area ini kemudian
dipetakan ke area piksel monitor.
 Area window yang benar-benar digunakan oleh sebuah aplikasi disebut
viewport.

11
Perangkat Keras dan Lunak
 Komputer / Laptop
 Dev C++  pemrograman C++
 Codeblock  pemrograman C++
 Open GL (Open Graphic Library)  untuk menggambar
grafik.
 Download Dev C++ dan install di komputer masing-masing
http://www.brothersoft.com/dev-c++-65296.html

12
Pengantar C++
 Struktur umum pemograman dengan bahasa C++
- Daftar header file
- Deklarasi fungsi-fungsi tambahan
- Kepala fungsi utama/main
- Definisi fungsi utama/main
- Definisi fungsi tambahan (subroutine)

 Contoh 1
1. /*contoh program c++ untuk suatu komentar
2. latihan menulis program sederhana */

3. # include <iostream.h> // preprosessor/header file

4. main() // fungsi utama


5. {
6. cout<<"Hello World"<<endl; //statement fugsi main
7. system(“pause”);
8. }
13
Tipe Data
 Jenis:
integer (int), char (utk data teks), boolean (true/false)
 Format deklarasi variabel:
<tipe_data> <nama_variabel>
cth: int x
char huruf
 Format deklarasi konstanta
#define <nama_konstanta> <nilai>
cth: #define pi 3.14
#define nama “TI UMBY”
atau
const <tipe_data> <nama_konstanta> = <nilai>
cth: const float pi = 3.14
const char nama [] = “TI UMBY”
14
Contoh 2
1. /*contoh program 2*/

2. #include <iostream.h> //preprosessor/header file


3. #define pi 3.14
4. #define nama "TI UMBY"

5. main() // fungsi utama


6. {
7. //const float pi=3.14;
8. //const char nama[]="TI UMBY";
9.
10. cout<<"nilai pi = "<<pi<<endl; //Statement fugsi main
11. cout<<"nama = "<<nama<<endl;

12. system("pause");
13. }
15
Operator
 Operator pengerjaan  =
 Operator aritmatika  *, /, +, , % (mod: sisa pembagian)
 Operator aritmatika unary  + + : increment
  : decrement
 Operator hubungan  >, >=, <, <=, = =, !=
 Operator logika  &&, ||, !

Input dan Output


 cout<<  perintah mencetak output
 cin>>  perintah utk memasukkan input

16
Contoh 3
1. #include<iostream.h>
2. main()
3. {
4. int panjang, lebar, luas;
5. cout<<"masukkan panjang? ";
6. cin>>panjang;
7. cout<<"masukkan lebar? ";
8. cin>>lebar;
9. luas=panjang*lebar;
10. cout<<"luasnya adalah "<<luas<<endl;
11. system("pause");
12. }

17
Array
 Array adl kumpulan data yg t.a byk variabel yg sdh ditentukan dan mpy
tipe yg sama
 Setiap elemen array mpy nomor indeks shg disbt variabel berindeks
 Array  1 dimensi
2 dimensi atau lebih (utk matriks)
 Sintaks:
1 dimensi:
<tipe array> <nama array> [pjg array]={…..}
Cth: int tinggi[4]={34 20 52 18}
2 dimensi:
<tipe array> <nama array> [pjg baris][pjg kolom]={{…}{...}}
Cth: int A[2][4]={{1,2,3,4},{5,6,7,8}}

18
Contoh 4
1. #include<iostream.h>

2. main()
3. {
4. int angka[4]={100,99,98,97};
5. cout<<"Nilai indeks 0 = "<<angka[0]<<endl;
6. cout<<"Nilai indeks 1 = "<<angka[1]<<endl;
7. cout<<"Nilai indeks 2 = "<<angka[2]<<endl;
8. cout<<"Nilai indeks 3 = "<<angka[3]<<endl;
9. system("pause");
10. }

19