komputer grafik dasar grafika

Document Sample
komputer grafik dasar grafika Powered By Docstoc
					DASAR-
DASAR-DASAR GRAFIKA
KOMPUTER
GRAFIKA KOMPUTER
Goldie Gunadi, S.Kom., M.Kom
Pengertian
             p               p   g
Grafika Komputer adalah seperangkat alat
 yang terdiri dari hardware dan software
 untuk membuat gambar, grafik, atau citra
                   g       g
 realistik untuk seni, game komputer, foto
 dan film animasi.
Definisi Grafika Komputer
Ada beberapa definisi grafika computer sesuai dengan
kebutuhan         dib hk dalam         fik
k b h yang dibutuhkan d l grafika tersebut yaitu: b     i
  Komputer digunakan untuk menampilkan dan
  memanipulasi informasi dalam format bergambar atau
  grafis, baik visual-display unit (VDU) atau via printer atau
  plotter.
  Manipulasi dan penyajian data bergambar dengan
  komputer.
  [ dictionary ]
  ◦ Sekumpulan teknologi yang digunakan untuk menciptakan seni
    (art) dengan komputer.
  ◦ S i atau d i yang di i k menggunakan teknologi.
    Seni     desain   diciptakan     k     k l i
Definisi Grafika Komputer (2)
 [ science and technology encyclopedia ]
 Suatu cabang il
 S        b          komputer yang b h d
                ilmu k                        dengan teknik d
                                   berhadapan d        k ik dan
 teori sintesis gambar (image) komputer.
 [ Marketing terms ]
 Gambar (pictures) yang diciptakan dan dimanipulasi melalui
 penggunaan alat komputer. Misalnya printer laser, mengapa disebut
 alat grafika komputer? Sebab printer tersbut mengijinkan komputer
 mengeluarkan gambar.
 [ Britannica ]
 Grafika Komputer adalah penggunaan komputer untuk
             p            p gg            p
 menghasilkan gambar visual. Pada umumnya, format garfika
 komputer meliputi GIF, dan JPEG, untuk gambar tunggal , dan MPEG
 dan Quicktime, untuk gambar multiframe.
Definisi Grafika Komputer (3)
 [ Encyclopedia ]
    i d h data bergambar k d l d k l
 pepindahan d b           b ke dalam dan ke luar k    komputer.
 Penggunaan teknik-teknik konversi analog-to-digitial, berbagai
 devices curve tracers, digitizers, dan ligth pens-dikoneksikan
                                          computer-aided design,
 keterminal grafis komputer ; program computer aided design
 scanner optis adalah untuk menyimpan data bergambar pada
 komputer digital.
 [ WordNet ]
 Yaitu manipulasi dan penyajian data bergambar menggunakan
 komputer.
 [ Wikipedia ]
 Grafika komputer (CG) adalah bidang dari komputasi visual, dimana
 penggunaan komputer akan menghasilkan gambar visual secara
 sintetis dan mengintegritasikan atau mengubah informasi mengenai
 ruang dan visual yang dicontohkan dari dunia nyata.
Sejarah Grafika Komputer
 Fase Pertama
 1950 : MIT mengembangkan komputer whirlwind dengan tabung
 CRT untuk keperluan bidang pertahanan.
 Pada tahun ini dibuat Automatic Programming Tool.
 1959 : dilakukan riset komputer grafik interaktif oleh perusahaan
 General Motor.
 Fase Kedua
 1960 : Ivan Sutherlan mengembangkan sistem penggambaran
 SKETCHPAD dengan sarana keyboard dan light pen.
 Munculnya C
 M    l             Aided Design/Manufacturing (CAD/CAM)
           Computer A d d D     /M f
 Diciptakan grafika interaktif modern : DAC-1, CADAM dan
 GRAPHIC1.
Sejarah Grafika Komputer (2)
          g
 Fase Ketiga
 1970 : Grafika komputer interaktif mulai
 digunakan di sektor industri untuk memperbaiki
 kualitas desain produk secara cepat dan mudah.
 Fase Keempat
 1980 : Teknologi model Hybrid yang
 menggabungkan objek pejal dengan permukaan.
 Contoh : bila membuat sebuah mobil, bodi
 mobil adalah permukaan sedangkan mesinnya
              pejal.
 adalah objek pejal
Penggunaan Grafika Komputer
 Antarmuka Pengguna (User Interface)
                                                      komputer,
 Antarmuka pengguna sering kali dipakai pada aplikasi komputer
 yaitu dengan Graphical User Interface (GUI)
 Pemetaan (Cartography)
                 menyimpan,
 Digunakan untuk menyimpan memanipulasi dan melihat peta
 melalui komputer, contoh : Autocad Map.
 Kesehatan
                                              pembedahan.
 Digunakan dalam perencanaan dan pelaksanaan pembedahan
 Aplikasinya disebut Computer Aided Surgery (CAS).
 Computer Aided Design
 A lik i CAD umumnya d t memperlihatkan b b
 Aplikasi               dapat                             b
                                       lih tk beberapa gambar
 dari sudut pandang berbeda. Contoh : Autocad &3D Studio.
               Pemetaan




Google Earth
              Pemetaan




AutoCAD Map
Computer Aided Surgery
Penggunaan Grafika Komputer (2)
 Sistem Multimedia
 Multimedia merupakan kemampuan untuk mengolah
 data diskret seperti teks, grafik dan data kontinous
 seperti video dan audio.
 Presentasi Grafik
 Untuk membuat aplikasi yang dapat memberikan
 informasi kompleks dalam bentuk yang mudah
 dipahami dan dimengerti.
 Sistem Paint
 Memungkinkan melukis objek dengan bantuan
 komputer.
 Presentasi Data Saintifik
 Visualisasi data saintifik yang kompleks dan saling
 berhubungan satu sama lain lain.
Presentasi Statistik
Penggunaan Grafika Komputer (3)
 Simulasi
 Memungkinkan pengguna menjalankan
 simulasi.
 Pendidikan
 P didik
 ◦ Computer Aided Testing (CAT) : Ujian berbantuan
   komputer
 ◦ Computer Aided Guidance (CAG) : Pengarahan
   berbantuan komputer
 ◦ Computer Managed Instruction (CMI) : Komputer
   untuk merencanakan pembelajaran, evaluasi
   belajar serta memantau prestasi siswa.
       j                  p
Elemen Dasar Gambar
Dalam grafika komputer terdapat 4 elemen dasar grafik:
 Titik (DOT)
 Garis (Line)
    g p
 Segiempat
 Lingkaran

Elemen-elemen dasar dapat dikombinasikan untuk
Elemen elemen
menghasilkan objek kompleks :
  Poli Garis : sejumlah garis lurus yang saling terhubung
  Teks : kumpulan dari dua atau lebih karakter
  Citra Raster : gambar yang dibuat dengan pixel yang
  membedakan bayangan dan warna
Pixel
           p         g           p
Pixel merupakan singkatan dari picture
  element, kadang-kadang juga disebut pel.
  Pixel merupakan satu titik dalam satu grid
             p                           g
  berbentuk persegi atau juga beribu titik
  secara individual “dilukis” menjadi suatu
                                 j
  bentuk image yang dihasilkan pada layar
  komputer atau pada kertas oleh sebuah
      p           p
  Printer
Citra Raster
             g             g
3 Cara menghasilkan citra grafik :
  Citra di desain dengan tangan
  Citra yang didapat dari perhitungan
  Citra yang didapat dari scan
O
Output :
  Video Display (Cathod-Ray Tube CRT)
  Flat Panel Display (LCD)
           py             p
  Hard Copy : hasil cetak printer
Citra Raster (2)
J             g
Jumlah bit digunakan untuk mewakili
warna/bayangan masing-masing pixel :
    b t/p e             eve wa a
  1 bit/pixel = 21 = 2 level warna
   4 bit/pixel = 24 = 16 level warna
   8 bit/pixel = 28 = 256 level warna
Pemrograman Grafika Komputer
      (    p                     )
GDI (Graphical Device Interface) :
  kumpulan fungsi yang digunakan untuk
  mengakses atau menggambar ke piranti
        g              gg          p
  tertentu seperti layar monitor dan
  p
  printer.
3 Komponen untuk kerangka kerja aplikasi :
  Model Aplikasi
  Program Aplikasi
  Sistem G fik
  Si t    Grafik
Contoh Pemrograman Grafik
dengan Bahasa C
#include<stdio.h>                                (         g p        ())
                                               if(errcode==graphresult())
#include<conio.h>                                  printf("Ada kesalahan Grafik !\n");
#include<graphics.h>                           else{
#include<math.h>                               cleardevice();
void main(){                                   clrscr();
  int maxx, maxy;                              while(y<=200){
  int x,y;                                     putpixel(x,y,0);
  x=100;                                       y++;
  y=100;                                       }
  int gdriver = DETECT, gmode,errcode;         getch();
                                               cleardevice();
   initgraph(&gdriver,&gmode,"D:\\TC\\BG       }
   I");
                                               closegraph();
  maxx = getmaxx();
                                               return;
  maxy = getmaxy();
                                           }

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:26
posted:1/31/2013
language:Malay
pages:20