3/21/2012
1
TEKS,GAMBAR&GRAFIK
MultimediaJurusan Teknik Informatika
1RikiRuliS http://blogriki.wordpress.com
Teksadalahdatadalambentukkarakter.Jenisjenis Teks :
1.PlainText(UnformattedText) Teks dalam hal ini adalah kode ASCII(AmericanStandardCodeforInformationInterchange)danASCIIextensionseperti UNICODEmurni.Tiaptiap karakter direpresentasikan oleh 7bitbinarydigit(desimal =0127).
2RikiRuliS http://blogriki.wordpress.com
R=1010010
U=1010101
L=1001100
3RikiRuliS http://blogriki.wordpress.com
I=1001001
2.FormattedText(RichTextFormat) Serangkaian karakter formatyangtelahdidefinisikan.Contoh richtextadalahdenganmenggunakanWordpad (.rtf).
Pada Wordpad plainteks telah diformatsedemikian rupa dengan menggunakan aturan(tag/tanda)tertentu sehingga teks tersebut dapatdibold,italics,underline,diwarna,diganti font,dan lainlain.
4RikiRuliS http://blogriki.wordpress.com
3/21/2012
2
Terdapat 2jenis formattedtext,yaitubitmappedfontsdan outlinefonts.
5RikiRuliS http://blogriki.wordpress.com
3.Hypertext DiperkenalkanolehTedNelson(1965) Teks yangdigunakan untuk membangun
/situs/website.Memiliki aturan penulisan khusus. Hypertextadalah teks yangmemiliki fasilitaslinking.
Contoh hypertext:HTML:HypertextMarkupLanguageXML:eXtensible MarkupLanguage
6RikiRuliS http://blogriki.wordpress.com
Gambar adalah kumpulan titik yangtergabungmenjadi sebuah bentuk.
Gambar (image)merupakan suatu representasii l d i b k d l d 2Dspatialdari suatu obyek,dalam pandangan 2Datau
3D. Gambar 2dimensi bisa berasal dari:kamera,kaca,lensa,teleskop.
7RikiRuliS http://blogriki.wordpress.com
Representasi Image Gambar digitalmerupakan suatu fungsi dengan nilainilai yang
berupa intensitas cahaya pada tiaptiap titik pada bidang yangtelahdiquantisasikan (diambilsampelnyapadaintervaldiskrit).
Titik dimana suatu gambar disamplingdisebut pictureelementg p g p(pixel)
Nilai intensitas warna pada suatu pixeldisebut grayscalelevel. 1bitbinaryvaluedimage(0 1) 8bitsgraylevel(0 255) 16bitshighcolor(216) 24bitstruecolor224 32bitstruecolor(232)
8RikiRuliS http://blogriki.wordpress.com
3/21/2012
3
9RikiRuliS http://blogriki.wordpress.com
1BitMonokrom 8BitGrayscale
24BitTruecolor
Formatgambar digitalmemiliki 2parameter: spatialresolution=pixels*pixels colorencoding=bits/pixel
10RikiRuliS http://blogriki.wordpress.com
Penambahan pewarnaan diijinkan dalam piksel akanmenambah ukuran besarnya citra
sejumlah pixelberhubungan terhadap besarnya fileyangdibutuhkan untuk menyimpan sebuah citradibutuhkan untuk menyimpan sebuah citra.
2Fakto yangberdampak terhadap ukuran filebitmap:
Resolusi
Color Depth
11RikiRuliS http://blogriki.wordpress.com
Citra asliCitra asli
Pemetaan Bit (Bitmapped)
Multimedia Hal12
dibesarkandibesarkan
3/21/2012
4
8bytesinsize depthcolourheightwidth =
Penghitungan ukuran
Where:Panjangcitra(pixel)
Multimedia Hal13
j g (p )Lebarcitra(pixel)Colourdepthadalahsejumlahbityangdigunakanuntukpengukuranwarnadalambitperpixel
aturan:1024bytes=1kilobyte(KB)1024kilobytes=1megabyte(MB)
Contoh
640x480pixelcitradalamwarna24bitbutuhberapabanyakspace?
Multimedia Hal14
900KBbytes921600
87372800
824480640bytesinsize
==
=
=
Misal: terdapat gambar berukuran 100 pixels x100 pixels dengan color encoding 24 bits denganR=8bits, G=8bits, B=8bits per pixel, maka colorencoding akan mampu mewakili 0 .. 16.777.216(mewakili 16 juta warna) dan ruang disk yang(mewakili 16 juta warna), dan ruang disk yangdibutuhkan = 100 * 100 * 3 byte (karena RGB) =30.000 bytes = 30KB atau 100 * 100 * 24bits =240000bits
Jikasuatugambardisimpanmakayangdisimpanadalaharray2Ddimanamasingmasingmerepresentasikan datayangberhubungan denganpixeltersebut.Array[x,y]=warna pixel
15RikiRuliS http://blogriki.wordpress.com
Gambar digitaldiwakili oleh klasifikasi numericmatriks,masingmasing perwakilan dari suatu nilaiintesitas kuantisasi.
Poinpoin yangada gambar adalah sebuah samplep y g g pyangdisebut dengan pixels.
Resolusi adalah banyak pixelyangada pada gambartersebut.Semakin besar resolusi,nilai samplelebihbaik maka
Semakin kecil jarak antar pixelyangdidapat semakinbaik kualitas imageyangdidapat.
16RikiRuliS http://blogriki.wordpress.com
3/21/2012
5
Grafik awal mulanya dibuat dari kebutuhaneditorgrafik.
Proses grafik adalah memodifikasi bentuk danmodel dari sebuah grafik matematik,yangb d k b i t i dberdasarkan sumbu simetris x,ydanzcontohnya garis ,lingkaran ,elips.
Untukmelakukandigitalisasipadagrafiksamasepertipadagambar,yaitunilairesolusidankedalamanwarna.
Sebelumgrafikdapatdiubahkedalambentukpixelmatrix,grafiktersebutterlebihdahuludiberikanlabel.
17RikiRuliS http://blogriki.wordpress.com
Ada 2jenis grafik: Raster/bitmap:dimana setiap pixeldidefinisikansecara terpisah.(Photoshop,Paint)
Vector: dimana formula matematika digunakanVector:dimana formulamatematika digunakanuntuk menggambar graphicsprimitives(garis,kotak,lingkaran,elips,dll)dan menggunakanattributnya.Gambar vektor biasanya berukuranlebih kecil,gambar tidak pecah,semua manipulasidilakukan melalui rumus.(CorelDraw,Illustration,Freehand)
18RikiRuliS http://blogriki.wordpress.com
Grafik tidak hanya terdiri dari gambargambarstatis.Grafik tersebut dapat dimanipulasi secaradinamis: motiondynamicsobjek/backgroundbergerak updatedynamicsobyek berubah bentuk,warna,dll.
Untuk merepresentasikan/memodelkan grafik kedalam komputer dibutuhkan suatu ilmumengenai grafika komputer /pengolahan citra.
19RikiRuliS http://blogriki.wordpress.com
Scaling vector graphics
Original imageOriginal image
V e c t o rg r a p h i c s
ShownShownmagnifiedmagnified
Multimedia Hal20
V e c t o rg r a p h i c s
3/21/2012
6
1.VectorGambar vektor tidak disimpan dalam sebuah gambar,tetapi tersimpan dalam sebuah instruksi yangdigunakan untuk membuat suatu gambar,yangmenentukan bentuk kurva,garis,danberbagaibangundengangambar. Bersifat scalable,artinya kita dapat memperbesaratau memperkecil gambar,tanpa mengubahkualitasnya.
Memiliki ukuran fileyangkecil. Dapat diubah dalam berbagai tampilan tigadimensi,dengan menggunakan softwareyangsesuai.
21RikiRuliS http://blogriki.wordpress.com
Model Grafika 3D3Dmodel adalahsuatuvariasidalamformatvektor
Sebuahobjekdimensi3
Multimedia Hal22
menggunakankoordinatx,ydanz
Contohbentukmodel3DCube,sphere,pyramid,etc.
Camera,spotlight,texture,shadingetc.
3D model
XX
YY
ZZ
Model Grafika 3D
Multimedia Hal23 24RikiRuliS http://blogriki.wordpress.com
3/21/2012
7
2.BitmapGambar bitmapmerupakan rekontruksi darigambar asli.Gambar bitmaptersimpan sebagairangkaian pixel(titiktitik)yangmemenuhibidang titiktitik di layar komputer Sedangkanbidang titiktitik di layar komputer.Sedangkankelebihannya adalah: Pengolahannya minimal. Lebih cepat untuk ditampilkan,karenagambar bitmap
25RikiRuliS http://blogriki.wordpress.com
Yaitu suatu aplikasi pengenal pola gambar dimana terjadiproses pembandingan antara gambar inputdengan gambaryangada.
26RikiRuliS http://blogriki.wordpress.com
langkahlangkah membentuk imagerecognition
Memformat gambar (formattingimage)Memformatgambarberartimelakukanpengambilangambardenganmembawagambartesebutkedalamformatdigital.
PenyesuaianDidalamimage,padaumumnyabentuknyatidakterlihatbagus,karenagambaryangditampilkanmengalamidigitalisasiyangterkenanoise,sehinggauntukitudilakukanadanyafilterpadagambarsehinggagambartersebutmenjadilebihnormaldanlebihterlihatjelas.
27RikiRuliS http://blogriki.wordpress.com
Pelabelan(labeling)Informasipadagambarmempunyaipolayangterstruktur.Polayangdigunakanpadaumumnya terdiri dari beberapa urutan pixel.umumnyaterdiridaribeberapaurutanpixel.Jikadarisusunanpixeltersebutmemilikisudut,setelahsuduttersebutdiberikanlabel.Sangatrumitdalammelakukanpelabelan,dikarenakanharusmelibatkanintenfikasidanbentuklabelyangprimitifdanpenentuansudutdaritiaptiappixel
28RikiRuliS http://blogriki.wordpress.com
3/21/2012
8
Pengelompokan(Grouping)Prosespelabelanmenemukanobjekyangprimitif,yangbisadisebutdengansudut.Prosespengelompokandapatmelakukanpemutaransudutsudut yang memiliki label yang sama sehinggasudutyangmemilikilabelyangsamasehinggagambardapatdisusunkembalimenjadigambaryangmulaiterlihatjelas.3operasiyangsebelumnyamelakukanpembentukangambarmenjadidatagambarsecaraterstruktur(Informasipixel).Darihasilpengelompokantiaptiappixeldikelompokanberdasarkanstrukturdata,tiaptiappixelmemilikiinformasiyangdisimpankedalamsuatustrukturdatayanglogis.
29RikiRuliS http://blogriki.wordpress.com
Pengambilanintisarigambar (extractingimage)Pengelompokanhanyamelakukanpenyimpanan/pengarsipandaripixelpixelyangmemiliki label yang sama. Sedangkanmemilikilabelyangsama.Sedangkanpengambilanintisari(extraction)melakukanpengambilanbeberapapixelyangmewakilidarikelompokkelompokyangada.Pengambilanintisarimenguraikanperbedaanantarkelompokpixelpadagambarsumber
30RikiRuliS http://blogriki.wordpress.com
Penyesuaian(Matching)Prosesyangterakhiradalahmelakukanpenyesuaiandimanasebuahpixeldalamgambartelahdilakukanpengelompokankedalam objek dan hubungan diantarakedalamobjekdanhubungandiantaraobjekyangberbedatelahditentukan,inimerupakanlangkahyangterakhirdalamsistemrecogniseobjeksebuahgambar.Penyesuaianmelakukanperbandinganpadamasingmasingobjekgambardengansebuahmodelyangtelahdisimpansehinggadicaripersamaankeduanya
Top Related