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