ASP.NET MVC - In the Wild

ASP.NET MVC In The Wild North Florida .NET User Group March 10 th , 2011 Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan

ASP.NET MVC – What is it?
ASP.NET MVC is the latest web application framework from the boys in Redmond. As the name implies, it implements the model-view-controller (MVC) pattern and leverages .NET framework version 3.5 and better. You can develop ASP.NET MVC solutions on Visual Studio 2008 and 2010. It is in version 3 now.

MVC – What is it?
MVC is the latest brand new software pattern that has been around since 1979 . It allows applications to be composed of three distinct areas of responsibility.
Model – State / Database / Persistence
Controller – Changes the Model, acts as intermediary between the Model and the…
View – Input for users / Output to browser

What is tonight about?
A walkthrough of selected features from a commercial ASP.NET MVC portal application.
A look at the integration of third party features into this application, specifically a RIA suite and GIS data.

What is PowerMaps © ?
DEMO

Breaking Down PowerMaps ©
How does it work?
1 controller to host the page and shared page functions
A controller per map filter, using a common interface
ASP.NET MVC User Controls hosting ExtJS controls
The Google Maps API

ASP.NET MVC
One controller to act as a page host, as well as a common endpoint for common items, like ZIP Code boundary information
A custom model binder to interpret posted data and transform into the appropriate model per filter.
A controller per filter with specific implementations for GetMapData, GetColumnInfo, et cetera.

What is ExtJS
A RIA (Rich Internet Application) JavaScript component set.
It allows for the construction of common components (period selector, filter container, grid container, et cetera).
It allows for the use of extensions and plugins to the base code library.
Embraces JSON heavily (ask me about xtype versus new).

Google Maps API
A JavaScript library for GIS data.
Provides everything you need to be able to display GIS data and related items (areas, routes, et cetera).

Tips, Gotchas, Discoveries
Use NewtonSoft (JSON.NET). It will save your life on Date parsing.
Use jsBeautifer.org. Cheap and easy way to find format mistakes in your JS code.
ExtJS has a steep learning curve, but it is eased if you embrace JSON.
ASP.NET MVC has enough infrastructural pieces in place to implement a very clean and focused code philosophy.

Tips, Gotchas, Discoveries – cont.
ASP.NET MVC’s ActionResult and the ability to return JSON data on the fly is invaluable to JavaScript RIA solutions.
Taking advantage of JSON ActionResults and ExtJS xtype, you can build controls on the server and stream them to the client.

Closing Thoughts
Sencha’s ExtJS Documentation site (written in ExtJS) http ://dev.sencha.com/deploy/dev/docs/http://dev.sencha.com/deploy/dev/docs /
Sencha’s ExtJS Demos http :// dev.sencha.com/deploy/dev/examples http :// www.sencha.com/products/extjs/examples
VinylFox’s Site http ://www.vinylfox.com /
MSDN, March 2011 http :// msdn.microsoft.com/en-us/magazine/gg650660.aspx
StackOverflow – http://www.stackoverflow.com
Google Maps JavaScript API V3 http ://code.google.com/apis/maps/documentation/javascript /

Thank you for your time!
Where to go from here?
Exploration of other ASP.NET MVC related items
DisplayFor / EditorFor Templates
IoC / DI Containers
Testing (Nunit, WatiN, Jasmine)
jQuery Validation
Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan

http://www.nfdotnet.org	187
http://nfdotnet.org	17
http://northfloridadotnet.net	16
http://nfdotnet.com	16
http://northfloridadotnet.org	8
http://www.nfdotnet.com	6
http://www.northfloridadotnet.net	6
http://www.northfloridadotnet.com	4
http://www.nfdotnet.net	4
http://nfdotnet.net	3
http://www.northfloridadotnet.org	3
http://northfloridadotnet.com	2

ASP.NET MVC - In the Wild

by North Florida .NET User Group

Accessibility

Categories

Upload Details

Usage Rights

12 Embeds 272

Statistics

ASP.NET MVC - In the Wild Presentation Transcript