free, open source, community-focused
advertisement
INDIA │ 18-20 august 2010 virtual techdays Extending Orchard for HTML5 and IE9 Praveen Srivatsa│ Director, AsthraSoft Consulting Microsoft Regional Director, Bangalore MVP, ASP.NET What Is Orchard? • Orchard is a free, open source, community-focused project aimed at delivering applications and reusable components on the ASP.NET platform. http://orchard.codeplex.com http://orchardproject.net http://orchard.codeplex.com/releases 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 Orchard Modules Pages Blogs Comments Tags Media Feeds Scheduling XmlRpc Users Roles Themes Navigation Setup Settings Homepage Orchard CMS ASP.NET MVC Orchard Themes <view>.ascx (action specific view) Layout.ascx <% Html.RegisterStyle("site.css“) Model.Zones.Add("header”); %> <div class="page"> <div id="header"><% Html.Zone("header"); Html.Zone("menu"); %> </div> <div id="main"><% Html.ZoneBody("content");%> <div id="footer"><% Html.Zone("footer"); %></div> </div> </div> Layout View Context Document.aspx <!DOCTYPE html> <html> <head> <title><%=Html.Title()%></title> <% Model.Zones.Add("head:before”); Html.Zone("head", ":metas :styles :scripts"); %> </head> <body> <%Html.ZoneBody(“layout");%> </body> </html> 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 http://orchardproject.net Dongseop Kim Purpose of HTML 5 Semantic Web Mark up 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 <section> Define a generic content <article> Representing independent article <header> and <footer> Topmost and bottommost Blocks of content <nav> 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 webdocument form for last 10 years, so HTML 5 will be one of the most important standard web document form. THANKS│18-20 august 2010 virtual techdays praveens@asthra.net│ connect.asthrasoft.com/asthratimes
