The Graphical User Interface (GUI)

The Graphical User Interface (GUI)

1. Motivation: the interaction channel between the user and the system

2. Standalone: runs in your computer

3. Web: runs in the browser

4. Mobile: runs in your cellphone

5. Key factor: Usability

   • Intuitive, clear, friendly

6. The Frame

   • The main container for all the graphical elements of the app
   • Minimize, close, move, maximize, etc.
   • JFrame -> methods
     • setSize(width, height), setResizable(boolean input), setDefaultCloseOperation(EXIT_ON_CLOSE), setVisible(boolean input), add(GUI component)

7. The Panels

   • Used to contain and divide GUI elements within the Frame
   • Used to group GUI elements based on their purpose

8. Layouts

   • Every container needs of the specification of a layout to organize its elements
     • setLayout( ... );
   • Two distributors
     • BorderLayout: organizes based on compass rose
     • GridLayout: thinking on a matrix