GUI (Graphical User Interface)

GUI (Graphical User Interface)

1. The interaction channel between the user and the system

   • Standalone
     • Runs in computer
   • Web
     • Runs in browser
   • Mobile
     • Runs in cellphone
   • Interaction
     • Active
     • Interactive
     • Messages
       • Error
       • Warning
       • Information
     • Data Input

2. Buttons

3. Labels

4. Images

5. and more

6. Frame: main container for all graphical elements in app

   • setSize(width, height)
   • setResizable(boolean)
   • setDefaultCloseOperation(EXIT_ON_CLOSE)
   • setVisible(boolean)
   • add(GUI component)

7. Panels: Used to contain and divide GUI elements within Frame

8. Graphical Distributors setLayout( );

   • Border Layout: organizes based on compass
     • setLayout(new BorderLayout());
     • add(GUI component, BorderLayout.NORTH);
       • North, West, Center, East, South
   • Grid Layout: organizes based on matrix
     • setLayout(new GridLayout(rows, columns));
     • add(GUI component)