El poder de los CMS

Microsoft Web Camps

Rafael Gerardo Weisz
05/04/2011

Copyright 2011 Vector Software Factory

ndice
Introduccin
El uso de los CMS en aplicaciones Web
Caso de estudio: Umbraco

Copyright 2011 Vector Software Factory

Antes de nada.

Copyright 2011 Vector Software Factory

Sobre la charla
Para seguirla en Twitter:

#eswebcamp
preguntar, comentar,
criticar, etc
Podis

Copyright 2011 Vector Software Factory

Sobre Vector y el ponente

Vector SF es una empresa de consultora tecnolgica
centrada en tecnologas web:
Diseo
de
Servicio
s

Usabilida
d
Experienc
ia de
Usuario

Desarrol
lo

Maquetaci
n

Diseo

Testing

Factora

Ms de 420 empleados
Oficinas: Madrid, Albacete, Crdoba, Valencia, A Corua
Contratando todos los das
Rafael Gerardo: Consultor Tcnico Senior. CTO en Easy
Code Software y consultor asociado de Vector SF.

Copyright 2011 Vector Software Factory

Introduccin

Copyright 2011 Vector Software Factory

Introduccin

Las empresas hoy en da necesitan

Producir contenidos (Marketing, Periodistas, etc.)
Rapidez de desarrollo, estandarizacin
Potencia en las capacidades de diseo, sin renunciar a lo
anterior
Posicionamiento y fidelizacin
Integracin con redes sociales y comunidades
Extensin a entornos multicanal (mvil, tablets, etc.)

Los CMS surgen como respuesta a todos estos

retos.
Copyright 2011 Vector Software Factory

El uso de los CMS en

aplicaciones web

Copyright 2011 Vector Software Factory

2.1. Qu es un CMS?

Redes Sociales
Sitios Web

Empresa
Colaboradores
Diseadores
Programadores
Administradores

Noticias

CMS

RSS
eCommerce
B2B

Copyright 2011 Vector Software Factory

2.1. Qu es un CMS?
Sistema para la gestin de nuestro
contenido web
Permite que, de manera controlada,
cualquier usuario colabore en la
produccin de contenidos.
Herramientas administrativas. Gestin
potente y completa.
Modelo de datos y mecanismos
cofigurables de renderizado.
Copyright 2011 Vector Software Factory

10

2.1. Qu es un CMS?
Mas cositas
Entorno integrado de creacin de aplicaciones web
Basados en una tecnologa estndar (.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: Gestin
de usuarios, gestin de contenidos, etc.
Son modulares
Sistemas de personalizacin
Comunidad
Modelo de comercializacin
Entorno de desarrollo y trabajo
Gestin de flujos
Copyright 2011 Vector Software Factory

11

2.2. Ventajas
Permiten acotar el alcance (prototipado)
Time to Market
Flexibilidad. Muchos tipos y combinaciones
soluciones web
Separan el contenido de su aspecto
Rpida incorporacin de colaboradores
Escalabilidad
Gestin unificada de aplicaciones web diferentes
Permite centrarse en el valor aadido

Copyright 2011 Vector Software Factory

12

2.3. Inconvenientes

Personalizacin 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

13

2.3. Inconvenientes

Copyright 2011 Vector Software Factory

14

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)
Estandarizacin, adopcin de HTML5!

Copyright 2011 Vector Software Factory

15

3. Umbraco

Copyright 2011 Vector Software Factory

16

3.1. Un vistazo a Umbraco

www.umbraco.org
umbraco.codeplex.com

DEMO

our.umbraco.org
Copyright 2011 Vector Software Factory

17

3.5. Otros aspectos

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

http://demo.thecogworks.c
o.uk
Copyright 2011 Vector Software Factory

18

3.2. Arquitectura de Umbraco

Sobre IIS
Modelo de programacin extensible
basado en ASP.Net
BD: MySQL, SQL Server y VistaDB.
Permite la implementacin en cluster con
balanceo de carga.
La versin estndar de Umbraco requiere
Full Trust

Copyright 2011 Vector Software Factory

19

3.1. Un vistazo a Umbraco

La ltima versin 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

20

3.3. Mercado de CMS

sobre .Net
Ms de 85.000 implantaciones, en 2010
una media de 1000 descargas al da.
Es una de las descargas ms populares en
el Top 5 de WPI
Dos puestos atrs de su principal rival
DotNetNuke
Entre las 12 aplicaciones ms descargadas
en Codeplex, a 6 puestos DotNetNuke y 13
puestos por delante de mojoPortal.
Copyright 2011 Vector Software Factory

21

3.3. Mercado de CMS

sobre .Net

umbraco
Dotnetnuke
mojoportal

Copyright 2011 Vector Software Factory

22

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, Garanta de
resolucin de bugs

Copyright 2011 Vector Software Factory

23

3.5. Otros aspectos

Comunidad- Cabe destacar el uso de Codeplex
+ our.umbraco.org +
our.umbraco.org/forum
Mdulos disponibles
Documentacin (Escasa).
Our.umbraco.org/wiki
Formacin: oficial y de partners, online y
presencial.

Copyright 2011 Vector Software Factory

24

3.6. Trabajando con Umbraco

Puesta en marcha:
1. Descarga (codeplex)
2. Configuracin de Base de Datos
3. Implementar plantilla de sitio (opcional)
4. Definicin de plantillas + Diseo (HTML/XML/XSLT)
5. Definicin de los tipos de documento
6. Agregar contenidos y publicar
7. Gestin de usuarios, "Tipos de usuario" (Roles)
8. Extender
Copyright 2011 Vector Software Factory

25

3.7. Trabajando con Umbraco

CONTENDIO = PLANTILLA + TIPO DE

DOCUMENTO

Copyright 2011 Vector Software Factory

26

3.8. Trabajando con Umbraco

PLANTILLA
Se realiza mediante ASP.NET Master Pages
Umbraco usa XSLT para generar de forma dinmica
contenido.
RAZOR
.NET Custom Control y .NET User Controls de forma
nativa.
Soporta ASP.NET Ajax usando jQuery, Prototype, MooTools
y otros toolkits Ajax.
Programacin: <%%>, API de Umbraco y manejadores)
Copyright 2011 Vector Software Factory

27

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 jerarqua del sitio
Plantillas permitidas y plantilla por defecto

Copyright 2011 Vector Software Factory

28

3.6. Trabajando con Umbraco

CONTENDIO

Control de versiones
Permite la edicin sobre el portal
Otras funcionalidades: Gestin de activos
Multimedia, Funcionalidades sociales
(comentarios, etiquetados, gravatar, blogroll,
etc.)
La extensin de funcionalidades se realiza
mediante "Paquetes"
-http://packages.umbraco.org/packages
Copyright 2011 Vector Software Factory

29

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

30

4. Call to action

Copyright 2011 Vector Software Factory

31

Call to Action

Y AHORA QU?!?!?

Copyright 2011 Vector Software Factory

32

Call to Action

1)
2)
3)
4)

Vete a www.microsoft.com/web/umbraco
Instala Microsoft Web Platform Installer
Selecciona Umbraco
A jugar

(Opcional: Vete a umbraco.codeplex.com

e instlalo desde 0)

Copyright 2011 Vector Software Factory

33

Vector SF

MADRID

ALBACETE

Parque Empresarial La Finca

Paseo del Club Deportivo, 1,
Bloque 11 - Planta 1
28223 Pozuelo de Alarcn Madrid
Tel. (+34) 91 183 03 00
Fax: (+34) 91 799 55 30

C/ Cristbal Lozano, 12
02002 - Albacete
Tel.: (+34) 967 96 12
00
Fax: (+34) 967 61 50
05

MADRID
Avda. De la Universidad, 1
28691 Villanueva de la Caada
Madrid
Tel. (+34) 91 810 53 00
Fax. (+34) 91 810 51 64

CRDOBA
C/ Claudio Marcelo, 15, 2
Izq.
14002 - Crdoba
Tel.: (+34) 957 48 21 32

SANTIAGO DE
COMPOSTELA
Ra do Pintor Juan Luis, 5
15702 - Santiago de
Compostela

VALENCIA
Parque Cientfico
Polgono la Coma, s/n
46980 Paterna
-Valencia
Tel.: (+34) 902 54 50
10

Copyright 2011 Vector Software Factory

34

GRACIAS

Rafael Gerardo Weisz

rafgerardo@vectorsf.com
www.vectorsf.com

Copyright 2011 Vector Software Factory

35