Text and Hypertext Kuliah 03

Slides:



Advertisements
Similar presentations
Starting and Customizing a PowerPoint Slide Show
Advertisements

Lesson 2 — Working with Text
1 LECTURE 4 THE USES OF TEXT IN MULTIMEDIA Prepared by Cik Nor Anita Fairos bt Ismail.
Chapter Concepts Discuss Fonts Understand Fonts
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
Text and Image Pertemuan 01 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Text dan Hypertext Pertemuan 3 Matakuliah: T0732 / Sistem Multimedia Tahun: 2007.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Multimedia: Making it Work
Unit 4 – Multimedia Element: Text
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
Multimedia Building Block : Text
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
TYPOGRAPHY.
Text.
Text. Table of Content 1.Introduction of text. 2.Text elements. 3.Types of text. 4.Fonts and typefaces. 5.Font Terminology. 6.Classification of fonts.
Chapter 2: Text.
Chapter 4-Text.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
CHAPTER FIVE TEXT.
1 Pertemuan 03 Text and Hypertext Matakuliah: T0553/Sistem Multimedia Tahun: 2005 Versi: 5.
Introduction to Interactive Media Interactive Media Components: Text.
Text dan Hypertext Pertemuan 05 & 06 Matakuliah: O Computer / Multimedia Tahun: Feb
Key Applications Module Lesson 20 — Enhancing Presentations with Multimedia Effects Computer Literacy BASICS.
Text. Text came into use about 6,000 years ago Text in History.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
Text and Image Session 02 & 03 Subject: L0182 / Web & Animation Design Year: 2009.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Computer Engineering and Networks, College of Engineering, Majmaah University Text in multimedia Mohammed Saleem Bhat CEN-318 Multimedia.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
Multimedia Design.
Graphic Communication
Section 7.1 Section 7.2 Identify presentation design principles
SCA Introduction to Multimedia
Creating Links – Lesson 3
DFP 4113 MULTIMEDIA TECHNOLOGY
Chapter 2: Text.
Multimedia Systems and Applications
Multimedia Elements – Text and Graphics
Understanding Typography
THE USES OF TEXT IN MULTIMEDIA
Text.
Presentation Graphics
Chapter 7 Text.
Chapter 2: Text Eyad Alshareef Eyad Alshareef.
Text and Hypertext Kuliah 03
Multimedia Authoring Tools
Source: Digital Desktop Publishing--Font Basics
Text and Hypertext Kuliah 03
Desktop Publishing Terminology
Applications Software
Text and Hypertext Kuliah 03
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
SCA Introduction to Multimedia
Computer Literacy BASICS
Elements of Effective Web Design
SCA Introduction to Multimedia
Layout Terms Visual Hierarchy
UNIT-2 Text.
SCA Introduction to Multimedia
Presentation transcript:

Text and Hypertext Kuliah 03

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

Hypertext and Hypermedia Outline Materi Text Definition Text Technology Fonts Text Data File Working with Text Hypertext and Hypermedia

What is Text Basic media for many multimedia systems Texts in the form of words, sentences and paragraphs is used to communicate thoughts, ideas and facts in nearly every aspect of our lives. 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

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.

Typefaces, Fonts and Points The graphic representations of the alphabet, numbers and special character. Usually vary by type sizes and styles. Fonts Particular size of typefaces The sizes are measured in points One point is 1/72” or 0.0138 inc” 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’).

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 or Shadow Colours

Types of Fonts Two classes of fonts: Serif or Sans Serif Serif fonts use decorative tips or flags at the ends of a letter strokes Sans Serif fonts don’t have these features Serif fonts are usually used for documents or screens that have large quantities of text This is because the serif helps guide the reader’s eye along the text For computer displays, Sans Serif fonts considered better because of the sharper contrast.

Font Anatomy

Tracking, Kerning and Leading Tight tracking Loose tracking Av v A Kerned Unkerned

Tracking, Kerning and Leading Reading Line One Leading 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

Jaggies and Antialiasing Jaggies are the jagged edges you see when a bitmapped image is resized It is a consequence of the underlying array of pixels from which the image is composed Antialiasing is a technique that can be used to eliminate jagged edges It substitutes additional pixels in other colours to fool the brain into thinking it is seeing continuous lines The technique is used to blend the font into the background by transitioning the colour from the font colour to background. This technique minimizes the jagged edges making for a smoother overall appearance.

Jaggies and Antialiasing

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

Text Data Files Hypertext 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 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 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

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

Advantages and Disadvantages of using texts 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

Hypertext and Hypermedia 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.

A Small Hypertext Structure (having six nodes and nine links) B C F D E

Hypertext Definition A link connects two nodes and is normally directed Source node Destination node Normally associated with specific part of source node Anchor Sometimes destination is part of a node Source anchor Destination anchor Most hypertext facilities have a backtrack facility Loops are possible Some hypertext systems give an indication that a link leads to an already visited node

Definition Nodes + Links = Hyperdocument Hypertext system Hypertext Information content Hypertext system Software which lets one read and write hyperdocument Hypertext A hypertext system containing a hyperdocument

Hypertext Navigation User should be able to follow links and never encounter information that relies on information you haven’t read Users of a hypertext may become disoriented Easy to get lost Even in small documents, users experience the ‘lost in hyperspace’ phenomenon Navigation of the user through a hyperdocument is influenced by Hyperdocument structure Navigation aids provided by hypertext system Browsing strategy employed by user

Hypertext Navigation Lost in hyperspace An interesting node may be hard to find again in the future Bookmarks While browsing, you get confused about where you are No directions in hyperspace Fish-eye views Shows only a limited part of a hyperdocument in detail Birds-eye views Detailed maps May be too large to view at one time