Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction To Umbraco


Published on

A technical presentation on how to Configure and Extend Umbraco

Published in: Technology
  • Dating direct: ♥♥♥ ♥♥♥
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ♥♥♥ ♥♥♥
    Are you sure you want to  Yes  No
    Your message goes here
  • ♣♣ 10 Easy Ways to Improve Your Performance in Bed... ♥♥♥
    Are you sure you want to  Yes  No
    Your message goes here

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