Multi – many; much; multiple MULTIMEDIA APPLICATIONS
Medium – a substance regarded as the means of • Computer Based Training
transmission of a force or effect; • Teaching Aid – a channel or system of communication, • References information, or entertainment • Entertainment – means for distribution and presentation of • Information Kiosk information. • Simulation – classification based on perception (text, • Virtual Reality audio, video) is appropriate for defining multimedia. • Virtual Surgery
Criteria for the classification of medium: ADVANTAGES OF MULTIMEDIA
Presentation, Perception, Representation, Storage, 1. Is easy to use Information Exchange, Transmission 2. Enhancement of Text Only Messages 3. Improves over Traditional Audio-Video Multimedia – computer information can be Presentations represented through audio, video, and animation in 4. Gains and Holds addition to traditional media. 5. Good for “computer-phobics” – it is interactive when the end-user is 6. Multimedia is Entertaining as Well as allowed to control what and when the elements are Educational delivered. 7. Cost-effective • Multimedia is linear, when it is not interactive 8. Trendy and the users just sit and watch as if it is a DISADVANTAGES OF MULTIMEDIA movie. 1. Expensive • Multimedia is nonlinear, when the users are 2. Not always easy to configure given the navigational control and can browse 3. Requires special hardware the contents at will. 4. Not always compatible ➢ Interactive Multimedia is Hypermedia, when the end-user is provided with the structure of BASIC ELEMENTS OF MULTIMEDIA linked elements through which he/she can Text, Graphics, Animation, Video and Audio navigate. ➢ TEXT Multimedia Authoring Tools – are those programs that - Characters that are used to create words, provide the capability for creating a complete sentences, and paragraphs. multimedia presentation by linking together objects - It can be use for: such as paragraph of text (song), an illustration, an *Heading/Title audio, with appropriate interactive user control. (Adobe *Bullet/List Photoshop, Adobe Flash, Maya, Unity 3D) *Paragraph *Multimedia elements are composed into a project *Scrolling text using authoring tools. *Navigation Authors – (those who use authoring tools) can produce *Text as graphics attractive and useful graphical applications. Text Element: Multimedia platform or environment – The hardware Alphabet characters: A-Z, Number: 0-9, Special and the software that govern the limits of what can characters, Symbols @ #$&* happen. Multimedia System – is any system that supports more ➢ GRAPHICS than a single kind of media. (any processing text and - Graphics are digital representation of non- image || The definition is quantitative. A qualitative text information, such as a drawing, chart, definition would be more appropriate.) or photograph. – is characterized by computer- - Graphics are use to: controlled, integrated production, manipulation, storage *To add emphasis and communication of independent information, which *Direct attention is encoded at least through a continuous(time- *Illustrate concepts dependent) and a discrete (time-independent) medium. *Provide background content ADVANTAGES OF GRAPHICS IN MULTIMEDIA ➢ SOUND 1. Convey information more quickly than when - Sound is the best way to attract attention. using text - Often audio provides the only effective way 2. Make complex information simple to convey an idea, elicit an emotion, or 3. Enhance online teaching and learning dramatize point. 4. Enhance communication with some disabled - It can also be combined in a multimedia groups, particularly those with learning presentation to provide information and difficulties or cognitive impairments enhance the other media being presented. DISADVANTAGES OF GRAPHICS IN MULTIMEDIA 1. Take longer to download The use of sound: 2. Require the use of plug-ins that the user may Music: Background, Attention grabber, Sound not have or be able to install effect 3. Create accessibility barriers for some users Speech: Narration, Instruction
Graphics Categories: Vector & Bitmap ➢ ANIMATION
- It is a series of graphics that create an Vector Graphics illusion of motion. - Images created with software that uses - Entertainment multimedia titles in general, geometrical formulas to represent images. and children’s titles specifically, rely heavily - Composed of individual elements (arc, line, on animation. polygon, with their own attributes that can The use of animation: be individually edited). To attract attention, To inform about the state of - Can be created using any drawing software process, Demonstrations, Interactive simulations VG – Advantages 1. The ability to resize and rotate a ➢ VIDEO graphics without distortions a major - Is the technology of electronically capturing, advantage of vector graphics. recording, processing, storing, transmitting, 2. Another advantage is their smaller file and reconstructing a sequence of still size. images representing scenes in motion. VG-Disadvantages The use of Video: 1. The more complex they are, the larger 1. The embedding of video in multimedia the file size and the longer they take to applications is a powerful way to convey appear on the screen. information which can incorporate a personal 2. They cannot display photorealistic element which other media lacks. quality 2. Promoting television shows, films, or other non- computer media that traditionally have used Bitmap Graphics trailers in their advertising. - Also called as raster graphics 3. Giving users an impression of a speaker’s - It represents the image as an array of dots, personality. called pixels. 4. Showing things that move. (e.g., a clip from a - Resolution-dependent and generate large motion picture, product demos of physical file sizes. products are also well suited for video). BM – Advantages DV ADVANTAGES 1. The bitmap can be more photorealistic 1. It can be easily edited. 2. We can set color of every individual 2. Video is stored as a standard computer pixel in the image. file. BM – Disadvantages 3. Software motion video does not require 1. Bitmaps are memory intensive, and the specialized hardware for playback. higher resolution, the larger the file size 4. Digital video requires neither a video 2. When an image is enlarged, the board in the computer nor an external individual colored squares become device (which adds extra costs and visible and the illusion of a smooth complexity) such as a videodisc player. images is lost to the viewer. 5. Long-lasting DV DISADVANTAGES ➢ Formatted Text (Rich Text) 1. Requires large storage capacity Comprise strings of characters of devices. different styles, sizes and shape together with tables, 2. Copies can be made illegally. graphics, and image inserted at appropriate point. (e.g., 3. Need fast computer system for Rich Text Format (RTF), HTML, .doc) playback and capture. An example of formatted text is that 4. Requires knowledge of digital produced by most word processing packages. It enables compression technology. documents to be created that consists of characters of different styles and variable size and shape, each of TEXT ELEMENT<<< which can be plain, bold, or italicized. In addition, a variety of document TEXT – Is obviously the simplest of data types and formatting options are supported to enable an author requires the least amount of storage. to structure a document into chapters, sections and – in the form of words, sentences, and paragraphs paragraphs, each of which with different headings and is used to communicate thoughts, ideas, and facts in with tables, graphics and pictures inserted at daily life. appropriate points. – may not be visually exciting as some of the other media types, but it often conveys essential and precise ➢ Hypertext information. It enables the integrated set of – is probably the most common form of documents (each comprising formatted text) to be information delivery created which have defined linkages between them. It can be captured in ff ways: it is a type of formatted text that Keyboard enables a related set of documents, normally referred Mouse to as pages, to be created which have defined linkage Scanner (OCR) – Optical Character Recognition points, referred to as hyperlinks, between each other. : designed to translate images of handwritten or typewritten text (usually capture by a scanner) into *Multimedia applications depend on text for many things including: Page Titles machine-editable text. Delivering information in form of multiple sentences/ Types of Text paragraphs ➢ Unformatted Text (Plain text) Labels for pictures Comprise strings of fixed-sized Instructions for operating the application characters form a limited character set. FONTS & TYPEFACES ASCII (American Standard Code for Information Font – Collection o characters of different sizes and Interchange) – one of the most widely used character styles of a typeface. sets and the table includes the binary code word used Typeface – Graphic representation or the shape of to represent each character. characters. It is a family of related fonts. ASCII Code – Each character is represented by a unique 7-bit binary code word, meaning that there are FONT TERMINOLOGY 128(2^7) alternative characters. • Baseline – the line on which the bases of – In addition to all normal alphabetic, characters are arranged. numeric and punctuation character, the total ASCII • Leading – the distance between successive character set also includes control characters such as: baselines. backspace, delete, etc. • X-height – the distance between the baseline Extended Character Set (ISO Latin-1) and the top of a lowercase letter x. Extra 1 bit in ASCII is filled with ANSI (American National Standards Institution) characters (256 characters) • Ascenders/descenders – strokes that rise above Unicode: the x-height/drop below the baseline. • Unicode is the universal standard for multi-language characters published by Unicode Consortium. • Kerning – adjustment of space between certain • Unicode 4.0 standard covers 96,382 characters using 16 bits uniform pairs of letters to make them look more encoding. uniform. • Unicode can support a wide variety of non-Roman alphabets including Han Chinese, Japanese, Arabic, Korean, Bengali, and so on. • Tracking – Spacing between characters. • Serif – Flag or decoration at the end of a char stroke. CLASSIFICATION OF FONTS TrueType – Page Description Language • Spacing: monospaced (fixed – is joint effort by Apple & Microsoft width)/proportional – uses mathematical construct • Serifs: serif/sans serif – In addition to printing smooth chars, it : serifs are the small strokes added to the allows chars displayed on low-resolution monitors ends of character – No special software needed to display : shapes in conventional book fonts. – No licensing needed • Shape: upright/italic/slanted Bitmap – Images of characters : slant is a vertical shear effect, italic uses – Requires a lot of memory glyph shapes : with a slant • Weight: bold/normal/light Bitmapped and Vector Fonts • Fonts can either be stored as bitmapped or vector SERIF AND SANS SERIF FONTS • Bitmap require one bitmap for each size • Fonts can be broadly be said to be of one of two - File size increases as more sizes are added types: serif or sans serif - Require a lot of memory • A serif is the decorative ‘bit’ at the end of a • Vector fonts can draw any size by scaling the letter stroke vector drawing primitives mathematically - File size is much smaller than bitmaps • Serif fonts have them and sans serif fonts don’t - TrueType and PostScript are vector font (‘sans’ being French for ‘without’) formats • Serif fonts are usually used for printed media or documents that have large quantities of text. Font Appearance • This is because the serif helps guide the reader’s Rasterization – Font is drawn on the screen one pixel at eye along the line a time • San Serifs fonts are considered better for Jaggies – are the jagged edges you see when a computer displays because of the sharper bitmapped image is resized. It is a consequence of the contrast. underlying array of pixels from which the image is Serif fonts: Times New Roman, Bookman Old Style, composed. Monotype Corsiva, Courier New Anti-Aliasing – blend the font into the background color Sans Serif fonts: Arial, Tahoma, Impact, Verdana – This technique minimizes the jagged FONT STYLES edges making font smoother overall appearance. • Bold, Italic, Underline, Strikethrough, – It substitutes additional pixels in other superscript or subscript, embossed or shadow colors to fool the brain into thinking it is seeing • Colours continuous lines. • Some common fonts used today include: : Arial (or Helvetica): A sans serif font Meaningful Words: : Times New Roman: A serif font Text is used for titles and headlines, menus, navigation, : Courier New: A monospaced font (all and content. characters have the same width) Too much text – crowded or busy screen. Too little text – too many pages. Words must be chosen carefully. Postscript – Page Description Language – Uses mathematical construct – Allows the character to be scaled bigger/smaller; able to be finely printed. – Needs special software to display – Needs licensing Example: Adobe’s PostScript Guidelines for Choosing Fonts: - That is making choice in an easier way and ➢ For small type, do not use decorative fonts because limited according to the system’s in small size they are unreadable. capabilities ➢ Use as few typefaces as possible but you can vary - Choosing may lead to another page with the size and style using italic or bold. text or may retrieve info from database ➢ Adjust the leading or line spacing where you have a 4. Scroll Bars lot of text for easier reading. ➢ Vary the size of a font according to the importance - Usually not a good practice to use scroll of the message you are delivering bars ➢ Use bold or emphasize text to highlight ideas or - Mostly irritates the user concept - Important messages should not be posted ➢ For small type, do not use decorative fonts because using scrollbars, since the user may not in small size they are unreadable. notice it. ➢ Adjust the leading or line spacing where you have a 5. Buttons for interaction lot of text for easier reading. - The concept of hyperlinking remains the ➢ Vary the size of a font according to the importance same of the message you are delivering. - Chane in appearance by using a button with ➢ Use bold or emphasize text to highlight ideas or concept. text to glow on it rather than using a ➢ In large headlines, adjust the spacing between hypertext. letters (kerning) so that the spacing feels right. 6. Symbols & Icons ➢ Use anti-aliasing for big fonts but turn off anti- - Using symbols or icons in-order to express a meaning aliasing for small fonts. - e.g., a floppy icon in MS Word represents “Save”, expressing to save the document. ➢ Surround headlines with white space ➢ Distinguish text links with colors and underlining ➢ Use drop caps and initial caps
Efficient use of Text
Positive ways to communicate message by less text and other ways are: 1. Hypertext - Linking a hypertext or hot word / hotspot to another part of the title that displays more text - Very effectively used to retrieve info from databases - Helps user in decision making - User can process information faster and strategically 2. Pop-up Messages - Another type of Hot word used to save space - Click on a hot word or a text, a small message pops up explaining in brief about the hot word - Remains for some time and vanishes after programmed duration or by a mouse click 3. Drop-down boxes - Gives the user a set of choices and reduces his strain of decision making