MMUnit 3
MMUnit 3
Text
Origins of Written Communication:
Used by ruling classes and priests for political and taxation purposes.
Power of Writing:
Text remains foundational, forming the backbone of the web via HTML.
Literacy and navigation skills are essential for leveraging the internet
effectively.
Unit 3 1
Poets, songwriters, and advertisers use condensed language, distilling
complex meanings into few words, logos, or taglines.
Words like "Barbie," "green," or "lite" evoke different meanings for different
people, based on their personal experiences.
Using precise and powerful words for labels, menus, and navigation aids
improves communication and user experience.
Experimenting with word choices and testing them with users ensures
clarity and effectiveness.
Taking the time to choose impactful words will enhance the overall
multimedia experience.
English learners face challenges with irregular verbs and plurals, and
English spelling is considered the most difficult of languages using the Latin
alphabet.
Unit 3 2
Shortcuts and acronyms in SMS and online messaging (like "XOXO" or "U")
are common, but may fade with the increased capacity of MMS.
3. Font Styles: Variations of a font, such as boldface and italic, which may
include other attributes like underlining and outlining.
4. Point: A unit of measurement for font size, where one point is equal to
0.0138 inch (approximately 1/72 of an inch).
5. Font Size: The measurement from the top of the capital letters to the
bottom of descenders in letters such as "g" and "y."
6. x-height: The height of the lowercase letter "x," which can vary between
fonts and affects the perceived size of the font.
7. Leading: The space between lines of text, which can be adjusted in most
software programs to improve readability.
12. dpi (dots per inch): A measurement that indicates the resolution of a
monitor or printer, affecting the clarity of displayed or printed characters.
13. Free Fonts: Fonts that are available without charge, often found through
online searches.
Unit 3 3
14. Typeface Variety: The ability for the same letter to look different when
using different fonts and faces, providing options for design and
presentation.
Cases
In traditional typesetting, characters were stored in two trays: the upper tray
for capital letters (uppercase) and the lower tray for small letters
(lowercase).
Mixed uppercase and lowercase letters are generally easier to read than
text in all uppercase.
Directory names and filenames in URLs are case sensitive, meaning that
different combinations of uppercase and lowercase letters can lead to
different locations (e.g., bioTay vs. biotay ).
Other parts of URLs, like the protocol (HTTP) and domain names, are
typically case insensitive.
Definitions:
Uppercase: Capital letters used in writing, typically stored in the upper tray
in traditional typesetting.
Lowercase: Small letters used in writing, typically stored in the lower tray in
traditional typesetting.
Unit 3 4
Case Insensitive: A condition where the system does not distinguish
between uppercase and lowercase letters, treating them as the same.
Intercap: The use of an uppercase letter in the middle of a word, often used
in product names or programming to enhance readability.
Examples of sans serif fonts include Helvetica, Verdana, Arial, Optima, and
Avant Garde.
Serif fonts are traditionally used for body text because they are believed to
guide the reader's eye along the line of text.
Sans serif fonts are often used for headlines and bold statements.
On digital screens, sans serif fonts may be more legible and attractive,
especially in smaller sizes, compared to serif fonts.
Fonts like Tahoma and Verdana are designed to be legible at small sizes on
screens, making them suitable for substantial text.
The Times font at 9-point size may appear busy and can be tiring to read
on a screen.
Large, bold serif fonts can convey elegance and character, making them
suitable for titles or headlines.
The choice of font should consider the delivery medium, as what works for
print may differ from what works on a screen.
WYSIWYG (What You See Is What You Get) emphasizes that the
appearance on a screen may not always reflect the printed output
accurately.
Unit 3 5
Text is crucial in multimedia projects:
Projects without text are limited in complexity and rely heavily on visual
elements for navigation.
Menu text paired with simple actions (like clicks or touches) is user-
friendly and requires minimal training.
The choice of font size and the number of headlines should correlate with
the message's complexity and the presentation venue.
Use large fonts and bulleted points with minimal text to highlight the
main message.
Unit 3 6
Use highly legible fonts for small text; avoid decorative fonts that hinder
readability.
Limit the number of different font faces; use variations in weight and size,
such as italic and bold, to create emphasis without overcrowding the
design.
Adjust leading (line spacing) in text blocks for optimal readability; tightly
packed lines can be difficult to read.
Implement drop caps and initial caps for accentuation, which can be
created using word processors or CSS for web pages.
Keep centered text blocks concise; limit the number of lines and their width.
Use graphical effects to distort text creatively for single words or short
phrases, such as wrapping it around shapes or applying color gradients.
Try drop shadows to enhance text legibility and visual impact; use a slight
offset and color adjustments for depth.
Maintain white space around text elements for better clarity; avoid cluttered
designs.
Choose fonts that resonate with your message, but seek feedback and be
open to criticism.
Use descriptive words for links and menu items; ensure consistency in
color and style for text links on web pages.
Emphasize key ideas using bold or highlighted text, but avoid making non-
link text resemble buttons.
Place vital text elements and menus within the top 320 pixels of a web
page, as most users do not scroll.
Unit 3 7
Be aware that fonts may display differently across platforms (Mac vs.
Windows) and visually test your text to ensure consistency.
Use Cascading Style Sheets (CSS) for precise font styling and to specify
properties like color, line height, and text alignment.
Provide fallback font options in your CSS to account for uninstalled fonts on
users' systems; use a generic font family as a backup.
Text is more precise for delivering specific messages, but icons, images,
and sounds are easier for users to recall.
Historically, there have been attempts to replace text with purely symbolic
navigation systems, but these often frustrated users who needed to learn
unfamiliar symbols.
It's safer in design to combine symbols with text to ensure clarity and user
understanding.
Even well-known symbols may need text labels to avoid confusion, such as
the Macintosh trash can icon being used for both file deletion and disk
ejection.
Unit 3 8
A set of commonly recognized symbols has emerged for multimedia
navigation, though many still use accompanying text for clarity.
The floppy disk icon remains a standard symbol for "Save," even though the
physical medium is obsolete.
Menus can be simple text lists where users click on items to go to different
sections.
Menu items are sometimes shortened to save space, while still allowing
users to deduce their function.
Persistent textual cues help users understand their location within the
content and avoid feeling lost.
Complex navigation trees can confuse users if they don't have cues or
maps guiding their path.
Buttons can be text blocks, icons, or images, and they should manifest
effects (highlighting, sound) to indicate interaction.
Buttons and their design must follow the same rules as headlines and other
text elements in multimedia projects.
Unit 3 9
Authoring systems offer default button-making tools, but they often limit
fine-tuning options.
Button fonts should prioritize legibility with appropriate text size and
spacing from the rim.
Many users prefer printing out reports and emails to read them on paper, as
hard copy is more comfortable.
Monitors should be placed lower than eye level to reduce eye strain.
Avoid displaying large blocks of text unless it is the project's main focus;
present only a few paragraphs per page.
Try to display entire paragraphs on one screen to avoid forcing users to flip
between pages.
Unit 3 10
Shrinking portrait-oriented pages to fit on a landscape monitor often results
in text that is too small to read.
Four possible solutions for displaying taller blocks of text on a monitor are:
Put the text into a scrolling field. This is the solution used by web
browsers.
Put the text into a single field or graphic image in a project window, and
let the user move the whole window up or down upon command. This is
most appropriate when you need to present text with page breaks and
formatting identical to the printed document. This is used by Adobe’s
popular Acrobat Reader for displaying PDF files.
Break the text into fields that fit on monitor-sized pages, and design
control buttons to flip through these pages.
Design your multimedia project for a special monitor that is taller than it
is wide (portrait) or a normal monitor rotated onto its side. Dedicated
“page view” monitors are expensive; they are used for commercial
print-based typesetting and layout. Video controllers can rotate the text
display for you.
eReaders display text, graphics, and multimedia, often using E Ink screens
sized between five and ten inches.
Examples of eBook devices include the Apple iPad, Kindle, Sony Reader,
and Barnes & Noble Nook, among others.
EBooks can also be read on computers, PDAs, and mobile phones using
software like Adobe Digital Editions for format conversion.
Common eBook formats include .txt, .html, .pdf, .epub, .mobi, .azw, .lit, and
others (see Table 2-2 for format extensions).
Unit 3 11
HTML Documents
Hypertext Markup Language (HTML) is the standard format used for
displaying text pages on the Web.
HTML allows you to specify typefaces, sizes, colors, and other properties
using tags.
Tags like <B>, <STRONG> make text bold, <H1> is used for headers, and
<OL> is used for ordered lists.
Cascading Style Sheets (CSS) work with HTML to provide better control
over text and layout.
HTML lacks flexibility for designing pretty text, often relying on graphical
bitmaps or Flash files.
The fonts used in HTML documents depend on the viewer's browser and
system settings, making text appearance inconsistent across devices.
PostScript scales fonts easily, maintaining quality across different sizes and
printer resolutions, making it an industry standard.
PostScript fonts come in two types: Type 3 (rarely used) and Type 1, with
over 6,000 available typefaces. Type 1 fonts also include "hints" to improve
resolution.
Unit 3 12
In 1989, Apple and Microsoft developed TrueType as a scalable font
alternative that worked for both printers and low-resolution monitors.
Font Foundries
Today, fonts can be purchased through retail channels or directly from their
manufacturers.
Fonts are created in a "foundry," a term carried over from the days of
casting lead letterforms.
Fonts with creative names like Evil of Frankenstein, CocaCola, and TreeFrog
are available for download.
Will Harris’s Esperfonto tool helps users make font decisions based on
criteria like Casual vs. Formal or Modern vs. Traditional.
Unit 3 13
It assigns numeric values to 128 characters, including letters, punctuation,
numbers, and math symbols.
ASCII uses seven bits, allowing for 128 characters, with the eighth bit left
unused.
The extra bit enables the encoding of an additional 128 characters, forming
an extended character set.
This set of 255 characters is known as the ISO-Latin-1 character set and is
used in programming the text of HTML web pages.
Unicode
As the global computer market expanded, handling various international
language alphabets became difficult, especially when translating between
scripts like Latin (Roman) and Japanese kanji.
Shared symbols across languages are grouped into "scripts," where one
script can serve many languages (e.g., the Latin script for English and
Unit 3 14
European languages), while some languages, like Korean, use unique
scripts.
Unicode allows room for custom scripts, which can be created for specific
industries or applications.
Cross-platform font mappings are necessary for consistent text display. For
example, Macmaps to WinNew Roman, with size adjustments.
Always ensure fonts travel with the application or convert key text (titles,
headlines, etc.) into bitmaps to avoid display problems on different
platforms.
Curly quotation marks often fail to map successfully between Mac and
Windows systems.
Unit 3 15
Alphabets are the collection of symbols for a language. English uses 26
Roman letters, while Japanese kanji uses over 3,000 characters.
Cyrillic, used in Russian, is based on the Greek alphabet and has a similar
number of letters to Roman.
The Arabic numeral system (0-9) is widely adopted globally for its
simplicity, though Roman and other numeral systems are still used in
specific contexts.
The standard includes all usual characters from an English keyboard (the 7-
bit ASCII set).
Unit 3 16
Many word processors for languages other than English can automatically
insert the necessary character entities when saving documents in HTML
format.
After translation, the translator can capture a screen image of the translated
text to embed in the web page.
The software allows the creation of multiple font designs from two existing
typefaces and enables users to adjust the weight of an entire typeface to
create lighter or heavier fonts.
Unit 3 17
Making Pretty Text
Creating visually appealing text requires a variety of fonts and graphics
applications to enhance, manipulate, and stylize words into artistic designs.
While many designers prefer using ready-made fonts, some opt to create
their own custom fonts using font editing tools.
With the right tools and creativity, designers can create endless variations
of text, choosing and customizing styles to fit specific design needs.
TrueType, OpenType, and PostScript outline fonts can be scaled to any size
without loss of quality, avoiding jagged edges (known as "jaggies").
Unit 3 18
Hypermedia projects with substantial text can be indexed for rapid retrieval
and linking of content.
Hypertext not only links words to each other but also to associated
multimedia elements, enhancing overall design.
Vannevar Bush's 1945 article "As We May Think" laid the groundwork for
hypertext experimentation.
Critics argue that while hypertext offers freedom, users may prefer linear
structures, risking confusion without proper navigation aids.
Despite narrowing down to a single hit, finding relevant information can still
be challenging, as shown in a fictional excerpt about a storm and a boat.
The organization of vast data sets depends on the perspectives and biases
of those who create the access system.
Concerns arise about how designers shape the lenses through which
information is accessed, maintaining a balance between freedom and
Unit 3 19
authority.
Using Hypertext
Special programs for information management and hypertext enable the
presentation of electronic text, images, and other elements in a database
format.
Commercial systems are used for complex mixtures of text and images,
such as repair manuals for aircraft, parts catalogs, and reference libraries in
legal environments.
Simpler hypertext indexing tools are available for both Macintosh and
Windows, often integrated with multimedia authoring systems.
Server-based hypertext and database engines for the web are now
competitively priced and widely accessible.
A practical tip is to “hardwire” links between key terms in your text, allowing
users to click and access specific topic menus, which helps control
navigation without constraining user perception.
Unit 3 20
Searching for Word
Although the designer of a hypermedia database makes assumptions, they also
present users with tools and a meaningful interface to exercise these
assumptions. Employing this interface, users can tailor word searches to find
very specific combinations. Following are typical methods for word searching in
hypermedia systems:
Truncation: Searching for a word with any of its possible suffixes. For
example, to find all occurrences of "girl" and "girls," you may need to
specify something like girl#. Multiple character suffixes can be managed
with another specifier, so geo* might yield "geo," "geology," and
"geometry," as well as "George."
Intermediate words: Searching for words that occur between what might
normally be adjacent words, such as a middle name or initial in a proper
name.
Frequency: Searching for words based on how often they appear: the more
times a term is mentioned in a document, the more relevant the document is
to this term.
Hypermedia Structures
Unit 3 21
Links are connections between nodes, which may include text, graphics,
sounds, or related information, forming a knowledge base (e.g., connecting
Caesar Augustus with Rome).
Nodes are the accessible topics or content elements within the hypermedia
system.
Link anchors refer to the starting point, while link ends denote the
destination node connected to the anchor.
Full-text search allows for linking between numerous items at the current
node and other nodes based on relationship criteria.
Hypertext Tools
Most hypermedia text management systems have two primary functions:
building (or authoring) and reading.
The builder function creates links, identifies nodes, and generates the
essential index of words for the system.
Unit 3 22
kiosks, electronic catalogs, interactive fiction, and text/image databases.
There may be a delay before users fully adapt to nonlinear hypertext and
hypermedia systems, potentially altering the methodology of human
thought and conceptual management.
Digital Audio
Digital audio is created when you represent the characteristics of a sound
wave using numbers—a process referred to as digitizing.
In fact, you can digitize sounds from any natural or prerecorded source
Audio digitizing software like Audacity can help capture and digitize sound
from different sources.
Balancing the need for sound quality against file size: Higher quality
usually means larger files, requiring longer download times on the
Internet and more storage space on a CD or DVD.
Unit 3 23
Low-level recordings can result in poor quality due to insufficient sound
levels above the residual noise.
Use digital meters in recording software to monitor sound levels and avoid
distortion.
Avoid crossing the peak limit on digital meters to prevent distortion. Keep
levels between –3 and –10.
Lower volume if peaks are too high, either by adjusting the input level of
the recording device or the output level of the source.
With such a tool you can create sound tracks and digital mixes.
The basic sound editing operations that most multimedia producers need
are described in the paragraphs that follow
Splicing and Assembly: Cut and paste sections to remove noise or join
shorter recordings.
Time Stretching: Change the length of the audio without altering pitch,
but avoid excessive stretching to prevent audio degradation.
Unit 3 24
Digital Signal Processing (DSP): Add effects like reverb or chorus to
enhance sound, but use effects sparingly.
Multiple Tracks: Combine and edit multiple audio tracks before merging
into a final mix.
Lower sampling rates reduce file size but result in poorer sound quality.
More bits (e.g., 16-bit) produce higher quality sound but require more
storage space.
Stereo recordings sound more immersive but require double the space of
mono recordings.
Mono recordings are simpler and use less space but sound less lifelike
compared to stereo.
Higher quality means larger files; balancing quality and file size is essential
for efficient storage and playback.
1. Determine the file formats that are compatible with your multimedia
authoring software and the delivery medium(s) you will be using (for file
storage and bandwidth capacity).
2. Determine the sound playback capabilities (codecs and plug-ins) that the
end user's system offers.
Unit 3 25
3. Decide what kind of sound is needed (such as background music, special
sound effects, and spoken dialog). Decide where these audio events will
occur in the flow of your project. Fit the sound cues into your storyboard
(see Chapter 10), or make up a cue sheet.
4. Decide where and when you want to use either digital audio or MIDI data.
7. Test the sounds to be sure they are timed properly with the project's
images. This may involve repeating steps 1 through 4 until everything is in
sync.
Space Considerations
High-quality sound takes up significant storage space, especially for two-
channel stereo (e.g., 1.94MB for 11 seconds of uncompressed stereo
sound).
Use the formula for estimating file size:(sampling rate * bits per sample) / 8
= bytes per secondorsample rate * sample size / 8 * # seconds * 2 (if
stereo) = file size in KB
MP3s at 128 Kbps are generally adequate for music, while 192 Kbps offers
better quality. Speech can be sampled at 96 Kbps or even 64 Kbps.
Audio Recording
Unit 3 26
CD-quality sound recording (44.1 kHz, 16 bits) often requires professional
studios due to the need for high-end equipment and expertise.
Noise reduction circuits and metal tapes can help reduce hiss in recordings.
Digital Audio Tape (DAT) systems provide high-fidelity recordings but may
be unnecessarily precise for most multimedia projects, capturing unwanted
noise and imperfections.
External microphones and file transfer applications are available for mobile
devices, enhancing recording capabilities.
A database prevents the need to load and play multiple files to find the one
you're looking for.
Audio CDs
The digital encoding method for consumer CD music is based on the ISO
10149 standard, also known as the Red Book Audio standard, which uses a
sample size of 16 bits at a sampling rate of 44.1 kHz.
Unit 3 27
at these specifications.
Software like Toast and CD-Creator can convert Red Book Audio files from
CDs into formats like MP3 or WAV.
Unlike DVDs, audio CDs do not store information about artists, titles, or
tracklists.
Music player software (e.g., Apple iTunes, AOL Winamp) can link to an
online database when a music CD is inserted, matching the CD's Table of
Contents (TOC) with a database of over five million CDs and 60 million
songs.
This database, known as the Compact Disc Database (CDDB), was created
through contributions from music fans and is now maintained by Gracenote
Media Recognition Service
There are various types of tones associated with mobile phones, including
answertones, ringbacktones, truetones, realtones, sintones, videotones,
and "ringles."
These tones are available for purchase from various businesses worldwide.
Most mobile phones support MP3 file playback; users should consult their
phone’s manual for compatibility.
Web browsers handle sound files using associated applications and plug-
ins, as configured in browser preferences.
Unit 3 28
The simplest method to embed a sound file in a web page is through an
HTML anchor tag: <a href="mysound.wav"> Click here to play MySound! </a> .
When the link is clicked, the browser finds and downloads the specified
sound file, playing it based on the user's browser settings.
Media players begin playback when enough data is cached in the buffer,
allowing for smooth streaming without pauses.
HTML5 provides the <AUDIO> tag, which enables sound playback directly on
web pages without needing special players.
Flash supports MP3 files, balancing high-quality sound with efficient file
sizes for faster downloads.
To maintain audio quality, it's best to import uncompressed audio clips into
Flash, allowing it to handle compression.
Problems often arise during testing if they are not anticipated during the
planning phase.
Evaluate the sound storage medium for sufficient RAM to ensure effective
project performance.
Some authoring and delivery packages stream sound directly from the hard
disk or CD-ROM, while others require loading sounds into memory first.
Consider breaking sound or music files into smaller parts for better
management.
Unit 3 29
MIDI files may sound different depending on the playback device, so quality
can vary between development and end-user environments.
copyright Issues
Ownership rights are crucial for multimedia producers when considering
the use of copyrighted music.
Many producers prefer to create their own custom music or use sounds
with clear ownership and permission.
Unit 3 30