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

What Is Orchard?

Target Audiences

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

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

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

Composition

UI Composition

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

Dongseop Kim

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

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

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

 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

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

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

 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.

virtual techdays THANKS │ august 2010 │ connect.asthrasoft.com/asthratimes