MRT 4 - .NET 4.

0 Instructions
Objective:
1. Review new features of Visual Studio 2010 2. Create an MVC 2 application (MRT4MVC) using C# and ASP.Net 3. Create a website application (MRT4WEB) using C# and ASP.Net

Part A:

Training:
The training materials are in the attached file named MRT 4 .NET 4.0 Training.doc. Part A: Turn in as Hardcopy the sourcecode and screenshots of the running projects MRT4MVCapp and MRT4Website. Submit to BB the two zipped projects MRT4MVCapp and MRT4Website you have created in the MRT 4 .NET 4.0 Training.doc.

Part B: This MRT should exercise the use of C# code, html tags, ASP.NET/ASP.NET MVC syntax, database connectivity, MVC (model-view-controller) applications, and Web Site creation with basic login features through the use of new features of Microsoft Visual Studio 2010. MVC Application & Website Creation Requirements: SQL Server Express (SQL Server) must be installed on your system, including Microsoft Visual Studio 2010. The MVC web application is to be created with ASP.NET MVC 2 since this is the current web application used extensively with Microsoft Visual Studio 2010 (ASP.NET MVC 3 recently was released). The web site to be created will have basic user login capabilities. Design and implement a MVC web application and a web site in accordance with the methods of this tutorial. Development requirements: The MVC web application and Web Site must be created exactly as instructed in the Programming Requirements below. The MVC web application and Web Site must have basic login/registration/etc. abilities and hyperlinks must work correctly, as indicated in the Programming Requirements below. The output screenshots of your programs must match the actual programs you submit.

1. Implement a MVC (Model-View-Controller) web application in C# under the Visual Studio 2010 IDE (543 & 200 PGH), call it MRT4MVC, observing the following rules. 2. Implement a Web Site in C# under the Visual Studio 2010 IDE (543 & 200 PGH), call it MRT4WEB, observing the following rules.

Part B: Turn in as Hardcopy the sourcecode and screenshots of the running projects MRT4MVC and MRT4WEB as requested below. Submit to BB the two zipped projects MRT4MVC and MRT4WEB you have created in the MRT 4 .NET 4.0 Instructions.doc.

Programming Requirements:

MVC Web Application

MRT4MVC

Create the same website (content/design-wise; look is different though) with the restrictions and requirements (excluding exceptions below) of the Web Site before, except now it is an MVC Web Application. Create the MVC Web Application website in accordance with the descriptions and pictures below. Create database and database connectivity using Code-First paradigm as explained in the tutorial (create the same table in the Members page of the MVC web application website). Hint #1: Use the Design tab to help you design the MVC web application. Hint #2: Use the knowledge, methods, and applications you acquired from completing the Web Site above to complete this MVC web application. Hint #3: To create hyperlinks from one page to another page: Instead of typing the same exact syntax used when creating the Web Site (e.g. Creating the page-to-page hyperlink with NavigateUrl=~/Home/Members.aspx) use the same syntax but replace navigation URL with actual folder directory (e.g. creating hyperlink with NavigateUrl=~/Home/Members/). Hint #4: Use the patterns between model, view, and controller items to update and create more model, view, and controller items. Exceptions: The Members page does not have to accessible to only a logged-in user, so create it in the Home folder and NOT the Account folder. The Change Password hyperlink does NOT have to be hidden when a user is NOT logged-in as with the previously created Web Site.

 Member Site w/o database

 Provide screenshot of member page with database.

Web Site MRT4WEB

The title of the web site for all pages is UH Cougar Fans Website. The pages and tabs to be included are Home, About, and Members. The Members page should only be accessible to users who are registered and log-in to the site. A [Log In] link should be accessible when a user has NOT logged in to the web site, as indicated in the picture below. The header for the Home page is Welcome to the UH Cougar Fan Website!; the body sentences positioned on separate lines are Check out the Computer Science departmental website at www.cs.uh.edu., Please visit UHs main website for more information and links., and If you are a member of this site, go to member page here.. The text www.cs.uh.edu and information and links should be hyperlinked http://www.cs.uh.edu/ and www.uh.edu, respectively. On the other hand, the text labeled here should be hyperlinked to the Members page of the web site.

The text www.cs.uh.edu must have a mouse-over effect with tool-tip text COSC Website.

The text information and links must have a mouse-over effect with tooltip text UH Homepage.

10

The header text for the About page is About UH and should be underlined; the body sentences positioned on separate lines are *University of Houston was established as a junior college in 1927., *The University of Houston teaches over 37,000 undergraduate/graduate students each year., *As of last year, over 4,500 students were enrolled in the College of Natural Sciences and Mathematics., and Go Coogs!!!.

11

The Log In page should appear if you try to access the Members page without being logged in to the website.

12

The header text for the Members page is Cougar Members and should be underlined; the body sentences positioned on separate lines are As a member of this website, you are also a member of UH!!!, Go Coogs!!!, Click below to return to the homepage., and Homepage. The text labeled Homepage should be hyperlinked to the Home (default) page of the web site. The Change Password and [Log Out] links should be accessible when a user has successfully logged in to the web site, as indicated in the picture below.

13

Provide screenshots of above pages.

14

Note: Do your best to create the MVC web application MRT4MVC and Web Site MRT4WEB exactly as indicated in the descriptions and pictures above (e.g. spacing, content, etc.).

15