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
Sponsor
Agenda
• Umbraco vs All

• Installation

• Umbraco theory

• An Umbraco website in.... X minutes 
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?
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
Think Umbraco as a…




or even better.. a friendly framework for

developers!
demo
Enough talking...
Show me UMBRACO !
Umbraco theory: Document types

• Let’s start from the problem: build the news

 feature to your site.

• Problems?
Customize your web application

 1   • Tables in db


 2   • Push/pull data   UMBRACO
                        DOCUMENT

 3   • CRUD Forms
                          TYPE


 4   • Render
Umbraco theory: Document types

• Database abstraction

• CRUD forms

• Display data into pages
demo
WTF is a document type?

How Umbraco renders document
types? With PAGES !

    Document Type              Template
       Properties          HTML + Place Holders




                    Page




                    web
How Umbraco renders document
types? With Macros!

   Document Type
      Properties



                    Page       web




      Macros
Umbraco theory: Macros

           UMBRACO
            MACRO




              USER
  XSLT                   RAZOR
            CONTROLS
Umbraco theory: Macros

                      XSLT
                 Transformation



 UMBRACO
                  .NET Object
  NODES                               HTML
                Model + ASP.NET
                    Controls      for web page
In XML format


                     RAZOR
                  View Engine
Comparison chart
           XSLT   User Control   Razor



  Logic



Graphics
demo
Code for Coders
THX 
Valutazione – Codice CMS2




www.dotnetcampus.it/eval -> CMS2

Introduction to Umbraco

  • 1.
    Web Site withUmbraco 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.
  • 3.
    Agenda • Umbraco vsAll • Installation • Umbraco theory • An Umbraco website in.... X minutes 
  • 4.
    What a CMSdoes? • 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 aCMS 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 asa… or even better.. a friendly framework for developers!
  • 7.
  • 8.
    Umbraco theory: Documenttypes • Let’s start from the problem: build the news feature to your site. • Problems?
  • 9.
    Customize your webapplication 1 • Tables in db 2 • Push/pull data UMBRACO DOCUMENT 3 • CRUD Forms TYPE 4 • Render
  • 10.
    Umbraco theory: Documenttypes • Database abstraction • CRUD forms • Display data into pages
  • 11.
    demo WTF is adocument type? 
  • 12.
    How Umbraco rendersdocument types? With PAGES ! Document Type Template Properties HTML + Place Holders Page web
  • 13.
    How Umbraco rendersdocument 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.
  • 18.
  • 19.
    Valutazione – CodiceCMS2 www.dotnetcampus.it/eval -> CMS2