Scene 1 (0s)
What is Hypermedia?. Extension of hypertext including multimedia elements: - Text - Sound - Video - Animation.
Scene 2 (25s)
Benefits of Hypermedia. - Enhances user engagement - Supports non-linear exploration - Combines multiple media formats.
Scene 3 (33s)
What is Hypertext?. - Text with embedded links - Enables navigation to related content - Basis of web browsing.
Scene 4 (58s)
Hypertext vs Normal Text. - Normal text: Linear - Hypertext: Non-linear, user-directed paths.
Scene 5 (1m 22s)
Hypermedia Structure. Hypermedia is structured as a graph: - Nodes = Info Units - Edges = Links.
Scene 6 (1m 37s)
Types of Hypermedia Links (1). - Simple unidirectional links - Bidirectional links (navigable both ways).
Scene 7 (1m 54s)
Types of Hypermedia Links (2). - Regional links (specific areas) - Multilinks (multiple endpoints).
Scene 8 (2m 6s)
Navigation in Hypermedia. Users traverse through the graph: - Source to destination - Often by clicking links.
Scene 9 (2m 22s)
Supported Media Types. - Text, Graphics, Images - Audio, Video, Animation.
Scene 10 (2m 40s)
Applications of Hypermedia. - eBooks - Educational tools - Training kiosks.
Scene 11 (2m 49s)
Authoring for Programmers. - Custom tools for full control - Flexibility for developers.
Scene 12 (2m 59s)
Authoring for Non-Programmers. - Authorware, Adobe Director - Mac, PC, UNIX support.
Scene 13 (3m 20s)
Interactivity Basics. Interaction includes: - Playing media - Navigating content - Responding to user input.
Scene 14 (3m 49s)
Standard Media Controls. - Play, Pause, Stop - Rewind, Fast forward - Familiar from physical devices.
Scene 15 (4m 4s)
Design Principles in Controls. - Semiotic cues (symbols/icons) - Gestalt grouping (organized layout).
Scene 16 (4m 22s)
Link Indicators in UI. - Underlined text - Hover highlighting for feedback.
Scene 17 (4m 44s)
UI Navigation Aids. - Navbars - Link collections - Avoid image-only links.
Scene 18 (4m 54s)
Scripting and Interaction. - Enables drag/drop - Adds rollovers, dynamic layouts.
Scene 19 (5m 21s)
Scripted Examples. - Image galleries - Tabbed content panels - Supplementary pop-ups.
Scene 20 (5m 29s)
Contextual UI Elements. - Show/hide based on use - Minimizes screen clutter.
Scene 21 (5m 37s)
Creating Slideshows. - Flash, PowerPoint - Animated effects and transitions.
Scene 22 (5m 53s)
Forms and Input Controls. - Text fields, Checkboxes, Radios - Drop-downs and text areas.
Scene 23 (6m 6s)
Flash UI Components. - ComboBox, Sliders - ColorPicker, ProgressBar - Requires ActionScript.
Scene 24 (6m 16s)
Advanced Interfaces. - Flash for rich UIs - JavaScript with libraries for modern web apps.
Scene 25 (6m 35s)
Conclusion. Hypermedia enhances interactivity with multimedia. Combining structured navigation and dynamic interfaces supports powerful user experiences..