SlideShare a Scribd company logo
Ken Cenerelli
Senior Software Developer
Alvarnet Corporation
ken.cenerelli@alvarnet.com
kencenerelli.wordpress.com
@kencenerelli
1. Introduction
   Background on Umbraco
2. Configuring Umbraco
   Installation
3. Questions + Break
4. Extending Umbraco
   Umbraco Administration pages
   Document Types, Templates, Stylesheets, Users &
   Permissions and Packaging & Deployment
   Custom development & User Controls
Developed in 2005 by Niels Hartvig
More than 85,000 installations worldwide
ASP.NET, Heinz, Peugeot, Tesco, Wired, FOX and
Vogue Magazine run Umbraco
Designed to run within the Microsoft stack
And best of all… it’s FREE!
Umbraco can be used with both Visual Studio
and WebMatrix
It can be deployed directly with the Web
Platform Installer
However the manual install gives you the most
control and as developers we like control…
A manual install is accomplished through a Web
Deploy in IIS 7
The Web Deployment Tool can be installed
through Microsoft Web Platform Installer from
http://www.iis.net/download/webdeploy
Note: Web Platform Installer will be installed
first if it does not exist on your system
First we create a database and create a user for
the database
The database will house the Umbraco settings
Next we create a new website in IIS 7 to house
our Umbraco installation
We can then install Umbraco using the
WebDeploy package 4.7.1.1 from
http://umbraco.codeplex.com/
Introduction To Umbraco
Video to install with Web Platform Installer
   http://umbraco.com/help-and-support/video-
   tutorials/getting-started/installing-with-web-
   pi.aspx
Video to walk through the install wizard:
   http://umbraco.com/help-and-support/video-
   tutorials/getting-started/installing-umbraco.aspx
Introduction To Umbraco
Access the admin site from the site URL by
adding “/Umbraco/” to the end of the path
The trailing “/” MUST be present
The admin site is where we can modify all of the
Umbraco related items even though we have
access to the code
Introduction To Umbraco
Document Type                 Template
  Properties             HTML + Place Holders




                Create
                 Page                     Macros
                                     User Controls/XSLT




                web
A way to design data storage and a way to
generate the UI to input the data
Eg. We can have a movie document type and
within it we can have a Title, Genre, etc.
We can then extend the document types by
adding tabs and properties
Properties help add data and can make fields
mandatory
Tabs control the UI to make it more user friendly
Introduction To Umbraco
Document types reflect how to store data but
templates define how to present the data
Templates are akin to ASP.NET Master Pages and
Nested Master Pages
Page templates are inherited by master
templates using <asp:Content></asp:Content>
elements
Introduction To Umbraco
Are plain CSS in Umbraco and are used the
same way as in normal html
Can add properties to a stylesheet and attach
them to a Richtext Editor
Introduction To Umbraco
Used for custom development when you need
to access a database or process user input
Create a new project to house both a web
application project and the Umbraco CMS
project
We will set the Umbraco project to Not To Build
We then set Post-Build Events to copy the User
Controls and DLLs from the web project to the
Umbraco project
Introduction To Umbraco
The user controls are added within the admin
site
Within Umbraco a User Control is called a
Macro
We add a macro to the page and content area
where you want it to show up.
Introduction To Umbraco
Cannot add a breakpoint and debug as normal
Have to use Attach To Process with both Show
processes checkboxes checked
Attach to the w3wp.exe process
Another method is to add
?umbdebugshowtrace=true as a query string to
any Umbraco-generated page to show stack
trace information
Introduction To Umbraco
Users are administrators or content editors
Users are a way to limit sections of the site to
specific users and specific user functions
Members give an identity to site visitors so they
can register or login
Member Groups act like roles where a member
can belong to one or more groups
The page can then be locked down to a user or
to a member group
Introduction To Umbraco
In essence the site was already deployed to the
web server
However, now that the Web Deployment Tool is
installed in your IIS, you can package and deploy
your Umbraco site to your production server
Umbraco 5 with support for MVC and Razor will
be released Q2 2012
Umbraco 5 training available in the GTA in
March
  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.aspx
http://our.umbraco.org/ (community hub with
   forums, wiki, sample projects, etc.)
ken.cenerelli@alvarnet.com
kencenerelli.wordpress.com
      @kencenerelli
Ad

More Related Content

What's hot (20)

Mobile apps with Umbraco and Phonegap
Mobile apps with Umbraco and PhonegapMobile apps with Umbraco and Phonegap
Mobile apps with Umbraco and Phonegap
Theo Paraskevopoulos
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
Christian Heilmann
 
Advanced Web Development
Advanced Web DevelopmentAdvanced Web Development
Advanced Web Development
Robert J. Stein
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
Ashlimarie
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Iftekher Islam Sunny
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
FortySeven Media
 
Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
Adrian Mikeliunas
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 
Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3
Chandra S Oemarjadi
 
Bootstrap tutorial
Bootstrap tutorialBootstrap tutorial
Bootstrap tutorial
vijaypatel_b
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
Robert Nyman
 
iWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndreaiWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndrea
D'Andrea
 
Single Page Application Best practices
Single Page Application Best practicesSingle Page Application Best practices
Single Page Application Best practices
Tarence DSouza
 
Web Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSWeb Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JS
Bootstrap Creative
 
Blogs use CMS
Blogs use CMSBlogs use CMS
Blogs use CMS
Fairy Blog Mother
 
Wordpress tutorial
Wordpress tutorialWordpress tutorial
Wordpress tutorial
bellimbusto bellimbusto
 
WordPress & Working With Clients
WordPress & Working With ClientsWordPress & Working With Clients
WordPress & Working With Clients
guestdbdf9d
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
JavaScript with Adobe applications - Acceleration web development!
JavaScript with Adobe applications - Acceleration web development!JavaScript with Adobe applications - Acceleration web development!
JavaScript with Adobe applications - Acceleration web development!
shinobu tsutsui
 
Mobile apps with Umbraco and Phonegap
Mobile apps with Umbraco and PhonegapMobile apps with Umbraco and Phonegap
Mobile apps with Umbraco and Phonegap
Theo Paraskevopoulos
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
Christian Heilmann
 
Advanced Web Development
Advanced Web DevelopmentAdvanced Web Development
Advanced Web Development
Robert J. Stein
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
Ashlimarie
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
FortySeven Media
 
Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
Adrian Mikeliunas
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 
Bootstrap tutorial
Bootstrap tutorialBootstrap tutorial
Bootstrap tutorial
vijaypatel_b
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
Robert Nyman
 
iWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndreaiWeb NJECC June 28, 2011 DAndrea
iWeb NJECC June 28, 2011 DAndrea
D'Andrea
 
Single Page Application Best practices
Single Page Application Best practicesSingle Page Application Best practices
Single Page Application Best practices
Tarence DSouza
 
Web Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSWeb Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JS
Bootstrap Creative
 
WordPress & Working With Clients
WordPress & Working With ClientsWordPress & Working With Clients
WordPress & Working With Clients
guestdbdf9d
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
JavaScript with Adobe applications - Acceleration web development!
JavaScript with Adobe applications - Acceleration web development!JavaScript with Adobe applications - Acceleration web development!
JavaScript with Adobe applications - Acceleration web development!
shinobu tsutsui
 

Similar to Introduction To Umbraco (20)

ASP.NET MVC3 RAD
ASP.NET MVC3 RADASP.NET MVC3 RAD
ASP.NET MVC3 RAD
Mădălin Ștefîrcă
 
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
vchircu
 
A report on mvc using the information
A report on mvc using the informationA report on mvc using the information
A report on mvc using the information
Toushik Paul
 
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
Richard Harbridge
 
ASP.NET Identity
ASP.NET IdentityASP.NET Identity
ASP.NET Identity
Suzanne Simmons
 
ASP.NET MVC 5 Building Your First Web Application (A Beginner S Guide
ASP.NET MVC 5  Building Your First Web Application (A Beginner S GuideASP.NET MVC 5  Building Your First Web Application (A Beginner S Guide
ASP.NET MVC 5 Building Your First Web Application (A Beginner S Guide
Alicia Buske
 
Share point 2010-uiimprovements
Share point 2010-uiimprovementsShare point 2010-uiimprovements
Share point 2010-uiimprovements
LiquidHub
 
IRJET- A Personalized Web Browser
IRJET-  	  A Personalized Web BrowserIRJET-  	  A Personalized Web Browser
IRJET- A Personalized Web Browser
IRJET Journal
 
IRJET- A Personalized Web Browser
IRJET- A Personalized Web BrowserIRJET- A Personalized Web Browser
IRJET- A Personalized Web Browser
IRJET Journal
 
Getting started with html5
Getting started with html5Getting started with html5
Getting started with html5
Suresh Kumar
 
Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lesson
Mukalele Rogers
 
5a329780735625624 ch10
5a329780735625624 ch105a329780735625624 ch10
5a329780735625624 ch10
harkesh singh
 
Overview of CSharp MVC3 and EF4
Overview of CSharp MVC3 and EF4Overview of CSharp MVC3 and EF4
Overview of CSharp MVC3 and EF4
Rich Helton
 
IBM Innovate 2013: Making Rational HATS a Strategic Investment
IBM Innovate 2013: Making Rational HATS a Strategic InvestmentIBM Innovate 2013: Making Rational HATS a Strategic Investment
IBM Innovate 2013: Making Rational HATS a Strategic Investment
Strongback Consulting
 
ppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptxppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptx
ManojKumar297202
 
CMS And The Evolution of Contemporary Web Design
CMS And The Evolution of Contemporary Web DesignCMS And The Evolution of Contemporary Web Design
CMS And The Evolution of Contemporary Web Design
Khamis M. Mustafa
 
Introduction-to-ASPNET-Core ASP.NET.pptx
Introduction-to-ASPNET-Core ASP.NET.pptxIntroduction-to-ASPNET-Core ASP.NET.pptx
Introduction-to-ASPNET-Core ASP.NET.pptx
MAHERMOHAMED27
 
Client Building Functional webapps.
Client   Building Functional webapps.Client   Building Functional webapps.
Client Building Functional webapps.
Arun Kumar
 
Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023
CMARIX TechnoLabs
 
Oracle UCM Implementation Patterns
Oracle UCM Implementation PatternsOracle UCM Implementation Patterns
Oracle UCM Implementation Patterns
Brian Huff
 
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
ChircuVictor StefircaMadalin rad_aspmvc3_wcf_vs2010
vchircu
 
A report on mvc using the information
A report on mvc using the informationA report on mvc using the information
A report on mvc using the information
Toushik Paul
 
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
Richard Harbridge
 
ASP.NET MVC 5 Building Your First Web Application (A Beginner S Guide
ASP.NET MVC 5  Building Your First Web Application (A Beginner S GuideASP.NET MVC 5  Building Your First Web Application (A Beginner S Guide
ASP.NET MVC 5 Building Your First Web Application (A Beginner S Guide
Alicia Buske
 
Share point 2010-uiimprovements
Share point 2010-uiimprovementsShare point 2010-uiimprovements
Share point 2010-uiimprovements
LiquidHub
 
IRJET- A Personalized Web Browser
IRJET-  	  A Personalized Web BrowserIRJET-  	  A Personalized Web Browser
IRJET- A Personalized Web Browser
IRJET Journal
 
IRJET- A Personalized Web Browser
IRJET- A Personalized Web BrowserIRJET- A Personalized Web Browser
IRJET- A Personalized Web Browser
IRJET Journal
 
Getting started with html5
Getting started with html5Getting started with html5
Getting started with html5
Suresh Kumar
 
Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lesson
Mukalele Rogers
 
5a329780735625624 ch10
5a329780735625624 ch105a329780735625624 ch10
5a329780735625624 ch10
harkesh singh
 
Overview of CSharp MVC3 and EF4
Overview of CSharp MVC3 and EF4Overview of CSharp MVC3 and EF4
Overview of CSharp MVC3 and EF4
Rich Helton
 
IBM Innovate 2013: Making Rational HATS a Strategic Investment
IBM Innovate 2013: Making Rational HATS a Strategic InvestmentIBM Innovate 2013: Making Rational HATS a Strategic Investment
IBM Innovate 2013: Making Rational HATS a Strategic Investment
Strongback Consulting
 
CMS And The Evolution of Contemporary Web Design
CMS And The Evolution of Contemporary Web DesignCMS And The Evolution of Contemporary Web Design
CMS And The Evolution of Contemporary Web Design
Khamis M. Mustafa
 
Introduction-to-ASPNET-Core ASP.NET.pptx
Introduction-to-ASPNET-Core ASP.NET.pptxIntroduction-to-ASPNET-Core ASP.NET.pptx
Introduction-to-ASPNET-Core ASP.NET.pptx
MAHERMOHAMED27
 
Client Building Functional webapps.
Client   Building Functional webapps.Client   Building Functional webapps.
Client Building Functional webapps.
Arun Kumar
 
Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023
CMARIX TechnoLabs
 
Oracle UCM Implementation Patterns
Oracle UCM Implementation PatternsOracle UCM Implementation Patterns
Oracle UCM Implementation Patterns
Brian Huff
 
Ad

More from Ken Cenerelli (14)

ASP.NET Core deployment options
ASP.NET Core deployment optionsASP.NET Core deployment options
ASP.NET Core deployment options
Ken Cenerelli
 
No SQL, No Problem: Use Azure DocumentDB
No SQL, No Problem: Use Azure DocumentDBNo SQL, No Problem: Use Azure DocumentDB
No SQL, No Problem: Use Azure DocumentDB
Ken Cenerelli
 
Azure app service to create web and mobile apps
Azure app service to create web and mobile appsAzure app service to create web and mobile apps
Azure app service to create web and mobile apps
Ken Cenerelli
 
ASP.NET Core: The best of the new bits
ASP.NET Core: The best of the new bitsASP.NET Core: The best of the new bits
ASP.NET Core: The best of the new bits
Ken Cenerelli
 
Analyze Your Code With Visual Studio 2015 Diagnostic Tools
Analyze Your Code With Visual Studio 2015 Diagnostic ToolsAnalyze Your Code With Visual Studio 2015 Diagnostic Tools
Analyze Your Code With Visual Studio 2015 Diagnostic Tools
Ken Cenerelli
 
Azure Data Storage
Azure Data StorageAzure Data Storage
Azure Data Storage
Ken Cenerelli
 
Building high performance software with Microsoft Application Insights
Building high performance software with Microsoft Application InsightsBuilding high performance software with Microsoft Application Insights
Building high performance software with Microsoft Application Insights
Ken Cenerelli
 
An Introduction to Universal Windows Apps
An Introduction to Universal Windows AppsAn Introduction to Universal Windows Apps
An Introduction to Universal Windows Apps
Ken Cenerelli
 
Build end-to-end video experiences with Azure Media Services
Build end-to-end video experiences with Azure Media ServicesBuild end-to-end video experiences with Azure Media Services
Build end-to-end video experiences with Azure Media Services
Ken Cenerelli
 
Cloud Powered Mobile Apps with Azure
Cloud Powered Mobile Apps with AzureCloud Powered Mobile Apps with Azure
Cloud Powered Mobile Apps with Azure
Ken Cenerelli
 
Building Windows 8.1 Apps with Mobile Services
Building Windows 8.1 Apps with Mobile ServicesBuilding Windows 8.1 Apps with Mobile Services
Building Windows 8.1 Apps with Mobile Services
Ken Cenerelli
 
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Ken Cenerelli
 
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Ken Cenerelli
 
An Introduction to Windows Phone 7 Development
An Introduction to Windows Phone 7 DevelopmentAn Introduction to Windows Phone 7 Development
An Introduction to Windows Phone 7 Development
Ken Cenerelli
 
ASP.NET Core deployment options
ASP.NET Core deployment optionsASP.NET Core deployment options
ASP.NET Core deployment options
Ken Cenerelli
 
No SQL, No Problem: Use Azure DocumentDB
No SQL, No Problem: Use Azure DocumentDBNo SQL, No Problem: Use Azure DocumentDB
No SQL, No Problem: Use Azure DocumentDB
Ken Cenerelli
 
Azure app service to create web and mobile apps
Azure app service to create web and mobile appsAzure app service to create web and mobile apps
Azure app service to create web and mobile apps
Ken Cenerelli
 
ASP.NET Core: The best of the new bits
ASP.NET Core: The best of the new bitsASP.NET Core: The best of the new bits
ASP.NET Core: The best of the new bits
Ken Cenerelli
 
Analyze Your Code With Visual Studio 2015 Diagnostic Tools
Analyze Your Code With Visual Studio 2015 Diagnostic ToolsAnalyze Your Code With Visual Studio 2015 Diagnostic Tools
Analyze Your Code With Visual Studio 2015 Diagnostic Tools
Ken Cenerelli
 
Building high performance software with Microsoft Application Insights
Building high performance software with Microsoft Application InsightsBuilding high performance software with Microsoft Application Insights
Building high performance software with Microsoft Application Insights
Ken Cenerelli
 
An Introduction to Universal Windows Apps
An Introduction to Universal Windows AppsAn Introduction to Universal Windows Apps
An Introduction to Universal Windows Apps
Ken Cenerelli
 
Build end-to-end video experiences with Azure Media Services
Build end-to-end video experiences with Azure Media ServicesBuild end-to-end video experiences with Azure Media Services
Build end-to-end video experiences with Azure Media Services
Ken Cenerelli
 
Cloud Powered Mobile Apps with Azure
Cloud Powered Mobile Apps with AzureCloud Powered Mobile Apps with Azure
Cloud Powered Mobile Apps with Azure
Ken Cenerelli
 
Building Windows 8.1 Apps with Mobile Services
Building Windows 8.1 Apps with Mobile ServicesBuilding Windows 8.1 Apps with Mobile Services
Building Windows 8.1 Apps with Mobile Services
Ken Cenerelli
 
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Maximizing code reuse between Windows Phone 8 and Windows 8 (That Conference ...
Ken Cenerelli
 
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...
Ken Cenerelli
 
An Introduction to Windows Phone 7 Development
An Introduction to Windows Phone 7 DevelopmentAn Introduction to Windows Phone 7 Development
An Introduction to Windows Phone 7 Development
Ken Cenerelli
 
Ad

Recently uploaded (20)

Drupalcamp Finland – Measuring Front-end Energy Consumption
Drupalcamp Finland – Measuring Front-end Energy ConsumptionDrupalcamp Finland – Measuring Front-end Energy Consumption
Drupalcamp Finland – Measuring Front-end Energy Consumption
Exove
 
Datastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptxDatastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptx
kaleeswaric3
 
Build Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For DevsBuild Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For Devs
Brian McKeiver
 
Automation Dreamin' 2022: Sharing Some Gratitude with Your Users
Automation Dreamin' 2022: Sharing Some Gratitude with Your UsersAutomation Dreamin' 2022: Sharing Some Gratitude with Your Users
Automation Dreamin' 2022: Sharing Some Gratitude with Your Users
Lynda Kane
 
Procurement Insights Cost To Value Guide.pptx
Procurement Insights Cost To Value Guide.pptxProcurement Insights Cost To Value Guide.pptx
Procurement Insights Cost To Value Guide.pptx
Jon Hansen
 
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfSAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
Precisely
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptxSpecial Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
shyamraj55
 
Buckeye Dreamin 2024: Assessing and Resolving Technical Debt
Buckeye Dreamin 2024: Assessing and Resolving Technical DebtBuckeye Dreamin 2024: Assessing and Resolving Technical Debt
Buckeye Dreamin 2024: Assessing and Resolving Technical Debt
Lynda Kane
 
Hands On: Create a Lightning Aura Component with force:RecordData
Hands On: Create a Lightning Aura Component with force:RecordDataHands On: Create a Lightning Aura Component with force:RecordData
Hands On: Create a Lightning Aura Component with force:RecordData
Lynda Kane
 
Mobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi ArabiaMobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi Arabia
Steve Jonas
 
Rusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond SparkRusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond Spark
carlyakerly1
 
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5..."Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
Fwdays
 
Splunk Security Update | Public Sector Summit Germany 2025
Splunk Security Update | Public Sector Summit Germany 2025Splunk Security Update | Public Sector Summit Germany 2025
Splunk Security Update | Public Sector Summit Germany 2025
Splunk
 
Cyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of securityCyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of security
riccardosl1
 
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc
 
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxDevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
Justin Reock
 
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsAI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global Trends
InData Labs
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...
Vishnu Singh Chundawat
 
Drupalcamp Finland – Measuring Front-end Energy Consumption
Drupalcamp Finland – Measuring Front-end Energy ConsumptionDrupalcamp Finland – Measuring Front-end Energy Consumption
Drupalcamp Finland – Measuring Front-end Energy Consumption
Exove
 
Datastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptxDatastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptx
kaleeswaric3
 
Build Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For DevsBuild Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For Devs
Brian McKeiver
 
Automation Dreamin' 2022: Sharing Some Gratitude with Your Users
Automation Dreamin' 2022: Sharing Some Gratitude with Your UsersAutomation Dreamin' 2022: Sharing Some Gratitude with Your Users
Automation Dreamin' 2022: Sharing Some Gratitude with Your Users
Lynda Kane
 
Procurement Insights Cost To Value Guide.pptx
Procurement Insights Cost To Value Guide.pptxProcurement Insights Cost To Value Guide.pptx
Procurement Insights Cost To Value Guide.pptx
Jon Hansen
 
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfSAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdf
Precisely
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptxSpecial Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
shyamraj55
 
Buckeye Dreamin 2024: Assessing and Resolving Technical Debt
Buckeye Dreamin 2024: Assessing and Resolving Technical DebtBuckeye Dreamin 2024: Assessing and Resolving Technical Debt
Buckeye Dreamin 2024: Assessing and Resolving Technical Debt
Lynda Kane
 
Hands On: Create a Lightning Aura Component with force:RecordData
Hands On: Create a Lightning Aura Component with force:RecordDataHands On: Create a Lightning Aura Component with force:RecordData
Hands On: Create a Lightning Aura Component with force:RecordData
Lynda Kane
 
Mobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi ArabiaMobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi Arabia
Steve Jonas
 
Rusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond SparkRusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond Spark
carlyakerly1
 
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5..."Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
Fwdays
 
Splunk Security Update | Public Sector Summit Germany 2025
Splunk Security Update | Public Sector Summit Germany 2025Splunk Security Update | Public Sector Summit Germany 2025
Splunk Security Update | Public Sector Summit Germany 2025
Splunk
 
Cyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of securityCyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of security
riccardosl1
 
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc
 
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxDevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
Justin Reock
 
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsAI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global Trends
InData Labs
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...
Vishnu Singh Chundawat
 

Introduction To Umbraco

  • 1. Ken Cenerelli Senior Software Developer Alvarnet Corporation [email protected] kencenerelli.wordpress.com @kencenerelli
  • 2. 1. Introduction Background on Umbraco 2. Configuring Umbraco Installation 3. Questions + Break 4. Extending Umbraco Umbraco Administration pages Document Types, Templates, Stylesheets, Users & Permissions and Packaging & Deployment Custom development & User Controls
  • 3. Developed in 2005 by Niels Hartvig More than 85,000 installations worldwide ASP.NET, Heinz, Peugeot, Tesco, Wired, FOX and Vogue Magazine run Umbraco Designed to run within the Microsoft stack And best of all… it’s FREE!
  • 4. Umbraco can be used with both Visual Studio and WebMatrix It can be deployed directly with the Web Platform Installer However the manual install gives you the most control and as developers we like control…
  • 5. A manual install is accomplished through a Web Deploy in IIS 7 The Web Deployment Tool can be installed through Microsoft Web Platform Installer from http://www.iis.net/download/webdeploy Note: Web Platform Installer will be installed first if it does not exist on your system
  • 6. First we create a database and create a user for the database The database will house the Umbraco settings Next we create a new website in IIS 7 to house our Umbraco installation We can then install Umbraco using the WebDeploy package 4.7.1.1 from http://umbraco.codeplex.com/
  • 8. Video to install with Web Platform Installer http://umbraco.com/help-and-support/video- tutorials/getting-started/installing-with-web- pi.aspx Video to walk through the install wizard: http://umbraco.com/help-and-support/video- tutorials/getting-started/installing-umbraco.aspx
  • 10. Access the admin site from the site URL by adding “/Umbraco/” to the end of the path The trailing “/” MUST be present The admin site is where we can modify all of the Umbraco related items even though we have access to the code
  • 12. Document Type Template Properties HTML + Place Holders Create Page Macros User Controls/XSLT web
  • 13. A way to design data storage and a way to generate the UI to input the data Eg. We can have a movie document type and within it we can have a Title, Genre, etc. We can then extend the document types by adding tabs and properties Properties help add data and can make fields mandatory Tabs control the UI to make it more user friendly
  • 15. Document types reflect how to store data but templates define how to present the data Templates are akin to ASP.NET Master Pages and Nested Master Pages Page templates are inherited by master templates using <asp:Content></asp:Content> elements
  • 17. Are plain CSS in Umbraco and are used the same way as in normal html Can add properties to a stylesheet and attach them to a Richtext Editor
  • 19. Used for custom development when you need to access a database or process user input Create a new project to house both a web application project and the Umbraco CMS project We will set the Umbraco project to Not To Build We then set Post-Build Events to copy the User Controls and DLLs from the web project to the Umbraco project
  • 21. The user controls are added within the admin site Within Umbraco a User Control is called a Macro We add a macro to the page and content area where you want it to show up.
  • 23. Cannot add a breakpoint and debug as normal Have to use Attach To Process with both Show processes checkboxes checked Attach to the w3wp.exe process Another method is to add ?umbdebugshowtrace=true as a query string to any Umbraco-generated page to show stack trace information
  • 25. Users are administrators or content editors Users are a way to limit sections of the site to specific users and specific user functions Members give an identity to site visitors so they can register or login Member Groups act like roles where a member can belong to one or more groups The page can then be locked down to a user or to a member group
  • 27. In essence the site was already deployed to the web server However, now that the Web Deployment Tool is installed in your IIS, you can package and deploy your Umbraco site to your production server
  • 28. Umbraco 5 with support for MVC and Razor will be released Q2 2012 Umbraco 5 training available in the GTA in March http://umbraco.com/products/training/schedule.as px
  • 29. http://umbraco.com/ http://umbraco.com/help-and-support.aspx (videos, whitepapers, sample projects, etc.) http://umbraco.com/developers-site.aspx http://our.umbraco.org/ (community hub with forums, wiki, sample projects, etc.)

Editor's Notes

  • #2: Introduce myselfAsk for a quick show of hands who is using a CMS and which ones they are using
  • #5: Manual install good for local machines or if you have access to the SQL serverVery clunky with Web Platform Installer
  • #7: DBs = MySQL, SQL Server and VistaDBThe newly created DB user must be the dbOwner of the database
  • #8: 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
  • #12: 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
  • #15: 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.
  • #16: HTML is the template languageEverything in template is wrapped in &lt;asp:Content&gt;&lt;/asp:Content&gt; elementTalk about inheriting templates into a master templateRecursive items (recursive=&quot;true&quot;) in master template so that they show on all pages
  • #17: - 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.
  • #19: 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
  • #21: 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
  • #22: - Talk about how this is the same as adding an XSLT macro
  • #23: Create a Login page and add the Login macro to it.
  • #24: 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
  • #27: 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 &lt;asp:Login ID=&quot;Login&quot; runat=&quot;server&quot; /&gt;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
  • #28: - Talk about Colin’s upcoming Metro Toronto .NET User Group presentation on Web Deploy