Beekman5 std ppt_07


Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Beekman5 std ppt_07

  1. 1. Chapter 7 Graphics, Hypermedia, and Multimedia
  2. 2. Topics <ul><li>Focus on Computer Graphics </li></ul><ul><li>Dynamic Media: Beyond the Printed Page </li></ul><ul><li>Interactive Multimedia: Eye, Ear, Hand, & Mind </li></ul><ul><li>Data Compression – How and Why </li></ul>“ If you look out in the future you can see how best to make right choices.” Doug Engelbart
  3. 3. Focus on Computer Graphics <ul><li>Computer graphics include: </li></ul><ul><ul><li>Painting Software </li></ul></ul><ul><ul><li>Digital Image Processing </li></ul></ul><ul><ul><li>Drawing Software </li></ul></ul><ul><ul><li>3-D Modeling Software </li></ul></ul><ul><ul><li>CAD/CAM </li></ul></ul><ul><ul><li>Presentation Graphics </li></ul></ul>
  4. 4. Painting Software <ul><li>Paint pixels on the screen with a pointing device such as a mouse, joystick, trackball, touch pad or pen. </li></ul><ul><li>The pointer movements are translated into lines and patterns on the screen. </li></ul>
  5. 5. Graphics Talk <ul><li>Pixels are tiny dots of white, black, or color that make up images on the screen. </li></ul><ul><li>Palette of tools that mimic real-world painting tools and other tools unique to computers. </li></ul><ul><li>Bitmapped graphics (or raster graphics) are pictures that show how the pixels are mapped on the screen. </li></ul><ul><li>Color depth is the number of bits devoted to each pixel. </li></ul><ul><li>Resolution is the density of the pixels. </li></ul>
  6. 6. Digital Image Processing: Photographic Editing by Computer <ul><li>Software that allows the user to manipulate photographs and other high-resolution images with tools such as Adobe Photoshop. </li></ul><ul><li>Far more powerful than traditional photo-retouching techniques. </li></ul><ul><ul><li>Can distort and combine photos as demonstrated in the tabloids </li></ul></ul><ul><ul><li>Create fabricated images that show no evidence of tampering </li></ul></ul>
  7. 7. Building a Photo Collage Take an image Combine it with other objects Make a statement
  8. 8. Drawing: Object-Oriented Graphics <ul><li>Drawing software stores a picture as a collection of lines and shapes (called object-oriented or vector graphics ). </li></ul><ul><li>Memory demands on storage not as high as bit-mapped images. </li></ul><ul><li>Many drawing tools - line, shape and text tools are similar to painting tools in bitmapped programs. </li></ul>
  9. 9. Pixels vs. Objects <ul><li>Bit-mapped painting (pixels) gives you these advantages: </li></ul><ul><ul><li>More control over textures, shading and fine detail </li></ul></ul><ul><ul><li>Appropriate for screen displays, simulating natural paint media and embellishing photographs </li></ul></ul>
  10. 10. Pixels vs. Objects <ul><li>Object-oriented drawing gives you these advantages: </li></ul><ul><ul><li>Better for creating printed graphs, charts, and illustrations </li></ul></ul><ul><ul><li>Lines are cleaner and shapes are smoother </li></ul></ul>
  11. 11. Rules of Thumb: Creating Smart Art <ul><li>Choose the right tool for the job. Don’t be afraid to experiment and create your own art. </li></ul><ul><li>Use computer clip art images that are either in the public domain or available through licensing. </li></ul><ul><li>Don’t borrow without permission. </li></ul><ul><li>Protect your own work by using the copyright symbol © </li></ul>
  12. 12. 3-D Modeling Software <ul><li>Used to create three-dimensional objects with tools similar to those in drawing software. </li></ul><ul><li>Goal for some applications: to create an animated presentation on a computer screen or videotape. </li></ul><ul><li>Flexible: can create a 3-D model, rotate it, view it from different angles </li></ul><ul><li>Can “walk-through” a 3-D environment that exists only in the computer’s memory </li></ul>
  13. 13. 3-D Modeling Software Images in wireframe view; ones on right are fully rendered to add surface textures
  14. 14. CAD/CAM: Turning Pictures into Products <ul><li>Computer Aided Design ( CAD) software allows engineers, designers, and architects to create designs on screen for products ranging from computer chips to public buildings. </li></ul><ul><li>Can test product prototypes </li></ul><ul><li>Cheaper, faster, and more accurate than traditional design-by-hand techniques </li></ul>
  15. 15. CAD/CAM: Turning Pictures into Products <ul><li>Computer-Aided Manufacturing (CAM) is the process by which data related to the product design are fed into a program that controls the manufacturing of parts. </li></ul><ul><li>Computer-Integrated Manufacturing (CIM) refers to the combination of CAD/CAM and is a major step toward a fully automated factory. </li></ul>
  16. 16. Presentation Graphics: Bringing Lectures to Life <ul><li>Presentation graphics software helps to automate the creation of visual aids for lectures, training sessions, sales demonstrations, and other presentations. </li></ul><ul><li>Create slide shows directly on computer monitors or LCD projectors, including still images, animation and video clips. </li></ul><ul><li>Slides might include: </li></ul><ul><ul><li>photographs </li></ul></ul><ul><ul><li>drawings </li></ul></ul><ul><ul><li>charts </li></ul></ul><ul><ul><li>tables </li></ul></ul>
  17. 17. Dynamic Media: Beyond the Printed Page <ul><li>Modern media contains dynamic information--information that changes over time or in response to user input. </li></ul><ul><ul><li>Animation </li></ul></ul><ul><ul><li>Desktop Video </li></ul></ul><ul><ul><li>Audio </li></ul></ul><ul><ul><li>Hypertext and hypermedia </li></ul></ul>
  18. 18. Animation: Graphics in Time <ul><li>Each frame of computer-based animation is a computer-drawn picture and the computer displays those frames in rapid succession. </li></ul><ul><ul><li>Tweening - instead of drawing each frame by hand, animator can create key frames and objects and use software to help fill in the gaps </li></ul></ul><ul><ul><li>“ Anything you can imagine can be done. If you can draw it, if you can describe it, we can do it. It’s just a matter of cost.” </li></ul></ul><ul><ul><li>James Cameron, Filmmaker </li></ul></ul>
  19. 19. Rules of Thumb: Making Powerful Presentations <ul><li>Know your audience </li></ul><ul><li>Outline your ideas </li></ul><ul><li>Keep it simple </li></ul><ul><li>Use a consistent design </li></ul><ul><li>Don’t clutter the screen </li></ul><ul><li>Keep each slide focused </li></ul><ul><li>Tell them what you’re going to tell them, then tell them, then tell them what you told them </li></ul>
  20. 20. Desktop Video: Computers,  Film, and TV <ul><li>A video digitizer can convert analog video signals from a television broadcast or videotape into digital data. </li></ul>
  21. 21. Desktop Video: Computers,  Film, and TV <ul><li>Video editing software such as Adobe Premiere makes it easy to eliminate extraneous footage, combine clips from multiple takes, splice together scenes, create specific effects and other activities. </li></ul><ul><li>Morphs are video clips in which one image metamorphoses into another. </li></ul><ul><li>Data compression software and hardware are used to squeeze data out of movies so they can be stored in smaller spaces. </li></ul>
  22. 22. The Synthetic Musician: Computers and Audio <ul><li>Audio digitizer - captures sound and stores it as a data file </li></ul><ul><li>Synthesizer - electronic instrument that synthesizes sounds using mathematical formulas </li></ul><ul><li>MIDI - Musical Instrument Digital Interface is a standard interface that allows electronic instruments and computers to communicate with each other </li></ul><ul><li>Sequencing software - turns a computer into a musical composition, recording and editing machine. </li></ul>
  23. 23. Hypertext and Hypermedia <ul><li>Hypertext refers to information linked in non-sequential ways. </li></ul><ul><li>Hypermedia combines text, numbers, graphics, animation, sound effects, music and other media in hyperlinked documents. </li></ul><ul><ul><li>Useful for on-line help files </li></ul></ul><ul><ul><li>Jump between documents all over the Internet </li></ul></ul>
  24. 24. Interactive Multimedia: Eye, Ear, Hand, and Mind <ul><li>A combination of text, graphics, animation, video, music, voice and sound effects that allows the user to take an active part in the experience. </li></ul><ul><li>Requirements: high-quality color monitors, fast processors, large memory, CD-ROM drives, speakers, and sound cards </li></ul>
  25. 25. Multimedia Authoring: Making Mixed Media <ul><li>Multimedia authoring software glues together media captured and created with other applications. </li></ul><ul><li>Multimedia authoring tools include prewritten behaviors attached to buttons, images or other on-screen objects </li></ul>
  26. 26. Rules of Thumb: Making Interactive Multimedia Work <ul><li>Be consistent in visual appearance </li></ul><ul><li>Use graphical metaphors to guide viewers </li></ul><ul><li>Keep the screen clean and uncluttered </li></ul><ul><li>Include multimedia elements to enliven the presentation </li></ul><ul><li>Focus on the message </li></ul><ul><li>Give the user control </li></ul><ul><li>Test your presentation with those unfamiliar with the subject </li></ul>
  27. 27. Interactive Media: Visions of the Future <ul><li>Positive aspects: </li></ul><ul><ul><li>Users become active participants </li></ul></ul><ul><ul><li>People gain control over the media and use it to create a new kind of digital democracy </li></ul></ul><ul><li>Negative aspects: </li></ul><ul><ul><li>Users become isolated and addicted to the technology </li></ul></ul><ul><ul><li>Media used to influence and control unwary citizens </li></ul></ul>