By : Diantika Arifianti, S.T Pertemuan III By : Diantika Arifianti, S.T

Teks, Gambar, Grafik

Teks Teks adalah bentuk data multimedia yang mudah disimpan dan dikendalikan. Biasanya teks dituangkan dalam bentuk Kata, surat, narasi  menyajikan bahasa

Macam-macam Teks Berdasarkan sumbernya Teks cetak Teks cetak berada diatas kertas. Untuk menggunakannya pada multimedia maka harus mengetik teks tersebut  memakan waktu lama Cara yang lebih cepat  bisa dengan menggunakan scanner.

Ada tiga jenis scanner : Teks hasil scan Ada tiga jenis scanner : Flatbed, menggunakan motor dan pulley yang menggerakan scanner diatas kertas  mahal Handheld (scanner tangan), lebih murah karena tangan kita menggerakan scan secara manual di atas permukaan kertas Sheet-Fed, memiliki slot untuk memasukan halaman tulisan yang akan di scan

Flatbed Sheet-Fed Handheld

Teks Elektronik Teks jenis ini ditulis dengan format yang bisa dibaca oleh mesin, contohnya wordprocessing Teks jenis ini dapat dibaca oleh komputer dan dikirim secara elektronis melalui jaringan

Macam-macam Teks Elektronik 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 extention seperti UNICODE murni. Tiap-tiap karakter dipresentasikan oleh 7 bit “binary digit” (desimal 0=127) Kode Standar Amerika untuk Pertukaran Informasi atau ASCII (American Standard Code for Information Interchange) merupakan suatu standar internasional dalam kode huruf dan simbol seperti Hex dan Unicode tetapi ASCII lebih bersifat universal, contohnya 124 adalah untuk karakter "|"

Tabel ASCII karakter

Dalam sistem operasi Windows dan MS-DOS, pengguna dapat menggunakan karakter ASCII dengan menekan tombol Alt+[nomor nilai ANSI (desimal)]. Sebagai contoh, tekan kombinasi tombol Alt+87 untuk karakter huruf latin "W" kapital.  Dalam Keadaan NumLock

Formatted Text (Rich Text Format) Serangkaian karakter format yang telah didefinisikan. Contoh rich text adalah pada saat mengetik dengan menggunakan Wordpad (.rtf) Pada Wordpad plain teks telah diformat sedemikian rupa dengan menggunakan aturan (tag/tanda) tertentu sehingga teks tersebut dapat dibold, italics, underline, diwarna, diganti font, dll. Seringkali yang namanya data, terutama file dokumen yang berekstension .doc terkena virus, sehingga akan berubah menjadi .exe. Kita tentu saja akan merasa kesal tiap kali meng-copy file ke flashdisk, file aslinya tidak bisa tercopy, karena yang tercopy hanya yang berakhiran .exe. Dan apabila terdeteksi oleh antivirus akan terhapus, atau paling tidak dikarantina. Salah satu cara untuk menyimpan file agar lebih aman adalah : - Setelah kita mengetik datanya, save file dalam format .rtf. - File berekstensi .rtf lebih aman dari jangkauan virus-virus yang menyerang dokumen. - Atau bisa juga dalam bentuk .txt, tapi tidak akan terformat baik.

RTF contoh dokumen RTF diterjemahkan menjadi :

Hypertext Diperkenalkan oleh Ted Nelson (1965) Hypertext adalah teks yang memiliki fasilitas linking. Contoh hypertext : Hyperlink HTML (Hypertext Markup Language) XML (eXtensible Markup Language) Latex  biasanya digunakan untuk menulis karya ilmiah

HTML Merupakan standard bahasa yang digunakan untuk menampilkan document web, beberapa hal yang bisa dilakukan dengan HTML : Mengontrol tampilan dari web page dan contentnya. Mempublikasikan document secara online sehingga bisa diakses dari seluruh dunia Membuat online form yang bisa digunakan untuk manangani pendaftaran transakasi secara online. Menambahkan objek-objek seperti image, audio, video dan juga java applet dalam document HTML. Mendukung link (menghubungkan dari satu dokumen ke dokumen lain).

Perkembangan HTML HTML versi 1.0 HTML versi 1.0 kemampuan yang dimilikinya yaitu menampilkan heading, paragraph, hypertext, list, serta cetak tebal, dan miring pada suatu teks. Versi ini mendukung peletakan gambar pada dokumen tanpa memperbolehkan menempatkan tes di sekelilingnya (wrapping). HTML versi 2.0 Pada versi ini, penambahan kualitas TML terletak pada kemampuan untuk menampilkan sebuah form pada dokumen. Dengan adanya form ini maka kita dapat memasukkan nama, alamat, serta saran/kritik.  HTML versi 3.0 HTML versi 3.0 menambahkan beberapa fasilitas baru sebagai contoh tabel. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

HTML versi 4.0 HTML versi 4.0 memuat banyak sekali perubahan dan revisi dari versi sebelumnya. Perubahan ini terjadi di hampirsegala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan  lain-lain. Kemudian lahir HTML versi 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML 4.01 menjadi standart pada tahun 1999. HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan (18 Desember 1997). HTML versi HTML 4.01 masih standart resmi sampai sekarang ini .

HTML versi 5.0 HTML 5 merupakan perkembangan html generasi saat ini dan merupakan generasi terakhir dan mungkin akan berkembang lagi mengikuti perkembangan jaman. Beberapa fitur baru di HTML 5 seperti berikut: Unsur kanvas untuk menggambar. Video dan elemen audio untuk media pemutara. Element baru, seperti artikel, footer, header, dan navigasi. Dukungan lebih baik untuk penyimpanan offline local. Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, URL, dan Search. Saat ini HTML 5 belum menjadi standart resmi dan masih jarang ada browser memiliki fitur penuh terhadap HTML 5. HTML 5 akan mungkin menjadi standart baru untuk HTML dan XHTML.

XML Kuntungan menggunakan XML : Simple karena XML tidak serumit HTML, strukturnya jelas dan sederhana. Intelligence, karena XML mampu menangani berbagai kompleksitas markup bertingkat-tingkat. Portable, karena memisahkan data dan presentasi Fast, pencarian data cepat Extensible, dapat ditukar/digabung dengan dokumen XML lain. Linking, terhubung dengan satu atau lebih poin. Maintenaince, XML mudah untuk diatur dan dipelihara, karena hanya berupa data, stylesheet dan link terpisah dari XML. If you need to display dynamic data in your HTML document, it will take a lot of work to edit the HTML each time the data changes. With XML, data can be stored in separate XML files. This way you can concentrate on using HTML/CSS for display and layout, and be sure that changes in the underlying data will not require any changes to the HTML. With a few lines of JavaScript code, you can read an external XML file and update the data content of your web page.

Contoh XML

Gambar Gambar merupakan salah satu elemen terpenting dalam multimedia, sebab sebagian besar manusia bahkan hampir semua manusia selalu berorientasi terhadap visual. Gambar biasanya digunakan dalam presentasi atau publikasi multimedia dengan alasan lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan  dengan teks. Gambar dapat meringkas dan menyajikan data kompleks dengan cara yang baru dan lebih berguna.

Macam-macam Gambar : Gambar Vektor Biasanya tersimpan sebagai serangkaian instruksi yang digunakan untuk membuat suatu gambar. Contoh software : AutoCad untuk membuat model pada gambar arsitektur dan mekanika Microsoft visio untuk memodelkan perangkat lunak

Gambar Bitmap Merupakan rekrontruksi dari gambar asli Tersimpan sebagai rangkaian pixel (titik-titik) yang memenuhi bidang titik-titik di layar komputer Seluruh informasi gambar dinyatakan dalam pixel Contoh software : Paint, Adobe Photosop, CorelDRAW

Clip Art Berbagai macam bentuk grafis yang sudah tersimpan untuk menghemat waktu. Koleksi clip art Foto Icon Animasi Background tile Button Bullet Visual Theme

Hyperpicture Sebuah gambar yang dapat menghubungkan ke suatu halaman/dokumen lain. Contoh :

Format berbagai gambar pada komputer:

Grafik Grafik adalah representasi data dengan cara yang mencakup penambahan gambar ataupun teks untuk memberikan informasi, penjelasan ataupun untuk hiburan. Membantu komputer untuk mendesign, melakukan typesetting, video games termasuk kegunaan dari grafik

Grafik tidak hanya terdiri dari gambar-gambar statis. Dua Jenis Grafik : Raster Setiap pixel didefinisikan terpisah Vektor Formula matematika digunakan untuk menggambar graphic primitives (garis, kotak, lingkaran, dan lain-lain) dan menggunakan atributnya. Gambar vektor biasanya berukuran lebih kecil, gambar tidak pecah, dan semua manipulasi dilakukan melalui rumus. Grafik tidak hanya terdiri dari gambar-gambar statis. Grafik tersebut dapat dimanipulasi secara dinamis: Motion dynamics: objek atau background bergerak Update dynamics: objek berubah bentuk, warna, dan lain-lain

Format grafik:

Plain teks Format teks HTML XML Gambar Grafik Penilaian Presentasi Kreativitas Softskill Presentasi Slide 10” Tanya jawab 3”

Tugas Pengganti kuliah tanggal 3 Oktober 2016 Bentuk kelompok 4-5 Buatlah contoh Produk Multimedia dimana di dalamnya mengandung (Boleh pilih): Teks Gambar Grafik 4Animasi Video Tema : Bebas (Tidak melanggar Norma dan SARA) dan Tools juga bebas Dikumpulkan : diantika.arifianti@gmail.com Deadline pengumpulan : 16 Oktober 2016 Pukul : 23:59 subject : Tugas1_Kelas_Nama kelompok File : Tugas1_Kelas_Nama Kelompok

Tugas Pengganti kuliah tanggal 10 Oktober 2016 Presentasi tugas pada slide 31

Terima Kasih