Your SlideShare is downloading. ×
0
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Comparación Web 1.0 y Web 2.0_eproanio2009

6,739

Published on

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.

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,739
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
77
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Sistemas Operativos II Alumno: Edison Fabián Proaño Males Al Edi F biá P ñ M l Nivel: II Comparaciones del uso de la Web 1.0 y Web p 2.0 aplicando las herramientas como CSS, RSS, AJAX.
  • 2. Web 1.0 1.0, El concepto original de la WEB 1 0 era lo que es páginas estáticas HTML que no eran actualizadas frecuentemente. Luego con la Web 1.5, las páginas se vuelven un poco más d á l á dinámicas d d l CMS donde los servían páginas HTML más dinámicas, creadas desde una actualizada base de datos. En ambos sentidos, el conseguir visitas y la estética eran considerados como un factor importante Edison Fabián Proaño Males
  • 3. Web. 2.0 Web 2 0 Se refiere a la segunda generación de la Web, basada en comunidades de usuarios y una gama especial de servicios, redes sociales, blogs, wikis que fomentan la colaboración e intercambio ágil de información entre los usuarios, donde la estática de las páginas de los usuarios pasan a transformarse en una matriz de interacción de l usuario con l red , que en este caso se puede i l i su i la d t d incluir propia información en el sistema, creando o no webs interactivas y visuales. La Web 2.0 actúa como puntos de encuentro o webs dependientes de usuarios . Edison Fabián Proaño Males
  • 4. Características de la Web 2.0 •Simplifica la usabilidad del sitio Web •Ahorra tiempo al usuario Ah ti l i •Estandariza los lenguajes para una mejor utilización y a la vez la reutilización del código •Permite una mejor interoperabilidad entre software y hardware. •Facilita las interacciones Facilita •Facilita el reconocimiento de detección de carencias o nuevas formas de utilización de aplicaciones •Facilita l convergencia entre l medios d comunicación y F ilit la i t los di de i ió los contenidos •Facilita la publicación, investigación y consulta de los contenidos web Edison Fabián Proaño Males
  • 5. Mapa d Web 2.0 M de W b 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 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. Edison Fabián Proaño Males
  • 6. Tecnología Una 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 Microformatos Técnicas de aplicaciones ricas no intrusivas (como AJAX) Java Web Start XUL Redifusión/Agregación de datos en RSS/ATOM URLs sencillas con significado semántico Soporte para postear en un blog JCC y APIs REST o XML JSON Algunos 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 2.0 pueden ser utilizados enteramente desde un navegador Edison Fabián Proaño Males
  • 7. Comparación entre la Web 1.0 y Web 2.0 Edison Fabián Proaño Males
  • 8. Ajax en la Web 2.0 Un Nuevo acercamiento a las Aplicaciones Web Si algo del actual diseño de interacción puede ser llamado glamoroso, es crear Aplicaciones Web. Todos los nuevos proyectos glamoroso Web 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 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 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, instantáneamente sin esperar que las paginas se recarguen. recarguen Google Suggest y Google Maps son dos ejemplos de un nuevo acercamiento a las aplicaciones Web, que nosotros en Adaptative Path hemos denominado AJAX. El nombre es una abreviación o acrónimo para Asynchronous JavaScript + XML y ello representa XML, un cambio fundamental en que es posible en la Web. Edison Fabián Proaño Males
  • 9. Definiendo Ajax Ajax 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 incorpora: i - 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; 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 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 User Experience 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
  • 10. Quien usa Ajax Google 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 Ajax. Groups Suggest 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 similares A9.com 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ño laboratorio. 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 a Web 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
  • 11. Anatomía de una interacción Ajax Edison Fabián Proaño Males
  • 12. Casos de uso de Ajax Edison Fabián Proaño Males
  • 13. Estrategias de diseño Ajax Edison Fabián Proaño Males
  • 14. Razones para usar librerías cliente en Javascript Edison Fabián Proaño Males
  • 15. El desafío de Ajax Los mayores desafíos al crear L d fí l aplicaciones Ajax no son técnicas. Las tecnologías centrales son maduras, estab es b e co oc das estables y bien conocidas. En ca b o, cambio, 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 un Web, rango más amplio y rico de posibilidades. He aquí, a comenzar a aplicar. p Edison Fabián Proaño Males

×