• Save
ASP.NET MVC - In the Wild
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


ASP.NET MVC - In the Wild



Real world example of using ExtJS in an MVC application.

Real world example of using ExtJS in an MVC application.



Total Views
Views on SlideShare
Embed Views



12 Embeds 306

http://www.nfdotnet.org 205
http://nfdotnet.com 23
http://nfdotnet.org 21
http://northfloridadotnet.net 16
http://northfloridadotnet.org 8
http://nfdotnet.net 7
http://www.nfdotnet.com 7
http://www.northfloridadotnet.net 6
http://www.northfloridadotnet.com 4
http://www.nfdotnet.net 4
http://www.northfloridadotnet.org 3
http://northfloridadotnet.com 2



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

ASP.NET MVC - In the Wild Presentation Transcript

  • 1. 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
  • 2. 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.
  • 3. 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
  • 4. 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.
  • 5. What is PowerMaps © ?
    • DEMO
  • 6. 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
  • 7. Breaking Down PowerMaps ©
        • 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.
  • 8. Breaking Down PowerMaps ©
    • 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).
  • 9. Breaking Down PowerMaps ©
    • 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).
  • 10. 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.
  • 11. 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.
  • 12. 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 /
  • 13. 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