Sistem Multimedia. Text & Hypertext. Donny Reza, S.Kom

dokumen-dokumen yang mirip
Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Memahami Penggunaan Teks dan Hypertext pada Aplikasi Multimedia

Text dan Hypertext Pertemuan 3

Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Penggunaan Teks dan Hypertext pada Aplikasi Multimedia

CEG4B3. Randy E. Saputra, ST. MT.

KERANGKA BANGUN MULTIMEDIA

The quick brown fox jumps over the lazy dog

Pemrosesan Dokumen. Objektif

DESAIN. Interaksi Manusia & Komputer

Mengenal PowerPoint 2007

TIPOGRAFI. Menggabungkan Teks dalam Sajian Multimedia

Teks dan Background SERIF SANS-SERIF MONOSPACE

BAB III TEORI PENUNJANG

BAB III ANALISIS DAN PERANCANGAN SISTEM

Power Point - 02 TEKNIK Ilmu Komputer

Belajar Dasar Microsoft Word 2003

BAB III LANDASAN TEORI

Bab 4 IMPLEMENTASI DAN EVALUASI APLIKASI MULTIMEDIA SCRIPTING LANGUAGE

Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).

Media Presentasi Menggunakan Microsoft Power Point 2007

BAB 4 IMPLEMENTASI DAN EVALUASI. Sistem yang telah dianalisis dan dirancang akan digunakan sebagai alat bantu

MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN

TYPOGRAFI DESAIN GRAFIS. Tipografi

Modul 2. Text and Hypertext dan Image

APLIKASI KOMPUTER MICROSOFT WORD 2010 (BAGIAN 1) Safitri Juanita, S.Kom, M.T.I. Modul ke: Fakultas Ekonomi. Program Studi Manajemen

Multimedia. Semester Pendek - Pertemuan 1 Tema : Gambar. By In Wahyu Widodo

APLIKASI KOMPUTER. Microsoft Word 2010 (Bag.1) Ida Farida, M.Kom. Modul ke: Fakultas MKCU. Program Studi MKCU.

Desain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com

BAB II LANDASAN TEORI. sistem komputer tersusun atas tiga elemen, yaitu. 1. Hardware (Perangkat Keras), merupakan rangkaian elektronika

Storyboard Multimedia Interaktif

Interaksi Manusia dan Komputer. Interface & Komponen dalam IMK

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

PUBLISHING. You cannot not communicate Paul Watzlawick. Week 1: Typography by Hestiasari Rante-Pasila

BAB V FORMAT FONT DAN KOLOM KORAN

MS WORD SEBAGAI APLIKASI PENGOLAH KATA

Ahli Tipografi disebut TIPOGRAFER (ahlinya tipografi gitu...)

Tipografi Aplikatif HURUF DAN PENGGUNAANNNYA. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 09Fakultas FAKULTAS TEKNI PERENCANAAN DAN DESAIN

DASAR-DASAR MULTIMEDIA INTERAKTIF (MMI) by: Agus Setiawan


KETERAMPILAN KOMPUTER 2B** (IT :S1-SA) PERTEMUAN 3

BAB 4 KONSEP DESAIN. dengan huruf dan jenis huruf (typeface). Fungsi dari huruf selain untuk

THEMES PERTEMUAN 6. Memasang Theme

DEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.

Six: Pembuat Presentasi. Point of View. KETRAMPILAN KOMPUTER by: Ahmad Syauqi Ahsan

Web Design is 95% Typography Oliver Reichenstein, By: Ahmad SYAUQI Ahsan

3. Sistem pewarnaan gambar digital yang biasa digunakan pada tinta printer adalah. a. CMYK b. RGB c. Saturation d. Brighnest e.

MEMBUAT DAN MENGATUR DOKUMEN

INTERAKSI MANUSIA DAN KOMPUTER. Astrid Lestari Tungadi, S.Kom., M.TI.

BAB 4 KONSEP DESAIN. 4.1 Landasan Teori Teori Publikasi

TIPOGRAFI DEDDY AWARD W. LAKSANA, M.Pd

typos = bentuk grapho = menulis

BAB III METODE PERANCANGAN. Pada kerja praktek ini penulis berusaha menemukan dan memecahkan

Microsoft Word

BAB III ANALISIS DAN PERANCANGAN

Tipografi Aplikatif TIPOGRAFI IKLAN MEDIA CETAK. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 15Fakultas FAKULTAS DESAIN DAN SENI KREATIF

Bab 3 Menulis Teks di dalam Kanvas

XHTML dan Dasar-dasar CSS XHTML

12/1/ Pengaturan 2.Keseimbangan 3.Warna 4.Legibilitas (Kemudahan dibaca) 5.Menarik

BAB III ANALISA DAN PERANCANGAN

KAOS DIGITAL PRINTING

MS Word dan MS Powerpoint 2016 Komplet

Pertemuan 07 Typografi

Pert 11 DASAR-DASAR WEB DESIGN

Tipografi Aplikatif PENGGUNAN HURUF DISPLAY. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 10Fakultas FAKULTAS TEKNI PERENCANAAN DAN DESAIN

BAB III ANALISA DAN PERANCANGAN

Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :

Sabtu, 1 Desember 2012

MICROSOFT OFFICE POWERPOINT 2007

LEMBARAN SOAL ULANGAN HARIAN 1

Esther Wibowo -

DASAR-DASAR WEB DESIGN

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

BAB IV KONSEP PERANCANGAN

Microsoft. Office 2007

BAB VIII MENYISIPKAN OBJEK

Mempersiapkan Presentasi Profil Perusahaan

3.1.1 Profil Target Audience Website Koran Tangerang Ekspres. 1. Masyarakat kalangan menengah dan kalangan Atas. 2. Jenis Kelamin : Pria & Wanita

STORYBOARD MULTIMEDIA INTERAKTIF. Disusun : Tim ICT FKIP Unram

MENGENALI LAYAR KERJA MICROSOFT WORD 2007

10 Trik Microsoft Office Word Wajib Tahu Untuk Mempercepat Pekerjaan Anda

BAB 4 IMPLEMENTASI DAN EVALUASI

MEETING 4 (1) GRAPHIC DESIGNING. Huruf dan tipografi

I. PENGENALAN MICROSOFT POWER POINT. A. Membuka Aplikasi Microsoft Power Point

RAZALI KA Penilaian Terhadap Website SMK Negeri 3 Lhokseumawe Halaman 1 dari 5

Tata Tulis Jurnal. Andre Stafiyan, S.Kom STIKOM Bali 2012

Bentuk Primitif. Esther Wibowo -

PENGANTAR KOMPUTER & SOFTWARE I

File yang berisi informasi sebuah typeface di komputer diberi istilah font

PANDUAN PEMBUATAN KONTEN E LEARNING LENGKAP

BAB III METODE PERANCANGAN. ada dan mempelajari serta menganalisis permasalahan yang ada PT. Maxima

Daftar Isi. Kata Pengantar... v Daftar Isi...vii. MODUL 1 Menggunakan Format Karakter MODUL 2 Menata Tampilan Dokumen... 25

BAB 4 PERANCANGAN APLIKASI E-MARKETING. perusahaan. Pertemuan tatap muka dalam lingkungan tradisional telah digantikan

HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES

REKAYASA PERANGKAT LUNAK LANJUT DESIGN WEB E. Defri Kurniawan M.Kom

Penulis :

BAB III METODE PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

Font and typeface. Apa itu Font?

MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)

BAB II LANDASAN TEORI

BAB 4 IMPLEMENTASI DAN EVALUASI

Transkripsi:

Sistem Multimedia Text & Hypertext Donny Reza, S.Kom

Definisi Text Text: Perpaduan sekumpulan simbol yang digunakan untuk menyampaikan pesan. Text pada umumnya disebut dengan Tulisan (Writing) Media utama yang digunakan dalam Sistem Multimedia Text dalam bentuk kata, kalimat dan paragraf digunakan untuk menyampaikan pikiran, ide dan fakta-fakta yang dekat dengan setiap aspek kehidupan manusia. Produk multimedia bergantung pada text dalam banyak hal: Untuk menjelaskan bagaimana suatu aplikasi bekerja Untuk mengarahkan pengguna dalam menggunakan aplikasi tersebut Memberikan informasi untuk apa aplikasi tersebut dirancang.

Text Technology Tersusun dari huruf-huruf, angka-angka dan karakter-karakter khusus. Elemen Text dapat dikategorikan menjadi: Karakter Alfabet: A-Z, a-z Angka: 0 9 Karakter Khusus: Tanda Baca [., ; ], Tanda atau Simbol [!@#$%^&* ] Termasuk juga simbol-simbol matematika, huruf Yunani, Huruf Arab

Typefaces, Fonts and Points Typeface Representasi grafis dari alfabet, angka dan karakter khusus. Ukuran dan jenis biasanya bervariasi. Contoh Typeface: Helvetica, Arial, Times New Roman, dll

Typefaces, Fonts and Points Fonts Ukuran tertentu dari typeface Ukuran dan jenis biasanya bervariasi Ukuran font disebut points. 1 point = 1/72 atau 0,0138. Ukuran dihitung dari batas teratas dari huruf kapital (misal: A dan Y ), sampai ke batas terbawah dari descender (misal: y, g dan p )

Typefaces, Fonts and Points Anatomi Typeface/Font

Typefaces, Fonts and Points Anatomi Typeface/Font Sumber gambar: http://www.ad74.co.uk/images/content/gtk/leader_typo_anatomy.gif

Typefaces, Fonts and Points Pengelompokan Typeface: Serif: Times New Roman, Georgia, Garamond. Biasanya digunakan untuk percetakan karena lebih mudah dibaca. Misalnya: koran, buku, dll. Digunakan sebagai text untuk isi artikel, atau isi buku. Sans-serif: Arial, Helvetica, dll Kata sans, dalam bahasa Perancis berarti: tanpa Sering digunakan sebagai headline, judul, dll. Untuk penggunaan di layar monitor, sans-serif dinilai lebih baik dan lebih mudah terbaca.

Typefaces, Fonts and Points Serif vs Sans-serif

Typefaces, Fonts and Points Times New Roman Georgia Arial Verdana

Typefaces, Fonts and Points Efek Digunakan untuk menarik perhatian pembaca terhadap sesuatu hal yang dianggap penting. Penekanan Contoh: Case: UPPER, lower Bold, italic, Underline, superscript atau subscript Embossed, Shadow Merah, Biru, Kuning

Tifografi Seni dan teknik dalam merancang, mendesain, dan memodifikasi berbagai elemen tulisan/text. Elemen tulisan/text biasanya disebut glyph.

Tifografi Sumber Gambar: http://www.smashingapps.com/wp-content/uploads/2009/01/70-wonderful-3d-typography-that-truely-inspires.jpg http://pixelpirates.files.wordpress.com/2009/08/hendrix-typography.jpg

Tifografi Sumber Gambar: http://cyln3.files.wordpress.com/2009/12/typography03.jpg http://www.vishalgoyal.co.in/blog/wp-content/uploads/2008/04/experiment_of_typography_by_yienkeat.jpg

Aliasing, Antialiasing & Jaggies Sumber gambar: http://www.snowbound.com/images/antialias.gif

Aliasing, Antialiasing & Jaggies Sumber gambar: http://www.lcukblog.co.uk/wp-content/themes/starkers/style/images/blog_uploads/smoothtype_compare.gif

Aliasing, Antialiasing & Jaggies Jaggies: semacam gerigi yang terlihat saat text/gambar diperbesar. Jaggies merupakan konsekuensi dari rendahnya resolusi yang digunakan saat text/gambar tersebut disusun. Antialiasing merupakan teknik yang digunakan untuk mengurangi jaggies.

Text Data File Plain Text: text dalam format elektronik yang dapat dibaca dan dimengerti oleh manusia. Misal: Email Rich Text/Formatted Text/Styled Text: mirip dengan plain text tapi memiliki fitur tambahan berupa format-format tertentu. Misal: website Hypertext: text yang memiliki link referensi (hyperlink) ke text atau dokumen lainnya.

Text Data File Sumber Gambar: http://maxcdn.webappers.com/img/2007/08/email3.png http://filegets.com/screenshots/full/html-rich-text-area_4249.gif http://dewo.files.wordpress.com/2008/05/google-dewo.png

Bekerja Dengan Text Persiapan dan Petunjuk saat akan bekerja menggunakan text: Buat seringkas mungkin (be concise) Gunakan typeface dan font yang nyaman dibaca. Buat agar dapat dibaca dengan baik (readable) Pertimbangkan untuk menggunakan style dan warna Batasi agar tetap konsisten dengan typeface yang digunakan. Hindari lebih dari 3 jenis typeface.

Bekerja Dengan Text Dalam hal ukuran teks sangat besar: Alternatif: animasi, video, narasi. Tampilkan preview dan perkenankan user untuk dapat melakukan hal-hal berikut ini: Hyperlinking Pop-up message, scroll bars, drop-down menu.

Bekerja Dengan Text Menggunakan text secara efektif: Mengkomunikasikan Informasi Informasi harga dari sebuah produk Nama pelanggan beserta alamat Menjelaskan konsep dan Ide Pernyataan Visi dan Misi Perusahaan Perbandingan suatu produk Memperjelas media lain Label pada tombol (button), gambar, layar. Judul pada grafis, video, dll.

Kelebihan dan Kekurangan Text Kelebihan: Relatif lebih murah Menjelaskan media lainnya. Misal: Gambar Mudah diubah atau diperbaharui. Kekurangan: Lebih sulit diingat dibandingkan media lainnya. Memerlukan lebih banyak perhatian daripada media lainnya. Tidak Praktis

Hypertext & Hypermedia Hypertext Dokumen berbasis text dengan tambahan data statis seperti gambar atau table. Terdiri dari sebuah jaringan beberapa node (titik), terhubung melalui link (tautan) yang dapat dikunjungi oleh pengguna. Hypermedia Data-data Multimedia yang tersimpan dalam sebuah struktur jaringan hypertext. Setiap node (titik) adalah sebuah presentasi. Pengguna dapat berpindah dari satu presentasi ke presentasi lainnya.

Sumber Bacaan http://en.wikipedia.org/wiki/text_(literary_theory) http://www.fontshop.com/glossary.php http://en.wikipedia.org/wiki/typeface http://www.will-harris.com/font_vs_typeface.html http://www.adobe.com/type/topics/glossary.html http://en.wikipedia.org/wiki/hypermedia http://jontangerine.com/log/2008/08/typeface--font http://en.wikipedia.org/wiki/typography http://www.fonts.com/aboutfonts/articles/fyti/anatomy.htm