Student residence management system

Introduction
 
In the previous chapter we discussed about the user requirements specification, the 
proposed solutions and alternatives to those requirements. This chapter describes the user 
interface, how it works and how the user interacts with the program. Also the images of 
the user interface pages are included as to show how application looks like.
4.2 
Description of the complete user interface 
 
The application user interface has of the following pages: 
L
OGIN PAGE
 
The Login Page (see Figure 1) consists of two text boxes, namely Username and 
Password; and a Login command button allowing the users to log into the system. The 
login page helps the users to login as a Student who makes the application, as an 
Administrator who receives application fees for accommodation or as a ResManager 
whose duty is to allocate room to students.
The login page comprises necessary contact address and other links containing 
information related to residences, facilities and services available: 

---

21 
Figure 1: 
Login Page 
The Contact link: displays the contacts of the Residence Office and where users can write 
their comments. 
The About Residence link: displays information about the residences (pictures, types of 
room, prices etc). 
The Facilities link: shows the other facilities available at the residence (restaurant, cyber 
café, swimming pool, cinema etc). 
The Help link: provides the information that helps the user on how to use the program.

---

22 
B
OOKING 
P
AGE
 
 
Figure 2: 
Booking Page (Selection of Residence) 
As shown in Figure 2, the Booking page contains a combo box used to select a residence 
and a Display command button which is used to displays the rooms available in the 
selected residence. The Booking page below (see Figure 3) shows the rooms available and 
room information in Liberty Residence. The student uses the option buttons to book for a 
particular room and clicks the Submit command button to submit his/her application 
Figure 3: 
Booking Page (Selection of Room) 

---

23 
Figure 4: 
Booking Page (Feedback) 
After booking the system provides the details to the applicant. These include the 
Reference Number, Date of Booking, Student Number, Payment Balance etc (See Figure 
4). It also contains the Delete Command Button that can be used in case the applicant 
wishes to cancel the booking. 

---

24