1Copyright © 2011 Vector Software Factory

“El poder de los CMS”Microsoft Web Camps

2Copyright © 2011 Vector Software Factory

Índice

IntroducciónEl uso de los CMS en aplicaciones WebCaso de estudio: Umbraco

3Copyright © 2011 Vector Software Factory

Sobre Vector y el ponente

Vector SF es una empresa de consultoría tecnológica centrada en tecnologías web:

Más de 420 empleadosOficinas: Madrid, Albacete, Córdoba, Valencia, A CoruñaContratando todos los díasRafael Gerardo: Consultor Técnico Senior. CTO en Easy Code Software y consultor asociado de Vector SF.

Diseño de ServiciosDiseño de Servicios

UsabilidadExperiencia de Usuario

UsabilidadExperiencia de Usuario

DiseñoDiseño MaquetaciónMaquetación

DesarrolloDesarrollo TestingTesting FactoríaFactoría

4Copyright © 2011 Vector Software Factory

Introducción

5Copyright © 2011 Vector Software Factory

Introducción

Las empresas hoy en día necesitannecesitan…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.

6Copyright © 2011 Vector Software Factory

El uso de los CMS en aplicaciones web

7Copyright © 2011 Vector Software Factory

2.1. ¿Qué es un CMS?

Empresa

ColaboradoresDiseñadoresProgramadoresAdministradores

Empresa

ColaboradoresDiseñadoresProgramadoresAdministradores

CMSCMS

Redes Sociales

Sitios Web

Noticias

RSS

eCommerce

B2B

8Copyright © 2011 Vector Software Factory

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.

9Copyright © 2011 Vector Software Factory

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 trabajoGestión de flujos

10Copyright © 2011 Vector Software Factory

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

11Copyright © 2011 Vector Software Factory

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

12Copyright © 2011 Vector Software Factory

2.3. Inconvenientes

13Copyright © 2011 Vector Software Factory

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!

14Copyright © 2011 Vector Software Factory

3. Umbraco

15Copyright © 2011 Vector Software Factory

DEMO

3.1. Un vistazo a Umbraco

www.umbraco.org

umbraco.codeplex.com

our.umbraco.org

16Copyright © 2011 Vector Software Factory

3.5. Otros aspectos

http://www.heinz.com/http://www.peugeot.com/http://www.wired.it/http://www.condenast.com/

http://demo.thecogworks.co.ukhttp://demo.thecogworks.co.uk

17Copyright © 2011 Vector Software Factory

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

18Copyright © 2011 Vector Software Factory

3.1. Un vistazo a Umbraco

La última versión de Umbraco estable es la 4.7.0

Se distribuye bajo licencia MITIncluido en Web Platform Installer, WebMatrix y Visual Studio 2010 Templates

Basado en C# y ASP.NET

Objetivo: Simple, Bonito, Intuitivo

19Copyright © 2011 Vector Software Factory

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.

20Copyright © 2011 Vector Software Factory

3.3. Mercado de CMS sobre .Net

umbraco Dotnetnukemojoportal

21Copyright © 2011 Vector Software Factory

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

22Copyright © 2011 Vector Software Factory

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.

23Copyright © 2011 Vector Software Factory

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

24Copyright © 2011 Vector Software Factory

3.7. Trabajando con Umbraco

CONTENDIO = PLANTILLA + TIPO DE DOCUMENTO

25Copyright © 2011 Vector Software Factory

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)

26Copyright © 2011 Vector Software Factory

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

27Copyright © 2011 Vector Software Factory

3.6. Trabajando con Umbraco

CONTENDIOControl de versiones

Permite la edición sobre el portal

Otras funcionalidades: Gestión de activos Multimedia,

Funcionalidades sociales (comentarios, etiquetados, gravatar, blogroll, etc.)

La extensión de funcionalidades se realiza mediante

"Paquetes" - http://packages.umbraco.org/packages

28Copyright © 2011 Vector Software Factory

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

29Copyright © 2011 Vector Software Factory

4. Call to action

30Copyright © 2011 Vector Software Factory

Call to Action

¿¡¿¡¿Y AHORA QUÉ?!?!?

31Copyright © 2011 Vector Software Factory

Call to Action

1) Vete a www.microsoft.com/web/umbraco2) Instala Microsoft Web Platform Installer

3) Selecciona Umbraco

4) A jugar

(Opcional: Vete a umbraco.codeplex.com e instálalo desde 0)

32Copyright © 2011 Vector Software Factory

Vector SF

MADRIDParque Empresarial La FincaPaseo del Club Deportivo, 1, Bloque 11 - Planta 128223 Pozuelo de Alarcón – MadridTel. (+34) 91 183 03 00Fax: (+34) 91 799 55 30

MADRIDAvda. De la Universidad, 128691 Villanueva de la Cañada – MadridTel. (+34) 91 810 53 00Fax. (+34) 91 810 51 64

ALBACETEC/ Cristóbal Lozano, 1202002 - AlbaceteTel.: (+34) 967 96 12 00Fax: (+34) 967 61 50 05

CÓRDOBAC/ Claudio Marcelo, 15, 2º Izq.14002 - CórdobaTel.: (+34) 957 48 21 32

SANTIAGO DE COMPOSTELARúa do Pintor Juan Luis, 515702 - Santiago de Compostela

VALENCIAParque CientíficoPolígono la Coma, s/n46980 Paterna -ValenciaTel.: (+34) 902 54 50 10

33Copyright © 2011 Vector Software Factory

GRACIASRafael Gerardo Weisz

rafgerardo@vectorsf.comwww.vectorsf.com