1.

1 User Interface Design

User interface design is the design of computers, machines, mobile communication devices,
software applications, and websites with the focus on the user's experience and interaction. The
goal of user interface design is to make the user's interaction as simple and efficient as possible.

Home Page

This graphical interface will be displayed whenever the user types the address on the URL. In
this user interface we can perform different activities which are listed in the menu bar by clicking
them.

Home page UI

Welcome come to wollo university kombolcha institute of technology General Maintenance system home page

homepage login new user registration about wollo university about kiotgms Feedback FAQ contact as
Welcome to Wollo
University kiotgms:
Welcome
dear,some
introductional over
veiw about kiotgms
are explain below:-
Wollo University is
external links
one of the 31
Feacebook
universities of
Google
Ethiopia, which is
Yahoo
found in Amhara
Tiwither
stopscrole start scrole
Copy write @ 2015 kiotgms.All right riserved

Figure 3.1 homepage UI

Login Page
In this user interface the user we will be asked to enter username and password to identify the
eligibility of the user. Here there are 15 total controls those are 3 textboxes, 2 buttons and 10
labels. After the user fill password and username and press the login button if it is correct the
system will display a privileged page for each user appropriate to their role.

Home page UI

Welcome come to wollo university kombolcha institute of technology General Maintenance system login pege

homepage login new user registration about wollo university about kiotgms Feedback FAQ contact as
Welcome to Wollo
University kiotgms:
Please login here!! Welcome
dear,some

user name introductional over

veiw about kiotgms

user type
are explain below:-
Wollo University is
external links
one of the 31
Feacebook login clear
universities of
Google
Ethiopia, which is
Yahoo change your password?
found in Amhara
Tiwither
stopscrole start scrole
Copy write @ 2015 kiotgms.All right riserved

Figure 3.2 login UI

User registration Page

From this user registration form there are total of 21 controls from those 10 are labels, 7 are
textboxes, 2 are buttons and 2 are list boxes. When user fill correct data and click register button
he/she will be register successfully and if he/she click clear button the entered data will be
cleared.
 New user registration form

fname emailid

fname usersex f

phoneno usertype student

blockno userphoto choose file not file choosen

office/dormno
register now clear

Figure 3.3 user registration UI

Add Item Page

To add items store keeper must login to the system and click add item link from the menu. When
doing the next form will be displayed with total of 18 controls among those 8 are labels,6 are
textboxes,2 are buttons,1 text area and 1 list box. Items are successfully added to store when
correct data are fill and add button is clicked.

Add item Form

item name model

receiver name quantity

item unit unit price

item description
Rconfirmation yes

Add Clear
Figure 3.4 add item UI