Introducción
Descargar presentación powerpoint de la clase
CMS
• Content Management System
• Sistemas de gestión de contenidos para la web. Normalmente de código abierto y desarrollados en plataformas de código abierto (PHP/mysql, Java..)
CMS?
• Blogs, forums, wikis, galerías de imágenes, etc
Web 2.0.
• Una “segunda fase” de arquitectura y desarrollo de aplicaciones en la red.
• Es una filosofía mas que una plataforma tecnológica
• Web optimizada (también para máquinas)
• Agregación de contenidos
• Web editable
• Software social
• Folksonomia, web semántica
Web 2.0.
• Incluye por ejemplo wikis, Blogs, la sindicación de contenidos (RSS), las APIS de servicios
• Aplicaciones (software social) conocidas; Google maps, flickr, technorati, del.icio.us
• El contenido lo generan los usuarios. Se establecen redes. Se reutiliza la información.
• Claramente separado el contenido de la presentación (varios canales de difusión para un mismo contenido, RSS, agregadores de noticias, blogs, etc. )
Tecnologia de la web 2.0.
• CSS +XHTML (http://www.iua.upf.es/mtg/reacTable/?related)
• Ajax(http://www.randomchaos.com/games/fastr/)
• SVG (http://www.carto.net/papers/svg/samples/japan_map_itinerary/japan.svgz)
• Sindicación y agregación en RSS/Atom (http://www.google.com/reader/)
• URLs limpias y con sentido (http://del.icio.us)
• Publicación en weblogs y wikis (www.wikipedia.org)
• APIs de servicios en internet (http://www.google.com/apis/maps/)
• Aspectos de redes sociales (www.ebay.es)
Programa
(1)
Introducción. Conceptos generales. La web 2.0. Aplicaciones singulares.
(2)
Instalación y funcionamiento de EasyPHP.
Ejercicio sobre agregación de contenidos.
(3) Aplicaciones standard. Forums, chats, encuestas, galerías de imágenes.
Instalación y configuración de un ejemplo.
(4) Blogs. Sindicación RSS. Trackbacks. Pings. Permalinks.
Instalación y configuración de un ejemplo (wordpress).
(5) Wikis. MediaWiki. PmWiki.
Wikipedia (api)
Instalación y configuración de un ejemplo.
(6) CMS genéricos. Tipologia
Instalación y configuración de un ejemplo (Joomla. Drupal)
(7) Instalación de módulos y componentes en un CMS genérico. Personalización avanzada.
(8) CMS para Flash
(9) Sindicación y agregación multimedia, sonido, video.
Podcasts, videocasts.
google video. You tube. etc
(10) APIS. Listado APIS existentes. Ejemplos de mash-ups.
Flickr. Ejercicio comunitario con flash.
(11) Otras APIS. Seleccionar (google maps?).
Ejercicio comunitario.
(12) Visibilidad. Page rank. Posicionamiento. Accesibilidad. Google adds?
Algunos ejemplos paradigmáticos de aplicaciones construidas con CMS:
Blog
• Ejemplo: www.microsiervos.com
• Estructura
• RSS (posts y comments)
• Technorati
www.technorati.com
Flickr
• www.flickr.com
• Opciones generales
– Buscar fotos
– Tags, nube de tags
– Sets, groups,…
• RSS?...si.. Para un usuario, tags, etc
• APIS…mashups
www.flickr.com/services
Del.icio.us
• http://del.icio.us
• Funcionamiento general
• RSS?? Para un usuario,tags…
Preguntas?
Daniel Julià
djulia@iua.upf.es