pengenalan grafika komputer
DESCRIPTION
KOMPUTER GRAFIK. Pengenalan Grafika Komputer. Dewi Octaviani , S.T, M.C.s. SILABUS. Pengenalan Grafika Komputer 8 . Transformasi Grafik 2D Teks, Titik dan Garis 9. Animasi Bentuk-bentuk Geometri 10 . Grafik 3D Grafik Penyajian 11 . Kurva Fraktal - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/1.jpg)
Pengenalan Grafika Komputer
Dewi Octaviani, S.T, M.C.s
KOMPUTER GRAFIK
![Page 2: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/2.jpg)
SILABUS1. Pengenalan Grafika Komputer 8. Transformasi Grafik 2D2. Teks, Titik dan Garis 9. Animasi3. Bentuk-bentuk Geometri 10. Grafik 3D4. Grafik Penyajian 11. Kurva Fraktal5. Viewport dan Window 12. Presentasi Project6. Pembangkitan Warna 13. Presentasi Project7. Ujian Tengah Semester 14. Ujian Akhir Semester
Dewi Octaviani, S.T, M.C.sJurusan Teknik Informatika
STMIK Widya Cipta Dharma Samarinda
![Page 3: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/3.jpg)
Referensi• S.H., Chasen, Geometric Principles and
Procedures for Computer Graphics Applications, Englewood Cliffs, N.J., Prentice Hall, 1978.
• W.K., Giloi, Interactive Computer Graphics : Data Structure, Algorithms, Languages, Englewood Cliffs, N.J., Prentice Hall, 1978.
• M.Sc.,Santosa, Insap, Ir, Grafika Komputer dan Antarmuka Grafis, Andi Offset, Yogyakarta, 1994.
Dewi Octaviani, S.T, M.C.sJurusan Teknik Informatika
STMIK Widya Cipta Dharma Samarinda
![Page 4: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/4.jpg)
Pengenalan Grafika• Kemajuan teknologi• Komputer pertama kali diciptakan untuk membantu
proses perhitungan.• Komputer sekarang menangani data yang besar• Laporan-Laporan dalam bentuk teks dan angka-
angka yang berlembar-lembar = BOSAN• Data divisualisasikan dalam bentuk gambar (grafik)
![Page 5: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/5.jpg)
Definisi• Grafika Komputer adalah suatu bidang ilmu
komputer yang mempelajari tentang cara-cara untuk meningkatkan dan memudahkan komunikasi antara manusia dengan mesin dengan cara memanipulasi suatu obyek menggunakan komputer.
![Page 6: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/6.jpg)
• (computer graphics) merupakan seperangkat alat yang terdiri dari hardware dan software untuk membuat gambar, grafik atau citra realistic untuk seni, game computer, foto dan film animasi.
• Grafika computer merupakan bagian yang menarik dari bidang ilmu computer karena diperlukan kemampuan matematik, keahlian untuk memrogram dan kreativitas.
![Page 7: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/7.jpg)
History• Proyeksi orthografik yang digunakan dalam sistem
grafika computer sekarang ini, ditemukan oleh Gaspard Monge (1746-1868) seorang ahli matematik kebangsaan Prancis. Sekarang dengan bantuan computer yang semakin canggih.
![Page 8: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/8.jpg)
Perkembangan grafika computer secara sederhana dapat dibagi menjadi empat fase, yaitu :• Fase Pertama
Pada tahun 1950, MIT berhasil mengembangkan computer whirlwind dengan tabung sinar katode (Cathode Ray Tube-CRT). Dan alat pemrograman otomatis (Automatic Programming Tool). Pada tahun 1959, riset computer grafik interaktif mulai diteliti oleh perusahaan General Motor.
![Page 9: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/9.jpg)
• Fase KeduaDalam decade 1960-an, berhasil dikembangkan oleh Ivan Sutherland dengan sistem
penggambaran SKETCHPAD (Sutherland, 1963) dengan sarana keyboard dan pena cahaya. Pada pertengahan tahun 1960-an, Computer Aided Design/Manufacturing (CAD/CAM) mulai muncul. Sistem grafika lainnya antara lain : DAC-1 (Design Augmented by Computer), CADAM dan GRAPHIC1.
![Page 10: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/10.jpg)
• Fase KetigaPada tahun 1970-an, grafika computer interaktif mulai digunakan di sector industri untuk
memperbaiki kualitas desain produk secara cepat dan mudah.• Fase Keempat
Pada decade tahun 1980-an, teknologi model hybrid, yaitu teknologi yang menggabungkan objek pejal dengan permukaan, mulai digunakan. Contohnya jika kita membuat sebuah mobil, bodi mobil adalah permukaan sedangkan mesinnya adalah objek pejal
![Page 11: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/11.jpg)
Peranan Grafika• Antarmuka Pengguna• Perpetaan (Cartography)• Kesehatan• Computer Aided Design • Sistem multimedia• Presentasi Grafik• Presentasi data saintifik• Sistem paint• Simulasi• GUI (Graphical User Interface)
![Page 12: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/12.jpg)
![Page 13: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/13.jpg)
![Page 14: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/14.jpg)
![Page 15: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/15.jpg)
![Page 16: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/16.jpg)
Klasifikasi Peranan Grafika• Tipe dari obyek dan Gambar yang dihasilkan
contoh : gambar 2D, gambar 3D• Jenis Interaksi dan derajad pengendalian obyek
/gambar dalam layarinteractive design operator
• Role of the picturecontoh : kartografi
• Hubungan antar obyek dan gambar
![Page 17: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/17.jpg)
Image Proceesing vs Comp.Graphics
Image Proceesing Computer GraphicsBerorientasi Pixel Berorientasi VektorMengolah data citra untuk mendapatkan interpretasi 2D/3D
Menggunakan model 2D/3D -> hasil realistik
Titik berat pada memanipulasi citra sesuai dengan keperluan user
Cenderung mempelajari konsep dan implementasi metode untuk pembangkitan citra/animasi 2D/3D
Berawal dari citra digital -> deskripsi objek pada citra
Mendeskripsikan objek dengan primitif dasar untuk membentuk citra 2D/3D
![Page 18: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/18.jpg)
Berdasarkan Layar Penampil• Motion Dynamic -> objek bergerak, kita sebagai
pengamat (diam) atau sebaliknya. Ex : flight simulator
• Update Dynamic -> perubahan sifat pada objek (bentuk, warna). Ex : simulasi tabrakan mobil
![Page 19: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/19.jpg)
![Page 20: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/20.jpg)
![Page 21: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/21.jpg)
Tipe Layar PenampilKomponen Utama• Display• Frame Buffer -> matrix• Display Controller
![Page 22: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/22.jpg)
Tipe Layar Penampil dari cara menampilkan gambar
• Vector Displat/Calligraphic Dispplay/Stroke Display (era 60 an)
• Raster Display (era 70 an)
![Page 23: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/23.jpg)
Tipe Layar Penampil• Direct Drive Monochrome Monitor• Composite Monochrome Monitor• Composite Color Monitor• Red-Green-Blue Monitor
![Page 24: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/24.jpg)
Jenis Monitor• Layar Tabung (CRT = Cathode Ray Tube)• Layar Tanpa Tabung (Plasma Display, LCD, LED)
![Page 25: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/25.jpg)
Piranti Interaktif• Mouse• Trackball• Light Pen
![Page 26: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/26.jpg)
Piranti Pencetak• Printer -> raster technology• Plotter -> vektor technology
![Page 27: Pengenalan Grafika Komputer](https://reader030.vdocuments.net/reader030/viewer/2022033010/56816057550346895dcf8041/html5/thumbnails/27.jpg)
Piranti Pencetak