CG Pertemuan 01

Komputer Grafik 1 (pertemuan-01)Oleh : Moch. Najib Fahmi

Ruang Lingkup

• Klasifikasi Bidang Ilmu Grafika Komputer• Sejarah perkembangan Grafika Komputer• Perangkat peraga grafika komputer• Aplikasi grafika komputer• Elemen Grafika• Pemrograman Grafika

Klasifikasi Ilmu PengolahanGambar Komputer

• Grafika Komputer (Computer Graphics)• Pengolahan Gambar (Image Processing)• Visi komputer (Computer Vision)

Grafika Komputer (Computer Graphics)

• Grafika komputer adalah suatu bidangilmu yang mempelajari bagaimanamembangun grafik (gambar) baik 2D maupun 3D yang kelihatan nyatamenggunakan komputer

Pengolahan Gambar (Image Processing)

• Merupakan proses pengolahan citraanalisis citra yang banyak melibatkanpersepsi visual,

• proses ini mempunyai ciri data masukkandan informasi keluaran yang berbentukcitra.

Visi komputer (Computer Vision)• merupakan proses analisis citra yang cirinya merupakan kebalikan

dari grafika komputer. • Data masukan biasanya merupakan suatu citra atau gambar. • Proses penggalian struktur gambar dengan hasil keluaran yang

bersifat deskritif.• Penerapan pengenalan pola ini banyak diterapkan pada bidang:

– Sidik jari.– Pengenalan wajah.– Dibidang meliter.– Pengenalan golongan darah.– Pemetaan citra digital.

Sejarah perkembangan GrafikaKomputer

Berikut perkembangan komputer grafisdapat dibagi menjadi empat fase :• Fase Pertama (1950-an)• Fase Kedua (1960-an)• Fase Ketiga (1970-an)• Fase Keempat (1980-an)• Fase Kelima (1990-an)

Fase Pertama (1950-an)• merupakan era grafika komputer interaktif• Pada tahun 1950-an MIT

mengembangkan komputer whirlwind dengan tabung sinar katode.

• Komputer ini mampu memaparkan grafikpasif yang digunakan untuk keperluanpertahanan.

• Akhir tahun 50an banyak orangmenggunakan pena cahaya sebagai alatinput, selain itu pada periode yang samaalat pemrograman otomatis telah berhasildibuat.

• Komputer grafik interaktif mulai ditelitioleh general motor pada tahun 1959

Fase Kedua (1960-an)• Masa ini dapat dikatakan sebagai jaman penelitian/riset

grafika komputer interaktif.• Saat ini grafika interaktif modern berhasil ditemukan oleh

Ivan Sutherland dengan sistem penggambaran SKETCHPAD.

• Beliau juga menggambarkan teknik interaktif dengan sarana keyboard dan pena cahaya.

• Pertengahan tahun 60an sejumlah proyek penelitian danproduk computer aided design / munufacturing (CAD / CAM) telah muncul.

Fase Ketiga (1970-an)

• Pada masa ini sektor industri, pemerintahan dan ilmuan mulai sadar akan pentingnya grafika komputerinteraktif untuk memperbaiki kualitasdesain produk secara cepat dan mudah.

Fase Keempat (1980-an)

• Pada masa ini, penelitian bertumpu padapenggabungan dan pengotomatisasiansebagai unsur desain dan pemodelanpejal (solid modeling). Hal ini bergunauntuk industri masa depan.

Fase Kelima (1990-an)

• Pada masa ini, teknologi model hibrid mulaidiperkenalkan, teknologi ini berguna untukpenggabungan objek pejal dengan permukaan.

• Contohnya jika kita melukis sebuah mobilbagian badan mesin adalah suatu permukaandan bagian mesin adalah bentuk pejal. Jika kitagabungkan dengan teknologi maka badan danmesin membentuk sebuah mobil.

Perangkat grafika komputerPerangkat grafika dikelompokkan menjadi :• Perangkat peraga• Perangkat Interaktif

Perangkat peraga grafikakomputer

• Digunakan untuk menampilkan teks atau gambar. • Ada 2 peraga yaitu: hard-copy dan soft-copy.• Peraga Hard-Copy, adalah alat peraga yang

bersifat tetap, dimana gambar atau teks yang ditampilkan pada alat peraga tersebut permanen. Contoh: Printer, Plotter, Film recorder, dll

• Peraga Soft-Copy, adalah peraga yang bersifattidak permanen seperti: monitor, Proyektor LCD.

Perangkat interaktif grafikakomputer

• Perangkat interaktif adalah perangkat-perangkat yang digunakan untuk memberiperintah komputer.

• Perangkat interaktif contohnya: Light Pen, Mouse, Trackball, Digitzer, Laser Scan, Joystick.

APLIKASI GRAFIKA KOMPUTER

• Aplikasi grafika komputer adalah program komputeryang dirancang khusus untuk menghasilkan grafis ataurepresentasi visual dari data kedalam bentuk gambar, slide dan sebagainya

• Aplikasi grafika komputer dapat dibedakan menjadibeberapa kelompok, yaitu:1. Aplikasi pengolah bentuk dan citra2. Presentasi3. CAD (Computer Aided Design4. Animasi5. Representasi Data6. Permainan

Elemen Grafika

• Penghasil citra pada grafika komputermenggunakan primitif grafik dasar. Primitifini memudahkan untuk merendersebagaimana penggunaan persamaangeometrik sederhana.

• Contoh primitif grafik dasar adalah: Titik, Garis, Segiempat, Lingkaran.

• Contoh primitif yang lain adalah: Poligaris, Teks, Citra raster, piksel dan Bitmap

Pemrograman Grafika

• Ada tiga komponen untuk kerangka kerja aplikasi grafika komputer yaitu: Mode aplikasi, pemrograman aplikasi, sistem grafik.

• Sekarang banyak beredar aplikasipengembangan cepat (rapid development applications / RAD seperti Delphi, VB).

Pemrograman Grafika (Lanjut-1)

• API (Application Programming Interface) adalahsekumpulan perintah, fungsi, dan protokol yang dapatdigunakan oleh programmer saat membangunperangkat lunak untuk sistem operasi tertentu.

• API dapat digunakan untuk mempermudah pekerjaangraphical user interface components.

• API untuk pemrograman grafis digolongkan menjadi 2 kelompok yaitu :– Low level 3D API– High level 3D API

Low level 3D API• X3D• OpenGL dan OpenGL Shading Language• OpenGL ES 3D API untuk perangkat embedded• Direct3D (bagian dari DirectX)• Mantle ( produk dari AMD).• RenderMan• RenderWare• Glide API• QuickDraw 3D (produk dari Apple Computer)

3D API level rendah (Lanjut-1)API berbasis Web• WebGL merupakan antarmuka JavaScript dari

OpenGL-ES-2.x API, diperkenalkan olehKhronos.

• Stage3D yang merupakan pustaka low-level 3D library dari Flash versi ke 11 dan versiberikutnya.

High-level 3D API• ClanLib• Crystal Space• Horde3D• HOOPS 3D Graphics System• Irrlicht Engine• Java 3D• JMonkey Engine• Mobile 3D Graphics API (M3G; JSR-184)• JT Open dari Siemens PLM Software• OGRE• OpenGL Performer• OpenSceneGraph• OpenSG• QSDK• Vega Prime oleh Presagis

High-level 3D API (lanjut-1)JavaScript-based engines• CopperLicht• O3D• Three.js• X3DOM• StormEngineCFlash-based engines• Papervision3D• Away3D untuk Macromedia-Flash (SWF)

Thank you