Introduction To Umbraco


Published on

A technical presentation on how to Configure and Extend Umbraco

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Introduce myselfAsk for a quick show of hands who is using a CMS and which ones they are using
  • Manual install good for local machines or if you have access to the SQL serverVery clunky with Web Platform Installer
  • DBs = MySQL, SQL Server and VistaDBThe newly created DB user must be the dbOwner of the database
  • DEMO:1. Show them the created DB2. Show them where to find web deploy in IIS 73. Setup thru IIS deploy. Show them the wizard. Make note that they have to have SQL name in correct caps and that the SQL server must be set to (local). Also set the Application Pool framework to .NET 4.0. 4. Show them the completed site
  • DEMO:1. Show how to access site2. Show how to log in with username created3. Give a tour of the site and what each of the areas do
  • Talk about difference between saving and publishingDEMO:1. Create a Document Type and it will also create a template2. Create a new content page with that document type. Only Name is editable.3. On new document type create a new tab called Content.4. Create a new property under this tab called BodyText with Richtext Editor.5. Return to Content page and show new tab with the editor.
  • HTML is the template languageEverything in template is wrapped in <asp:Content></asp:Content> elementTalk about inheriting templates into a master templateRecursive items (recursive="true") in master template so that they show on all pages
  • - DEMO: 1. Add Summary property as textbox multiple to generic properties in Document Type. 2. Add Summary as a Umbraco page field in template. 3. Go to content page to edit this new field.
  • DEMO:1. Create a new stylesheet called Style2. Add the following CSS line - body{background:red}3. Change the master page stylesheet in two areas4. Show a content page
  • DEMO:1. Show the project used to create the custom user control2. Right-click the Solution file and set the CMS solution to not build in the properties3. Hide the App_Data/TEMP folder in the project files so they don’t get added to TFS4. Show the post build events
  • - Talk about how this is the same as adding an XSLT macro
  • Create a Login page and add the Login macro to it.
  • The query string only works when debug mode is true in the Web.Config. Set to false when releasing to production.Can delete the DLLs and refresh the page to invoke the query stringThe query string is also good to check for bottlenecks on page load
  • DEMO (Users):1. Create a new media library called UKEditor2. Create a new user called ukeditor; set password, the start nodes and sections3. Change user permissions – unclick Publish and click Send To Publish3. The administrator can then approve the changes once they are happy with itDEMO (Members):1. Create a Member Type called PowerUser2. Create a new tab called Details to store member properties3. Create a new property under Details called City4. Create a new member for that type called Demo5. Create a member group called PowerUsers and add the user to that groupDEMO (Role-based protection):1. Create a login template with <asp:Login ID="Login" runat="server" />2. Allow new template on document type3. Create a new Login page with new template.4. Create a forbidden page.5. Create a private page and click Public Access. Set the appropriate pages.6. Hide the login and forbidden pages from navigation.7. Browse to private page and get re-directed back to Login page
  • - Talk about Colin’s upcoming Metro Toronto .NET User Group presentation on Web Deploy
  • Introduction To Umbraco

    1. 1. Ken CenerelliSenior Software DeveloperAlvarnet
    2. 2. 1. Introduction Background on Umbraco2. Configuring Umbraco Installation3. Questions + Break4. Extending Umbraco Umbraco Administration pages Document Types, Templates, Stylesheets, Users & Permissions and Packaging & Deployment Custom development & User Controls
    3. 3. Developed in 2005 by Niels HartvigMore than 85,000 installations worldwideASP.NET, Heinz, Peugeot, Tesco, Wired, FOX andVogue Magazine run UmbracoDesigned to run within the Microsoft stackAnd best of all… it’s FREE!
    4. 4. Umbraco can be used with both Visual Studioand WebMatrixIt can be deployed directly with the WebPlatform InstallerHowever the manual install gives you the mostcontrol and as developers we like control…
    5. 5. A manual install is accomplished through a WebDeploy in IIS 7The Web Deployment Tool can be installedthrough Microsoft Web Platform Installer from Web Platform Installer will be installedfirst if it does not exist on your system
    6. 6. First we create a database and create a user forthe databaseThe database will house the Umbraco settingsNext we create a new website in IIS 7 to houseour Umbraco installationWe can then install Umbraco using theWebDeploy package from
    7. 7. Video to install with Web Platform Installer tutorials/getting-started/installing-with-web- pi.aspxVideo to walk through the install wizard: tutorials/getting-started/installing-umbraco.aspx
    8. 8. Access the admin site from the site URL byadding “/Umbraco/” to the end of the pathThe trailing “/” MUST be presentThe admin site is where we can modify all of theUmbraco related items even though we haveaccess to the code
    9. 9. Document Type Template Properties HTML + Place Holders Create Page Macros User Controls/XSLT web
    10. 10. A way to design data storage and a way togenerate the UI to input the dataEg. We can have a movie document type andwithin it we can have a Title, Genre, etc.We can then extend the document types byadding tabs and propertiesProperties help add data and can make fieldsmandatoryTabs control the UI to make it more user friendly
    11. 11. Document types reflect how to store data buttemplates define how to present the dataTemplates are akin to ASP.NET Master Pages andNested Master PagesPage templates are inherited by mastertemplates using <asp:Content></asp:Content>elements
    12. 12. Are plain CSS in Umbraco and are used thesame way as in normal htmlCan add properties to a stylesheet and attachthem to a Richtext Editor
    13. 13. Used for custom development when you needto access a database or process user inputCreate a new project to house both a webapplication project and the Umbraco CMSprojectWe will set the Umbraco project to Not To BuildWe then set Post-Build Events to copy the UserControls and DLLs from the web project to theUmbraco project
    14. 14. The user controls are added within the adminsiteWithin Umbraco a User Control is called aMacroWe add a macro to the page and content areawhere you want it to show up.
    15. 15. Cannot add a breakpoint and debug as normalHave to use Attach To Process with both Showprocesses checkboxes checkedAttach to the w3wp.exe processAnother method is to add?umbdebugshowtrace=true as a query string toany Umbraco-generated page to show stacktrace information
    16. 16. Users are administrators or content editorsUsers are a way to limit sections of the site tospecific users and specific user functionsMembers give an identity to site visitors so theycan register or loginMember Groups act like roles where a membercan belong to one or more groupsThe page can then be locked down to a user orto a member group
    17. 17. In essence the site was already deployed to theweb serverHowever, now that the Web Deployment Tool isinstalled in your IIS, you can package and deployyour Umbraco site to your production server
    18. 18. Umbraco 5 with support for MVC and Razor willbe released Q2 2012Umbraco 5 training available in the GTA inMarch px
    19. 19. (videos, whitepapers, sample projects, etc.) (community hub with forums, wiki, sample projects, etc.)
    20. 20. @kencenerelli