0% found this document useful (0 votes)
18 views7 pages

Razor 1

The document outlines tasks for a web application that allows users to search, view, and add data to a water quality database. The tasks include developing pages to search for water quality systems, view condensed and full sample data for a system, view disinfection methods, and list and modify test parameters or disinfection methods. Pages need to be built using Razor, HTML, Bootstrap and the WebMatrix data library. The tasks require integrating SQL queries with programming logic and applying HTML validation.

Uploaded by

test31
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views7 pages

Razor 1

The document outlines tasks for a web application that allows users to search, view, and add data to a water quality database. The tasks include developing pages to search for water quality systems, view condensed and full sample data for a system, view disinfection methods, and list and modify test parameters or disinfection methods. Pages need to be built using Razor, HTML, Bootstrap and the WebMatrix data library. The tasks require integrating SQL queries with programming logic and applying HTML validation.

Uploaded by

test31
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

All work is to be done individually and must be your own work.

You must not share your @razor code


or SQL with anyone else. You must only submit code you have personally written (with the exception of
utilising bootstrap html template examples). If you use other resources, you must include direct links to
those resources as HTML/@razor comments at the bottom of the relevant files.

Your task is to complete several web pages to search, view and add data relating to our Water Quality
database. It stores data about water quality measures in Adelaide/SA water. Do not leave this to the
last minute as it is not possible to finish the project without prior thought to the implementation.
Writing queries is one thing but implementing SQL with programming logic in @Razor and HTML
combined with Bootstrap presentation does require serious thought to get the desired functionality and
outcomes!

Task
A web application containing the necessary database and MVC Views has already been created for you.
This can be downloaded from the assessments tab on the course website. Your task is to complete
several pages:

1. Views/System/Index.cshtml
2. Views/Systems/Index.cshtml
3. Views/Systems/Details.cshtml
4. Views/Parameter/Index.cshtml
5. Views/Parameter/Create.cshtml
6. Views/Parameter/Edit.cshtml
7. Views/DisinfectionMethod/Index.cshtml
8. Views/DisinfectionMethod/Details.cshtml
9. Views/DisinfectionMethod/Create.cshtml
10. Views/DisinfectionMethod/Edit.cshtml

with the necessary layout using the WebMatrix data library, HTML, bootstrap v5.x and @Razor code.

Start by working on the /System/Index page that allows a user to search the database for water quality
systems by the region and town/suburb they supply quality water to. You will need to determine the
best layout to present the data to our users and ensure you implement HTML Validation to reduce
errors. Once this is working, start implementing the other pages in the order above.

Task 1: Water Quality System Search [20%]


url: /System/Index

This page should provide a searching option to list the water quality systems based on the regions and
towns/suburbs they supply water to. The page should:

 load with no records displaying initially,


 show the water quality systems in a table alphabetically ordered by the name of the water
quality systems, then the regions and finally the town/suburbs. Each row in the table should
have the information of a water quality system and include a link to the /Systems/Index page so
that the user can view sample data associated with that water quality system,
 perform searching with ‘Starts With’ match, not ‘Contains the word’ match with both the search
criteria. If one or both search criteria are not provided, the search will not be executed and
appropriate message should be shown, and
 display message indicating that there are no matching records if the search returned no records.

Example Water Quality System Search

1a. Initial load or page without no search criteria.

1b. Page with no records returned.

1c. Page with records returned.


1d. Page with more specific search criteria and ordered table displayed.

Task 2: Listing Condensed Sample Data of Water Quality System [20%]


url: /Systems/Index?id=xx

This page shows the condensed sample data of a water quality system. Each row in the table will show
the minimum, maximum and average of the values of the avgValue attribute recorded for a region
and a test parameter.

The rows will be alphabetically ordered by the name of the regions and then the test parameters and
include a link to the /Systems/Details page so that the user can view all the sample data associated with
a water quality system supplied water to a region and having a test parameter.

Example Listing Condensed Sample Data of Water Quality System

2a. Condensed Sample Data of a Water Quality System


Task 3: Listing All Sample Data [20%]
url: /Systems/Details?rid=xx&sid=yy&pid=zz

This page should display all the sample data in a table for the associated region, water quality system,
and test parameter. The rows in the table should be ordered by the record identification number. Each
row should also be provided to view the disinfection methods used for this record by including a link to
the /DisinfectionMethod/Details page.

Example Listing all Sample Data

3a. Sample Data of a Region, a Water Quality System, and a Test Parameter
Task 4: Listing Disinfection Methods [15%]
url: /DisinfectionMethod/Details?id=xx

This page will display the disinfection methods used for a particular record of the sample data. If there
are no disinfection methods used, it should display appropriate message to the users.

Example Listing Disinfection Methods

4a. Disinfection Methods used for a Sample Data Record


Task 5: Listing and Modifying Test Parameters [15%]
url: /Parameter/Index
url: /Parameter/Create
url: /Parameter/Edit
The /Parameter/Index page will display the test parameters used in a tabular form. The row in the table
should also include a link to /Parameter/Edit page to allow users to modify existing data of test
parameters. Just below the table, there should also be a link to /Parameter/Create page to enable users
to add new test parameter.

The /Parameter/Edit page will display the existing data of a selected test parameter. The user will be
able to change few values as per the database design.

The /Parameter/Create page will automatically generate the parameter identification number and
display it. The users will need to supply other values as per the database design.

Task 5 (Alternative): Listing and Modifying Disinfection Methods [15%]


url: /DisinfectionMethod/Index
url: /DisinfectionMethod/Create
url: /DisinfectionMethod/Edit
The /DisinfectionMethod/Index page will display the disinfection methods used in a tabular form. The
row in the table should also include a link to /DisinfectionMethod/Edit page to allow users to modify
existing data of disinfection methods. Just below the table, there should also be a link to
/DisinfectionMethod/Create page to enable users to add new disinfection method.

The /DisinfectionMethod/Edit page will display the existing data of a selected disinfection method. The
user will be able to change few values as per the database design.

The /DisinfectionMethod/Create page will automatically generate the disinfection method identification
number and display it. The users will need to supply other values as per the database design.

You might also like