REPORT 1

PRACTICAL VISUAL-PROGRAMMING

Module 1 – Introduction of GUI Based Interface

To Complete One of The Task

Visual Programming Course
Lecturer : Suheri, S.T., M.Cs.

Created by :

Meyrizka Maharani
(ID : 3201816128)

D3 INFORMATICS COURSE
DEPARTMENT OF ELECTRICAL ENGINEERING
PONTIANAK STATE POLYTECHNIC
2019
 THE PREFACE

Praise and gratitude to God Almighty, because of his gift of grace and so
Task Report titled "Report of Module 1" can be resolved properly. This report of
the task is one of the tasks given by the lecturer courses in Programming Courses
to students D3 Informatics Engineering Department of Electrical Engineering as a
part of academic assessment component.

Report of the Tasks it discusses related of Using Java in Netbeans as one

of Visual Programming Course. That’s all for the Task Report that I create, hope
its usefull.

Pontianak, 24th September 2019

Arranger,

(Meyrizka Maharani)
 STEP BY STEP TO CREATE A JAVA AWT WITH GUI BASE.
1. Create a project name “Your Name” and create class named “Jobsheet1”

To create a project, just right click and choose “Create Project” and the
interface will shown like this. Click categories on “Java” and click Next.

After click Next, the interface will shown like the picture above. Rename
the project name to “Meyrizka Maharani” and click Finish.
After project created, create a class with right click on project, and select
New. Go to the Other options,

Select the AWT GUI Forms to perform a AWT Java and select Frame
Form.
Don’t forget to rename the class with “Jobsheet1” and click Finish.

Well done, the Project named “Meyrizka Maharani” and class named
“Jobsheet1” already created. To use the class, click twice.
2. Create the Frame and add eight (8) type that contain in AWT menu.

Click the class name “Jobsheet1”, and it will shown an interface like this.

To made a frame could edit as wanted, right click on the square line
(Frame). Choose Set Layout, and click Free Design. After that, your frame
can be edited as wanted.
To add a label to frame, choose Label in Pallete, and drag to the position
that wanted.

After adding some Labels, go to the next step. It is drag Text Field to the
position. In this program, drag the text field near Label1.

Next step is to add Choice type into the program near Label2.
To add list, drag List and drag to the position that wanted.

Move to the next step, add Text Area near Label3. The size could ajust as
needed.

Add Check box within the Panel. Drag the Check Box under Text Area.
After adding text area, add panel to seperate between panel at above, and
the below.

Add two Buttons in the Panel that already made. Just drag the Button from
AWT Pallete.

Last but not least, add a Scroll bar at the end of the program.
3. Edit the format to made a program.

To edit the label’s name, go to the Properties, and select text. Next to the text,
there is a field that can be edited. Edit the text from label1 to Buyer Name and so
on.

Same as the label, we edit the name in column Text. But here, just emptying the
field.

To add some choice in this field, click the source and edit the code in
Source.
Type the code like this, so the output of the program will be like this.

To add some list in this field, edit the code same as choice.
Type the code like this, so the output of the program will be like this.

For Text Area, just emptying the field.

To edit the CheckBox, type a message according for needed. Type the
message in Label.
 For the button, edit the command in Label too.
4. The Final Program