Graphical User Interface (GUI)

Graphical User Interface (GUI)

1. Interaction channel between the user and the system

   • What can it look like?
     • 1) Standalone: runs in your computer (1 client) JAVA swing
     • 2) Web: they run in a browser (HTML, CSS, JS)
     • 3) Mobile they run in your cell phone (IOS, Windows, Android)
   • Key Factor: Usability
     • Intuitive
     • Clear
     • Friendly
       • Want to look at it more than once!!
   • 3 main components
     • Containers
       • Main frame for all graphical elements of the app
         • Methods: setSize, setResizeable, setDefaultCloseOperation, setVisible, add(GUIcomponent)
       • Key: minimize, close, move, maximize
       • Panels
         • Contain and divide GUI elements within the frame
     • Layouts
       • Organize the elements of a container
         • 2 Distributers: 1)BorderLayout-compass rose 2)GridLayout- matrix
           • BorderLayout
           • GridLayout
     • Graphical Elements
       • Text files, images, icons
   • Interaction
     • Inactive
       • Images; no user interaction
     • Active
       • User is able to interact through these panels
   • Messages Management
     • Error Message Warning Message Info Message
     • Data Input

Images and files in the map