Introduction To Umbraco

Ken CenerelliSenior Software DeveloperAlvarnet Corporationken.cenerelli@alvarnet.comkencenerelli.wordpress.com@kencenerelli

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

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!

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…

A manual install is accomplished through a WebDeploy in IIS 7The Web Deployment Tool can be installedthrough Microsoft Web Platform Installer fromhttp://www.iis.net/download/webdeployNote: Web Platform Installer will be installedfirst if it does not exist on your system

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 4.7.1.1 fromhttp://umbraco.codeplex.com/

Video to install with Web Platform Installer http://umbraco.com/help-and-support/video- tutorials/getting-started/installing-with-web- pi.aspxVideo to walk through the install wizard: http://umbraco.com/help-and-support/video- tutorials/getting-started/installing-umbraco.aspx

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

Document Type Template Properties HTML + Place Holders Create Page Macros User Controls/XSLT web

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

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

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

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

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.

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

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

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

Umbraco 5 with support for MVC and Razor willbe released Q2 2012Umbraco 5 training available in the GTA inMarch http://umbraco.com/products/training/schedule.as px

http://umbraco.com/http://umbraco.com/help-and-support.aspx (videos, whitepapers, sample projects, etc.)http://umbraco.com/developers-site.aspxhttp://our.umbraco.org/ (community hub with forums, wiki, sample projects, etc.)

ken.cenerelli@alvarnet.comkencenerelli.wordpress.com @kencenerelli

Introduction To Umbraco

by Ken Cenerelli on Jan 25, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Introduction To Umbraco — Presentation Transcript