• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Pragmatic orchard
 

Pragmatic orchard

on

  • 2,570 views

The first Module of a workshop about orchard CMS, with the goal to form a new Orchard development team

The first Module of a workshop about orchard CMS, with the goal to form a new Orchard development team

Statistics

Views

Total Views
2,570
Views on SlideShare
2,540
Embed Views
30

Actions

Likes
3
Downloads
91
Comments
0

5 Embeds 30

https://twitter.com 22
http://a0.twimg.com 3
http://ineedflat.ru 2
http://localhost 2
https://www.linkedin.com 1

Accessibility

Categories

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.

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

    Pragmatic orchard Pragmatic orchard Presentation Transcript

    • Alexandre Marreiros, 2011A Quick Intro
    • Alexandre Marreiros, 2011Agenda Introduction Build on Concepts Review Get and Setup Orchard Orchard Concepts Theme Widget Modules Advance Theme Concepts
    • Alexandre Marreiros, 2011Introduction“Orchard is a Web CMS, which essentially aims at helpingyou build web sites from existing pieces. Those piecescome in a few different sizes and shapes that need to bewell understood if youre going to be productive with them.This article will go through those pieces and explain theirnames and behavior.” Orchard Team
    • Alexandre Marreiros, 2011IntroductionWhat is Orchard CMS ? Is a CMS User Centric Open Source Suported by Outercurve Foundation A framework based on an architecture of Plugins and Provider’sIs built on top of .NET
    • Alexandre Marreiros, 2011Built On Orchard CMS Razor Views Database Engine OR ASP.NET MVC 3 Sql Server SQL CE (*) .NET 4.5*sql server > 2000 any version in house and SQL Azure
    • Alexandre Marreiros, 2011Concepts ReviewASP.NET MVC 3Built on Top off ASP.NET with the main intent of implement MVC pattern withMicrosoft Web Technologies Model View Controller
    • Alexandre Marreiros, 2011Concepts ReviewRazorIs a general propose template engine used to generate HTML from data. Isavaiable in ASP.NET MVC 3 Views.Razor provides a easy to read and wirte sintaxe that allow us to use ritch codein the midle of Markup code.@ - Marks the begining of a razor sentence in ASP.MVC 3 Generated Template Data Output
    • Alexandre Marreiros, 2011Concepts ReviewRazor Glossary@ - Marks the begining of a razor sentence in ASP.MVC 3@{ } – Code Block@i - Implicit code(@i) – explicit code<text> </text> - Razor tag that allows to define a plain text part@HTML – Use html util helper functionsExample of razor to display a partial view @HTML.Partial( “_partialview “, Model )
    • Alexandre Marreiros, 2011 Demo ASP.NET MVC3 & RazorDemo
    • Alexandre Marreiros, 2011IntroductionHow I get Orchard? With WebMatrix & WebPlataform With Codeplex  Download the release  Clone source code First time I run Orchard Setup happens
    • Alexandre Marreiros, 2011 Get OrchardDemo
    • Alexandre Marreiros, 2011Orchard Concepts Buch ofTyped single information andInformation Content Content Field reusable Part behaviour Content Classes of Data, Type Abstration of concepts Instance of content Content type, Single piece of Item content
    • Alexandre Marreiros, 2011Orchard ConceptsOrchard define his own model of security basedon users roles and premissions. Premission User Role Premission ….N
    • Alexandre Marreiros, 2011Orchard ConceptsCustomizable built in Orchard CMS roles Full control over site and settings Administrator Is not allowed to creat content only edit Editor Validate user created contents, only Moderator frontend content for now Author Writes and plublishes Write content can be or not allowed to Contributor publish Anonymous Unknown user not login in CMS engine Authenticated Any user with a role in the CMS
    • Alexandre Marreiros, 2011Orchard ConceptsThe user interface of Orchard uses a Themmingaproach.
    • Alexandre Marreiros, 2011Orchard ConceptsOrchards offers a plug an play cross contentengine that enable us to use widgets and definezones for that in our theme
    • Alexandre Marreiros, 2011Orchard ConceptsThe most basic building Block of Orchard areModules.Each Module is a MVC Block that extendsOrchard Architecture Modules Modules Modules Modules Modules Orchard CMS Core Framework
    • Alexandre Marreiros, 2011Orchard ConceptsEach Module we install in the Platform give us agroup of functionalities, that can be or notenabled to this concept as the name of feature.
    • Alexandre Marreiros, 2011 Orchard conceptsDemo
    • Alexandre Marreiros, 2011Orchard ConceptsIn review
    • Alexandre Marreiros, 2011ThemeMechanism for specified the look and feel of aOrchard solution.In Orchard when you define a Module youdefine the way he render, that is the look andFeel of the module unless the theme say isdifferenteThe same is true for Parts, Widgets and Fields(that are also modules).
    • Alexandre Marreiros, 2011ThemeTheme Possible States Enabled Active Install Disabled Current* An Active current doesn’t have necessary to be the current
    • Alexandre Marreiros, 2011ThemeTheme rendering engine Current Active Theme Theme Module• When a theme does not define the look and feel of a module that comes from the active team and if no active team from the module itself• The Active Theme can become the cureent theme if a theme selector elevate is priority
    • Alexandre Marreiros, 2011 Orchard ThemeDemo
    • Alexandre Marreiros, 2011ThemeAll Orchard Themes live in a Folder that makespart of Orchard IIS Directory Named:
    • Alexandre Marreiros, 2011ThemeLet’s take a look at Theme Folder organization
    • Alexandre Marreiros, 2011 Orchard ThemeDemo
    • Alexandre Marreiros, 2011Widget Widget widget
    • Alexandre Marreiros, 2011Widget Theme.txt Layouts.cshtml
    • Alexandre Marreiros, 2011Widget Layer’s
    • Alexandre Marreiros, 2011ModulesAre the basic building blocks of OrchardEach module is a MVC application that lives inthe Orchard ecosystem
    • Alexandre Marreiros, 2011 Orchard ModulesDemo
    • Alexandre Marreiros, 2011Modules
    • Alexandre Marreiros, 2011Modules Modules are Costum Extensions Grouped in a Modules package. Features . Features are a logical grouping of functionality. (can be enabled or disable)
    • Alexandre Marreiros, 2011ModulesAnd what kind of modules we have? Modules Modules Modules Modules Orchard CMS Core FrameworkWhere Modules Live?
    • Alexandre Marreiros, 2011 Orchard Modules anatomyDemo
    • Alexandre Marreiros, 2011Advance Theme Concepts ShapeShape Shape Shape Shape Shape
    • Alexandre Marreiros, 2011Advance Theme ConceptsRender Engine Header Widget Shape Theme Layout … Render UI Content Content ShapeThe UI of Orchard are a compound UI once that all the UI isdivided in to different small blocks of UIShapes are dynamic UI models of dataWe can define just as a Shape as simple a Razor template
    • Alexandre Marreiros, 2011Advance Theme ConceptsYou can define alternates to specific UIelements.Imagine if i want to override the Shape thatrenders the Content but just when the url of theitem is homepage i can create the shape Content-url-homepage.cshtml
    • Alexandre Marreiros, 2011Advance Theme ConceptsRules for alternatesFor content parts: [ShapeType]__[Id]. (Example template: PartsCommon.Metadata-42) [ShapeType]__[ContentType]. (Example template: PartsCommon.Metadata-BlogPost)
    • Alexandre Marreiros, 2011Advance Theme ConceptsRules for alternatesFor widget shapes: Widget__[ZoneName]. (Example template: Widget-SideBar) Widget__[ContentType]. (Example template: Widget-BlogArchive)
    • Alexandre Marreiros, 2011Advance Theme ConceptsRules for alternatesFor Content shapes: Content__[DisplayType]. (Example template: Content.Summary) Content__[ContentType]. (Example template: Content-BlogPost) Content__[Id]. (Example template: Content-42) Content_[DisplayType]__[ContentType]. (Example template: Content-BlogPost.Summary) Content_[DisplayType]__[Id]. (Example template: Content- 42.Summary)
    • Alexandre Marreiros, 2011Advance Theme ConceptsThe placement of shapes can be defined by theTheme
    • Alexandre Marreiros, 2011 Orchard UI composed “Shapes”Demo
    • Alexandre Marreiros, 2011More Thoughts We had made a long dive in to Orchard Concepts, now we are able to understand all the orchard picture and start working. Next session is Development dive in to the plataform. For you start playing start working start using Orchard, collaborate with the community
    • Alexandre Marreiros, 2011Refrences http://www.orchardproject.net/ http://www.orchardproject.net/docs/ http://weblogs.asp.net/bleroy/ http://paper.li/jgaylord/1306335822 http://weblogs.asp.net/scottgu/archive/2011/05/12/asp- net-mvc-3-and-the-helper-syntax-within-razor.aspx http://Asp.net
    • Alexandre Marreiros, 2011Email: Amarreiros@gmail.comTwitter: @alexmarreirosFeel free to ask