asp.net stuff

Northeastern University, ITC 2811 – Advanced Application Development Assignment 10

Page 1 of 2

Assignment 10

This assignment consists of two parts. One related to MVC and the other related to jQuery

Mobile.

Part 1- MVC

For this part, you are going to create an MVC Project called Assignment10 as follows:

In the Models folder, create a C# class called Team with the following two auto-implemented

properties:

 TeamName with return type string.

 TeamCity with return type of string.

In the Controllers folder create a controller called HomeController with the following actions:

 Index, which is decorated with the [HttpGet] attribute. In its body, it should create an object of type Team and pass it on to its associated view.

 Index, which is decorated with the [HttpPost] attribute and takes a parameter of type Team. In its body, it should construct the following message and display it in its

associated view. The team name is X and the team city is Y!

Where X is the TeamName and Y is the TeamCity from the Team object received from the

form in its associated view.

In its associated view, the Razor syntax should be used to define a form that has a label for the

team name and a text box for it as well as a label for the team city and a text box for it. It should

also have an input of type submit which posts the values entered by the user to the Index action,

decorated with the [HttpPost] attribute. The following block shows the skeleton for the Razor

form in this view.

@using (Html.BeginForm()) { <p> Team Name inputs go here </p> <p> Team City inputs go here </p> <p input of type submit goes here p> }

This is very similar to the example presented in lecture 1 of this week. In brief, when the

application is run, it shows the form containing the input fields where the user enters a team

Northeastern University, ITC 2811 – Advanced Application Development Assignment 10

Page 2 of 2

name and a team city and clicks the submit input after which the page is refreshed to show the

message specified earlier.

Part 2- jQuery Mobile

Answer the following questions in a Word document (or any other rich word processing program

that allows you to create .doc documents), save it as Assignment10FN (where F is your first

initial and L is your last initial).

1- How would you define a header for a jQuery Mobile page?

2- How would you define an area to hold the main contents of a jQuery Mobile page?

3- How would you define a footer for a jQuery Mobile page?

4- What meta tag would you use to specify the zoom and display dimensions of a jQuery

Mobile page?

What to Submit

To submit this assignment, you may zip up the solution folder plus the Word doucument and

submit them to me via the Blackboard.

Good luck and don’t hesitate to contact me if you have any question