1 Copyright © 2011 Vector Software Factory El poder de los CMS Microsoft Web Camps Rafael Gerardo Weisz 05/04/2011

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

3 Copyright © 2011 Vector Software Factory Antes de nada….

4 Copyright © 2011 Vector Software Factory Sobre la charla Para seguirla en Twitter: #eswebcamp Podéis preguntar, comentar, criticar, etc…

5 Copyright © 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 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. Diseño de Servicios Usabilidad Experiencia de Usuario Diseño Maquetación DesarrolloTestingFactoría

6 Copyright © 2011 Vector Software Factory Introducción

7 Copyright © 2011 Vector Software Factory Introducción necesitan 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.

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

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

10 Copyright © 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.

11 Copyright © 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 trabajo Gestión de flujos

12 Copyright © 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

13 Copyright © 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

14 Copyright © 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

15 Copyright © 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!

16 Copyright © 2011 Vector Software Factory 3. Umbraco

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

18 Copyright © 2011 Vector Software Factory 3.5. Otros aspectos

19 Copyright © 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

20 Copyright © 2011 Vector Software Factory 3.1. Un vistazo a Umbraco La última versión de Umbraco estable es la 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

21 Copyright © 2011 Vector Software Factory 3.3. Mercado de CMS sobre.Net Más de 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.

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

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

24 Copyright © 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.

25 Copyright © 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

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

27 Copyright © 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)

28 Copyright © 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

29 Copyright © 2011 Vector Software Factory 3.6. Trabajando con Umbraco CONTENDIO Control 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" -

30 Copyright © 2011 Vector Software Factory Umbraco eCommerce uCommerce Comercial Commerce4Umbraco – Open Source UmbracoECommerce – Open Source Procure – Open Source Una demo:

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

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

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

34 Copyright © 2011 Vector Software Factory Vector SF MADRID Parque Empresarial La Finca Paseo del Club Deportivo, 1, Bloque 11 - Planta Pozuelo de Alarcón – Madrid Tel. (+34) Fax: (+34) MADRID Avda. De la Universidad, Villanueva de la Cañada – Madrid Tel. (+34) Fax. (+34) ALBACETE C/ Cristóbal Lozano, Albacete Tel.: (+34) Fax: (+34) CÓRDOBA C/ Claudio Marcelo, 15, 2º Izq Córdoba Tel.: (+34) SANTIAGO DE COMPOSTELA Rúa do Pintor Juan Luis, Santiago de Compostela VALENCIA Parque Científico Polígono la Coma, s/n Paterna -Valencia Tel.: (+34)

35 Copyright © 2011 Vector Software Factory GRACIAS Rafael Gerardo Weisz