cms vigil1

34
DISEÑO WEB

Upload: david-caipa-mamani

Post on 08-Jul-2015

1.619 views

Category:

Documents


0 download

DESCRIPTION

CMS

TRANSCRIPT

Page 1: Cms vigil1

DISEÑO WEB

Page 2: Cms vigil1

Intr

od

ucc

ión

¿Qué es un CMS?

¿Qué es un Sistemas de

Gestión de Contenidos?

Page 3: Cms vigil1

Definición

• Un sistema de gestión de contenidos(Content Management Systems o CMS) es unsoftware que se utiliza principalmente parafacilitar la gestión de sitos Web, ya sea enInternet o en una intranet, y por eso tambiénson conocidos como gestores de contenidoWeb (Web Content Management o WCM).

• Consiste en:

Una interfaz que controla una o varias basesde datos en la que se aloja el contenido delsitio.

El sistema permite manejar de maneraindependiente el contenido y el diseño.

Intr

od

ucc

ión

Page 4: Cms vigil1

Antecedentes

• Los CMS aparecen a fines de los años 90

• En 1995 se presento un CMS basado en una base de datos.

• Entre los CMS de código abierto uno de los primeros fue Typo 3.

• Los CMS se hacen populares desde el año 2000 con la aparición del PHPNuke

Intr

od

ucc

ión

Page 5: Cms vigil1

Evolución

Los primeros sistemas de administración degestión fueron desarrollados por organizacionesque publicaban una gran cantidad de contenidoen internet.

Necesitaban de continuas actualizaciones como:

• Revistas en línea

• Periódicos

• Publicaciones corporativas

Page 6: Cms vigil1

Evolución

Páginas estáticas (HTML). Edición a manoDifícil actualización. Contenido y diseño unidos

Intr

od

ucc

ión

Páginas dinámicas (CGI). Gestores complicadosPoca flexibilidad

Páginas dinámicas (PHP, ASP, Java). Gran flexibilidadCrecimiento de las comunidades de usuarios

Separación total entre presentación y contenido

Page 7: Cms vigil1

Funcionamiento

James Robertson (2003) propone una divisiónde la funcionalidad de los sistemas de gestión decontenidos en cuatro categorías:• Creación de contenido• Gestión de contenido• Publicación y • Presentación

Creación de contenido

Gestión de contenido

Publicación Presentación

Page 8: Cms vigil1

Utilidad

La utilidad de un CMS radica en los siguientes aspectos:

• Inclusión de nuevas funcionalidades en el web.

• Mantenimiento de gran cantidad de páginas.

• Reutilización de objetos o componentes.

• Páginas interactivas.

• Cambios del aspecto de la web.

• Consistencia de la web.

• Control de acceso.

Uti

lidad

Page 9: Cms vigil1

Tipos de Gestores de Contenidos

Los gestores de contenido se pueden clasificarsegún diferentes criterios:

Según el tipo de licencia Por una parte están los CMS comercializados por

empresas que consideran el código fuente un activomás que tienen que mantener en propiedad, y queno permiten que terceros tengan acceso. Llamadotambién Software Propietario

Por la otra tenemos los de código fuenteabierto, desarrollados por individuos, grupos oempresas que permiten el acceso libre y lamodificación del código fuente. Los CMS de códigoabierto son mucho más flexibles en estesentido, pero se podría considerar que la herramientacomercial será más estable y coherente al estardesarrollada por un mismo grupo.

Cla

sifi

caci

ón

Page 10: Cms vigil1

Tipos de Gestores de Contenidos

Por su uso y funcionalidadLos podemos agrupar según el tipo de sitio quepermiten gestionar.

– Genéricos: Ofrecen la plataforma para desarrollar eimplementar aplicaciones que den solución a necesidadesespecíficas. Pueden servir para construir soluciones degestión de contenidos, para soluciones de comercioelectrónico, blogs, portales,... Ejemplos: Zope, OpenCMS,Typo3, Apache lenya.

– Foros: sitio que permite la discusión en línea donde losusuarios pueden reunirse y discutir temas en los que estáninteresados. Ejemplos: phpBB, SMF, MyBB.

– Blogs: Publicación de noticias o artículos en ordencronológico con espacio para comentarios y discusión.Ejemplos: Wordpress, Typo.

Cla

sifi

caci

ón

Page 11: Cms vigil1

Tipos de Gestores de Contenidos

– eCommerce: Son Sitios web para comercio electrónico. Ejemplo: osCommerce

– Portal: Sitio web con contenido y funcionalidad diversa quesirve como fuente de información o como soporte a unacomunidad. Ejemplos:PHPNuke, Postnuke, Joomla, Drupal, Plone.

– Galería: Permite administrar y generar automáticamente unportal o sitio web que muestra contenidoaudiovisual, normalmente imágenes. Ejemplo: Gallery.

– e-Learning: Sirve para la enseñanza de conocimientos. Losusuarios son los profesores y estudiantes, tenemos aulasvirtuales donde se ponen a disposición el material del curso.Ejemplo: Moodle.

– Publicaciones digitales: son plataformas especialmentediseñadas teniendo en cuenta las necesidades de laspublicaciones digitales, tales como periódicos, revistas, etc.Ejemplo: ePrints.C

lasi

fica

ció

n

Page 12: Cms vigil1

Tipos de Gestores de Contenidos

Según el lenguaje de programaciónempleado:

Los podemos agrupar según el lenguaje deprogramación usado en el desarrollo del CMS

– Java: O.

– PHP: si.

– Ruby On Rails: Pu

– Python:

– Active Server Pages:

Cla

sifi

caci

ón

Page 13: Cms vigil1

Tipos de CMS

En nuestro caso hablaremos en delante de los CMS de Código Abierto.

Cla

sifi

caci

ón

Page 14: Cms vigil1

Criterios de Selección de un CMS

• Arquitectura técnica.

• Grado de desarrollo.

• Soporte.

• Posición en el mercado y opiniones.

• Usabilidad.

• Accesibilidad.

• Velocidad de descarga.

• Funcionalidades.

Selección…

Page 15: Cms vigil1

FuncionamientoFu

nci

on

alid

ad• El CMS permite desarrollar un sitio

Web con una base de datos y sistemade administración instalada.

• El desarrollador debe ocuparse de lainformación que desee publicar, yaque el sistema gestionará todos losdemás detalles técnicos yadministrativos siguientes, como son:

Page 16: Cms vigil1

FuncionamientoFu

nci

on

alid

ad• Publicación de Contenidos: podrá crear

páginas y editarlas desde un sencillo editorque permite formatear los textos con losestilos e imágenes deseados.

• Administrador de Imágenes: posee unautilidad para subir imágenes al servidor yusarlas en todo el sitio.

• Encuestas: posee un sistema de votaciones yencuestas dinámicas con resultados en barrasporcentuales.

• Publicidad: es posible hacer publicidad en elsitio usando el Administrador de Banners.

• Estadísticas de visitas: con información denavegador, OS, y detalles de los documentos(páginas) más vistos.

Page 17: Cms vigil1

Gestión del sitio WebA

dm

inis

trac

ión

del

sit

io

• Dependiendo de la plataforma escogida sepodrá escoger diferentes niveles de accesopara los usuarios; yendo desde eladministrador del portal hasta el usuario sinpermiso de edición, o creador de contenido.

• Dependiendo de la aplicación podrá habervarios permisos intermedios que permitanla edición del contenido, la supervisión yreedición del contenido de otros usuarios.

Page 18: Cms vigil1

Gestión del sitio WebA

dm

inis

trac

ión

del

sit

io

• El CMS controla y ayuda a manejarcada paso de este proceso, incluyendolas labores técnicas de publicar losdocumentos a uno o más sitios.

• En muchos sitios con CMS una solapersona hace el papel de creador yeditor, como por ejemplo los blogs.

Page 19: Cms vigil1

Ventajas de un CMSV

enta

jas• El gestor de contenidos facilita el acceso a

la publicación de contenidos a un rangomayor de usuarios.

• Permite que sin conocimientos deprogramación ni maquetación cualquierusuario pueda indexar contenido en elportal.

• Además permite la gestión dinámica deusuarios y permisos, la colaboración devarios usuarios en el mismo trabajo, lainteracción mediante herramientas decomunicación.

Page 20: Cms vigil1

Ventajas de un CMSV

enta

jas• Los costos de gestión de la información son

mucho menores ya que se elimina un eslabón dela cadena de publicación

• Publicación de Contenidos: podrá crear páginasilimitadas y editarlas desde un sencillo editor quepermite formatear los textos con los estilos eimágenes deseados. Los contenidos sontotalmente editables y modificables.

• Escalabilidad e implementación de nuevasfuncionalidades: ofrece la posibilidad deinstalar, desinstalar y administrar componentes ymódulos, que agregarán servicios de valor a losvisitantes de su sitio web, por ejemplo: galerías deimágenes, foros, newsletters, clasificados, etc.

Page 21: Cms vigil1

Ventajas de un CMS

Ven

taja

s• Administración de usuarios: le permitealmacenar datos de usuarios registrados ytambién la posibilidad de enviar E-mailsmasivos a todos. La administración deusuarios es jerárquica, y los distintos gruposde usuarios poseen diferentes niveles defacultades/permisos dentro de la gestión yadministración del sitio.

• Diseño y aspecto estético del sitio: Es posiblecambiar todo el aspecto del sitio web tan solocon un par de clicks, gracias al sistema detemplates que utiliza Joomla.

• Navegación y menú: Totalmente editablesdesde el panel administrador

• Administrador de Imágenes: posee unautilidad para subir imágenes al servidor yusarlas en todo el sitio.

Page 22: Cms vigil1

Ventajas de un CMS

Ven

taja

sDisposición de módulos modificable:En un sitio creado con CMS, la posición demódulos puede acomodarse como seprefiera.Encuestas: posee un sistema devotaciones y encuestas dinámicas conresultados en barras porcentuales.Feed de Noticias: trae incorporado unsistema de sindicación de noticias porRSS/XMS de generación automáticaPublicidad: es posible hacer publicidad enel sitio usando el Administrador de BannersEstadísticas de visitas: con informaciónde navegador, OS, y detalles de losdocumentos (páginas) más vistos.

Page 23: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

• Una de las características comunes de los CMS

basados en código abierto es que tienen detrás una

gran comunidad de desarrolladores y usuarios que

ponen sus conocimientos al servicio del resto.

• Los más populares cuentan con portales

nacionales, donde se van añadiendo

tutoriales, trucos, consejos, manuales y además

ofrecen foros que, por regla general, son muy

activos.

• Es en estas comunidades donde encontraremos la

mejor forma de aprender el uso del CMS en sus

distintos niveles en caso de ser usuarios noveles.

• Algunas de las comunidades en español

relacionadas con los CMS son

www.joomlaspanish.org, www.drupal.org.es, www.e

107.es y www.opencmshispano.com.

Page 24: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Requerimientos del servidor

Existen muchas modalidades de hosting y

también muchos proveedores de servicios de

Internet (ISP), hasta las ofertas básicas

ofrecen lo que realmente se necesita para

instalar y mantener correctamente un CMS.

Los requisitos para la mayoría de este tipo de

aplicaciones son:Disponer de un servidor de aplicaciones (PHP)

Un servidor de bases de datos (MySQL)

Un servidor web (Apache)

Elementos que son ofrecidos por el proveedor

de Internet cuando contratamos un servicio de

hospedaje.

Page 25: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

El cliente FTP

En modo local utilizar un cliente de

FTP, como FileZilla. Nos servirá para subir al

servidor todos los ficheros que vienen en el

paquete del CMS.

Listos los ficheros, accederemos vía FTP al

servidor con el nombre de usuario y

contraseña.

El cliente FTP también será extremadamente

útil posteriormente, ya que lo necesitaremos

para actualizar algún fichero, manejar

permisos de carpetas y también acceder a la

plantilla del sitio para mejorar su aspecto.

Page 26: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Crear una base de datos

Habitualmente, el proveedor de Internet

también proporciona el acceso al panel de

control de nuestro servidor a través de un

usuario y una contraseña. Son habituales

sistemas como Cpanel, Plesk, PHPmyAdmin

o incluso uno desarrollado por el propio ISP.

Sea cual sea, deberemos acceder al apartado

Bases de datos para crear una nueva, la

cual, lógicamente, estará vacía en primera

instancia. Apuntaremos los datos de acceso a

dicha base de datos (como su nombre, usuario

y contraseña) para introducirlos durante el

proceso de instalación del CMS.

Page 27: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Crear una base de datos

Habitualmente, el proveedor de Internet

también proporciona el acceso al panel de

control de nuestro servidor a través de un

usuario y una contraseña. Son habituales

sistemas como Cpanel, Plesk, PHPmyAdmin

o incluso uno desarrollado por el propio ISP.

Sea cual sea, deberemos acceder al apartado

Bases de datos para crear una nueva, la

cual, lógicamente, estará vacía en primera

instancia.

Apuntaremos los datos de

acceso a dicha base de

datos (como su nombre,

usuario y contraseña)

para introducirlos durante

el proceso de instalación del CMS.

Page 28: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

En La instalación

La instalación permite conocer datos, como el

servidor o el acceso a la base de datos, para

crear la estructura de las tablas donde se

almacenarán los contenidos que generemos.

Cada CMS tiene su proceso de

instalación, pero lo normal es que se encuentre

en la raíz del dominio. A veces lo

encontraremos de esta forma:

www.midominio.es/install.php, donde

install.php es el nombre del fichero de

instalación; en otros casos, veremos el

directorio adicional www.mido

minio.es/installation/install.php.

Lo habitual es seguir un asistente de

instalación, que realizará un chequeo de

algunos parámetros del servidor, como los

permisos de escritura.

Page 29: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Los accesos

Luego de crear la BD en el servidor, debe

mostrarse el acceso a ella. Lo habitual es que

instalemos el CMS en la misma máquina en la

que hemos creado la BD, así que el nombre del

servidor será localhost. También tendremos que

introducir el nombre de la BD, así como el usuario y

la contraseña que el servidor nos ha asignado para

acceder a ella, de igual modo el acceso al servidor

FTP, ya que, por ejemplo, Joomla utiliza este

protocolo para determinadas tareas, como subir

ficheros e imágenes desde el administrador del

CMS. Por último, debe introducir una contraseña

más para poder acceder directamente al

backend, el modo de administrador con el que

podremos seguir configurando el sitio y comenzar a

gestionar las pertinentes categorías o

secciones, siempre dependiendo del CMS que

hayamos seleccionado.

Page 30: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Datos adicionales

Dependiendo del sistema de instalación del

CMS que hayamos elegido, nos requerirán

otros datos adicionales, como el correo

electrónico del administrador; aunque esta

información se podrá indicar posteriormente

desde la página de administración.

Entonces, se podrá guardar la configuración de

la instalación y ya estaría el sitio web on-

line, pudiendo acceder al dominio para

contemplar la plantilla y datos que se

mostrarán por defecto, esto es, el frontend. Su

aspecto inicial será más bien pobre, pero es

algo que irá cambiando a medida que vayamos

introduciendo nuevos contenidos.

Page 31: Cms vigil1

Requerimientos de un CMS

Req

uer

imie

nto

s d

e u

n C

MS

Administrar el Sitio Web

Podremos acceder en modo Administrador al

sitio web a través de la ruta indicada:

www.midominio.com/admin/, donde admin es el

directorio para ejecutar el backend o aplicación

de administración del sitio. A partir de aquí,

todo dependerá del CMS que hayamos

elegido, proceso según los manuales de

usuario. Comenzar a configurar las secciones y

categorías del sitio, como es el caso de la

página principal del frontend y las páginas de

contacto, noticias o cualquier otra sección que

hayamos decidido implementar en la web. En

ese momento ya podremos añadir nuevos

artículos, asignándoles las secciones y

categorías anteriormente definidas.

Page 32: Cms vigil1

Características de la publicaciónde páginas Web

Car

acte

ríst

icas

• Automatización en la publicación: Las páginasy documentos pueden programarse con fechade publicación y fecha de caducidad. Es decirun documento puede programarse para quese publique automáticamente al llegar unadeterminada fecha, y luego despublicarsetambién de forma automática en otra fecha.

• Archivo e historial: Las páginas viejas opublicaciones que hayan perdido vigenciapueden enviarse a un "archivo" dealmacenamiento, sin necesidad de tener queborrarlas. Esto permite también dar laposibilidad a los navegantes de consultarartículos viejos o documentos anteriores enun historial.

Page 33: Cms vigil1

Características de la publicaciónde páginas Web

Car

acte

ríst

icas

• Formatos de lectura: Cada documento esgenerado automáticamente en formato PDF, enversión imprimible, y en XML.

• Envío por E-mail: Los usuarios del sitio podránenviar automáticamente a un amigo por emailcada documento publicado.

• Valoración de contenidos: Los visitantes del

sitio podrán votar la calidad de lo publicado.

• Comentarios: (opcional) Los usuarios podrán

comentar sus opiniones o expresar sus

inquietudes en la misma página de

contenidos.

Page 34: Cms vigil1

Diferencias Entre Internet Web 1.0 y Web 2.0

Diferen

cias…