Introduction to web site development with Umbraco

1. Web Site with Umbraco
in 60 minutes
Giuseppe Marchi Miro Radenovic
Dev4Side S.r.l. Dev4Side S.r.l.
SharePoint MVP MCPD, MCTS, MCP
info@peppedotnet.it info@myrocode.com
www.peppedotnet.it www.myrocode.com
www.dev4side.com www.dev4side.com

2. Sponsor

3. Agenda
• Umbraco vs All
• Installation
• Umbraco theory
• An Umbraco website in.... X minutes 

4. What a CMS does?
• A content management system (CMS) allows
publishing, editing, and modifying content as well as
site maintenance from a central page
• Bla bla…
• Bla bla blaaa!
• Everything is cool.. but.. what about customizations?

5. You need a CMS for what?
• Create complex web application
• Reuse tools in a simple and flexible way
• Easly Deploy, Run, and Debug
• Work as a developer

6. Think Umbraco as a…
or even better.. a friendly framework for
developers!

7. demo
Enough talking...
Show me UMBRACO !

8. Umbraco theory: Document types
• Let’s start from the problem: build the news
feature to your site.
• Problems?

9. Customize your web application
1 • Tables in db
2 • Push/pull data UMBRACO
DOCUMENT
3 • CRUD Forms
TYPE
4 • Render

10. Umbraco theory: Document types
• Database abstraction
• CRUD forms
• Display data into pages

11. demo
WTF is a document type?


12. How Umbraco renders document
types? With PAGES !
Document Type Template
Properties HTML + Place Holders
Page
web

13. How Umbraco renders document
types? With Macros!
Document Type
Properties
Page web
Macros

14. Umbraco theory: Macros
UMBRACO
MACRO
USER
XSLT RAZOR
CONTROLS

15. Umbraco theory: Macros
XSLT
Transformation
UMBRACO
.NET Object
NODES HTML
Model + ASP.NET
Controls for web page
In XML format
RAZOR
View Engine

16. Comparison chart
XSLT User Control Razor
Logic
Graphics

17. demo
Code for Coders

18. THX 

19. Valutazione – Codice CMS2
www.dotnetcampus.it/eval -> CMS2