Está en la página 1de 22

Construyendo Sitios Web con Umbraco

Jorge Ruiz Caro Larrea

1

Agenda
Introducción
¿Que es Umbraco?

Umbraco para la Construcción del Sitio
Tipos de Documentos, Templates, Macros, Gestión de Contenidos…

Umbraco para Desarrolladores
.NET Macros, API, Linq2Umbraco, Examine…

Ayuda en línea
Sitios relacionados para conseguir ayuda en línea.
2

Introducción ¿Qué es Umbraco? Web Content Management System (CMS) Open Source (100% MIT Licensed) C#.5 Principales Características: Gestor . 3 . Buena Presentación e Intuitivo. ASP.NET 4/3.

5.000+ descargas 91. La versión 1.0 fue lanzada el 2003 Se liberó el código fuente el 2004 Por encima de 250.2 utilizada para el proyecto ANA.Introducción Umbraco background and numbers El proyecto comenzó el 2000. 4 . Version 4.500+ instalaciones activas a nivel mundial (basado en estadísticas de estado de aplicación) 8 versiones lanzadas en los últimos 12 meses.

Fundamentos ¿Como trabaja Umbraco? 5 .

un URL amigable y otros meta datos. y quizas algunos hijos Todo contenido tiene un título. Lo demás depende de cada Desarrollador 6 . un día de creación.El Arbol de Contenidos de Umbraco Sigue las directrices de XML Todos los contenidos tienen al menos un padre.

</strong> "This" idea was first created by the incredible Robert Brownjohn and has been copied many times since.Arbol de Contenidos de Umbraco <root id="-1"> <Home id="1080" parentID="-1" level="1" writerID="0" creatorID="0" nodeType="1066" template="1051" sortOrder="2" createDate="2010-0530T16:17:58" updateDate="2010-05-30T16:22:54" nodeName="Home" urlName="home" writerName="Administrator" creatorName="Administrator" path="-1.1080" isDoc=""> <umbracoNaviHide>0</umbracoNaviHide> <siteName>My Site</siteName> <headerText><![CDATA[<p><strong>Sam Grady designed this for Warren Buckley.</p>]]></headerText> </Home> </root> 7 .

¿Como presenta contenidos Umbraco?. Ruby.NET. Bloques de construcción de Umbraco Tipos de Documentos Contenido en XML Templates (MasterPages) Macros (XSLT. . Python…) Página Web 8 .

Se puede comparar a la creación de tablas en un SGBD. se utiliza los Tipos de Documentos para almacenar información. Se puede ingresar un numero ilimitado de tipos de documentos Se puede tener un número ilimitado de propiedades para cada Tipo de Documento. Para crear contenido en Umbraco se necesita por lo menos un Tipo de Documento 9 . En Umbraco.Los Tipos de Documentos Diseñando la estructura y almacenamiento de datos.

Table-less. etc. La salida HTML puede ser: W3C. Se tiene todo el control sobre la organización del contenido No hay estructuras restrictivas que indiquen como se debe ser la presentación. Umbraco utiliza ASP. SEO.NET Masterpages.Plantillas (Templates) Etiquetas y presentación Para organizar y presentar contenido umbraco utiliza las plantillas (templates). 10 .

Umbraco Tags Displaying your Umbraco content <umbraco:item runat="server" field="[nombre de la Propiedad"]/> <umbraco:macro runat="server" alias="[Alias de la Macro]"/> 11 .

. Las Macros XSLT son para extraer y transformar el contenido XML de Umbraco.NET permite integrar el código y controles que desarrolleoms en el Sito Web Umbraco.Macros Construyendo elementos dinámicos Dos principales: XSLT. Python. LOLCode Las Macros .NET Otras opciones incluyen Ruby. 12 .

XSLT Macros Extrayendo y transformando contenido XML Permiten implementar FAQs. Mapas de Sitio.etc. Por lo general se utilizan para presentar contenidos y no almacenar información Fácil de desarrollar No requieren compilación 13 . . Barras de Navegación.

Ejemplo de una Macro XSLT (Lista de Navegación) <ul> <xsl:for-each select="$currentPage/* [@isDoc and string(umbracoNaviHide) != '1']"> <li> <a href="{umbraco.library:NiceUrl(@id)}"> <xsl:value-of select="@nodeName"/> </a> </li> </xsl:for-each> </ul> 14 .

Umbraco for Desarrolladores .Net Extensión de Funcionalidades. 15 .

16 . mientras se desarrollan nuevas funcionalidades. El desarrollo se centra en codificar la funcionalidad que necesito y no en configuraciones en el gestor.¿Código de mis aplicaciones .Net en Umbraco? La API de Umbraco permite ampliar la funcionalidad del gestor (en back-end y front-end).

17 . Permite extender el back-end con nuevas secciones y editores. Eventos para la automatización de funciones (Hooks).Umbraco API Extendiendo Umbraco Todo lo que se hace en el back-end desde Umbraco puede hacerse desde la API.

Se utiliza para integrar contenidos de terceros. Utilizar la API de Umbraco.NET Cuando XSLT no permite implementar Control de Usuarios . 18 .Las Macros .NET.

UmbracoExamine es un potente.net Lenguaje de Consulta. 19 .Umbraco Examine Indexación y Busqueda usando Lucene Examine brinda todos los métodos requeridos para indexación y busqueda. Fluent. rápido y flexible motor de busqueda para Umbraco.

Ayuda ¿Donde encontrar ayuda y aprender más? http://umbraco.umbraco.tv Mas cinco (5) horas de videos. http://our. Wiki Twitter: #umbraco Entrenamiento Oficial & Certificación.org Forums. 20 .

Umbraco Version 5 100% MVC Totalmente Testable Data Provider Model Separación de UI y del Core 21 .

.! 22 .¡Gracias.