Grupo de Sistemas y Comunicaciones

Transcripción

1 Laboratorio de Servicios Web Grupo de Sistemas y Comunicaciones gsyc-profes@gsyc.escet.urjc.es Curso

2 (c) GSyC, Grupo de Sistemas y Comunicaciones, Se permite copiar, distribuir, exhibir, comunicar la obra, crear obras derivadas y hacer uso comercial de este trabajo bajo la condición de reconocer y dar crédito al autor original (Creative Commons Attribution License 2.0) 2

3 Tendencias y tecnologías de la web 3

4 Tendencias en la web Antes... Páginas web hechas a mano en HTML Difícil mantenimiento Actualización poco a menudo Poca interactividad Los usuarios no podrían proporcionar información Las páginas sólo mostraban información Apariencia y estilo poco cuidados Ahora...

5 Ejemplos de sitios web reales Google

6 Ejemplos de sitios web reales Wikipedia

7 Ejemplos de sitios web reales Flicker

8 Ejemplos de sitios web reales Youtube

9 Ejemplos de sitios web reales Gmail y Google Docs

10 Ejemplos de sitios web reales Facebook

11 Tendencias en la web Plataformas de gestión de contenidos Permiten crear sitios web dinámicos con poco esfuerzo Ejemplos: Drupal, Joomla, Plone,... Plataformas de e-learning Apoyo a cursos presenciales o cursos 100% online Ejemplos: Moodle, Claroline,... Redes sociales Compartiendo información con amigos Ejemplos: Tuenti, Facebook, Myspace,...

12 Tendencias en la web Web 2.0 Mayor participación Mejor experiencia de usuario Gracias a nuevas y renovadas tecnologías: AJAX, Atom/RSS, Ruby on Rails/Django/Grails, Gestores de contenidos/plataformas de portal,... Emplea nuevos conceptos interesantes: Folcsonomías (tags), redes sociales, sindicación, servicios web abiertos, mashups, wikis, blogs, desarrollo colaborativo (software libre), vídeo, software como servicio,...

13 Tendencias en la web Web 3.0 Se añade semántica a la web Visión 3D? Tecnologías Microformatos RDF y RDFa OWL, SPARQL Funcionamiento sin conexión (offline) Tecnologías: Google Gears HTML 5

14 Analizando un sitio web Qué es necesario para tener un sitio web? Servidores conectados a Internet permanentemente Software de lado servidor para producir las páginas e interactuar con los usuarios Software en el lado cliente que usan los usuarios Usuarios

15 Tecnologías de servidor Tecnologías básicas PHP JavaEE: servlets, JSPs Python: Django y otros Ruby: Ruby on Rails y otros Microsoft ASP FLEX Otras: coldfusion, CGIs,... Se instalan en un servidor y generan páginas dinámicas a partir de datos almacenados, proporcionados, por los usuarios u obtenidos de otras webs

16 Tecnologías de servidor Plataformas de software libre Gestores de contenidos Joomla, Drupal, Sistemas de e-learning Moodle Plataformas de portal Liferay Portal, exo Portal Gestión documental Alfresco, Nuxeo, Liferay Social Office PHP: más fácil de alojar con un coste bajo en proyectos pequeños Java: mayor modularidad, potencialmente más escalable

17 Tecnologías de servidor Para alojar una web es necesario una infraestructura hardware Opciones: Servidores compartidos (hosting): lo + barato y menos flexible Servidores alojados (housing) Servidores e infraestructura propia: lo + caro y + flexible

18 Tecnologías de servidor Ejemplo: Wikipedia Unos 350 servidores repartidos así: 300 en Florida, 26 en Amsterdam y 23 en Corea (Yahoo) PHP (optimizado con APC Cache) Bases de datos (MySQL):dividadas en: Texto Metadatos: subdivididas en 3 clusters Cache de páginas (Squid). Hit-rate del 75% Más información:

19 Tecnologías de servidor

20 Tecnologías en el lado cliente Tecnologías para su uso por navegadores HTML, XHTML, CSS JavaScript, XMLHttpRequest (AJAX) Librerías de nueva generación: jquery, Dojo, YUI Otras tecnologías: XML, RSS, ATOM Mashups Flash, Silverlight/Moonlight, JavaFX XUL (Mozilla), XAML (Microsoft), Adobe AIR Servicios Web

21 Tecnologías en el lado cliente HTML Lenguaje de marcado Textual (todo el mundo puede ver el código de una página web) Enlaza con otros ficheros para componer la página: Imágenes: PNG, JPEG, GIF, Hojas de estilo: apariencia JavaScript: efectos, interactividad,... Multimedia: vídeos, sonidos, animaciones, Referencias:

22 Tecnologías en el lado cliente CSS: Cascading Style Sheets Lenguaje para describir la presentación de un documento escrito (fundamentalmente) en HTML Separación de la estructura del documento y de su presentación Se puede definir aparencia de: elementos HTML genéricos (ej: <body>) elementos HTML marcados (ej: una tabla en particular) Referencias

23 Tecnologías en el lado cliente CSS (Ejemplo) Hoja de estilo: body { margin: 10px 20% 50px 70px; font family: sans serif; color: black; background: white; } Referencia desde la página HTML: <html> <head> <link href= main.css rel= stylesheet > </head> <body>...

24 Tecnologías en el lado cliente JavaScript Lenguaje de script (no requiere compilación) Permite: Asociar comportamientos a las acciones del usuario Comunicarse con el servidor (XMLHttpRequest) Realizar modificaciones al contenido de la página (DOM) AJAX: Asynchronous JavaScript and XML Conjunto de técnicas JavaScript para la creación de páginas y efectos muy interactivas Ejemplo: Gmail,...

25 Tecnologías en el lado cliente Servicios Web Conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones a través de la web Es como una página web pero para programas en lugar de para personas 3 enfoques tecnológicos: WS-*/SOAP: estándares de los gigantes de la industria REST: aprovechando las capacidades de HTTP y URL Ad-hoc: XML, JSON,...

26 Tecnologías en el lado cliente Mashups Combinación de contenidos (y funcionalidad) de varios sitios en una aplicación web Ejemplos: Planetas agregadores de RSS/Atom Google Maps Google Gadgets Referencias:

27 Otros aspectos muy importantes Diseño Usabilidad Contenidos Dinamización Velocidad Servidor Percepción del usuario Tienden a ser olvidados Son fundamentales para el éxito de un proyecto web Pueden requerir más tiempo y trabajo que los aspectos técnicos