Running Head: GUI DESIGN 1
GUI Design
Name
Institution
Course Code
GUI DESIGN 2
Client Dashboard
Figure 1: Client Dashboard
The client’s name uses an editable combo box. If the user wants to create a new user, they can
key in the name and the respective details before pressing the add client button. However, if
users want to edit or delete a client, they can use the combo box to select the client since it is pre-
populated with all clients’ information. The client type uses a pre-populated combo box with
Partner, End User, or Value-Added Reseller. The remaining entries use text fields, allowing the
user to enter information freely.
GUI DESIGN 3
Contract Dashboard
Figure 2: Creating a contract
The select client combo box is pre-populated with client names. The contract name is an editable
combo box that allows users to enter information and create a new contract. However, selecting a
client from the combo box pre-populates the contract name combo box with contracts belonging
to the client. Thus, users can also use the combo box to edit or delete a contract. The contract
type combo box is also pre-populated with “Time and Materials,” “Fixed Price,” “License,” or
“Maintenance.” Choosing a fixed-price or license will make the total amount text field editable.
Start date and end date comprise date pickers that display the calendar when clicked. The create
GUI DESIGN 4
contract button remains disabled until the user chooses the possible products included. The
product type check box enables to user to tick more than one option.
Project Dashboard
The client name combo box is pre-populated with client names. Selecting a client from the
combo box populates the contract combo box with all the client’s contracts. The project name
combo box is editable to allow the user to create a new project belonging to a particular client
and contract. The user can use the combo box dropdown to attain a given project. With it, the
user can choose to edit, delete, or remove a project. Choosing to edit populates the other entries
with information concerning the project. Start date and end date comprise date pickers that
display the calendar when clicked. Service level agreement uses a disabled text field to display
GUI DESIGN 5
the priority given to the project based on the user’s input in the maintenance team text field.
Lastly, the manager combo box is pre-populated with all employees in the organization.
