Edited-IT213-Final-Exam-Study-Guide.
Final Exam Study Guide
Disclaimer: This is a guide only and is not guaranteed to be complete. To prepare for IT213 final exam, go over
the reading assignments and lecture notes for lecture 6~11.
Lecture 6: Animation & Interactivity
Multimedia and animated elements are a combination of text, images, animation, audio, and video.
Issues:
a. Not all compatible with all browsers and devices
b. Possible need for browser plug-ins
c. Longer download time
d. Substantial use of storage space on the host server
e. Creating professional quality multimedia requires expertise and budget
Guidelines to follow
a. Adapt the content based on the visitor’s speed or device
b. Inform the visitor of plug-ins and provide links to any downloads if necessary
c. Provide options for full-screen viewing
d. Provide text equivalents for all multimedia elements
e. Break audio or video files into short segments
f. Embed instead of including source media (youtube, flickr, spotify)
1. Animation- Uses a fast-paced presentation of changing static images to simulate motion
➢ Creation Process
▪ Frame-by-frame animation- movements are drawn out on individual frames
▪ Animation with tweening - software creates necessary frames between start and end
of animation.
➢ Animated GIFs (.gif)- file that comes with multiple animated frames
▪ Frames-per-second (fps)
▪ Size
➢ Flash Animation (.swf)
▪ Advantages and Disadvantages
2. Interactivity
➢ UX-Driven Interactivity- user experience driven interactivity
➢ Web-based Forms- Include text box(es), check box(es), radio button(s), and a drop down
button menu. Multiple checkboxes can be checked, but you can only select 1 radio button.
➢ Breaking a form into multiple form tags decrease web accessibility because it makes it harder
for screen readers
➢ Widgets (or Gadgets)
➢ Blogs
➢ Comments
➢ Avatars- virtual person(s) used for e-commerce sites, educational sites, or games
➢ Live Chat
1
This study source was downloaded by 100000839495789 from CourseHero.com on 04-11-2022 13:39:46 GMT -05:00
https://www.coursehero.com/file/32128023/Edited-IT213-Final-Exam-Study-Guidedocx/
, Edited-IT213-Final-Exam-Study-Guide.
Lecture 7: Audio & Video
1. Audio
➢ Analog vs. Digital
Sounds in the real world are analog. Sounds need to be converted to digital format to be used
online.
➢ Basic Digital Audio Concepts
▪ Sampling rate / Bit depth / Channel (mono/stereo)
➢ Web Audio Formats
▪ .aac / .aiff / .Au / .m4a / .mp3 / .ogg / .ra, .rm / .wav / .wma
➢ Media Delivery Methods
▪ Downloadable / Streaming / Progressive Downloading or Pseudo Streaming
▪ Progressive Downloading or Psuedo streaming- Files that have been progressively
downloaded stay on the computer and can be played immediately
➢ Audio Elements
▪ Audio Files / Podcast
➢ Optimizing Audio Files for the Web
▪ Length / Channels / Sampling Rate / Bit Depth
2. Video
➢ Basic Digital Video Concepts
▪ (Playback) Frame Rate; Frame Size ; Color Depth
➢ Web Video Formats
▪ .avi / .mov / .mpeg / .rm / .wmv
➢ Video Elements
▪ Download royalty-free videos
▪ Purchase videos
▪ Create your own video files
➢ Optimizing Video Files for the Web
▪ Length / Frame Size / Frame Rate / Color Depth / Compressions
2
This study source was downloaded by 100000839495789 from CourseHero.com on 04-11-2022 13:39:46 GMT -05:00
https://www.coursehero.com/file/32128023/Edited-IT213-Final-Exam-Study-Guidedocx/
Final Exam Study Guide
Disclaimer: This is a guide only and is not guaranteed to be complete. To prepare for IT213 final exam, go over
the reading assignments and lecture notes for lecture 6~11.
Lecture 6: Animation & Interactivity
Multimedia and animated elements are a combination of text, images, animation, audio, and video.
Issues:
a. Not all compatible with all browsers and devices
b. Possible need for browser plug-ins
c. Longer download time
d. Substantial use of storage space on the host server
e. Creating professional quality multimedia requires expertise and budget
Guidelines to follow
a. Adapt the content based on the visitor’s speed or device
b. Inform the visitor of plug-ins and provide links to any downloads if necessary
c. Provide options for full-screen viewing
d. Provide text equivalents for all multimedia elements
e. Break audio or video files into short segments
f. Embed instead of including source media (youtube, flickr, spotify)
1. Animation- Uses a fast-paced presentation of changing static images to simulate motion
➢ Creation Process
▪ Frame-by-frame animation- movements are drawn out on individual frames
▪ Animation with tweening - software creates necessary frames between start and end
of animation.
➢ Animated GIFs (.gif)- file that comes with multiple animated frames
▪ Frames-per-second (fps)
▪ Size
➢ Flash Animation (.swf)
▪ Advantages and Disadvantages
2. Interactivity
➢ UX-Driven Interactivity- user experience driven interactivity
➢ Web-based Forms- Include text box(es), check box(es), radio button(s), and a drop down
button menu. Multiple checkboxes can be checked, but you can only select 1 radio button.
➢ Breaking a form into multiple form tags decrease web accessibility because it makes it harder
for screen readers
➢ Widgets (or Gadgets)
➢ Blogs
➢ Comments
➢ Avatars- virtual person(s) used for e-commerce sites, educational sites, or games
➢ Live Chat
1
This study source was downloaded by 100000839495789 from CourseHero.com on 04-11-2022 13:39:46 GMT -05:00
https://www.coursehero.com/file/32128023/Edited-IT213-Final-Exam-Study-Guidedocx/
, Edited-IT213-Final-Exam-Study-Guide.
Lecture 7: Audio & Video
1. Audio
➢ Analog vs. Digital
Sounds in the real world are analog. Sounds need to be converted to digital format to be used
online.
➢ Basic Digital Audio Concepts
▪ Sampling rate / Bit depth / Channel (mono/stereo)
➢ Web Audio Formats
▪ .aac / .aiff / .Au / .m4a / .mp3 / .ogg / .ra, .rm / .wav / .wma
➢ Media Delivery Methods
▪ Downloadable / Streaming / Progressive Downloading or Pseudo Streaming
▪ Progressive Downloading or Psuedo streaming- Files that have been progressively
downloaded stay on the computer and can be played immediately
➢ Audio Elements
▪ Audio Files / Podcast
➢ Optimizing Audio Files for the Web
▪ Length / Channels / Sampling Rate / Bit Depth
2. Video
➢ Basic Digital Video Concepts
▪ (Playback) Frame Rate; Frame Size ; Color Depth
➢ Web Video Formats
▪ .avi / .mov / .mpeg / .rm / .wmv
➢ Video Elements
▪ Download royalty-free videos
▪ Purchase videos
▪ Create your own video files
➢ Optimizing Video Files for the Web
▪ Length / Frame Size / Frame Rate / Color Depth / Compressions
2
This study source was downloaded by 100000839495789 from CourseHero.com on 04-11-2022 13:39:46 GMT -05:00
https://www.coursehero.com/file/32128023/Edited-IT213-Final-Exam-Study-Guidedocx/
