GUI: Graphical User Interface

GUI: Graphical User Interface

1. VIEW

   • USER
     • OUTPUTS
   • CONTROLLER
     • MODEL
       • package/component represrnting the context and how they are connected or related within them
     • provides the functional requirements that access and responds to the model
   • ACTIONS
   • corresponds to all the elements visible, front-end to user
   • Interaction
     • Inactive and Active Panels
   • Messages' Management

2. concept/term is that graphically represented to an user

3. Building GUIs

   • Web: HTML, CSS, JS
   • Mobile: IOS, Android
   • Standalone: JAVA Swing

4. Usability

   • 1. Intuitive 2. CLear 3. Friendly

5. Elements

   • BUttons, Labels, Images, etc.

6. Containers

   • Containers: The Frame
     • main container for all the graphical elements
       • maximize, minimize and close
   • Containers: The Panels
     • group GUI elements based on similarities
   • Layouts
     • organizes the container's elements
       • 1. BorderLayout 2. Grid:Layout