Project Silk

The patterns & practices Web Guidance Team has been working on Project Silk and has just published Drop 7 here on 4/26/2011.

View a 5 minute HD video on the Mileage Stats application here.

The Mileage Stats application is a multi-page interactive web application where the pages are rendered without requiring a post back. This creates the illusion of a desktop application. The lack of post backs enable rich UI transitions between states (pages.) The browser application runs very fast because of the client-side data caching.

The Mileage Stat application JavaScript is modularized using jQuery UI Widgets. The widgets allow breaking the UI into small discrete stateful objects; providing a clean separation of responsibilities and concerns. I published a QuickStart on jQuery UI Widgets here.

Project Silk went through an independent security review last week. No security defects were found in the application or use of the ASP.NET MVC3 feature set.

Mileage Stats uses OpenID for authentication.

signinpage

Mileage Stats leverages Internet Explorer 9 Pinned Sites features. Below you can see the notification icon that indicates there are more than 3 outstanding maintenance tasks for the owner’s three vehicles. Mileage Stats also displays dynamic jump lists for maintenance tasks. 

detailspage

Mileage Stats sports a rich chart page that allows the selection of three charts, vehicle selection and begin and end date, data selection. The chart data requires no post back and runs very fast.

chartspage

The Web Guidance Team has started writing a book about Project Silk and creating interactive web applications.  The team plans to drop every Tuesday between now and the end of May 2011. You can preview and comments on the book content each week and get an updated version of the above application from the http://silk.codeplex.com site.

Book Table of Contents

Preface
Ch1: Introduction
Ch2: Client-side Architecture
Ch3: jQuery Widgets
Ch4: Client-Side Navigation
Ch5: Client-Side UI Design and Layout
Ch6: Client-Side UI
Ch7: Client-Side Data Management, Caching, Validation
Ch8: IE9 Shell Support
Ch9: Server-side Architecture
Ch10: Testing Web Applications
Ch11: Security
Ch12: Performance and Minification
Appendix A: How-to Topic Listing (in the book)
Appendix B: Widget QuickStart
Appendix C: Testing How-to Topics

We welcome and appreciate your feedback on the application and book content.

Have a great day,

Just a grain of sand on the worlds beaches.

8 Responses to Project Silk

  1. Hi Karl,
    Where can I find the book? Could you please provide the download link?

    • Karl says:

      The book contents are in the latest Silk drop (download). http://silk.codeplex.com then click on downloads.

      The book was just started, so the amount of content is small this week. It will grow each week until we are completed.

      Cheers,

      Karl

  2. [...] Project Silk: An example of building a rich Ajax website on ASP.NET MVC, jQuery UI, etc. http://karlshifflett.wordpress.com/2011/04/27/project-silk/ RamonDuraes  Caso Sony: Criminosos oferecem 2,2 milhões de números de [...]

  3. [...] reading here: Project Silk :asp-net-mvc, cider-designer, microsoft, object-loading, Power, presentations, prism, [...]

Follow

Get every new post delivered to your Inbox.

Join 145 other followers