Week 8: Build student webpage using page Breeze HTML editor

Objective:

• Create student registration page for administration using existing template

• Create complaint accreditation form page using existing template

Content / Procedure:

• Insert form to template

• Add the drop-down list for block

• Add the drop-down list for floor

• Add the drop-down list for room

• Add the button for submit button

Result and Analysis:

For student registration page, it only can be access by administrator to register student particular in the system. Registration process focusing more to hostel room registration So in order to manage the data in the system, the user must select 3 different unique item including the block, floor and the number of room. Each room only can occupied maximum 2 people/student and if the same room register for the next student, the system will automatically reject the registration. This element created to to protect mistake during assign the student. To build the page, 3 drop-down list added to the form first for block declare as blok, second for floor declare as floor and lastly room declare as room.Submit button also being added to the form. All the field name must be different each other to avoid conflict during the programming. When admin push the submit button all the room detail will be store to the database.For complaint accreditation form,basically it same with student registration page.Only phone number registered blank and the complaint text space make it differ to the student registration. Phone number register blank use the text box field type declareas phone then the complaint text space use text area(multi-line) declare as aduan.The complaint will be fill up by student, the system require student to fill the phone number, room number and the complaint they want. The system will receive the complaint if the number and room number match with the database. If not the system will not process the complaint.

Figure1: Student Registration Page for administration access

Figure 2: Block Drop-downlist

Figure 3: Floor Drop-downlist

Figure 4: Room Drop-Downlist

Figure 5: Summit Button