John Carlos V.

Lomotan

BSCS – 701

Laboratory Exercise

User Laboratory Development

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.
In the program, AWT provides various components like button, label, etc.
used as objects inside the program. Swing is used in package provides
classes for java swing API such as JButton, JTextField and JTextArea.

b. On what specific part of the program was the java.awt.event package used?
Explain how.

Event package is used in parts like throw

unsupportedOperationException, the try-catch that handles host and ip
address, and the event in okay and clear button.

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.

In this program the language used is c# using System.Net, user

can fetch the machine Name (or Host Name) by the GetHostName()
Method. And this is inside the Dns class. To get the IP address of the
host, we need to use the GetHostByName() method followed by
AddressList array (first Index) and, in GetHostByName's argument we
"host name".

3. After re-examining the program and finding another suitable framework, search for at
least five (5) mobile user interface (UI) toolkits which are not included in 06 Handout 1.
Provide the following details for each toolkit:
a. Toolkit name

 Spool UI Kit
 Travel UI Kit
 Splash UI Kit
 Mobio Kit
 ProKit
b. Toolkit creator/developer
 Spool UI Kit – Sergey Melnik
 Travel UI Kit – Ena Bacanovic
 Splash UI Kit – Envato Elements Pty Ltd.
 Mobio Kit – Envato Elements Pty Ltd.
 Prokit – IQONIC Design

c. Short toolkit description

 Spool UI Kit - This is a free mobile toolkit designed by Sergey Melnik that
contains six (6) screen designs in Photoshop Document (PSD) format.
 Travel UI Kit - This is a free mobile toolkit designed by Ena Bacanovic that
contains 50 different screen designs in Sketch format
 Splash UI Kit - Powered by Envato Elements Pty Ltd., this is one of the
best toolkits in creating iOS mobile application. This contains more than
55 high-quality, ready to use screens.
 Mobiokit - An HTML mobile template that is the perfect UI kit if you want to
create a mobile shop, a mobile social app, mobile fitness app, or a
business-related mobile app project.
 Prokit - is an Android app design template that contains UI elements and
styles based on material design guidelines. You can combine and edit any
UI element, text, or image with ease. This template will work for all
different types of businesses that need a clean and modern UI design. It
includes full source code for every screen.
d. Base on your understanding, how will this toolkit help developers and designers
create a better user interface? Cite some examples, if possible.

A mobile app UI kit is a great way to get started with the design for your next
app. UI kits can save you time, increase your profits, free up your creative energy
and resources to focus on essential design tasks, make your designs easier to
change, and give you opportunities to learn. One example of this is Figma’s mobile
UI kit. You can use it to speed up your design process, help ideate on new screen
ideas, or even as the foundation for your future outstanding app.
 By adding a UI kit to your mobile app, you will be able to create a fully
functional and visually pleasing experience for your customers. This will allow you to
create a connection with your audience and ensure the best possible app
experience.