1. virtual techdays INDIA │ 18-20 august 2010 Extending Orchard for HTML5 and IE9 Praveen Srivatsa │ Director, AsthraSoft Consulting Microsoft Regional Director, Bangalore MVP, ASP.NET

2. What Is Orchard?

3. Target Audiences

4. Extensibility Deep Dive Audience for the rest of the presentation is developers Building a (very) basic “Products” module Goal is to give a glimpse of the CMS platform the core Orchard team is building

5. Orchard Architecture ASP.NET MVC Orchard CMS Orchard Modules Pages Blogs Users Comments Tags Roles Media Setup Themes XmlRpc Scheduling Navigation Homepage Feeds Settings

6. Orchard Themes Layout View Context <% Model.Zones.Add("head:before”); Html.Zone("head", ":metas :styles :scripts"); %> <% Model.Zones.Add("head:before”); Html.Zone("head", ":metas :styles :scripts"); %> <% Html.RegisterStyle("site.css“) Model.Zones.Add("header”); %> <% Html.Zone("header"); Html.Zone("menu"); %> <% Html.ZoneBody("content");%> <% Html.Zone("footer"); %> <% Html.RegisterStyle("site.css“) Model.Zones.Add("header”); %> <% Html.Zone("header"); Html.Zone("menu"); %> <% Html.ZoneBody("content");%> <% Html.Zone("footer"); %> (action specific view) Document.aspx Layout.ascx.ascx

7. Composition

8. UI Composition

9. Conclusion What you’ve seen: Defining a simple module as MVC “Area” Working with data (ProductRecord) Defining a content type (Product) Data Composition – ProductHandler, wiring up “Parts” like Common, Comments, Tags UI Composition – ProductDriver, ViewModels – Editor templates on back-end/admin Complete sample code on http://orchardproject.nethttp://orchardproject.net

10. Dongseop Kim

11.  Purpose of HTML 5  Semantic Mark up  Web Form Function  Support Rich Web Application

12.  Maintain capability from older version of HTML  Semantic mark up in order to have more readable code  Reduce other plug-in web application

13.   Define a generic content   Representing independent article  and  Topmost and bottommost Blocks of content   Create navigation menu

15.  It makes source code simpler  It will help developer to increase their productivity Source code for autofocus in HTML 4 source code for autofocus in HTML 5

17.  This is not most important thing on HTML 5 But, Most Exciting thing.  Reduce use of Plug-in Web Application

19.  Inner data storage, support database function based on SQL  Offline web application  Drag and drop API and others

20.  Some bugs are exist because it is still developing.  However, it would be beneficial for user and developer when it is completely developed.  End of This year, final version of HTML 5 will be released.  HTML 4 has been most standard web- document form for last 10 years, so HTML 5 will be one of the most important standard web document form.

21. virtual techdays THANKS │ 18-20 august 2010 praveens@asthra.net │ connect.asthrasoft.com/asthratimes