Web camp el_poder_de_los_cms_umbraco_13_04_13
Transcript of Web camp el_poder_de_los_cms_umbraco_13_04_13
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