1. “El poder de los CMS”
Microsoft Web Camps
Copyright © 2011 Vector Software Factory 1

2. Índice
Introducción
El uso de los CMS en aplicaciones Web
Caso de estudio: Umbraco
Copyright © 2011 Vector Software Factory 2

3. Sobre Vector y el ponente
Vector SF es una empresa de consultoría tecnológica centrada en
tecnologías web:
Usabilidad
Diseño de Experiencia Diseño
Servicios Maquetación
de Usuario
Desarrollo Testing Factoría
Más de 420 empleados
Oficinas: Madrid, Albacete, Córdoba, Valencia, A Coruña
Contratando todos los días
Rafael Gerardo: Consultor Técnico Senior. CTO en Easy Code
Software y consultor asociado de Vector SF.
Copyright © 2011 Vector Software Factory 3

4. Introducción
Copyright © 2011 Vector Software Factory 4

5. Introducción
Las empresas hoy en día necesitan…
Producir contenidos (Marketing, Periodistas, etc.)
Rapidez de desarrollo, estandarización
Potencia en las capacidades de diseño, sin renunciar a lo anterior
Posicionamiento y fidelización
Integración con redes sociales y comunidades
Extensión a entornos multicanal (móvil, tablets, etc.)
Los CMS surgen como respuesta a todos estos retos.
Copyright © 2011 Vector Software Factory 5

6. El uso de los CMS en
aplicaciones web
Copyright © 2011 Vector Software Factory 6

7. 2.1. ¿Qué es un CMS?
Redes Sociales
Sitios Web
Noticias
Empresa
CMS RSS
Colaboradores
Diseñadores eCommerce
Programadores
Administradores B2B
Copyright © 2011 Vector Software Factory 7

8. 2.1. ¿Qué es un CMS?
Sistema para la gestión de nuestro contenido web
Permite que, de manera controlada, cualquier
usuario colabore en la producción de
contenidos.
Herramientas administrativas. Gestión potente
y completa.
Modelo de datos y mecanismos cofigurables de
renderizado.
Copyright © 2011 Vector Software Factory 8

9. 2.1. ¿Qué es un CMS?
Mas cositas…
Entorno integrado de creación de aplicaciones web
Basados en una tecnología estándar (.Net, J2EE, PHP)
Incorporan el modelo MVC (Modelo Vista Controlador)
Permiten trabajar de forma sencilla con el aspecto de la web
(mediante plantillas)
Incorporan funcionalidades prefabricadas: Gestión de usuarios,
gestión de contenidos, etc.
Son modulares
Sistemas de personalización
Comunidad
Modelo de comercialización
Entorno de desarrollo y trabajo
Gestión de flujos
Copyright © 2011 Vector Software Factory 9

10. 2.2. Ventajas 
Permiten acotar el alcance (prototipado)
Time to Market
Flexibilidad. Muchos tipos y combinaciones soluciones web
Separan el contenido de su aspecto
Rápida incorporación de colaboradores
Escalabilidad
Gestión unificada de aplicaciones web diferentes
Permite centrarse en el valor añadido
Copyright © 2011 Vector Software Factory 10

11. 2.3. Inconvenientes 
Personalización limitada en muchas ocasiones, los sitios son
casi iguales
Falta de control en algunos apartados y áreas
Extensibilidad limitada
Te atan a un producto
Copyright © 2011 Vector Software Factory 11

12. 2.3. Inconvenientes 
Copyright © 2011 Vector Software Factory 12

13. 2.4. Tendencias
Cloud + SaaS
Ejemplo: Umbraco en Windows Azure
Umbraco Accelerator for Windows Azure.
Ventajas: Costes, Flexibilidad, Escalabilidad
En el futuro: Umbraco as a Service (Umbraco 5.0)
Estandarización, adopción de HTML5!
Copyright © 2011 Vector Software Factory 13

14. 3. Umbraco
Copyright © 2011 Vector Software Factory 14

15. 3.1. Un vistazo a Umbraco
www.umbraco.org
umbraco.codeplex.com
DEMO
our.umbraco.org
Copyright © 2011 Vector Software Factory 15

16. 3.5. Otros aspectos
http://www.heinz.com/
http://www.peugeot.com/
http://www.wired.it/
http://www.condenast.com/
http://demo.thecogworks.co.uk
Copyright © 2011 Vector Software Factory 16

17. 3.2. Arquitectura de Umbraco
Sobre IIS
Modelo de programación extensible basado en
ASP.Net
BD: MySQL, SQL Server y VistaDB.
Permite la implementación en cluster con
balanceo de carga.
La versión estándar de Umbraco requiere Full
Trust
Copyright © 2011 Vector Software Factory 17

18. 3.1. Un vistazo a Umbraco
La última versión de Umbraco estable es la 4.7.0
Se distribuye bajo licencia MIT
Incluido en Web Platform Installer, WebMatrix y Visual
Studio 2010 Templates
Basado en C# y ASP.NET
Objetivo: Simple, Bonito, Intuitivo
Copyright © 2011 Vector Software Factory 18

19. 3.3. Mercado de CMS sobre .Net
Más de 85.000 implantaciones, en 2010 una media de
1000 descargas al día.
Es una de las descargas más populares en el Top 5
de WPI
Dos puestos atrás de su principal rival DotNetNuke
Entre las 12 aplicaciones más descargadas en
Codeplex, a 6 puestos DotNetNuke y 13 puestos por
delante de mojoPortal.
Copyright © 2011 Vector Software Factory 19

20. 3.3. Mercado de CMS sobre .Net
umbraco
Dotnetnuke
mojoportal
Copyright © 2011 Vector Software Factory 20

21. 3.4. Modelo comercial de Umbraco
Licencia MIT
Complete - 499€ = Incluye acceso a umbraco.tv
y todos los add-ons oficiales
Confidence - 2.999€ = Complete + Soporte
garantizado, Garantía de resolución de bugs
Copyright © 2011 Vector Software Factory 21

22. 3.5. Otros aspectos
Comunidad - Cabe destacar el uso de Codeplex +
our.umbraco.org +
our.umbraco.org/forum
Módulos disponibles
Documentación (Escasa). Our.umbraco.org/wiki
Formación: oficial y de partners, online y presencial.
Copyright © 2011 Vector Software Factory 22

23. 3.6. Trabajando con Umbraco
Puesta en marcha:
1. Descarga (codeplex)
2. Configuración de Base de Datos
3. Implementar plantilla de sitio (opcional)
4. Definición de plantillas + Diseño (HTML/XML/XSLT)
5. Definición de los tipos de documento
6. Agregar contenidos y publicar
7. Gestión de usuarios, "Tipos de usuario" (Roles)
8. Extender
Copyright © 2011 Vector Software Factory 23

24. 3.7. Trabajando con Umbraco
CONTENDIO = PLANTILLA + TIPO DE
DOCUMENTO
Copyright © 2011 Vector Software Factory 24

25. 3.8. Trabajando con Umbraco
PLANTILLA
Se realiza mediante ASP.NET Master Pages
Umbraco usa XSLT para generar de forma dinámica contenido.
RAZOR
.NET Custom Control y .NET User Controls de forma nativa.
Soporta ASP.NET Ajax usando jQuery, Prototype, MooTools y otros
toolkits Ajax.
Programación: <%%>, API de Umbraco y manejadores)
Copyright © 2011 Vector Software Factory 25

26. 3.9. Trabajando con Umbraco
TIPO DE DOCUMENTO
Son como tablas de una BD
Definen los campos que tendrá cada contenido dentro de
mi sitio web.
Permiten definir la jerarquía del sitio
Plantillas permitidas y plantilla por defecto
Copyright © 2011 Vector Software Factory 26

27. 3.6. Trabajando con Umbraco
CONTENDIO
Control de versiones
Permite la edición sobre el portal
Otras funcionalidades: Gestión de activos Multimedia,
La extensión de funcionalidades se realiza mediante
Copyright © 2011 Vector Software Factory 27

28. 3.10. Umbraco eCommerce
uCommerce - http://www.ucommerce.dk - Comercial
Commerce4Umbraco – Open Source
UmbracoECommerce – Open Source
Procure – Open Source
Una demo: http://demo.teacommerce.dk
Copyright © 2011 Vector Software Factory 28

29. 4. Call to action
Copyright © 2011 Vector Software Factory 29

30. Call to Action
¿¡¿¡¿Y AHORA QUÉ?!?!?
Copyright © 2011 Vector Software Factory 30

31. Call to Action
1) Vete a www.microsoft.com/web/umbraco
2) Instala Microsoft Web Platform Installer
3) Selecciona Umbraco
4) A jugar
(Opcional: Vete a umbraco.codeplex.com e
instálalo desde 0)
Copyright © 2011 Vector Software Factory 31

32. Vector SF
MADRID ALBACETE SANTIAGO DE
Parque Empresarial La Finca C/ Cristóbal Lozano, 12 COMPOSTELA
Paseo del Club Deportivo, 1, 02002 - Albacete Rúa do Pintor Juan Luis, 5
Bloque 11 - Planta 1 Tel.: (+34) 967 96 12 00 15702 - Santiago de Compostela
28223 Pozuelo de Alarcón – Madrid Fax: (+34) 967 61 50 05
Tel. (+34) 91 183 03 00
Fax: (+34) 91 799 55 30
CÓRDOBA VALENCIA
MADRID
C/ Claudio Marcelo, 15, 2º Izq. Parque Científico
Avda. De la Universidad, 1
14002 - Córdoba Polígono la Coma, s/n
28691 Villanueva de la Cañada – Madrid
Tel.: (+34) 957 48 21 32 46980 Paterna -Valencia
Tel. (+34) 91 810 53 00
Fax. (+34) 91 810 51 64 Tel.: (+34) 902 54 50 10
Copyright © 2011 Vector Software Factory 32

33. GRACIAS
Rafael Gerardo Weisz
rafgerardo@vectorsf.com
www.vectorsf.com
Copyright © 2011 Vector Software Factory 33