GUI (Graphical User Interface)

GUI (Graphical User Interface)

1. Is the medium through which the user interacts with the system

   • User gives an action
   • System gives an output

2. Different Types

   • Standalone (only on computer)
   • Web-based (Using java with HTML and CSS)
   • Mobile (Runs on a mobile Device

3. Must use Gestalt principles (intuitive, clear, friendly)

4. Elements

   • Buttons
   • Images
   • Graphics
   • Labels

5. Containers

   • The Frame
     • Main container for all elements in the GUI
     • Has the minimize, exit, and resize buttons
     • Has several methods
       • setSize()
       • setResizable()
       • add()
   • Panels
     • Divides GUI elements

6. Graphical Distributors

   • Layouts
     • Border Layout
       • setLayout(new borderLayout())
     • Grid Layout
       • setLayout(new gridLayout(rows, columns))

7. Interaction

   • Active: Can be interacted with
   • Inactive: Cannot be interacted with
   • Can show messages
   • Can take user input