31.05.2013 Views

Ing. Jacinto Pazo Ing. Rodrigo Higuera

Ing. Jacinto Pazo Ing. Rodrigo Higuera

Ing. Jacinto Pazo Ing. Rodrigo Higuera

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong>


CMS.<br />

Presente y futuro de los CMS.<br />

Arquitectura de un CMS.<br />

Contao WEB CMS.<br />

Características.<br />

¿Porqué Contao CMS?<br />

Componentes de Contao CMS.<br />

Arquitectura MVC con Contao CMS.<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

Requisitos básicos.<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Instalación bajo GNU/Linux.<br />

Backend.<br />

¿Cómo funciona Contao WEB CMS?<br />

Caso práctico: Construir en 1,2, 3.<br />

Casos de éxito con Contao CMS.<br />

Links importantes.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

CMS son las siglas de Content Management System, que se traduce<br />

directamente al español como Sistema Gestor de Contenidos. Como<br />

su propio nombre indica, es un sistema que nos permite gestionar contenidos. En<br />

líneas generales, un CMS permitiría administrar contenidos en un medio digital y<br />

para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos<br />

de una web.<br />

Esos contenidos luego aparecerán en la página en los lugares donde se ha<br />

indicado al darlos de alta o ser aprobados. Por lo tanto, un CMS estará compuesto<br />

de dos partes, un back y un front, siendo el back la parte donde los<br />

administradores publican las informaciones y el front la parte donde los visitantes<br />

visualizan las mismas.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

El termino Content Management System fue originalmente<br />

usado para la publicación de sitios web. Los primeros sistemas de<br />

administración de contenidos fueron desarrollados internamente por<br />

organizaciones que publicaban mucho en internet, como revistas en línea,<br />

periódicos y publicaciones corporativas. En 1995, el sitio de noticias tecnológicas<br />

CNET sacó su sistema de administración de documentos y publicación y creó una<br />

compañía llamada Vignette, que abrió el mercado para los sistemas de<br />

administración de contenido comerciales.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

En la actualidad, aparte de la ampliación de las funcionalidades de los CMS, uno<br />

de los campos más interesantes es la incorporación de estándares que mejoran la<br />

compatibilidad de componentes, facilitan el aprendizaje al cambiar de sistema y<br />

aportan calidad y estabilidad en el mundo web.<br />

Algunos de estos estándares son por ejemplo CSS3, que permite la creación de<br />

hojas de estilo; XML, un lenguaje de marcas que permite estructurar un<br />

documento; HTML5, es la quinta revisión importante del lenguaje básico de la<br />

World Wide Web, HTML. Esta es la primera vez que HTML y XHTML se han<br />

desarrollado en paralelo; XHTML, que es un subconjunto<br />

del anterior orientado a la presentación de documentos<br />

vía web; WAI, que asegura la accesibilidad del<br />

sistema; y RSS, para sindicar contenidos de tipo<br />

noticias/calendarios.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Muchos proyectos fracasarán por no ajustarse a los estándares y no entender<br />

conceptos como usabilidad, arquitectura de la información, gestión del conocimiento y<br />

contenido.<br />

El campo de los gestores de contenido madurará hasta conseguir un alto grado de<br />

consistencia y profesionalismo.<br />

Se producirá una fusión entre gestión de contenidos, gestión de documentos y<br />

gestión de registros.<br />

También se puede añadir la incorporación de sistemas de e-learning y gestión del<br />

conocimiento, y en los entornos de intranet corporativa, la posibilidad de acceder a otras<br />

fuentes de datos como por ejemplo sistemas de soporte de decisiones (Decision Support<br />

Systems o DSS).


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong>


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Contao es una plataforma de código abierto de ingeniería alemana<br />

que apareció por primera vez en el año 2004 bajo el nombre de<br />

Typolight. que proporciona un entorno estable, fácil de usar en el<br />

que podemos construir sitios de nuestros clientes en los próximos<br />

años. Se trata de una plataforma LAMP basado en (Linux / Apache<br />

/ MySQL / PHP), lo que significa que es fácil de implementar, y ser de código abierto<br />

significa que nunca hay una escasez de desarrolladores que pueden entrar y trabajar<br />

su magia. Lo mejor de todo es que permite a nuestros diseños trabajar con la<br />

funcionalidad, lo que resulta en un paquete que sabemos que nuestros clientes<br />

encontrarán fácil de usar.<br />

Contao es un CMS muy completo, desarrollado con PHP5 bajo el paradigma de<br />

programación Orientada a Objetos. emplea tecnologías modernas propias de la “web<br />

2.0” por ejemplo Ajax.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Servicio de actualización en vivo o live update.<br />

Catálogos de extensiones a incorporar.<br />

Framework CSS.<br />

Gestor de archivos y gestor de formularios integrado.<br />

Módulos de Integración con redes sociales.<br />

Salida del front-end basada en plantillas en código XHTML Strict. (Cumple con los<br />

estándares de W3C) y HTML5.<br />

Soporte multilenguaje. (cerca de 40 idiomas disponibles en el back-end)<br />

Soporte a múltiples idiomas ya que hace uso de codificación UTF-8.<br />

Soporte a compresión GZIP.<br />

Potente sistema de permisología.<br />

Control de Versiones de Contenidos.<br />

Control de Logs.<br />

Sistema integrado de mantenimientos.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Al seleccionar un sistema de gestión de contenidos (CMS), siempre hay muchos factores<br />

a considerar. ¿Qué tan flexible es el sistema? ¿Quién estará a cargo de las operaciones<br />

del día a día? ¿Puede crecer el sitio y adaptarlo a mi organización? Y luego, lo más<br />

importante, ¿cuánto es el costo de desarrollar y mantener?<br />

Cuando descubrimos Contao (antes conocido como TYPOlight) CMS hace varios años,<br />

sabíamos que habíamos tropezado con un tesoro por todas esas razones. Contao es una<br />

plataforma de código que proporciona un entorno estable, fácil de usar en el que<br />

podemos construir sitios de nuestros clientes, para que disfruten de portales<br />

multiplataformas, multinavegadores, accesibles, que se adapte a los<br />

constantes cambios del entorno web.


CSS<br />

Módulos<br />

Templates<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Contenido<br />

Contenido<br />

Contenido<br />

Lenguaje Protección Permisos Cache time


Solicitud<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

Respuesta (HTML5, Rss,<br />

XML, JSON)<br />

Controlador<br />

Solicita<br />

data<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Vista<br />

Modelo


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Se puede Instalar en un servidor web IIS (configurado para PHP) o en un servidor<br />

web Apache (Nativo).<br />

Tener Instalado PHP mínimo en su versión 5.2.4. Servidor de Base de Datos<br />

MySQL (nativo), SQLi, Oracle, MSSQL, PostgreSQL y Sybase.


<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong>


<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

Es la interfaz administrativa por donde interactúan todos los usuarios de la<br />

plataforma, tanto administradores como los editores o generadores de contenido.<br />

Existen 2 grandes tipos de usuarios:<br />

Usuarios (son los que pueden acceder al backend)<br />

Miembros (público externo que accede al Frontend )


Estructura del<br />

Sitio<br />

Tema<br />

Páginas Contiene Artículos Contiene Contenido<br />

Estructura lógica y<br />

física del sitio<br />

Asigna<br />

a…<br />

Layouts<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Contenido<br />

Agrupa los elementos de<br />

contenido y especifica su<br />

ubicación<br />

Módulos<br />

CSS<br />

Plantillas<br />

Otros…<br />

Plantillas<br />

News Formato<br />

1<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

Cualquier tipo de Contenido:<br />

Texto,HTML, Imágenes / Galería,<br />

Tablas, Formulario, Módulos<br />

News Formato<br />

2<br />

Diseño


1. Creamos Tema:<br />

Módulos<br />

Hojas de Estilo.<br />

Layouts.<br />

2. Creamos Estructura del sitio<br />

Paginas<br />

3. Creamos Contenido<br />

1. Texto, Imágenes, Galerías, Noticias, etc…<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong>


http://www.ucab.edu.ve/<br />

http://guayanaweb.ucab.edu.ve<br />

http://www.cypressvalleycanopytours.com/<br />

http://www.launderlandwestern.com/<br />

http://jacintopazo.com/haras/<br />

http://www.propiusa.com/<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

http://www.aeroclubvalencia.com.ve/<br />

http://masisa.engiservsolutions.com


<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

http://www.facebook.com/contao<br />

http://twitter.com/contaocms<br />

https://community.contao.org/en/<br />

https://contao.org/en/<br />

http://demo.contao.org/contao/<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong>


<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

“No puedes preguntarle a los<br />

consumidores qué quieren y<br />

luego pretender dárselo. En el<br />

tiempo que has estado<br />

fabricándolo, ellos querrán<br />

una cosa nueva.”<br />

Steve Jobs


<strong>Ing</strong>. <strong>Rodrigo</strong> G. <strong>Higuera</strong> M.<br />

Personal Docente UCAB Guayana.<br />

Desarrollador de sistemas basados en tecnologias LAMP-LAPP.<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong>.<br />

Personal Docente UCAB Caracas.<br />

Front-end Web Developer.<br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

Condiciones<br />

<strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

Con el uso de esta presentación se acepta las<br />

condiciones abajo descritas basadas en la licencia LGPL.<br />

La presentación puede ser utilizada libremente por los particulares. El<br />

empleo comercial de las presentación gratuita no está permitido.<br />

En ningún caso <strong>Rodrigo</strong> <strong>Higuera</strong>, ni <strong>Jacinto</strong> <strong>Pazo</strong> serán responsables<br />

por ningún daño indirecto, especial o consecuente que surja de o en<br />

conexión con el uso de la presentación.<br />

En caso de preguntas técnicas, por favor ponerse en contacto.<br />

PresentaciónContaoWebCMS <strong>Ing</strong>. <strong>Rodrigo</strong> <strong>Higuera</strong><br />

<strong>Ing</strong>. <strong>Jacinto</strong> <strong>Pazo</strong><br />

rodrigoghm@gmail.com<br />

@rodrigoghm<br />

jacintopazo@gmail.com<br />

@jacintopazo

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!