BAB 4 ANALISA, PERANCANGAN DAN IMPLEMENTAS
2.2 Grafika Komputer
2.3.3 Elemen-Elemen Multimedia
Untuk membuat aplikasi berbasis multimedia dibutuhkan elemen-elemen yang berkaitan dengan aplikasi yang akan dibuat, yaitu:
a. Teks
Teks merupakan dasar dari pengolahan kata dan informasi berbasis multimedia. Dipresentasikan dengan jenis huruf yang beragam agar harmonis dengan elemen multimedia lainnya. Sebenarnya huruf dapat ditransformasikan menjadi suatu karya seni yaitu dengan mengolah bentuk kata atau blok tulisan sesuai fungsi masing-masing sehingga kemudian tercipta suatu bentuk, tekstur yang kemudian dikomunikasikan sebagai pesan, Mood, atau berupa gambar hias. (Binanto, 2010)
Gambar 2.13Anatomi Bentuk Huruf Jenis-jenis teks:
1) Printable Text (Teks Tercetak), adalah teks hasil dari cetakan Media pencetak yg biasanya tercetak di kertas.
2) Electronic Text (Teks Elektronik), adalah teks yang diketik dengan pengolah text.
3) Scan Text (Teks hasil scan), adalah teks yang dihasilkan oleh mesin scan. Ada 3 jenis scanner yang biasa digunakan Flatbed, Handheld, Sheet-fed.
4) Hypertext, adalah teks yang mengacu ke proses link untuk menampilkan dokumen yang berisi referensi-silang otomatis ke dokumen lainnya yang disebut hiperlink. Memilih hiperlink menyebabkan komputer menampilkan dokumen yang terhubungkan dalam waktu sangat singkat. Sebuah dokumen dapat dibuat secara statik atau dinamik. Oleh karena itu, sebuah sistem hiperteks yang dikonstruksi dengan baik dapat menangani, menggunakan atau melebihi banyak interface pengguna lainnya seperti menu dan baris perintah, dan dapat digunakan untuk mengakses kedua dokumen referensi-silang yang dikumpulkan secara statik dan aplikasi interaktif. Dokumen dan aplikasi terdapat secara lokal atau dari mana pun dia berada dengan bantuan jaringan komputer seperti internet. Implementasi paling terkenal dari hiperteks adalah World Wide Web.
Format-format teks:
1) Format paragraph/ format paragraf rata kiri, rata kanan, Centre, Justify.
2) Text effect/ efek pada teks Shadow, Font color, Emboss.
3) Character format/ format huruf, Bold, Underline, Italic, Strikethrough, Subscript, Superscript.
4) Font Type/ tipe huruf dan cita rasa jenis huruf, Arialmemiliki cita rasa Friendly/ bersahabat, Times New Roman memiliki cita rasa informative, Impact memiliki cita rasa Trendy, Bodoni memiliki cita rasa nostalgia, Bookmanmemiliki cita rasa tradisional, New York memiliki cita rasa klasik, Mistramemiliki cita rasa Playful, Helveticamemiliki cita rasa agresif.
b. Gambar atau Grafik
Gambar atau grafik berarti still image seperti foto dan gambar. Manusia sangat berorientasi pada visual dan gambar merupakan sarana yang sangat baik untuk menyajikan informasi. Gambar yang digunakan dalam multimedia dapat berupa gambar sintesis, artinya gambar yang dibuat dengan program editor gambar, dapat juga berupa gambar hasil scanning dari foto atau lukisan tangan, atau dapat pula berupa gabungan antara hasil scanning dan editing.
Grafis dibedakan menjadi 2 bagian, yaitu: 1) Citra Diam (gambar) Bitmap
Gambar merupakan saranan yang sangat baik untuk menyajikan informasi. Bitmap adalah representasi spasial dari objek yang disusun sebagai metricsnilai numerik yang merepresentasikan setiap titik atau pixel. Bitmap baik digunakan untuk gambar-gambar rumit yang membutuhkan rincian halus.
Gambar 2.14Gambar Bitmap 2) Grafik Vektor
Vektor merupakan representasi spasial dari objek yang disusun dari bangun-bangun grafis seperti garis, persegi panjang, elips, segi banyak dan sebagainya. Yang ditempatkan secara matematis dengan koordinat, ukuran, ketebalan sisi dan pola pengisian pada bidang. Vektor baik untuk menyimpan kartun dan gambar-gambar yang tidak fotorealistik.
Gambar 2.15Gambar Vektor (
Tabel 2.1 merupakan beberapa jenis format digital untuk gambar/ grafik yang dibuat.
Tabel 2.1Format Gambar Digital
NO JENIS
FORMAT PENJELASAN
1 Bitmap (.BMP)
representasi dari citra grafis yang terdiri dari susunan titik yang tersimpan di memori komputer. Nilai setiap titik diawali oleh satu bit data untuk gambar hitam putih, atau lebih bagi gambar berwarna.
Gambar Asli Gambar Asli Gambar Diperbesar Gambar Diperbesar Gambar Asli Gambar Diperbesar Piksel (15 x 16 piksel)
2 JPEG (Joint Fotogrphic Expert Group)
Format JPG merupakan format yang paling terkenal sekarang ini. Hal ini karena sifatnya yang berukuran kecil (hanya puluhan/ratusan KB saja), dan bersifat portable.
3 GIF (Graphic Interchange Format)
Format GIF ini berukuran kecil dan mendukung gambar yang terdiri dari banyak frame sehingga bisa disebut sebagai gambar animasi (gambar bergerak). 4 Portable
Network Graphics (.PNG)
Format yang standar dan sering digunakan di internet untuk menampilkan gambar atau pengiriman gambar. Ukuran file ini cukup kecil dan setara dengan ukuran gif dengan kualitas yang bagus. Namun tidak mendukung animasi (gambar bergerak).
5 PSD
(Photoshop Document)
Format fileini merupakan format asli dokumen Adobe Photoshop. Format ini mampu menyimpan informasi layerdan alpha channelyang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka kembali. Format ini juga mampu menyimpan gambar dalam beberapa mode warna yang disediakan Photoshopdan dapat menyimpan dengan format fileini jika ingin mengeditnya kembali.
6 AI (Adobe Illustrator Artwork)
Format file ini merupakan format asli dari adobe Illustrator. Berfungsi sama dengan PSD tetapi file AI dapat mengolah membuat gambar menjadi vektor lebih baik di bandingkan PSD.
c. Animasi
Animasi adalah penayangan frame-frame gambar secara cepat untuk menghasilkan kesan gerakan. Teks dan gambar memiliki keterbatasan dalam menyampaikan suatu informasi, dengan menggunakan animasi dapat membantu menyajikan informasi yang sulit disampaikan dalam bentuk teks atau gambar saja. (Sutopo, 2002). Frame merupakan tempat objek-objek movie diletakkan.
Gambar 2.16Gambar Animasi (Sutopo, 2002) Jenis-jenis animasi menurut Suyanto:
1) Animasi Sel, merupakan material yang digunakan untuk membuat film gambar bergerak pada saat awal
2) Animasi Frame, adalah bentuk animasi yang paling sederhana. Diumpamakan sebuah buku yang mempunyai gambarberseri di tepi halaman berurutan.
3) Animasi Sprite, yaitu animasi objek yang diletakan dan dianimasikan pada bagian puncak grafik dengan latar belakang diam.
4) Animasi Lintasan, adalah animasi dari objek yang bergerak sepanjang garis kurva yang ditentukan oleh lintasan.
5) Animasi Spline, adalah animasi yang menggunakan representasi matematis kurva. Bila objek bergerak, biasanya tidak mengikuti garis lurus, misalnya bentuk kurva.
6) Animasi Vektor, merupakan garis yang memiliki ujung-pangkal, arah, dan panjang. Animasi vektor serupa dengan animasi sprite. Animasi sprite menggunakan bitmap untuk sprite, animasi vektor menggunakan rumus matematika untuk menggambarkan sprite.
7) Animasi Karakter, merupakan cabang khusus animasi. Animasi karakter semacam yang terlihat dalam film kartum.
8) Morphing, yaitu mengubah satu bentuk menjadi bentuk lain dengan menampilkan serangkaian frame yang menciptakan gerakan halus begitu bentuk pertama mengubah dirinya menjadi bentuk yang lain. Teknik-teknik dalam animasi:
1) Frame by frame, merupakan teknik merangkai urutan gambar yang diletakkan pada sejumlah frame. Pada dasarnya pembuatan animasi frame-by-frame memerlukan minimal dua frame. Jika pada frame 1 diletakkan objek lingkaran warna merah, pada frame 2 diletakkan objek lingkaran warna kuning, maka pada saat movie dimainkan akantampil animasi warna kelip merah dan kuning.
2) Masking, digunakan untuk menampilkan objek yang berada dalam layer yang dimaksud berdasarkan area yang bersimpangan dengan objek yang berada dalam layer mask.
3) Motion Guide, animasi pergeseran posisi obyek dengan menentukan garis lintasannya (baik lurus, melengkung, atau bebas)
d. Suara atau Audio
Suara atau audio adalah fenomena fisik yang dihasilkan oleh pergetaran materi. Kategori-kategori audio yaitu ucapan (suara orang berbicara), musik (hasil pendengaran alat musik), efek suara (suara lainnya, seperti tembakan, gelas pecah, halilintar, dll). Audio membantu memperjelas pengertian dari informasi dari suara teks, gambar dan video dan memberikan efek dramatis. (Sutopo, 2003)
Format-format suara:
1) AAC (advance Audio Coding)
AAC merupakan audio codec yang menyempurnakan MP3 dalam hal mediumdan high bit rates.
2) Waveform Audio(WAV)
WAV adalah format audio standar Microsoft untuk PC dan jarang sekali digunakan di internet karena ukurannnya yang relatif besar. 3) Mpeg Audio Layer 3(MP3)
MP3 distandarisasi pada tahun 1991 dan sering digunakan di internet karena ukurannnya yang cukup kecil dibandingkan ukuran audio file yang tidak terkompresi.
4) MIDI (Music Instrument Digital Interface)
Standard yang dibuat oleh perusahaan alat-alat musik elektronik berupa serangkaian spesifikasi agar lebih berbagai instrumen dapat berkomunikasi.
e. Video
Video seperti animasi, tetapi disimpan dalam format khusus yang dapat menyimpan adegan dunia nyata atau rekaan dengan komputer. Dari elemen multimedia lainnya video yang paling kompleks, paling memerlukan persyaratan hardware yang tinggi dan membutuhkan penyimpanan yang jauh lebih besar. Video dapat menyajikan bergerak dengan kualitas tinggi. (Suyanto, 2003)
Format-format video: 1) AVI
Audio Video Interleaved adalah format standar file video untuk Microsoft Windows, yang juga format video “tertua” karena diperkenalkan sejak Windows3.
2) MPEG
Moving Picture Experts Group (.mpg atau .mpeg) dibangun sebagai standar untuk hasil kompresi file digital video-audio. Format ini menghasilkan kualitas gambar yang tinggi, tapi tidak membutuhkan kapasitasfilebesar.
3) VCD
Format VCD (Video Compact Disc) berbeda dengan video lainnya. Format VCD merupakan satu kesatuan yang tidak berdiri sendiri. VCD terdiri dari folder-folder, seperti Vcd, Mpegav, Cdda, Segment, Karaoke, Ext, dan Cdi, dan berisi file penunjang. Isi videonya berformat ekstensi .dat (singkatan dari data) dan terletak dalam folder MPEGAV. Biasanya bertitel AVSEQ.DAT. File .dat adalah file AVI yang dikompresi menjadi MPEG, dan disesuaikan dalam struktur VCD.
4) SWF (Shockwave Flash)
SWF saat ini berfungsi sebagai format yang dominan untuk menampilkan "animasi" vektor grafik di web. Dan juga digunakan
untuk program-program, biasanya permainan, menggunakan Actionscript.