Thursday, October 7, 2010

UNIVERSITY OF MALAWI


THE POLYTECHNIC

FACULTY OF APPLIED SCIENCES
DEPARTMENT OF MATHEMATICS AND STATISTICS

DESIGNING A STUDENT REGISTRATION FORM
(Java Programming Language)

PRESENTED TO
MR. B. KANKUZI

BY
 GANIZANI ELLIOT
(MSE/06/PE/0027)


DUE DATE
08TH OCTOBER, 2010


STUDENT REGISTRATION FORM
INTRODUCTION
The main objective of the program is to design a student registration form interface by which students will fill in the form on the beginning of the semester as a requirement by the college. The form includes not only the basic information about the student but also the details of the applicant’s next of kin. On the form there are several attributes which were designed in such a way that users interact very easily.
 ATTRIBUTES
The following are the attributes which appear on the form: the type of the form as well as its name; it also contains the fields which demand the applicant to fill in the personal and next of kin’s details. These applicant details include the full name of the applicant, registration number, date of birth, sex, home district (as well as village and T/A), telephone number, contact address, course of study, and college entry year.
In case of emergency and other communication that need parental/guardian intervention, the form also asks the student to give the details of the next of kin (i.e. parents/uncle/guardian). The information required includes the name of the parent/guardian, contact address, telephone number, and email address.
After filling in the details, the applicant will be able to confirm his/her entries by clicking on the “Apply” button to display the entered details in a separate window. This display page of the entered information allows the applicant to check if the entered values are correct, that is, if the information is the intended one. In case the applicant entered wrong information he can go back to edit those fields that were wrongly entered.
If the applicant is satisfied, then he/she can save the information on the hard disk or database by clicking the “Save” button so that the school can retrieve the information at any given time.

SNAPSHOTS 
Different snap shots of the form have been taken at a particular level to explain better how the form works. The form has a fixed size which means applicants will not be able to enlarge or minimize it. Figure 1 below shows the attributes on the form and in particular how the applicant interacts with it. As already described above, the form contains personal details of the applicant which appear on top of the form, while on the bottom are the fields that need next of kin’s details. Also there are some fields which have been designed in a simple way in order to avoid errors as well as to minimize the time since there is always congestion during the period of registration which see 5-6 students waiting for one computer to register. This was achieved through the use of combo boxes as well as radio buttons that allow the applicant to just select the already defined values.
Just beneath the form there are buttons that are used in the program for different purposes. The figure 1 below shows three buttons which are “Apply”, “Save”, and “Exit” buttons. The function of each button will be fully explained in the next pages.





Figure 1: the general view of the Student Registration Form
After filling in the fields of the form then it looks like the one in figure 2 below. The combo box only illustrates how the user selects a particular value. For example, one has to select the course from the pop up menu under the course attribute.



Figure 2: The form with fields filled with the Applicant’s details.
After entering the values the applicant may now want to view the information he entered. To do this he/she has to click on the “Apply” button. Then a separate page containing the entered values will now be displayed.
The details are displayed on a separate page which is shown in Figure 3 below. The information is displayed on condition that all the fields are filled in. However, suppose for example, the applicant does leave some spaces unfilled then the alert dialog box has to be displayed telling the applicant that he/she left some fields unfilled. In this case, the message like one in Figure 4 below is displayed. The alert message is displayed since the applicant did not fill in the name’s field, and the registration number’s field.





Figure 3: A separate page displaying the entered information
The dialog box in figure 4 below, as I have already explained above, is there just to alert the user that s/he has left some fields unfilled which need to be filled in. This gives the applicant an opportunity to refill the spaces in case s/he left it unknowingly or because s/he was in a hurry.  In so doing it leaves the applicant with no choice of leaving some spaces unfilled because doing so it means registration cannot be completed.



Figure 4: The dialog box alerts the user that he left unfilled areas.
The “Exit” button, however, is there to allow the applicant to close the form after completing registration process. Though there is already a close button on the upper right corner of the window a good designer will always make a user friendly interface to give more options for performing the same operation. This is why the “Exit” button had to be put. Once a user clicks on it the window goes off.
Again on the registration form there is the “Save” button, to the lowest end in between the “Apply” and “Exit” buttons, which is used to save the file to the hard disk. The college, at one point, they need the student’s information for one reason or the other. Once the applicant fills in the form and s/he is sure that the details given are correct then s/he can now save the data by clicking the “Save” button to save the file. As soon as one clicks it, the Save dialog box pops up that requires the user to enter the name of the file and to indicate the location of the file. The default save location is My Documents. The figure 5 below, shows how the form looks after clicking the Save button.




 Figure 5: The Save As dialog box after clicking on Save button
In case the applicant saves a file with same file name, that is, file that already exists in the preferred location, the alert  diolog box will be displayed telling the applicant that the file name already exists. Figure 6 below shows a dialog box which alerts the applicant that the file name alreay exists in the My Documents location.


Figure 6: A dialog box alerting the user about the already existing file name .

Since the applicant is not allowed to leave any unfilled spaces, then a control was also put that restricts the applicant to save the form while it is blank. If this control was not there, again applicants would save blank pages on the hard disk which would not be of much help to the college. However, if such a case in which the applicant wants to save a blank form happen the dialog box will pop up warning that blank file cannot be saved.
Figure 7 below shows the warning dialog box that tells the applicant s/he cannot save a blank file. The Save button is designed more less like the Apply button where one cannot save while leaving unfilled fields on the form.

Figure 7: Warning against saving unfilled form.
Now after saving the file, one who wants to access the saved file can go to the location where the file was saved. By default the location is the My Documents.
CONCLUSION
The main objective of the program was to develop an interface (using Java Programming Language), that can be used not only by college students but also other educational institutions even a secondary school. Due to technological development the online registration system has become of much help to solve those problems that were incurred with the paper registration among them being easy and quick access, as well as for easy storage. The program’s features included that option of saving to the hard disk as well as retrieving from the hard disk. As required by the project supervisor that is how the program behaves otherwise some functionalities were included just to make the program more meaningful than just the interface.

2 comments: