title goes hereteguh-cahyono.blog.unsoed.ac.id/files/2010/10/text.pdffont terbagi dalam 2 kelas :...
TRANSCRIPT
TEXT
Learning Outcomes
Pada akhir pertemuan ini, diharapkan
mahasiswa akan
mampu :
Menunjukkan Penggunaan Teks dan
Hypertext pada Aplikasi Multimedia
Outline Materi
Definisi Text
Teknologi Text
Fonts
Text Data File
Menggunakan Text
Hypertext dan Hypermedia
Apakah Text Itu ?
Media dasar untuk banyak sistem multimedia
Text dalam bentuk kata, kalimat, paragraf
digunakan untuk mengkomunikasikan pikiran,
ide, fakta dalam hampir setiap aspek
kehidupan.
Produk Multimedia bergantung pada text
dalam banyak hal :
Menjelaskan bagaimana aplikasi berjalan
Membimbing user ber-navigasi dalam aplikasi
Menyampaikan informasi sebagai tujuan
rancangan aplikasi
Teknologi Text
Didasarkan pada pembuatan huruf, angka dan
special karakter.
Text element dapat dikategorikan dalam :
Karakter Alphabet : A - Z
Angka : 0 - 9
Karakter Special : Punctuation [. , ; ‘ …] , Tanda
atau Simbol [* & ^ % $ £ ! /\ ~ # @ .…]
Juga dikenal sebagai Character Sets
Termasuk juga spesial icon atau simbol
gambar, simbol matematika, huruf Yunani dll.
Typeface, Font dan Point
Typefaces
Representasi grafik dari alfabet, angka dan spesial
karakter
Biasanya beragam tergantung ukuran dan style
Fonts
Ukuran tertentu suatu typeface
Ragam ditentukan dengan ukuran dan style
Ukuran diukur dalam point
Satu point adalah 1/72” atau 0.0138 inc”
Ukuran diukur dari ujung atas huruf kapital (mis : ‘A’
atau ‘P’) ke ujung bawah dari descenders (mis : ‘y’,
‘p’, ‘q’)
Efek Font
Beberapa efek yang berguna untuk menarik
perhatian pembaca pada suatu content :
Case: UPPER dan lower letter
Bold, Italic, Underline, superscript atau subscript
Embossed atau Shadow
Colours
Tipe-Tipe Font
Font terbagi dalam 2 kelas : Serif atau Sans Serif
Font bertipe Serif menggunakan tips atau flag dekoratif pada bagian akhir ujung sebuah huruf
Font bertipe Sans Serif tidak memiliki tips atau flag ini
Font bertipe Serif biasanya digunakan untuk dokumen atau layar yang mengandung banyak text Hal ini disebabkan serif membantu membimbing mata
pembaca selama membaca text
Untuk tampilan komputer, font bertipe Sans Serif dianggap lebih baik karena mempunyai kontrast yang lebih tajam
Anatomi Font
I D xhpBaseline
Serif
Shoulder
Counter
Mean line
Ascender
DescenderSet
width
X-height
Cap
heightPoint
size
Tracking, Kerning dan Leading
Av vAUnkerned Kerned
Tracking, Kerning dan Leading
Reading Line One
Reading Line OneLeading
Ascender : garis di atas rata-rata untuk lower case karakter
Descender : garis di bawah rata-rata untuk lower case karakter
Leading : spasi antar baris
Tracking : spasi antar karakter
Kerning : spasi antara sepasang karakter, biasanya sebagai overlap untuk memperbaiki tampilan
Jaggies dan Antialiasing
Jaggies merupakan batas kasar / patah-patah pada bitmapped image
biasanya terlihat jika image diperbesar
Merupakan konsekuensi dari array of pixel yang merupakan dasar
dari suatu image
Antialiasing merupakan teknik untuk mengeliminasi batas kasar
tersebut
Teknik untuk menggantikan pixel dengan warna lain sehingga batas
kasar terlihat seperti garis yang berkesinambungan
Teknik ini digunakan untuk menyatukan font dengan background nya
dengan memberikan warna transisi dari font dengan background nya
Teknik ini meminimalisasi batas patah-patah dan membuat tampilan
yang lebih halus secara keseluruhan
Jaggies dan Antialiasing
Text Data Files
Format data encoding yang umum untuk text
adalah :
Plain text (ASCII) merupakan text dalam format
elektronik yang dapat dibaca dan
dinterpretasikan oleh manusia
Rich text mirip dengan Plain text tapi juga
mengandung karakter pengendali spesial untuk
feature tambahan
Hypertext merupakan advance rich text yang
memungkinkan pembaca untuk melompat ke
bagian berbeda dalam dokumen atau juga ke
dokumen baru
Text Data Files
Plain text
This is plain text. It is readable by humans. It can contains numbers (01234) and punctuation (.,#@*&) since it uses the ASCII character set.
Rich text
This is <bold>rich text</bold>.<br><center>It is also readable by humans but contains additional tags which control the presentation of the text.</center>
Hypertext
This is <a href=“http://www.w3c.org/”>hypertext</a>. It uses the rich text format shown above but adds the ability to hyperlink to other documents.<hr><img src=“logo.gif”>
Working With Text
Yang perlu diperhatikan dan guidelines saat menggunakan text :
Singkat dan jelas (Concise)
Gunakan typeface dan font yang tepat
Mudah dibaca
Perhatikan type style dan warna
Batasi dan konsisten
Mudah Terbaca
Can you read me?
Can you read me?
Mudah Terbaca
The buzzword being splashed around is Convergence and by it we mean the convergence of multimedia technology with the telecommunications industry
The buzzword being splashed around
is Convergence and by it we mean
the convergence of multimedia
technology with the
telecommunications industry.
Working With Text
Text dalam jumlah besar
Pertimbangkan alternatif lain -
animasi, video, narasi.
Tampilkan preview dan mungkinkan
user untuk mendapatkan lebih
Hyper linking
Pop-up messages, scroll bars, drop-
down menus
Menggunakan Text Secara Efektif
Mengkomunikasikan data
Nama dan alamat pelanggan
Informasi harga produk
Menjelaskan konsep dan ide
Pernyataan misi perusahaan
Perbandingan prosedur medis
Menjelaskan media lain
Label pada button, icon dan screen
Captions dan callouts untuk graphics
Keuntungan dan Kerugian Penggunaan Text
Keuntungan
Relative murah dalam produksi
Mempresentasikan ide secara efektif
Menjelaskan media lain
Menjaga kerahasiaan / privacy
Mudah dirubah dan diperbaharui
Kerugian
Mudah dilupakan daripada media visual yang lain
Membutuhkan perhatian lebih dari user daripada
media lain
Tidak teratur
Hypertext dan Hypermedia Hypertext Dokumen berbasis text dengan tambah data
statis, misal : gambar dan tabel
Referensi Silang (cross referencing) antar bagian melalui kata kunci (keyword) yang berfungsi sebagai penghubung ke bagian lain
Terdiri dari jaringan node yang terhubung melalui link yang dapat dikunjungi oleh user
Hypermedia Data Multimedia yang tersimpan dalam struktur
hypertext terhubung
Setiap node adalah presentasi. User dapat melompat dari satu presentasi ke presentasi lain
A
FED
CB
A Small Hypertext Structure(having six nodes and nine links)
Definisi Hypertext Sebuah link menghubungkan dua node dan
biasanya terarah Source node
Destination node
Biasanya terhubung dengan bagian tertentu dari source node Anchor
Kadang destination adalah bagian dari sebuah node Source anchor
Destination anchor
Kebanyakan fasilitas hypertext memiliki fasilitas backtrack
Memungkinkan terjadinya lingkaran pengulangan (loop)
Beberapa sistem hypertext memberikan indikasi jika sebuah link akan membawa ke node yang sudah pernah dikunjungi
Definisi
Nodes + Links = Hyperdocument
Konten Informasi
Hypertext system
Piranti Lunak (Software) yang digunakan untuk membaca dan menulis hyperdocument
Hypertext
Sistem hypertext yang berisi sebuah hyperdocument
Navigasi Hypertext
User harus bisa mengikuti link dan bisa mengetahui mana informasi yang sudah dibaca dan mana yang belum
Users dari hypertext bisa menjadi bingung
Mudah tersesat
Walaupun dalam dokumen kecil, user mengalami fenomena ‘lost in hyperspace’
Navigasi user dalam hyperdocument dipengaruhi oleh
Struktur Hyperdocument
Bantuan navigasi yang disediakan oleh sistem hypertext
Strategi browsing yang diterapkan oleh user
Navigasi Hypertext Lost in hyperspace
Sebuah node yang menarik mungkin susah untuk ditemukan lagi di masa datang
Bookmarks
Ketika browsing, user dapat menjadi bingung tentang posisi
Tidak ada petunjuk arah dalam hyperspace
Tampilan Fish-eye
Menampilkan hanya bagian tertentu dari sebuah hyperdocument secara detil
Tampilan Birds-eye
Peta yang detil
Mungkin terlalu besar untuk ditampilkan secara keseluruhan sekaligus