Chapter 4 DESIGN OF THE PROTOTYPE

Analysis of the Domain The system was protected by password in which unauthorized person could not access the system. The system had a user-friendly environment, which included the bubble bar and form for users convenience.

Main Form

Figure 4.1 Main Form

Description: The main form of the system. Parts: 1. Search Book BubbleBar Button. It displays the search book form of the system which contains all the books that the library has. 2. Borrow Book BubbleBar Button. It displays the borrow book form of the system which allows the user to borrow a book. 3. Log-In BubbleBar Button. It displays the log-in form of the system which only allows the librarian to log-in.

Search Book Form for Student

Figure 4.2 Search Book Form

Description: This form contains the list of library materials and the information about them. Parts: 1. Search Book BubbleBar Button. It displays the search book form of the system. 2. Search Textbox. This is where the user inputs the information if what book to borrow. 3. Book DataGrid View. This is where the registered library materials are displayed. 4. Close Link Label. It is a link to close the search book form of the system.

Borrow Book Form for Student

10

3 5 6 7

Figure 4.3 Borrow Book Form Description: This form contains the fields for the borrowing transaction.

Parts: 1. Borrow BubbleBar Button. It displays the borrow book form of the system. 2. Borrower ID Textbox. This is where the user inputs his / her ID. 3. Borrower Name Textbox. This is where the name of the borrower will be displayed. 4. Browse Button. It displays the list of library materials which the user will select. 5. Book Title Textbox. This is where the title of the book is displayed automatically. 6. Author Textbox. This is where the name of the author is displayed automatically. 7. Category Textbox. This is where the category of the book is displayed automatically. 8. Shelf No Textbox. This displays the shelf number / location of the book. 9. Borrow Button. It is clicked when a user wants to borrow a library material. 10. Cancel Button. It cancels the borrowing transaction and clears the data entered. 11. Close Link Label. It is a link to close the borrow book form of the system.

Admin Form

Figure 4.4 Admin Form Description: This form contains the log in information the librarian should fill up. Parts: 1. Log-In BubbleBar Button. It displays the log-in form of the system. 2. Username Textbox. This is where the librarians username is entered. 3. Password Textbox. This is where the librarians password is entered. 4. Submit Button. It validates the username and password, and enables to connect to the admin main form. 5. Clear Button. It clears the data entered. 6. Close Link Label. It is a link to close admin form of the system.

Main Form for Admin

Figure 4.5 Main Form for Admin Description: The main form for the admin. Parts: 1. Search Book BubbleBar Button. It displays the search book form of the system which contains all the books that the library has. 2. View Status BubbleBar Button. It displays the borrowers status form of the system which contains status of the borrowers. 3. Add Book BubbleBar Button. It displays the add book form of the system which the librarian adds book information. 4. Add Borrower BubbleBar Button. It displays the add borrowers form of the system which the librarian will add a borrower or student information. 5. Borrowers Request BubbleBar Button. It displays the borrowers request form of the system which the librarian chooses either to reject or approve the request. 6. Generate Report BubbleBar Button. It displays the report form of the system in which the librarian will select a certain month to view information or to be printed out. 7. Log-out BubbleBar Button. It logs out the librarian.

Search Book Form for Librarian

Figure 4.6 Search Book Form for Admin Description: This form contains the list of library materials, the information about them and the view borrower button. Parts: 1. Search Book BubbleBar Button. It displays the search book form of the system. 2. Search Textbox. This is where to input the book information. 3. Book DataGrid View. This is where the registered library materials are displayed.

4. View Borrowers Button. It displays the view borrowers form of the system which contains all the people who borrowed the book. 5. Close Link Label. A link to close the search book form of the system. Borrowers Status Form

6 5

Figure 4.7 Borrowers Status Form Description: This form contains the status of the borrowers, it is where you can return the library materials and it is where you can update the information of the student. Parts: 1. View Borrowers Status. It displays the borrowers status form of the system. 2. Borrowers ID Textbox. It is where to input the borrowers ID.

3. Book Status DataGrid View. It is where the registered borrowers are displayed. 4. Return Button. This is clicked when the user return a borrowed library material. 5. Update Button. It is where the librarian can update the borrowers information. 6. Close Link Label. It is link to close the borrowers status form of the system.

Add Book Form

10 2 3 4 5

Figure 4.8 Add Book Form Description: This form contains the fields to be filled up when adding a library material. Parts: 1. Add Book BubbleBar Button. It displays the add book form of the system.

2. Category ComboBox. The new category is selected to save a book to the system. 3. Book Title Textbox. This is where to input the title of the book. 4. Author Textbox. This is where to input the authors name. 5. Category Textbox. This is where to select the category of the book. 6. Shelf No Textbox. This is where to input the shelf number of the book. 7. Total Book Textbox. This is where to input how many books of that certain book title. 8. Save Button. It saves the newly registered library material. 9. Clear Button. It clears the data entered. 10. Close Link Label. It is a link that close the add book form of the system.

Update Book Form

6 1 2

Figure 4.9 Update Book Form Description: This form contains the fields to be filled up when updating a book. Parts: 1. Category ComboBox. The old category is selected to update a book in the system. 2. Browse Button. It displays the list of books. 3. Total Book Textbox. It is where to input the number of books to be updated in the system. 4. Update Button. It updates the selected library materials information. 5. Clear Button. It clears the data entered. 6. Close Link Label. It is link to close the update book form of the system.

Add Borrower Form

11 2 3 4 8

10

Figure 4.10 Add Borrower Form Description: This form contains the fields to be filled up when adding a borrower. Parts: 1. Add Borrower Bubble Button. It displays the add borrowers form of the system. 2. Borrower ID Textbox. It is where to input the ID of the borrower. 3. Fullname Textbox. It is where to input the full name of the borrower. 4. Section Textbox. It is where to input the section of the borrowers. 5. Address Textbox. It is where to input the address of the borrowers. 6. Contact No Textbox. It is where to input the contact number of the borrowers. 7. Email Address Textbox. It is where to input the email address of the borrowers. 8. Browse Button. It is where to input the picture of the borrowers.

9. Save Button. It saves the newly registered student. 10. Clear Button. It clears the data entered. 11. Close LinkLabel. It is link to close the add borrower form of the system.