Exercise 2: Creating The Bank GUI Part 1 (Advanced)

In this exercise, you will create an automated teller machine (ATM) GUI for a Bank project. You will use a complex layout to properly positin several GUI components in a frame.

Note - This is an avanced exercise. It is optional and should only be attempted if you have already completted the previous exercise for this module.

Figure 10 - 2 show the GUI design that you will attempt to achieve.

Figure 10 - 2 GUI Layout for the Bank project

Preparation

Before you begin, make sure that you have changed directories to projects/BankingPrj/ using the cd command in the terminal window.

cd ~/projects/BankingPrj/

Tasks

Make the src/com/mybank/gui/ directory.

Copy the ATMClient.java template file form the resources/mod10_gui/ directory into the src/com/mybank/gui/ directory. This template code provides the main method, which initialize a set bank customers and the launches the ATM GUI.

Modify the ATMClient to implements the ATM GUI screen show in Figure 10 -2 on page Lab 10 - 8. The GUI components must have the folling characteristics:

The Messasge text field must have a witdth of 75 characters (called columns in the API documentation) and it must be read-only, meaning the user cannot type into the field.

The Data Entry text field must have a width of 10 characters and it must be read-only. The user will use the key pad button to enter data which will be displayed in the Data Entry field. This acion will be code in the next module.

The Output text area must have a width of 75 characters and a height (called rows in the API) of characters and it the nest module.

Note - Note that in this exercise you will only be creating the layout of the ATM screen. You will no t be creating the code to make the buttons respond to user actions; you will do that in the next module.

Hints

These hints might help you to solved this exercise.

Use the setEnabled(false) method to make a component read-only.

A grid layout can be used to create a vertical layout by placing a 1 in the rows parameters of GridLayout ( int rows, int columns) constructor.

A grid layout can bu used to create a horizontal layout by placing a 1 in the columns parameters of GridLayout(int rows, int columns) constructror.