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.

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