PENGANTAR GRAFIKA KOMPUTER

dokumen-dokumen yang mirip
BAB II LINGKUNGAN PEMROGRAMAN GRAFIK DENGAN OPEN GL

PRIMITIVE DRAWING. Achmad Basuki Nana Ramadijanti

Pendahuluan 9/7/2011. Overview. Deskripsi

Primitive Drawing. Achmad Basuki Nana Ramadijanti

Pengenalan OpenGL. Sintax Perintah OpenGL. Library yang Berhubungan dengan OpenGL

Pengenalan OpenGL. Sintax Perintah OpenGL. Library yang Berhubungan dengan OpenGL

GRAFIK KOMPUTER & PENGOLAHAN CITRA

LAMPIRAN SOURCE CODE

Gambar 1. Viewport pada layar

Gambar 1. Viewport pada layar

Saat ini saya di minta untuk membuat garis vertikal, horizontal dan diagonal dengan OpenGL.

Tabel 1 Perintah-perintah OpenGL yang telah dipraktekan

PETEMUAN KE-5 TRANSFORMASI-PANDANGAN (Viewing)

Tutorial 09. Lighting

OPENGL DALAM MICROSOFT VISUAL STUDIO EXPRESS Created by: Gideon

Pengantar Kuliah: Grafika Komputer. By: Nana Ramadijanti

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB. SHEET PRAKTIKUM GRAFIKA KOMPUTER

Tabel 1 Perintah-perintah OpenGL yang telah dipraktekan

Bab 1 Pengenalan GLUT

DAFTAR PUSTAKA. (diakses 1 maret 2016)

PETEMUAN KE-3 PRIMITIVE DRAWING 2

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB. SHEET PRAKTIKUM GRAFIKA KOMPUTER

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB II LANDASAN TEORI

apa yang terjadi?. Kemudian lakukan pengantian beberapa bagian seperti sintak

TRANSFORMASI. Tujuan transfomasi adalah:

LAPORAN PRAKTIKUM KOMPUTER GRAFIK

Pembuatan Simulasi Pergerakan Objek 3D (Tiga Dimensi) Menggunakan OpenGL

PEMBUATAN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB UNTUK OBYEK TIGA DIMENSI

Tutorial 04 Modeling & Transformasi Proyeksi

OBYEK GRAFIK 2 DIMENSI

Topik bahasan: 1. Membuat objek mudah dan kompleks dengan jaring poligon 2. Merender jaring poligon sebagai wireframe dan atau pejal dengan OpenGL

Praktikum 1 Installation for OpenCV

OBYEK GRAFIK 2 DIMENSI

Pengantar Grafika Komputer


Grafika Komputer. Evangs Mailoa

Pemetaan dan Lokalisasi Secara Simultan Robot isro menggunakan Multi-sensor

Pengantar Mata Kuliah Pengolahan Citra

BAB I PENDAHULUAN. dengan teknik dan teori sintesis gambar (image) komputer. Komputer

Aplikasi Peta 3-Dimensi Universitas Negeri Manado

Sistem Multimedia. Image. Donny Reza, S.Kom

Image Processing. Nana Ramadijanti Laboratorium Computer Vision Politeknik Elekltronika Negeri Surabaya PENS-ITS 2010

Sesi 2: Image Formation. Achmad Basuki PENS-ITS 2006

Pertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1

GRAFIKA KOMPUTER BAB 1. PENGANTAR

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB. SHEET PRAKTIKUM GRAFIKA KOMPUTER

SISTEM PENGENALAN WAJAH MENGGUNAKAN WEBCAM UNTUK ABSENSI DENGAN METODE TEMPLATE MATCHING

pelajaran 1.2 Mengoperasikan penyalaan komputer sampai dapat digunakan 2. Merakit, menginstalasi, men-setup, memelihara dan melacak serta

TUGAS PENGANTAR GRAFIK KOMPUTER DAN OLAH CITRA

TRACKING OBJECT MENGGUNAKAN METODE TEMPLATE MATCHING BERBASIS STEREO VISION

ORGANISASI KOMPUTER. Pertemuan II KONSEP DASAR KOMPUTER - SOFTWARE -

PAGI. SOAL PILIHAN GANDA : No

Proses Clipping Menggunakan Algoritma Cohen-Sutherland pada Ruang Dimensi Tiga

Tutorial 06. Texture Mapping & Blending

Transformasi Obyek (Lanjutan)

Gambar 1. Contoh tekstur makrostruktur

Laboratorium Teknologi Informasi & Aplikasi. Praktikum Komputer Grafik [MODUL] Genap 2015/2016. Lab TIA 1/59

IMPLEMENTASI OPEN GL32 UNTUK MEMANIPULASI GAMBAR SEGITIGA DAN SEGIEMPAT

Drawing, Viewport, dan Transformasi. Pertemuan - 02

Praktikum Komputer Grafik [MODUL] Genap 2012/2013. Laboratorium Multimedia 1/35

BROSUR INTERAKTIF BERBASIS AUGMENTED REALITY

RANCANG BANGUN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB

Laboratorium Teknologi Informasi & Aplikasi. Praktikum Komputer Grafik [MODUL] Genap 2014/2015. Lab TIA 1/58

Modul. Grafika Komputer. Disusun Oleh: Maya Amelia

BAB 1. PENDAHULUAN 1.1 Latar Belakang 1.2 Rumusan Masalah 1.3 Tujuan

SISTEM INFORMASI GEOGRAFIS PENENTUAN LAHAN POTENSIAL DENGAN MENGGUNAKAN IMAGE PROCESSING

DIAN PRATIWI. ST, MTI

Mata kuliah Komputer Grafik ( Grafika Computer 1) 2 SKS

Program 1 /* Menampilkan Bayangan sebuah obyek sumber file */

Grafika Komputer. Pendahuluan. Dr. Ahmad Sabri Universitas Gunadarma

Praktikum Komputer Grafik [MODUL] Genap 2013/2014. Laboratorium Multimedia 1/47

Pengantar PENGOLAHAN CITRA. Achmad Basuki PENS-ITS Surabaya 2007

/*Bismillahirrohmanirrohim _Fatimah_Rombel 2_Projek_Akhir_Komgraf*/ #include <stdio.h> #include <stdlib.h> #include <string.

Gambar 13.1 Sniffing pada jaringan antara router 1 dan 2

PEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0

KOMPONEN SISTEM KOMPUTER HARDWARE & SOFTWARE

Sekilas C DAN C++ DISUSUN OLEH. Sebuah bahasa, yaitu: 1. Bahasaa tingkat tinggi. High. dapat. lunak

Praktikum I Pengenalan Sistem Operasi Linux

VISUALISASI GERAKAN OBJEK 3D PADA AUGMENTED REALITY DENGAN DETEKSI TUMBUKAN BERBASIS BOUNDING BOX

IDENTIFIKASI DAN TRACKING OBJEK BERBASIS IMAGE PROCESSING SECARA REAL TIME

BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI

PENJEJAKAN POSISI BOLA PADA MODUL PHYCORE IMX31 MENGGUNAKAN EMBEDDED OPENCV

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB. SHEET PRAKTIKUM GRAFIKA KOMPUTER

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB. SHEET PRAKTIKUM GRAFIKA KOMPUTER

Komputer & Software Semester Ganjil 2014 Fak. Teknik Jurusan Teknik Informatika.

PRAKTIKUM-2 PENGENALAN ARCVIEW

Penjejakan Posisi Bola Pada Modul Phycore IMX31 Menggunakan Embedded OpenCV

Sistem Moving Detection dan Image Stabilizer pada Sistem Pengaman Lingkungan Menggunakan Kamera

GRAFIK KOMPUTER DAN PENGOLAHAN CITRA. WAHYU PRATAMA, S.Kom., MMSI.

BAB 2 LANDASAN TEORI

Pendahuluan. Praktikum Pengantar Pengolahan Citra Digital Departemen Ilmu Komputer Copyright 2008 All Rights Reserved

PERANCANGAN SISTEM PENDETEKSI ALAT PELINDUNG DIRI MENGGUNAKAN TEKNOLOGI IMAGE PROCESSING

Pembuatan Objek Gelas Pada OGRE

TRANFORMASI 2 DIMENSI

Pemrograman Multimedia

RANCANG BANGUN VISUALISASI CALL SETUP UNTUK MODUL PEMBELAJARAN SISTEM TELEPON

BAB II LANDASAN TEORI

Transkripsi:

PENGANTAR GRAFIKA KOMPUTER Achmad Basuki Nana Ramadijanti Achmad Basuki, Nana Ramadijanti - Laboratorium Computer Vision Politeknik Elektronika Negeri Surabaya (PENS-ITS)

Materi Pengenalan grafika komputer Manfaat grafika komputer Materi dalam grafika komputer Mengenal library grafis OpenGL Instalasi GLUT OpenGL Mengenal Pemrograman Grafis Struktur dasar Pemrograman Grafika menggunakan OpenGL

Pengenalan Grafika Komputer Grafika komputer adalah suatu bidang yang mempelajari bagaimana menghasilkan suatu gambar menggunakan komputer. Sehingga di dalam grafika komputer akan dibahas teknikteknik menggambar. Grafika komputer menghasilkan softwaresoftware disain grafis yang saat ini sudah sangat canggih. Grafika komputer menghasilkan software dengan GUI (graphics User Interface) yang memudahkan dan menyenangkan.

Pengenalan Grafika Komputer (Grafika vs Image Processing) Grafika komputer menghasilkan suatu gambar Materinya berisi teknik-teknik menggambar Hasilnya gambar Image processing mengolah suatu gambar Materinya berisi teknik memperbaiki dan menyajikan informasi dari gambar Hasilnya bisa gambar atau informasi

Pengenalan Grafika Komputer (Photo vs Gambar) Apa perbedaan photo dan gambar? Photo dihasilkan dari capture (mengambil) gambar yang ada Detail dari setiap obyek lengkap. Misalnya jumlah kumis pada kucing tertangkap apa adanya. Gambar dihasilkan dari proses pembuatan atau peniruan Detail tidak lengkap. Misalnya siapa yang mau menghitung jumlah kumis kucing baru digambarkan sesuai dengan jumlahnya

Pengenalan Grafika Komputer (Elemen-Elemen Grafis) Polylines Text Region Raster Image Haettenschweiler Haettenschweiler Bold Haettenschweiler italic Time New Roman Time New Roman bold Time New Roman italiccourier Courier bold Courier italic 1 1 1 1 1 1 0 0 0 1 1 0 2 0 1 1 2 0 2 1 2 0 1 0 2

Manfaat Grafika Komputer (Software Grafis) Entertainment dan Games Graphic Design Grafik Monitoring dan Visualisasi CAD (Computer Aided Design) GUI (Graphics User Interface) Image Processing

Materi Grafika Komputer Primitive Drawing Obyek Grafik 2 Dimensi Tranformasi 2 Dimensi Obyek Grafik 3 Dimensi Tranformasi 3 Dimensi Visible dan Invisible Shading Z-Order Z-Order dan Z-buffer Morphing Color Map Texture Map Curve Camera View Tranformasi Geometri GRAFIKA 1 GRAFIKA 2

Mengenal Library Grafis OpenGL OpenGL adalah suatu library grafis standard yang digunakan untuk keperluan-keperluan pemrograman grafis. Selain OpenGL, library grafis yang banyak digunakan adalah DirectX. OpenGL bersifat Open-Source, multi-platform dan multi-language. Saat ini semua bahasa pemrograman mendukung OpenGL. Dan OpenGL bisa bekerja dalam lingkungan Windows, Unix, SGI, Linux, freebsd dll.

Library OpenGL-GLUT Library dasar dari OpenGL adalah GLUT, dengan fasilitas yang bisa dikembangkan. Untuk sistem operasi Windows, library ini terdiri dari 3 files yaitu: glut.h glut32.lib glut32.dll

Instalasi Library GLUT (Pada Sistem Operasi Windows) Copykan file glut.h di dalam folder c:\program Files\Microsoft Visual Studio\VC98\Include\GL Copykan file glut32.lib di dalam folder c:\program Files\Microsoft Visual Studio\VC98\lib Copykan file glut32.dll di dalam folder c:\windows\system32

Mengenal Pemrograman Grafis Pemrograman grafis adalah pemrograman yang digunakan untuk menghasilkan gambar pada komputer menggunakan library yang ada. Teknik-teknik pemrograman grafis ini didasari oleh teknik-teknik menggambar dengan pemakaian geometri sebagai dasar struktur datanya Hasil pemrograman grafis adalah visualisasi grafis.

Struktur Dasar Pemrograman Grafis Menggunakan Bahasa C++ #include <GL/glut.h> void userdraw(void) { // Disini tempat untuk menggambar } void display(void) { glclear( GL_COLOR_BUFFER_BIT); userdraw(); glutswapbuffers(); } int main(int argc, char **argv){ glutinit(&argc,argv); glutinitdisplaymode ( GLUT_DOUBLE GLUT_RGB ); glutinitwindowposition(100,100); glutinitwindowsize(640,480); glutcreatewindow ( Drawing by Achmad Basuki"); glclearcolor(0.0, 0.0, 0.0, 0.0); gluortho2d(-320., 320., -240.0, 240.0); glutidlefunc(display); glutdisplayfunc(display); glutmainloop(); return 0; }

Struktur Dasar Pemrograman Grafis Menggunakan bahasa C++ #include <GL/glut.h> Pemrograman grafis menggunakan OpenGL-GLUT membutuhkan header glut.h yang ada di folder c:\program Files\Microsoft Visual Studio\VC98\bin\GL void userdraw(void) { // Disini tempat untuk menggambar } Fungsi userdraw adalah suatu fungsi untuk membuat kode program untuk menghasilkan suatu gambar.

Struktur Dasar Pemrograman Grafis Menggunakan bahasa C++ glutinitwindowposition(100,100); glutinitwindowsize(640,480); Membuat windows dengan ukuran (640,480) dengan titik kiri atas jendela diletakkan pada posisi (100,100) di layar komputer glutcreatewindow( Drawing By Achmad Basuki"); Memberi judul pada windows dengan Drawing By Achmad Basuki

Struktur Dasar Pemrograman Grafis Menggunakan bahasa C++ glclearcolor(1.0,1.0,1.0,0.0); Mendefinisikan warna dari windows yang dibuat dengan warna (1,1,1) yaitu warna putih gluortho2d(-320.,320.,-240.,240.); Mendefinisikan besarnya sistem koordinat dengan range sumbu x adalah [-320,320] dan range untuk sumbu y adalah [-240,240]

Hasil Dari Struktur Dasar Pemrograman Grafis

Selamat Datang di Pemrograman Grafika Komputer Achmad Basuki Nana Ramadijanti Achmad Basuki, Nana Ramadijanti - Laboratorium Computer Vision Politeknik Elektronika Negeri Surabaya (PENS-ITS)