Graphical Interface User (GUI)

Graphical Interface User (GUI)

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

   • User <---> View <---> Controller <---> Model

2. Usage

   • Standalone (ex. JAVA Swing)
   • Web (ex. HTLM, CSS, JS)
   • Mobile (ex. IOS, Android)

3. The VIEW is what is seen by the user.

   • Includes: buttons, labels, images, etc.

4. Containers

   • The Frame includes the main container for all the graphical elements (ex. minimize, close, move, maximize)
     • using JFrame
       • setSize(width, height), setResizable(boolean input), setDefaultCloseOperation(EXIT_ON_CLOSE), setVisible(boolean input), add(GUI component)
   • The Panels used to contain and divide GUI elements within the Frame
   • every container needs a specification of a layout to organize its elements

5. Graphical Distributors

   • Layout
     • BorderLayout: organizes based on compass rose
       • setLayout(new BorderLayout());
         • add(GUI component, BorderLayout.NORTH);
     • GridLayout: Think on a matrix
       • setLayout(new GridLayout(rows, columns));
         • add(GUI component)

6. Managing Messages!!

   • Error Message, Warning Message, Info Message