Text dan HypertextPertemuan 05 & 06

Matakuliah : O0414 - Computer / Multimedia

Tahun : Feb - 2010

Bina Nusantara

Learning Outcomes

Pada akhir pertemuan ini, diharapkan mahasiswa akan

mampu :• Menerapkan penggunaan berbagai jenis teks pada

aplikasi multimedia

Bina Nusantara

Outline Materi

• Text Definition• Text Technology• Fonts & Faces• Text Data File• Working with Text• Hypertext and Hypermedia

Bina Nusantara

What is Text

• Basic media for many multimedia systems

is used to communicate thoughts, ideas and facts

in nearly every aspect of our lives

is used to communicate thoughts, ideas and facts

in nearly every aspect of our lives

Bina Nusantara

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

Bina Nusantara

Text Technology• 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.

Bina Nusantara

Typefaces, Fonts and Points

• Typefaces– The graphic representations of the alphabet, numbers

and special character.– Usually includes many type sizes and styles.

• Fonts– A collection of characters of a single size and style

belonging to a particular typeface family– The sizes are measured in points

• 1 point = 1/72 or 0.0138 inch – Measuring distance from the top of a capital letters

(e.g. ‘A or P’) to the bottom of a descenders (e.g. ‘y , ‘p’ , ‘q’).

Bina Nusantara

Bina Nusantara

Fonts Effects

• A numbers of effects that are useful for bringing viewer’s attention to content:– Case: UPPER and lower letter

– Bold, Italic, Underline, superscript or subscript

– Embossed Embossed or ShadowShadow– CCoolloouurrss

Bina Nusantara

Font Anatomy

I D xhpBaseline

Serif

Shoulder

Counter

Mean line

Ascender

DescenderSet

width

X-height

Cap height

Point size

Bina Nusantara

Tracking, Kerning and Leading

Av vAUnkerned Kerned

Bina Nusantara

Tracking, Kerning and Leading

Reading Line OneReading Line One

Reading Line OneReading Line OneLeading

Ascender : an upstroke on a character Descender : the down stroke below the baseline of a character Leading : spacing above and below a font or Line spacing Tracking : spacing between characters Kerning : space between pairs of characters, usually as an

overlap for improvement appearance

Bina Nusantara

Jaggies and Antialiasing

Bina Nusantara

Types of Fonts• Two classes of fonts: Serif or Sans Serif

AA AA

Bina Nusantara

(This is because the serif helps guide the reader’s eye along the text)

(This is because the serif helps guide the reader’s eye along the text)

Font Editing and Design Tools

• Fontographer• Font Creator

Bina Nusantara

Bina Nusantara

Text Data Files

• The common data encoding schemes for text are:

• Plain text (ASCII) is text in an electronic format that can be read and interpreted by humans

• Rich text is similar but it also embeds special control characters into the text to provide additional features

• Hypertext is an advance on rich text which allows the reader to jump to different sections within the document or even jump to a new document

Bina Nusantara

Text Data FilesPlain textPlain text

This is plain text. It is readable by humans. It can contains numbers (01234) and punctuation (.,#@*&) since it uses the ASCII character set.

Plain textPlain 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 textRich 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>

Rich textRich 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>

HypertextHypertext

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”>

HypertextHypertext

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”>

Bina Nusantara

Bina Nusantara

Working With Text

• Considerations and guidelines when we are working with text:– Be Concise– Use the appropriate typefaces and fonts– Make it readable– Consider type styles and colors– Use restraint and be consistent

Bina Nusantara

Make It Readable

Can you read me?

Can you read me?

Bina Nusantara

Make It Readable• 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.

Bina Nusantara

Working With Text

• Large amounts of text– Alternatives? - animation, video, narration.– Show a preview and allow user to request

more• Hyper linking• Pop-up messages, scroll bars, drop-down menus

Bina Nusantara

How text can be used effectively

• Communicating Data– Customer names and address– Pricing information of products

• Explaining concepts and ideas– A company mission statement– A comparison of medical procedures

• Clarifying other media– Labels on button, icons and screens– Captions and callouts for graphics

Bina Nusantara

Advantages and Disadvantages of using texts

• Advantages– Is relatively inexpensive to produce– Present abstract ideas effectively– Clarifies other media– Provides confidentiality– Is easily changed or updated

• Disadvantages– Is less memorable than other visual media– Requires more attention from the user than other

media– Can be cumbersome

Bina Nusantara

Hypertext and Hypermedia

• Hypertext– Text based documents with the addition of static data

such as images and tables.– Cross referencing between sections via a keyword

acting as an anchor, linked to another section.– Consists of a network of nodes, connected via links

that can be visited by the user.

• Hypermedia– Multimedia data types stored in a hypertext networked

structure.– Each node is a presentation. Users can jump from

presentation to presentation.

Bina Nusantara

A

FED

CB

A Small Hypertext Structure(having six nodes and nine links)

Exercises

• Explore the Insert tab on Microsoft PowerPoint 2007, especially the Table and Chart functions

• Use Microsoft PowerPoint 2007 to make a list of your five favorite books. Each name is linked to another slide in PowerPoint which shows the book’s summary, author, and other information related to the book.

Bina Nusantara