Interface Architecture

Interface Architecture

1. View Hierarchies

   • Each widget has a parent
   • Facebook post UI

2. Model-View-Controller

   • Model
     • Stores data presented by the user interface
   • View
     • Visualizes data in the model and listens for user input.
   • Controller
     • Handles user input and updates the model

3. Event Propagation

   • Mouse Events
     • Mouse move
     • Clicks
     • Button presses/releases
   • Keyboard Events
     • Touch Start
     • Move
     • End
   • Speech Interfaces
     • Voice assistants listening for activation commands
     • Converting speech to text

4. Advances in Architecture

   • 1990s
     • Robust
     • Amulet toolkit
   • 2000s
     • Support for animations
     • Scene graphs