cap_03 CMS y Wiki IntroduccionAlDesarrolloDeAplicaciones.pptx

33
Introducción al Desarrollo de Aplicaciones Unidad 3: Creación de Contenidos 3.1 Contenidos en General 3.2 Páginas Web: Alojamiento y Desarrollo 3.3 Blogs 3.4 Wikis

description

movile

Transcript of cap_03 CMS y Wiki IntroduccionAlDesarrolloDeAplicaciones.pptx

Introducción al Desarrollo de Aplicaciones

Unidad 3: Creación de Contenidos

3.1 Contenidos en General3.2 Páginas Web: Alojamiento y Desarrollo3.3 Blogs3.4 Wikis

2

Introducción al Desarrollo de Aplicaciones 3

¿Qué es un CMS?

• Facilita la gestión del contenido en todos sus aspectos: creación, mantenimiento, publicación y presentación

• Un CMS(Content Management System) o Gestor de Contenidos es un programa utilizado que crea un marco de trabajo para el contenido de un website.

3

Introducción al Desarrollo de Aplicaciones 4

Arquitectura del CMS

Introducción al Desarrollo de Aplicaciones 5

Características de CMS• Utiliza base de datos para guardar el contenido• Permite a un gran número de personas a contribuir y guardar

información• Tiene un control de acceso a los usuarios basados en perfiles y

roles– Los perfiles definen que puede ver y editar cada usuario

• Permite una fácil recuperación y almacenamiento de información

• Reduce el ingreso de información repetida o duplicada• Facilita la creación de escritos o reportes• Mejora la comunicación entre usuarios• Etc…

Introducción al Desarrollo de Aplicaciones 6

Funcionalidad de los CMS

• Creación de contenido• Gestión de contenido• Publicación y presentación

• Manejo de eventos• Manejo de imágenes y formularios• Trabajo con workflows• Estadísticas • Áreas seguras

Introducción al Desarrollo de Aplicaciones 7

Ejemplos de CMS

Introducción al Desarrollo de Aplicaciones 8

Porqué se necesita un CMS

• Si se requiere cambiar el contenido del website muy seguido y no se desea incurrir en gastos extras de soporte o mantenimiento• Presenta disponibilidad 24/7 para realizar los cambios• Inclusión de nuevas funcionalidades, puede ser tan

fácil como incluir un modulo• Reutilización de componentes, como documentos,

páginas• Cambio de aspecto de la web, basado en una

separación entre contenido y presentación

Introducción al Desarrollo de Aplicaciones 9

¿Cómo elegir un CMS?

• Supuestos– El tamaño de la organización– El CMS manejara la intranet y la extranet– Se utilizará en toda la empresa• Contenido– Páginas simples– Páginas complejas, con una presentación especifica– Información dinámica de base de datos– Material de entrenamiento– Manuales online– Documentos de la empresa– Cientos de páginas en total

Introducción al Desarrollo de Aplicaciones 10

Estructurando los requerimientos

• Creación de contenidos• Administración de contenido• Publicación• Presentación• Contrato y Negocio

Introducción al Desarrollo de Aplicaciones 11

Creación de contenido

• Entorno de edición integrado– Los creadores de contenido pueden utilizar todas

las facilidades• Separación del contenido y la presentación• Multi usuario• Rehusó de contenido• Creación de meta data para las páginas• Manejo de enlaces• Creación de contenido sin conocimientos

técnicos

Introducción al Desarrollo de Aplicaciones 12

Administración de contenido

• Control de versiones• Flujo de trabajo– Perfiles de revisión y aprobación por ejemplo• Seguridad• Integración con sistemas externos• Reportes – De administración y para el usuario final

Introducción al Desarrollo de Aplicaciones 13

Publicación

• Uso de hojas de estilo– La presentación final es administrada con hojas de estilo• Plantillas para las páginas• Extensibilidad– Se debe poder integrar código de presentación fácilmente • Soporte para múltiples formatos– Debe poder publicar formatos como: HTML, PDF, XML y

más• Personalización

Introducción al Desarrollo de Aplicaciones 14

Presentación

• Usabilidad– Cubre aspectos como fácil de aprender y utilizar• Accesibilidad– El CMS debe ajustarse a las normas tales como W3C• Soporte Cross Browser– Las páginas se deben poder visualizar en la mayoría de

los browser• Velocidad de presentación• Generación de HTML valido• Metadata

Introducción al Desarrollo de Aplicaciones 15

Contrato y Negocio

• Entrenamiento• Documentación• Garantía• Acuerdos de mantenimiento• Recursos requeridos• Conocimientos requeridos• Costo• Escalabilidad• Sites de referencia

Introducción al Desarrollo de Aplicaciones 16

Páginas Web

• Una página web es el nombre de un documento electrónico adaptado para la World Wide Web (Internet).• La información generalmente se encuentra en

formato HTML o XHTML• Generalmente contienen:– Hojas de estilo– Java Scripts– Imágenes digitales

Introducción al Desarrollo de Aplicaciones 17

Ejemplo de Página

<html><head>

<title>Pagina de Bienvenida</title></head><body>

<h1>Bienvenidos</h1></body>

</html>

Introducción al Desarrollo de Aplicaciones 18

¿Cómo tener mi página en Línea?

Seleccionar el dominio Seleccionar el Hosting Seleccionar el CMS a utilizar

•La compra de dominio y hosting es la parte inicial, luego se debe construir la página web. •Una forma sencilla y rápida es utilizando un gestor de contenidos

Introducción al Desarrollo de Aplicaciones 19

1.- Compra de dominio

Introducción al Desarrollo de Aplicaciones 20

2. Hosting

•En lo que respecta a Hosting se tienen diferentes planes.•Depende del espacio en disco, sistemas operativo, que lenguajes de programación soporta, entre otras

Introducción al Desarrollo de Aplicaciones 21

Website gratuitos

Introducción al Desarrollo de Aplicaciones 22

Website gratuitos

• Por lo general los websites gratuitos tienen capacidades limitadas• No soportan trabajar con lenguajes de

programación• La URL de la página es un sub dominio del

website– Ejemplo: – http://seo-peru.blogspot.com

Introducción al Desarrollo de Aplicaciones 23

¿Qué es un Blog?

• Es un sitio donde se publican periódicamente:– Noticias– Artículos – Comentarios de Interés

• Los primeros blogs fueron creados como diarios personales, hoy en día muchos utilizan esta herramienta para tratar diferentes temas

Introducción al Desarrollo de Aplicaciones 24

Características de un Blog

• Posee un esquema en el cual las noticias o post se ingresan de manera simple, permitiendo la actualización permanente de la página.• Permiten el envío de comentarios por parte de los

visitantes• La información se presenta ordenada de la mas

reciente a la menos reciente• Las noticias o post se pueden categorizar

Introducción al Desarrollo de Aplicaciones 25

Blog gratuitos en internet

Introducción al Desarrollo de Aplicaciones 26

Laboratorio

• Crear un blog personal en Blogger– Elegir un tema acorde a los gustos: cine, arte, autos, futbol, – Elegir un nombre acorde al tema elegido• Autos: todoCarrosPeru.blogspot.com• Futbol: mediocampo.blogspot.com

– Seleccionar el diseño adecuado– Publicar un Post

• Nota:– Se recomienda blogger, considerando que se tiene otro

laboratorio con la instalación de Wordpress.

Introducción al Desarrollo de Aplicaciones 27

Software de Blog

wordpress b2Evolution LifeType DotClear

OpenBlog eggBlog Pixie PivotX

Introducción al Desarrollo de Aplicaciones 29

¿Qué es un Wiki?

• Wiki: conjunto de páginas que pueden ser editadas por varios usuarios• Los usuarios pueden crear, modificar o borrar un

mismo texto que comparten• Las páginas de un Wiki tiene textos y títulos

únicos• La aplicación de mayor peso y a la que debe su

mayor fama hasta el momento ha sido la creación de enciclopedias colectivas: Wikipedia

Introducción al Desarrollo de Aplicaciones 30

Origen de la Wiki

• El Origen de las Wikis esta en la comunidad de desarrolladores, que la utilizaban para escribir patrones de programación• El primer Wiki fue creado por Ward Cunningham

en 1995• En el 2001, Jimbo Wales y Larry Sager decidieron

utilizar Wiki y crear Wikipedia

Introducción al Desarrollo de Aplicaciones 31

Principios del diseño de la Wiki

• Simple, fácil de utilizar• Abierto, si una página esta incompleta, cualquier lector puede

modificarla• Incremental, las páginas pueden citar otras páginas, incluso

páginas no escritas aún• Orgánico, la estructura del sitio y el texto es abierto a ser

modificado y evolucionar.• Universal, el mecanismo para editar y organizar es el mismo

que para escribir• Preciso, las páginas deben ser tituladas con suficientes

precisión• Convergente, el duplicado se elimina

Introducción al Desarrollo de Aplicaciones 32

Software de Wikis

MediaWikis DokuWiki PhpWiki

PmWiki WikkaWiki

Introducción al Desarrollo de Aplicaciones 33

Instalación de WordPress en XAMPP

• Laboratorios– Realizar la instalación de WordPress en XAMPP