Problem Statement
In the previous semester (Fall 2024), a complete database design and development project was carried out using Structured Query Language (SQL).
Now, the objective is to transform that database into a dynamic and functional web-based solution.
The current task involves implementing full-scale working web forms to realize various functionalities of your database project.
Initially, you developed paper-based and HTML-based prototype interfaces. Now you are required to convert those prototypes into operational web interfaces.
The solution should address the following core functionalities:
- (1) Registration of Student, Patient, Passenger, or Customer, as applicable to your project
- (2) Search functionality with support for partial matches
- (3) Any other project-specific operations or modules
- (4) Role-based access control (Admin, Customer, etc.)
- (5) Payment system (if applicable to your project domain)
You must:
- Design user-friendly web interfaces for the above functionalities
- Use appropriate HTML elements and layout structures (e.g., tables or flow-based layouts)
- Style all interfaces using an attractive, user-friendly CSS stylesheet
- Create a menu using lists for easy navigation between pages
- Include help pages for user guidance and documentation
Ensure that all web forms are tested in a browser and refined with improved styling using CSS. The final output must be visually appealing, intuitive to use, and functionally complete.
Lab Problems
Problem 1:
Develop an ASP.NET page that displays a list box with the following options: Java, JavaScript, C#, C++, C, Python, SQL, HTML, CSS, PHP.
On clicking an option, the page displays a basic introductory statement about the selected option in a label control. Do not allow multiple selections.
Problem 2:
Develop a page that dynamically creates a table with x rows and y columns.
Allow the user to enter the number of rows and columns in two dropdown lists present above the table. On clicking a generate button, the table should be rendered.
Set the border color of the table as red.
In the first cell of each row, display a dropdown list with the following options: Urdu, English, Arabic, Chinese.
In all other cells, display the row number followed by the column number as {x, y}.
In the last row, add a radio button list in each cell with the following options: 1, 2, 3, 4.
Set the background of the last row as grey.
Report
Output Files
Live Demonstration