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
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 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 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 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 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 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
Top Related