comparación web 1.0 y web 2.0_eproanio2009

15
Sistemas Operativos II Al Edi F biá P ñ Ml Alumno: Edison F abián Proaño Males Nivel: II Comparaciones del uso de la Web 1.0 y Web 2.0 aplicando las herramientas como CSS, RSS, AJAX.

Upload: edison-proano

Post on 18-Dec-2014

6.652 views

Category:

Technology


2 download

DESCRIPTION

Comparación Web 1.0 y Web 2.0: Uso de Ajax, Javascript y las nuevas tecnologías para los programadores de p{aginas WEB. Elaborado por: Edison Proaño.

TRANSCRIPT

Page 1: Comparación Web 1.0 y Web 2.0_eproanio2009

Sistemas Operativos II

Al Edi F biá P ñ M lAlumno: Edison Fabián Proaño MalesNivel: II

Comparaciones del uso de la Web 1.0 y Web p y2.0 aplicando las herramientas como CSS,

RSS, AJAX.

Page 2: Comparación Web 1.0 y Web 2.0_eproanio2009

Web 1.0

El concepto original de la WEB 1 0 era lo que esEl concepto original de la WEB 1.0, era lo que espáginas estáticas HTML que no eran actualizadasfrecuentemente. Luego con la Web 1.5, las páginas

l á d á d d lse vuelven un poco más dinámicas donde los CMSservían páginas HTML más dinámicas, creadas desdeuna actualizada base de datos. En ambos sentidos, elconseguir visitas y la estética eran consideradoscomo un factor importante

Edison Fabián Proaño Males

Page 3: Comparación Web 1.0 y Web 2.0_eproanio2009

Web 2 0Web. 2.0

Se refiere a la segunda generación de la Web, basada encomunidades de usuarios y una gama especial deservicios, redes sociales, blogs, wikis que fomentan lacolaboración e intercambio ágil de información entre loscolaboración e intercambio ágil de información entre losusuarios, donde la estática de las páginas de los usuariospasan a transformarse en una matriz de interacción de l

i l d t d i l iusuario con la red , que en este caso se puede incluir supropia información en el sistema, creando o no websinteractivas y visuales. La Web 2.0 actúa como puntosde encuentro o webs dependientes de usuarios .

Edison Fabián Proaño Males

Page 4: Comparación Web 1.0 y Web 2.0_eproanio2009

Características de la Web 2.0•Simplifica la usabilidad del sitio WebAh ti l i•Ahorra tiempo al usuario

•Estandariza los lenguajes para una mejor utilización y a la vezla reutilización del código•Permite una mejor interoperabilidad entre software yhardware.•Facilita las interaccionesFacilita las interacciones•Facilita el reconocimiento de detección de carencias onuevas formas de utilización de aplicacionesF ilit l i t l di d i ió•Facilita la convergencia entre los medios de comunicación ylos contenidos•Facilita la publicación, investigación y consulta de los

Edison Fabián Proaño Males

contenidos web

Page 5: Comparación Web 1.0 y Web 2.0_eproanio2009

M d W b 2 0Mapa de Web 2.0

La Web 2.0, es todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (añadiendo, cambiando o

Edison Fabián Proaño Males

borrando información o asociando datos a la información existente), pues bien en la forma de presentarlos, o en contenido y forma simultáneamente.

Page 6: Comparación Web 1.0 y Web 2.0_eproanio2009

TecnologíaUna web se puede decir que está construida usando tecnología de la WebUna web se puede decir que está construida usando tecnología de la Web 2.0 si se caracteriza por las siguientes técnicas:Técnica:

CSS, marcado XHTML válido semánticamente y MicroformatosTécnicas de aplicaciones ricas no intrusivas (como AJAX) Java Web StartXULRedifusión/Agregación de datos en RSS/ATOMRedifusión/Agregación de datos en RSS/ATOMURLs sencillas con significado semánticoSoporte para postear en un blog JCC y APIs REST o XMLJSONJSONAlgunos aspectos de redes sociales Mashup (aplicación web híbrida)

General: El sitio no debe actuar como un "jardín cerrado": la información debe poderse introducir y extraer fácilmente Los usuarios deberían controlar su propia información Basada exclusivamente en la Web: los sitios Web 2 0 con más éxito

Edison Fabián Proaño Males

Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador

Page 7: Comparación Web 1.0 y Web 2.0_eproanio2009

Comparación entre la Web 1.0 y Web 2.0

Edison Fabián Proaño Males

Page 8: Comparación Web 1.0 y Web 2.0_eproanio2009

Ajax en la Web 2.0Un Nuevo acercamiento a las Aplicaciones WebSi algo del actual diseño de interacción puede ser llamado glamoroso es crear Aplicaciones Web Todos los nuevos proyectosglamoroso, es crear Aplicaciones Web. Todos los nuevos proyectos cool e innovadores están online.Las aplicaciones de escritorio tienen una riqueza y respuesta que parecía fuera del alcance en Internet. La misma simplicidad que ha permitido la rápida proliferación de la Web también crea una brechapermitido la rápida proliferación de la Web también crea una brecha entre las experiencias que podemos proveer y las experiencias que los usuarios pueden lograr de las aplicaciones de escritorio.Esa brecha se está cerrando.Así por ejemplo Google Suggest. Miremos la forma en que los términos sugeridos se vanMiremos la forma en que los términos sugeridos se van actualizando a medida que uno tipea casi instantáneamente. Ahora mire Google Maps. Hace zoom. Usen el cursor para agarrar el mapa y navegarlo un poco. Otra vez, todo sucede casi instantáneamente sin esperar que las paginas se recargueninstantáneamente, sin esperar que las paginas se recarguen.Google Suggest y Google Maps son dos ejemplos de un nuevo acercamiento a las aplicaciones Web, que nosotros en AdaptativePath hemos denominado AJAX. El nombre es una abreviación o acrónimo para Asynchronous JavaScript + XML y ello representa

Edison Fabián Proaño Males

acrónimo para Asynchronous JavaScript + XML, y ello representa un cambio fundamental en que es posible en la Web.

Page 9: Comparación Web 1.0 y Web 2.0_eproanio2009

Definiendo AjaxAjax no es una tecnología. Es realmente muchas tecnologías, cada una floreciendo por su propio mérito, uniéndose en poderosas nuevas formas. AJAX iAJAX incorpora: - presentación basada en estándares usando XHTML y CSS;- exhibición e interacción dinámicas usando el Document Object Model;- Intercambio y manipulación de datos usando XML and XSLT;y p ;- Recuperación de datos asincrónica usando XMLHttpRequest;- y JavaScript poniendo todo junto.El modelo clásico de aplicaciones Web funciona de esta forma: La mayoría de las acciones del usuario en la interfaz disparan un requerimiento HTTP alde las acciones del usuario en la interfaz disparan un requerimiento HTTP al servidor web. El servidor efectúa un proceso (recopila información, procesa números, hablando con varios sistemas propietarios), y le devuelve una pagina HTLM al cliente. Este es un modelo adaptado del uso original de la Web como un medio hipertextual, pero como fans de The Elements of UserExperience sabemos, lo que hace a la Web buena para el hipertexto, no la hace necesariamente buena para las aplicaciones de software.

Edison Fabián Proaño Males

Page 10: Comparación Web 1.0 y Web 2.0_eproanio2009

Quien usa AjaxGoogle está haciendo una significativa inversión en el acercamiento Ajax. Todos los grandes productos que Google ha introducido en el ultimo año (Orkut, Gmail, la última versión de Google Groups Google Suggest y Google Maps ) son aplicaciones Ajaxversión de Google Groups, Google Suggest, y Google Maps ) son aplicaciones Ajax. (Para datos más técnicos de estas implementaciones Ajax, lean estos excelentes análisis de Gmail, Google Suggest, y Google Maps.) Otros están siguiendo la tendencia: muchas de las funciones que la gente ama en Flickr dependen de Ajax, y el motor de búsqueda de Amazon A9 com aplica tecnologías similaresmotor de búsqueda de Amazon A9.com aplica tecnologías similares.

Estos proyectos demuestran que Ajax no es solo técnicamente importante, sino también prácticos para aplicaciones en el mundo real. Esta no es otra tecnología que solo trabaja en un laboratorio Y las aplicaciones Ajax pueden ser de cualquier tamañosolo trabaja en un laboratorio. Y las aplicaciones Ajax pueden ser de cualquier tamaño, de lo más simple, funciones simples como Google Suggest a las muy complejas y sofisticadas como Google Maps y en Adaptive Path.

Ajax es un desarrollo importante para las aplicaciones Web y su importancia solo va aAjax es un desarrollo importante para las aplicaciones Web, y su importancia solo va a crecer. Y como hay tantos desarrolladores que ya conocen como usar estas tecnologías, esperamos ver mas empresas y organizaciones siguiendo el liderazgo de Google en explotar la ventaja competitiva que Ajax provee.

Edison Fabián Proaño Males

Page 11: Comparación Web 1.0 y Web 2.0_eproanio2009

Anatomía de una interacción AjaxAnatomía de una interacción Ajax

Edison Fabián Proaño Males

Page 12: Comparación Web 1.0 y Web 2.0_eproanio2009

Casos de uso de Ajax

Edison Fabián Proaño Males

Page 13: Comparación Web 1.0 y Web 2.0_eproanio2009

Estrategias de diseño Ajax

Edison Fabián Proaño Males

Page 14: Comparación Web 1.0 y Web 2.0_eproanio2009

Razones para usar librerías cliente enRazones para usar librerías cliente en Javascript

Edison Fabián Proaño Males

Page 15: Comparación Web 1.0 y Web 2.0_eproanio2009

El desafío de AjaxL d fí lLos mayores desafíos al crear aplicaciones Ajax no son técnicas. Las tecnologías centrales son maduras, estables y bien conocidas. En cambio, estab es y b e co oc das ca b o,los desafíos son para los diseñadores de estas aplicaciones: olvidar lo que creemos saber sobre las limitaciones de la Web y comenzar a imaginar unde la Web, y comenzar a imaginar un rango más amplio y rico de posibilidades. He aquí, a comenzar a aplicar.p

Edison Fabián Proaño Males