PENGANTAR

MULTIMEDIA
MEDIA TEKS
Outline

 Tujuan Pembelajaran
 Definisi Teks
 Jenis Teks
 Digital Teks
 Font
 Hyperteks dan HyperDocument
 Kekelebihan dan Kekurangan Teks
 Penggunaan media teks yang tepat
Tujuan Pembelajaran

 Mahasiswa mampu memahami penggunaan jenis media Teks

dalam merepresentasikan informasi
What is Text?

 Words and symbols in any form, spoken or written, are

the most common means of communication.
 Texts in the form of words, sentences and paragraphs is
used to communicate thoughts, ideas and facts in
nearly every aspect of our lives.
 Text is a vital element of multimedia menus, navigation
systems, and content.
 What is Text?
 Multimedia products depends on text for
many things:
 to explain how the application work.
 to guide the user in navigating through the
application.
 deliver the information for which the
application was designed.
What is Text?
 Based on creating letters, numbers and special characters.
 Text elements can be categories into:
 Alphabet characters : A – Z
 Numbers : 0 – 9
 Special characters : Punctuation [. , ; ‘ …] , Sign or Symbols [* & ^ % $ £ ! /\ ~ #
@ .…]
 Also known Character Sets
 May also include special icon or drawing symbols, mathematical symbols,
Greek Letter etc.
Importance of Text in a Multimedia
Presentation
Factors affecting legibility of text:
 Size.
 The size of the text
 Background and foreground color.
 The color in which the text is written in / on.
 Style.
 Also known as typeface and font
 Leading.
 Refers to the amount of added space between lines of type.
 Originally, when type was set by hand for printing presses,
printers placed slugs—strips of lead of various thicknesses—
between lines of type to add space.
 Background and foreground color (BG – Light colored, FG –
Dark)
 Size
 Style
 Leading
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).
Plain Text (Unformatted Text)

 Contoh plain text adalah pada saat kita mengetik

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.
ASCII
 ASCII berdasarkan English Alphabet. Dipublikasikan pada tahun
1967 dan diupdate tahun 1986. Terdiri dari 95 (32-space, 33-126)
karakter yang printable dan 32 (0-31) karakter non-printable/control
character
Jenis-Jenis Teks
2. Formatted Text (Rich Text Format)

 Serangkaian karakter format yang telah didefinisikan.

Contoh rich text adalah pada saat kita 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, dan lain-lain
Fonts and Typefaces
 A ‘font’ is a collection of characters of a particular size and
style belonging to a particular typeface family.
 Usually vary by type sizes and styles.
 The sizes are measured in points
 This includes the letter set, the number set, and all of the
special character and diacritical marks you get by pressing
the shift, option, or command/control keys.
Arial Fonts
Fonts and Typefaces (cont)
 A ‘typeface’ is a family of graphic characters that usually
includes many type sizes and styles.
 A typeface contains a series of fonts. For instance, Arial, Arial
Black Arial Narrow and Arial Unicode MS are actually 4 fonts
under the same family.

Arial Typefaces Family

Fonts and Typefaces (cont)
The study of fonts and typefaces includes the following:

 Font styles - boldface, italic, underline, outline

 Font sizes - point, kerning, leading

 Cases – uppercase, lowercase, intercap

 Serif versus Sans Serif

Font Styles
 The technology of font effects in bringing
viewer’s attention to content:
Case: UPPER and lower cased letter
Bold, Italic, Underline, superscript or subscript

Embossed or Shadow
Colours
b
Strikethrough
Font Sizes
 Font size is measured in points.
 Character metrics are the general measurements applied to
individual characters.
 Kerning is the spacing between character pairs
 Leading is the space between lines.

Reading Line One

Av
Leading
Reading Line Two
Cases

A capitalized letter is referred to as

'uppercase', while a small letter is referred
to as 'lowercase.'
 Placingan uppercase letter in the middle
of a word is referred to as intercap.
Serif Versus Sans Serif
Serif
Serif is the little decoration at the
end of a letter stroke.
Serif fonts are used for body text.
San Serif
Sans serif fonts do not have a serif
at the end of a letter stroke.
These fonts are used for headlines
and bold statements.

Examples of San Serif

fonts
Times New Roman
Bookman Century Gothic
Rockwell Light Arial
Courier New Comic Sans MS
Century Impact
Examples of Serif fonts Tahoma
Serif Versus Sans Serif (cont)
Using Text Elements in a Multimedia
Presentation
The text elements used in multimedia are:
 Menus for navigation.
 Interactive buttons.
 Fields for reading.
 HTML documents.
 Symbols and icons.
Menus for Navigation
 A user navigates through content using a menu.
 A simple menu consists of a text list of topics.
Interactive Buttons
 A button is a clickable object that executes a command when
activated.
 Users can create their own buttons from bitmaps and graphics.
 The design and labeling of the buttons should be treated as an
industrial art project.
Fields for Reading
 Reading a hard copy is easier and faster than reading
from the computer screen.
 A document can be printed in one of two orientations -
portrait or landscape.
HTML Documents

 HTML stands for Hypertext Markup Language.

 It is the standard document format used for Web pages.
 HTML documents are marked using tags.
HTML

 Merupakan standard bahasa yang digunakan untuk menampilkan

document web.
 Yang bisa kita lakukan dengan HTML yaitu:
 Mengontrol tampilan dari web page dan contentnya.
 Mempublikasikan document secara online sehingga bisa di akses dari
seluruh dunia.
 Membuat online form yang bisa di gunakan untuk menangani pendaftaran,
transaksi secara online.
 Menambahkan object-object seperti image, audio, video dan juga java
applet dalam document HTML.
 Mendukung link (sebuah hubungan dari satu dokumen kedokumen lain)
antar dokumen. Link pada umunya berwarna biru, dan jika sudah pernah
diklik berwarna ungu
HTML Documents

 An advanced form of HTML is DHTML.

 DHTML stands for Dynamic Hypertext Markup Language.
 DHTML uses Cascading Style Sheets (CSS).
HTML Documents

Some of the commonly used tags are:

 The <B> tag for making text bold faced.
 The <OL> tag for creating an ordered list.
 The <IMG> tag for inserting images.
Symbols and Icons

 Symbols are concentrated text in the form of stand-alone graphic

constructs.

 They are used to convey meaningful messages.

 Symbols used to convey human emotions are called emoticons.

 Icons are symbolic representations of objects and processes.

Using Text Elements in a Multimedia
Presentation
 Anti-aliased text must be used when a gentle
and blended look for titles and headlines is
needed.
 Ideas and concepts can be highlighted by
making the text bold or by emphasizing text.
 A pleasant look can be created by
experimenting with different font faces, sizes,
leadings, and kerning.
Summary

 Text is one of the most important elements of multimedia.

 The standard document format used for Web pages is called HTML.

 Multimedia is the combination of text, graphics, and audio elements

into a single presentation.

 A hypertext system enables the user to navigate through text in a

non-linear way.
TUGAS

 Buatlah sebuah Poster

 Tema tentukan sendiri
 Tools yang digunakan terserah