TEKS, GAMBAR GRAFIK Teks - · PDF fileJenis‐jenis Teks: 1. Plain Text (Unformatted Text)...

3/21/2012
1
TEKS,GAMBAR&GRAFIK
MultimediaJurusan Teknik Informatika
STT [email protected]
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).
R=1010010
U=1010101
L=1001100
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.

3/21/2012
2
Terdapat 2jenis formattedtext,yaitubitmappedfontsdan outlinefonts.
3.Hypertext DiperkenalkanolehTedNelson(1965) Teks yangdigunakan untuk membangun
/situs/website.Memiliki aturan penulisan khusus. Hypertextadalah teks yangmemiliki fasilitaslinking.
Contoh hypertext:HTML:HypertextMarkupLanguageXML:eXtensible MarkupLanguage
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.
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)

3/21/2012
3
1BitMonokrom 8BitGrayscale
24BitTruecolor
Formatgambar digitalmemiliki 2parameter: spatialresolution=pixels*pixels colorencoding=bits/pixel
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
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
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.

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.
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)
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.
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.
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
Yaitu suatu aplikasi pengenal pola gambar dimana terjadiproses pembandingan antara gambar inputdengan gambaryangada.
langkahlangkah membentuk imagerecognition
Memformat gambar (formattingimage)Memformatgambarberartimelakukanpengambilangambardenganmembawagambartesebutkedalamformatdigital.
PenyesuaianDidalamimage,padaumumnyabentuknyatidakterlihatbagus,karenagambaryangditampilkanmengalamidigitalisasiyangterkenanoise,sehinggauntukitudilakukanadanyafilterpadagambarsehinggagambartersebutmenjadilebihnormaldanlebihterlihatjelas.
Pelabelan(labeling)Informasipadagambarmempunyaipolayangterstruktur.Polayangdigunakanpadaumumnya terdiri dari beberapa urutan pixel.umumnyaterdiridaribeberapaurutanpixel.Jikadarisusunanpixeltersebutmemilikisudut,setelahsuduttersebutdiberikanlabel.Sangatrumitdalammelakukanpelabelan,dikarenakanharusmelibatkanintenfikasidanbentuklabelyangprimitifdanpenentuansudutdaritiaptiappixel

3/21/2012
8
Pengelompokan(Grouping)Prosespelabelanmenemukanobjekyangprimitif,yangbisadisebutdengansudut.Prosespengelompokandapatmelakukanpemutaransudutsudut yang memiliki label yang sama sehinggasudutyangmemilikilabelyangsamasehinggagambardapatdisusunkembalimenjadigambaryangmulaiterlihatjelas.3operasiyangsebelumnyamelakukanpembentukangambarmenjadidatagambarsecaraterstruktur(Informasipixel).Darihasilpengelompokantiaptiappixeldikelompokanberdasarkanstrukturdata,tiaptiappixelmemilikiinformasiyangdisimpankedalamsuatustrukturdatayanglogis.
Pengambilanintisarigambar (extractingimage)Pengelompokanhanyamelakukanpenyimpanan/pengarsipandaripixelpixelyangmemiliki label yang sama. Sedangkanmemilikilabelyangsama.Sedangkanpengambilanintisari(extraction)melakukanpengambilanbeberapapixelyangmewakilidarikelompokkelompokyangada.Pengambilanintisarimenguraikanperbedaanantarkelompokpixelpadagambarsumber
Penyesuaian(Matching)Prosesyangterakhiradalahmelakukanpenyesuaiandimanasebuahpixeldalamgambartelahdilakukanpengelompokankedalam objek dan hubungan diantarakedalamobjekdanhubungandiantaraobjekyangberbedatelahditentukan,inimerupakanlangkahyangterakhirdalamsistemrecogniseobjeksebuahgambar.Penyesuaianmelakukanperbandinganpadamasingmasingobjekgambardengansebuahmodelyangtelahdisimpansehinggadicaripersamaankeduanya

TEKS, GAMBAR GRAFIK Teks - · PDF fileJenis‐jenis Teks: 1. Plain Text (Unformatted Text)...

Documents

Transcript of TEKS, GAMBAR GRAFIK Teks - · PDF fileJenis‐jenis Teks: 1. Plain Text (Unformatted Text)...