1. Introduction to MVC 4 01. Introduction NTPCUG Tom Perkins, Ph.D.

2. Class Objectives Introduce you to the basics of the ASP.NET MVC 4 development platform. Develop a web site using MVC 4 Deploy the website as an Azure site in the cloud Help you to develop your development skills by using MVC 4.

3. PREREQUISITES Visual Studio 2012 Visual Studio Express 2012 – Available as a free download from http://www.microsoft.com/visualstudio/eng/prod ucts/visual-studio-express-products http://www.microsoft.com/visualstudio/eng/prod ucts/visual-studio-express-products

4. Course Plan Follow the Microsoft introductory tutorial – Available at http://www.asp.net/mvc/tutorials/mvc-4/getting- started-with-aspnet-mvc4/intro-to-aspnet-mvc-4 http://www.asp.net/mvc/tutorials/mvc-4/getting- started-with-aspnet-mvc4/intro-to-aspnet-mvc-4 Presentations will follow the tutorial, step-by- step Each student will develop a web site Each student will deploy the website to the Internet via the Azure cloud

5. Class Project Website An application to list movies Movie information stored in a database Features: – Create a movie information entity – Edit – Search database – List movies

6. Page to list movies …

7. Add, edit, delete and validate data …

8. Starting the project … Start Visual Studio 2012 or Visual Studio Express 2012 Select New Project from the Start Page Alternative – use Menu – Select File  New Project

9. Start Visual Studio …

10. Create an ASP.NET MVC 4 Web Application Select ASP.NET MVC 4 Web application Name: MvcMovie Location: Solution: MvcMovie Hit: OK

11. Set up the MvcMovie Project … Select: Internet Application Leave View Engine as “Razor” Hit: OK

12. Your MvcMovie (Hello, World!) project has been created …

13. Run the preliminary project … Select: DEBUG | Start Debugging Note: F5 keyboard shortcut to start application

14. When “F5” is pressed … VS launches a browser Opens the application’s home page Application bar: localhost Note random port number

15. Your baseline MVCMovie app

16. Default template gives you: Home, Contact, About pages Support for Login and Register pages Links to Facebook and Twitter Explore the app, then close your browser Next: 02. Adding a controller