teks, gambar & grafik -...

28
1 TEKS, GAMBAR & GRAFIK TEKS (TEXT) Jenis-jenis Teks 1. Plain Text (Unformatted Text) - Teks adalah data dalam bentuk karakter. -Teks dalam hal ini adalah kode ASCII (American Standard Code for Information Interchange) dan ASCII extension seperti UNICODE murni. Tiap- tiap karakter direpresentasikan oleh 7 bit “binary digit” (desimal = 0-127).

Upload: phamngoc

Post on 15-Mar-2019

255 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

1

TEKS, GAMBAR & GRAFIK

•TEKS (TEXT)Jenis-jenis Teks1. Plain Text (Unformatted Text)- Teks adalah data dalam bentuk karakter.-Teks dalam hal ini adalah kode ASCII (American Standard Code for Information Interchange) danASCII extension seperti UNICODE murni. Tiap-tiap karakter direpresentasikan oleh 7 bit “binarydigit” (desimal = 0-127).

Page 2: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

2

• Contoh plain text adalah pada saat kitamengetik dengan menggunakan notepad (.txt).

• Plain Text berjenis MIME text/plain.• Teks file tidak terenkrispsi, tidak mengandung

embedded information, seperti informasi font, tidak mengandung link, dan inline-image.

Page 3: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

3

• 2. Formatted Text (Rich Text Format)- Serangkaian karakter format yang telah

didefinisikan. Contoh rich text adalah pada saatkita mengetik dengan menggunakan Wordpad(.rtf).

- Pada Wordpad plain teks telah diformatsedemikian rupa dengan menggunakan aturan(tag/tanda) tertentu sehingga teks tersebutdapat dibold, italics, underline, diwarna, digantifont, dan lain-lain.

Page 4: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

4

The quick brown fox jump over a lazydog (pangram) Lorem ipsum Cicero's IN Catilinam (greeking)

3. Hypertext- Diperkenalkan oleh Ted Nelson (1965) - Hypertext adalah teks yang memiliki fasilitas

inking.Contoh hypertext :HTML : Hypertext Markup LanguageXML : eXtensible Markup Language

Page 5: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

5

GAMBAR (IMAGE)

Gambar (image) merupakan suatu representasispatial dari suatu obyek, dalam pandangan 2D atau 3D.

Gambar digital merupakan suatu fungsi dengannilai-nilai yang berupa intensitas cahaya padatiap-tiap titik pada bidang yang telahdiquantisasikan (diambil sampelnya pada interval diskrit).

Page 6: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

6

• Titik dimana suatu gambar di-sampling disebutpicture element (pixel).

• Nilai intensitas warna pada suatu pixel disebutgray scale level.

1 bit → binary-valued image (0 - 1)8 bits → gray level (0 - 255)16 bits → high color (216)24 bits → 224 true color32 bits → true color (232)

Page 7: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

7

• Format gambar digital memiliki 2 parameter:� spatial resolution pixels X pixels� color encoding bits / pixel

Misal: terdapat gambar berukuran 100 pixels x 100 pixels dengan color encoding 24 bits dengan R=8bits, G=8bits,B=8bits per pixel, maka color encoding akan mampumewakili 0 .. 16.777.215 (mewakili 16 juta warna), danruang disk yang dibutuhkan = 100 * 100 * 3 byte (karenaRGB) = 30.000 bytes = 30KB atau 100 * 100 * 24bits = 240000bits

Page 8: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

8

GRAFIK (GRAPHICS)

• Ada 2 jenis grafik:1. Raster: dimana setiap pixel didefinisikan secara

terpisah.2. Vector: dimana formula matematika digunakan

untuk menggambar graphics primitives (garis, kotak, lingkaran,elips, dll) dan menggunakanattributnya. Gambar vektor biasanya berukuranlebih kecil, gambar tidak pecah, semuamanipulasi dilakukan melalui rumus.

Page 9: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

9

Grafik tidak hanya terdiri dari gambar-gambarstatis. Grafik tersebut dapat dimanipulasi secaradinamis:� motion dynamics obyek / background bergerak� update dynamics obyek berubah bentuk,

warna, dll.

Page 10: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

10

FORMAT FILE GAMBAR

1. Bitmap (.BMP)• Format gambar yang paling umum dan

merupakan format standar Windows.• Ukuran filenya sangat besar karena bisa

mencapai ukuran Megabytes.• File ini merupakan format yang belum

terkompresi dan menggunakan sistem warnaRGB (Red, Green, Blue) dimana masing-masing warna pixelnya terdiri dari 3 komponen, R, G, dan B yang dicampur menjadi satu.

Page 11: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

11

• File BMP dapat dibuka dengan berbagaimacam software pembuka gambar sepertiACDSee, Paint, IrvanView dan lain-lain.

• File BMP tidak bisa (sangat jarang) digunakandi web (internet) karena ukurannya yang besar.

2. Joint Photographic Expert Group (.JPEG/JPG)- Format JPG merupakan format yang paling

terkenal sekarang ini.

Page 12: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

12

• Hal ini karena sifatnya yang berukuran kecil(hanya puluhan/ratusan KB saja), dan bersifatportable.

• File ini sering digunakan pada bidang fotografiuntuk menyimpan file foto.

• File ini bisa digunakan di web (internet).

Page 13: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

13

3. Graphics Interchange Format (.GIF)

- Format GIF ini berukuran kecil dan mendukunggambar yang terdiri dari banyak frame sehinggabisa disebut sebagai gambar animasi (gambarbergerak).

- Format ini sering sekali digunakan di internet untuk menampilkan gambar-gambar di web.

Page 14: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

14

4. Portable Network Graphics (.PNG)

- Format yang standar dan sering digunakan diinternet untuk menampilkan gambar ataupengiriman gambar. Ukuran file ini cukup kecildan setara dengan ukuran gif dengan kualitasyang bagus. Namun tidak mendukung animasi(gambar bergerak).

Sebenarnya masih banyak format file gambar lain sepertiTIFF (Tagged Image File Format), ICO (Icon), EMF(Enchanced Windows Metafile), PCX, ANI (Animation), CUR (Cursor), WBMP (WAP BMP), PSD (AdobePhotoshop Document), dan CDR (Corel Draw).

Page 15: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

15

SUARA DAN AUDIOSUARA (SOUND)• Suara adalah fenomena fisik yang dihasilkan

oleh getaran benda• getaran suatu benda yang berupa sinyal analog

dengan amplitudo yang berubah secara kontinyuterhadap waktu

BendaBergetar

PerbedaanTekanan di

Udara

MelewatiUdara

(Gelombang)Pendengar

Page 16: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

16

• Suara berhubungan erat dengan rasa“mendengar”.

• Suara/bunyi biasanya merambat melalui udara. Suara/bunyi tidak bisa merambat melalui ruanghampa.

• Suara dihasilkan oleh getaran suatu benda. Selama bergetar, perbedaan tekanan terjadi diudara sekitarnya. Pola osilasi yang terjadidinamakan sebagai “GELOMBANG”.

Page 17: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

17

• Gelombang mempunyai pola sama yang berulang pada interval tertentu, yang disebutsebagai “PERIODE”.

• Contoh suara periodik : instrument musik, nyanyian burung, dll

• Contoh suara nonperiodik : batuk, percikanombak, dll

Page 18: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

18

Suara berkaitan erat dengan:

1. Frekuensi- Banyaknya periode dalam 1 detik- Satuan : Hertz (Hz) atau cycles per second (cps)- Panjang gelombang suara (wavelength) dirumuskan = c/fDimana c = kecepatan rambat bunyiDimana f = frekuensi

Contoh:Berapakah panjang gelombang untuk gelombang suarayang memiliki kecepatan rambat 343 m/s dan frekuensi 20kHz?Jawab: WaveLength = c/f = 343/20 = 17,15 mm.

Page 19: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

19

2. Amplitudo

- Keras lemahnya bunyi atau tinggi rendahnyagelombang.

- Satuan amplitudo adalah decibel (db)- Bunyi mulai dapat merusak telinga jika tingkat

volumenya lebih besar dari 85 dB dan padaukuran 130 dB akan mampu membuat hancurgendang telinga

Page 20: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

20

3. Velocity

- Kecepatan perambatan gelombang bunyisampai ke telinga pendengar.

- Satuan yang digunakan : m/s- Pada udara kering dengan suhu 20 °C (68 °F)m

kecepatan rambat suara sekitar 343 m/s

Page 21: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

21

REPRESENTASI SUARA

Gelombang suara analog tidak dapat langsungdirepresentasikan pada komputer. Komputermengukur amplitudo pada satuan waktu tertentuUntuk menghasilkan sejumlah angka. Tiap satuanpengukuran ini dinamakan “SAMPLE”.

Page 22: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

22

ANALOG TO DIGITAL CONVERSION (ADC)

Adalah proses mengubah amplitudo gelombangbunyi ke dalam waktu interval tertentu (disebutjuga sampling), sehingga menghasilkanrepresentasi digital dari suara.Sampling rate : beberapa gelombang yangdiambil dalam satu detik.

Page 23: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

23

DIGITAL TO ANALOG CONVERTER (DAC)

Adalah proses mengubah digital audio menjadisinyal analog. DAC biasanya hanya menerimasinyal digital Pulse Code Modulation (PCM).PCM adalah representasi digital dari sinyal analog, dimana gelombang disample secara beraturanberdasarkan interval waktu tertentu, yangkemudian akan diubah ke biner. Prosespengubahan ke biner disebut Quantisasi.

Page 24: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

24

BERBAGAI FORMAT AUDIO

1. AAC (Advanced Audio Coding) [ .m4a ]� AAC bersifat lossy compression (data hasil

kompresi tidak bisa dikembalikan lagi ke datasebelum dikompres secara sempurna, karenasetelah dikompres terdapat data-data yanghilang).

� AAC merupakan audio codec yangmenyempurnakan MP3 dalam hal medium danhigh bit rates.

Page 25: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

25

2. WAVEFORM AUDIO [ .WAV ]

- WAV adalah format audio standar Microsoft dan IBM untuk PC.

- WAV biasanya menggunakan coding PCM (Pulse Code Modulation)

- WAV adalah data tidak terkompres sehingga seluruhsampel audio disimpan semuanya di harddisk.

- Software yang dapat menciptakan WAV dari AnalogSound misalnya adalah Windows Sound Recorder.

- WAV jarang sekali digunakan di internet karenaukurannya yang relatif besar.

- Maksimal ukuran file WAV adalah 2GB.

Page 26: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

26

3. Audio CD [.cda]- Format untuk mendengarkan CD Audio- CD Audio stereo berkualitas sama denganPCM/WAV yang memiliki sampling rate 44100 Hz, 2

Channel (stereo) pada 16 bit.- Durasi = 75 menit dan dynamic range = 95 dB.

4. Mpeg Audio Layer 3 [.mp3]- Merupakan file dengan lossy compression.- Sering digunakan di internet karena ukurannya yang

cukup kecil dibandingkan ukuran audio file yang tidakterkompresi.

- Distandarisasi pada tahun 1991.

Page 27: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

27

- Kompresi dilakukan dengan menghilangkan bagian-bagian bunyi yang kurang berguna bagi pendengaranmanusia.

- Kompresi mp3 dengan kualitas 128 bits 44000 Hzbiasanya akan menghasilkan file berukuran 3-4 MB,tetapi unsur panjang pendeknya lagu juga akanberpengaruh.

- Software pemutar file mp3 : Winamp.- Software encoder : LAME (Lame ain’t MP3 Encoder),

sebuah encoder mp3 open source dan freeware yang dibuat oleh Mike Cheng pada awal tahun 1998.

- Macam-macam bit rate: 32, 40, 48, 56, 64, 80, 96, 112,128, 160, 192, 224, 256 and 320 kbit/s

Page 28: TEKS, GAMBAR & GRAFIK - tri_s.staff.gunadarma.ac.idtri_s.staff.gunadarma.ac.id/Downloads/files/29457/TEKS,+GAMBAR+...Bitmap (.BMP) • Format gambar yang paling umum dan ... macam

28

5. MIDI (Music Instrument Digital Interface)

• Standard yang dibuat oleh perusahaan alat-alatmusik elektronik berupa serangkaian spesifikasiagar berbagai instrumen dapat berkomunikasi.

SOFTWARE – SOFTWAREWinamp, RealPlayer, Windows Media Player, KMPlayer, QuickTime, XMMS, ZoomPlayer,JetAuido, SoundForge, dbPowerAmp,MusicMatchJukeBox, ITunes.