HUMAN – COMPUTER INTERACTION

Laboratory Exercise

1. Re-examine the program that you created during the demonstration

and answer the following questions:

a. On what specific part of the program were the java.awt and

javax.swing packages used? Explain how.
- The Abstract Window Toolkit, or java.awt, is used to
create objects in the program's interface such as buttons, labels,
text fields, and windows that will show on the screen. Another Java
widget toolkit is javax.swing. It has a more advanced set of
components than java.awt. JButton, JLabel, JTextField, and JTextArea
are the program's swing components.

b. On what specific part of the program was the java.awt.event

package used? Explain how.
-The java.awt.event has interfaces and classes that are
provided for dealing with different types of events thrown by AWT
components. The two components of events in the program are the
ActionListener and ActionEvent.

2. In line with the concept of the program that you created (a program
that generates IP address), search for at least one (1) framework that
can be used in creating the same program. Explain how you will
implement the framework.
- Another option for creating the same program is to use the
System.Net IPAddress Class. This contains the address of a computer on
an IP network. The NET Framework is in charge of all other namespaces.
It also includes the types we found to be the most fundamental and
widely used.

3. After re-examining the program and finding another suitable

framework, search for at least five (5) mobile UI toolkits which are
not included in 06 Handout 1. Provide the following details for each
toolkit:
a. Toolkit name
b. Toolkit creator/developer
c. Short toolkit description
 TOOLKIT NAME TOOLKIT DEVELOPER DESCRIPTION
Feel free to use it for
personal or commercial
projects.
-9 Screens.
Recipe App UI Free Kit Teksmobile
- Well Organized
Layers.
- Highly Customizable.
- Free Google Fonts.
This reminder has
various features; among
which we can set
Reminder Mobile App SQ Envato Elements for
various agendas to work
UI Kit Figma
on. making it easier to
manage your daily
schedule.
Mojocial Music Player
Mobile App UI Kit. High
Quality Music App UI
Kit Template. We
crafted carefully with
all possible features
Mojocial Music Player related to Music App.
Digital Heaps
Mobile App UI Kit It contains 60 screens
totally. Each screen is
fully customizable,
easy to use and
carefully layered and
organized in PSD, Adobe
XD, Sketch & Figma.
UI is designed in
Sketch App & Adobe
Photoshop CS6. Also
useable for Android app
Envato Elements for design needs
Quiz App Mobile UI Kit
Sketch & Photoshop

This is high quality

Bugra Dere for mobile fitness app
Fitness App UI Kit
Photoshop interface kit, ready to
use.
d. Base on your understanding, how will this toolkit help developers
and designers create a better user interface? Cite some examples, if
possible.
- UI toolkit components are elements that provide functionality
while also conveying meaning to users. UI components include input
forms, widgets, and navigation menus. These toolkits can help
developers improve their strategies by creating some consistent and
common UI elements. The goal of designing an interface is to perceive
what users might need to do and to ensure that the interface contains
elements that are simple to access and understand.