¿No sabes por dónde empezar? Ayúdanos normalizando artículos.
¿Tienes experiencia? Crea alguno de estos artículos de actualidad.
Diferencia entre revisiones de «Web 2.0»
(Etiqueta: nuestro-nuestra) |
(Etiqueta: nuestro-nuestra) |
||
Línea 66: | Línea 66: | ||
== ¿En qué nos sirve la Web 2.0? == | == ¿En qué nos sirve la Web 2.0? == | ||
− | <div align="justify">El uso del término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En [[Internet]] las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos. Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.</div> <div align="justify">Ya se está trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.</div> <div align="justify">Como consecuencia nacen las tag clouds o nubes de tags, donde por popularidad unas palabras claves se distinguen de otras según su tamaño.En esta Web cualquiera puede comenzar una entrada y otra persona puede continuarla, mejorarla o modificarla.</div> <div align="justify">Además de estos ejemplos nombrados, también están surgiendo nuevos sitios que pretenden introducir nuevas formas de interactuar con la red. Estas Webs pretenden desbancar las aplicaciones tradicionales de escritorio para llevarlas a Internet.</div> | + | <div align="justify">El uso del término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En [[Internet]] las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos. Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.</div> |
− | + | <div align="justify">Ya se está trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.</div> | |
+ | <div align="justify">Como consecuencia nacen las tag clouds o nubes de tags, donde por popularidad unas palabras claves se distinguen de otras según su tamaño.En esta Web cualquiera puede comenzar una entrada y otra persona puede continuarla, mejorarla o modificarla.</div> | ||
+ | <div align="justify">Además de estos ejemplos nombrados, también están surgiendo nuevos sitios que pretenden introducir nuevas formas de interactuar con la red. Estas Webs pretenden desbancar las aplicaciones tradicionales de escritorio para llevarlas a Internet.</div> | ||
+ | |||
<div align="justify">De ahí que nazcan herramientas como [[Google Calendar]], Gmail Chat, Writely, Kiko, Pixoh o DabbleDB. Todas ellas aplicaciones cuyo objetivo es que puedas realizar cualquier tarea con un navegador y una conexión a Internet.</div> <div align="justify">Incluso la empresa 37signals se atreve a sentenciar que utilizar sus productos hará que [[Outlook]] te parezca el equivalente [[Software]] a una cámara de tortura.</div> <div align="justify">Como podrás observar en los anteriores ejemplos, Web 2.0 también intenta mostrar una interfaz mucho más agradable y amigable para el usuario. </div> <div align="justify">En definitiva, esta nueva iniciativa promueve el respeto hacia el usuario ofreciéndole servicios sustentados en la participación y el control de uso de su información. Independientemente de qué sistema operativo utilice y en qué lugar del mundo se encuentre. </div> | <div align="justify">De ahí que nazcan herramientas como [[Google Calendar]], Gmail Chat, Writely, Kiko, Pixoh o DabbleDB. Todas ellas aplicaciones cuyo objetivo es que puedas realizar cualquier tarea con un navegador y una conexión a Internet.</div> <div align="justify">Incluso la empresa 37signals se atreve a sentenciar que utilizar sus productos hará que [[Outlook]] te parezca el equivalente [[Software]] a una cámara de tortura.</div> <div align="justify">Como podrás observar en los anteriores ejemplos, Web 2.0 también intenta mostrar una interfaz mucho más agradable y amigable para el usuario. </div> <div align="justify">En definitiva, esta nueva iniciativa promueve el respeto hacia el usuario ofreciéndole servicios sustentados en la participación y el control de uso de su información. Independientemente de qué sistema operativo utilice y en qué lugar del mundo se encuentre. </div> | ||
=== Software de servidor === | === Software de servidor === | ||
− | <div align="justify">La funcionalidad de Web 2.0 se basa en la arquitectura existente de [[Servidor web]] pero con un énfasis mayor en el software dorsal. La redifusión solo se diferencia nominalmente de los métodos de publicación de la gestión dinámica de contenido, pero los servicios Web requieren normalmente un soporte de [[Bases de datos]] y flujo de trabajo mucho más robusto y llegan a parecerse mucho a la funcionalidad de Internet tradicional de un [[Servidor de aplicaciones]]. El enfoque empleado hasta ahora por los fabricantes suele ser bien un enfoque de | + | <div align="justify">La funcionalidad de Web 2.0 se basa en la arquitectura existente de [[Servidor web]] pero con un énfasis mayor en el software dorsal. La redifusión solo se diferencia nominalmente de los métodos de publicación de la gestión dinámica de contenido, pero los servicios Web requieren normalmente un soporte de [[Bases de datos]] y flujo de trabajo mucho más robusto y llegan a parecerse mucho a la funcionalidad de Internet tradicional de un [[Servidor de aplicaciones]]. El enfoque empleado hasta ahora por los fabricantes suele ser bien un enfoque de Servidor universal, el cual agrupa la mayor parte de la funcionalidad necesaria en una única plataforma de servidor, o bien un enfoque [[Plugin]] de servidor Web con herramientas de publicación tradicionales mejoradas con interfaces API y otras herramientas. Independientemente del enfoque elegido, no se espera que el camino evolutivo hacia la Web 2.0 se vea alterado de forma importante por estas opciones. </div> |
=== Importancia de la Web 2.0 === | === Importancia de la Web 2.0 === | ||
<div align="justify">La interacción de los usuarios es fundamental, el hecho de que las personas puedan participar de los contenidos les hace sentirse parte de la red, aumenta el interés por la misma y permite que los contenidos originales de ciertas páginas sean alimentados por particulares, que se abran discusiones, se comparta acerca de temas comunes entre personas de toda clase, entre otras posibilidades. Todo esto le da a la web un valor adicional, el usuario no esta solo para buscar y recibir información sino para emitirla, construirla y pensarla. </div> | <div align="justify">La interacción de los usuarios es fundamental, el hecho de que las personas puedan participar de los contenidos les hace sentirse parte de la red, aumenta el interés por la misma y permite que los contenidos originales de ciertas páginas sean alimentados por particulares, que se abran discusiones, se comparta acerca de temas comunes entre personas de toda clase, entre otras posibilidades. Todo esto le da a la web un valor adicional, el usuario no esta solo para buscar y recibir información sino para emitirla, construirla y pensarla. </div> | ||
Línea 88: | Línea 91: | ||
== AJAX == | == AJAX == | ||
− | <div align="justify">[[Image: | + | <div align="justify">[[Image:Ajax.jpg|left|Ajax.jpg]]Es una nueva técnica para desarrollar sitios Web con mayor dinamismo y menores esperas para el navegante. Sitios Web como [[Google Maps]], [[Windows Live]] o [[Google Docs]] están íntegramente desarrollados utilizando esta técnica, la plataforma estándar de creación de interfaces ricas propias de la Web 2.0. Esto implica utilizar el lenguaje [[JavaScript]], junto a nuevas técnicas de trabajo que incluyen el uso de [[XML]], JSON y Patrones de Diseño. Todos los diseñadores y programadores que deseen desarrollar sitios modernos y profesionales deberían interiorizarse en esta técnica. </div> |
+ | <div align="justify">Gran parte del mérito de la integración y rápida aceptación que ha tenido la Web 2.0 se debe a AJAX. AJAX es un acrónimo para Asynchronous JavaScript And XML ([[JavaScript]] Asíncrono y XML). Permite la creación de aplicaciones interactivas en el desarrollo Web. <div align="justify">Es decir, con AJAX seremos capaces de crear sitios Web que se ejecuten directamente en el navegador del usuario manteniendo una comunicación con el servidor siempre que sea necesario pero sin recargar la página que estamos visualizando, simplemente se realizarán cambios sobre ella. </div> <div align="justify">Esto significa que la velocidad de interacción con la aplicación aumenta de forma significativa al reducir el número de peticiones que se hacen al servidor. Y aún así, la comunicación que se realiza entre el navegador y el servidor se realiza de forma asíncrona y en segundo plano, por lo que es completamente transparente para el usuario. </div> <div align="justify">Uno de los primeros en usar AJAX fue Google Maps que rápidamente se ganó un punto al crear una interfaz rápida, accesible e interactiva. AJAX no constituye una tecnología en sí, sino que combina tres tecnologías ya existentes: | ||
[[XHTML]] y hojas de estilos (CSS) para el diseño que formatea la información. | [[XHTML]] y hojas de estilos (CSS) para el diseño que formatea la información. | ||
− | <div align="justify">Document Object Model (DOM) que es el encargado de interactuar con la información presentada y es el que se ejecuta en el cliente (navegador). </div> <div align="justify">XMLHttpRequest, que es un objeto encargado de intercambiar datos con el servidor Web. Estos datos son devueltos en formato [[XML]] y se añaden a la página que estamos visualizando integrándose de nuevo gracias a XHTML y [[CSS]]. Uniendo estas tecnologías, las interfaces, es decir, la forma en la que el usuario ve o trabaja con una página Web, se han revolucionado. </div> <div align="justify">De hecho, están surgiendo nuevos portales o páginas de inicio que permiten su configuración completamente. De forma que el usuario al abrir una ventana del navegador vea todo el contenido que le interesa en una sola ventana. </div> <div align="justify">Ejemplos de estas iniciativas son la página de inicio personalizada de Google, Live.com de [[Microsoft]] o la iniciativa de Netvibes.com muy bien orientada al público hispanohablante. </div> <div align="justify">La única desventaja que presenta AJAX es que utiliza JavaScript como lenguaje en la parte del navegador para acceder al DOM. Aunque para utilizar AJAX no sea necesario ningún tipo de plug-in en el cliente, sí es necesario tener activado JavaScript. </div> <div align="justify">Para Internet Explorer el problema se acentúa al encontrarse el objeto XMLHttpRequest implementado junto a ActiveX, por lo que los usuarios de este navegador deberán activar también la ejecución de componentes ActiveX. Aunque este fallo se solucionará en la siguiente versión (ie7) que integrará XMLHttpRequest como un objeto JavaScript nativo. </div> | + | <div align="justify">Document Object Model (DOM) que es el encargado de interactuar con la información presentada y es el que se ejecuta en el cliente (navegador). </div> <div align="justify">XMLHttpRequest, que es un objeto encargado de intercambiar datos con el servidor Web. Estos datos son devueltos en formato [[XML]] y se añaden a la página que estamos visualizando integrándose de nuevo gracias a XHTML y [[CSS]]. Uniendo estas tecnologías, las interfaces, es decir, la forma en la que el usuario ve o trabaja con una página Web, se han revolucionado. </div> <div align="justify">De hecho, están surgiendo nuevos portales o páginas de inicio que permiten su configuración completamente. De forma que el usuario al abrir una ventana del navegador vea todo el contenido que le interesa en una sola ventana. </div> <div align="justify">Ejemplos de estas iniciativas son la página de inicio personalizada de Google, Live.com de [[Microsoft]] o la iniciativa de Netvibes.com muy bien orientada al público hispanohablante. </div> <div align="justify">La única desventaja que presenta AJAX es que utiliza JavaScript como lenguaje en la parte del navegador para acceder al DOM. Aunque para utilizar AJAX no sea necesario ningún tipo de plug-in en el cliente, sí es necesario tener activado JavaScript. </div> |
+ | <div align="justify">Para Internet Explorer el problema se acentúa al encontrarse el objeto XMLHttpRequest implementado junto a ActiveX, por lo que los usuarios de este navegador deberán activar también la ejecución de componentes ActiveX. Aunque este fallo se solucionará en la siguiente versión (ie7) que integrará XMLHttpRequest como un objeto JavaScript nativo. </div> | ||
=== ¿Por qué es tan interesante AJAX? === | === ¿Por qué es tan interesante AJAX? === | ||
− | <div align="justify">Porque en realidad AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como | + | <div align="justify">Porque en realidad AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail el [[Outlook]] Web Access (ref) o algunas otras aplicaciones muy conocidas. </div> <div align="justify">AJAX, en resumen, es el acrónimo para Asynchronous [[JavaScript]] + [[XML]] y el concepto es: Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma. </div> <div align="justify">En resumen, AJAX supone un avance en la interacción del usuario con la Web además de un uso real de JavaScript que hasta ahora se encontraba explotado de forma muy pobre. </div> |
=== Ajax: Un Nuevo acercamiento a las Aplicaciones Web === | === Ajax: Un Nuevo acercamiento a las Aplicaciones Web === | ||
<div align="justify">Si algo del actual diseño de interacción puede ser llamado glamoroso, es crear Aplicaciones Web. Después de todo, ¿cuando fue la ultima vez que escuchaste a alguien hablar de diseño de interacción de un producto que no esté en la Web? (Okay, dejando de lado el iPod). Todos los nuevos proyectos cool e innovadores están online. </div> <div align="justify">Dejando de lado esto, los diseñadores de interacción Web no pueden evitar sentirse envidiosos de nuestros colegas que crean software de escritorio. 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. </div> <div align="justify">Esa brecha se está cerrando. Échenle una mirada a las Google Suggest. Mira 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 recarguen. </div> <div align="justify">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 un cambio fundamental en que es posible en la Web. </div> | <div align="justify">Si algo del actual diseño de interacción puede ser llamado glamoroso, es crear Aplicaciones Web. Después de todo, ¿cuando fue la ultima vez que escuchaste a alguien hablar de diseño de interacción de un producto que no esté en la Web? (Okay, dejando de lado el iPod). Todos los nuevos proyectos cool e innovadores están online. </div> <div align="justify">Dejando de lado esto, los diseñadores de interacción Web no pueden evitar sentirse envidiosos de nuestros colegas que crean software de escritorio. 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. </div> <div align="justify">Esa brecha se está cerrando. Échenle una mirada a las Google Suggest. Mira 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 recarguen. </div> <div align="justify">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 un cambio fundamental en que es posible en la Web. </div> | ||
Línea 117: | Línea 122: | ||
• Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores, Apple Safari versión 1.2 y superiores, y el Web Browser for S60 de Nokia tercera generación y posteriores | • Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores, Apple Safari versión 1.2 y superiores, y el Web Browser for S60 de Nokia tercera generación y posteriores | ||
− | • | + | • Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 y superiores. |
=== Navegadores que no permiten Ajax === | === Navegadores que no permiten Ajax === | ||
− | • | + | • Opera 7 y anteriores |
• Microsoft Internet Explorer para Windows versión 4.0 y anteriores | • Microsoft Internet Explorer para Windows versión 4.0 y anteriores | ||
− | • Anteriores a | + | • Anteriores a Safari 1.2 |
• Dillo | • Dillo | ||
− | • Navegadores basados en texto como | + | • Navegadores basados en texto como Lynx y Links |
• Navegadores para personas con capacidades especiales visuales (Braille) | • Navegadores para personas con capacidades especiales visuales (Braille) | ||
Línea 135: | Línea 140: | ||
• Algunos navegadores de teléfonos móviles | • Algunos navegadores de teléfonos móviles | ||
− | • Navegador de la | + | • Navegador de la PSP |
<br> | <br> |
Revisión del 11:17 18 dic 2010
|
Sumario
[ocultar]Historia
Web 2.0
• La web es la plataforma
• La información es lo que mueve al Internet
• Efectos de la red movidos por una arquitectura de participación.
• La innovación surge de características distribuidas por desarrolladores independientes.
• El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo
La Web 2.0 con ejemplos
• Web 1.0 > Web 2.0
• Doubleclick –> Google AdSense (Servicios Publicidad)
• Ofoto –> Flickr (Comunidades fotográficas)
• Akamai –> BitTorrent (Distribución de contenidos)
• mp3.com –> Napster (Descargas de música)
• Britannica Online –> Wikipedia (Enciclopedias)
• Sitios personales –> Blogs (Páginas personales)
• Especulación con dominios –> Optimización en motores de búsqueda SEO
• Páginas vistas –> Costo por click
• CMSs –> Wikis (Administradores de contenidos)
• Categorías/Directorios –> Tags
¿Qué tecnologías apoyan a la Web 2.0?
Tecnologías que dan vida a un proyecto Web 2.0
• Transformar software de escritorio hacia la plataforma del web.
• Respeto a los estándares como el XHTML
• Separación de contenido del diseño con uso de hojas de estilo.
• Sindicación de contenidos.
• Ajax (Javascriptascincrónico y xml)
• Uso de Flash, Flex o Lazlo.
• Uso de Ruby on Rails para programar páginas dinámicas.
• Utilización de redes sociales al manejar usuarios y comunidades.
• Dar control total a los usuarios en el manejo de su información.
• Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
• Facilitar el posicionamiento con URL sencillos.
¿En qué nos sirve la Web 2.0?
Software de servidor
Importancia de la Web 2.0
Características
• Las páginas son dinámicas, integran recursos multimedia como videos, sonidos, que se pueden compartir
• Los formatos utilizados para diseñarlas son Java script, PHP, u otras similares, que permiten más funcionalidad.
• Emplean interfaces de fácil entendimiento para la interacción del usuario.
• La información se puede presentar en varias formas ( escrita, audiovisual), y que esta se comparta entre los usuarios o entre estos y los dueños de las páginas.
• Permite que el usuario cree su propio contenido.
• La información se puede transmitir unidireccional o bidireccionalmente.
AJAX
XHTML y hojas de estilos (CSS) para el diseño que formatea la información.
¿Por qué es tan interesante AJAX?
Ajax: Un Nuevo acercamiento a las Aplicaciones Web
Definiendo Ajax
• 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 usandoXML and XSLT;
• Recuperación de datos asincrónica usando XMLHttpRequest;
• y JavaScript poniendo todo junto.
• Navegadores basados en Gecko como Mozilla, Mozilla Firefox, SeaMonkey, Camino, K-Meleon, IceWeasel, Flock, Epiphany, Galeon y Netscape versión 7.1 y superiores
• Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los navegadores basados en él
• Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores, Apple Safari versión 1.2 y superiores, y el Web Browser for S60 de Nokia tercera generación y posteriores
• Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 y superiores.
• Opera 7 y anteriores
• Microsoft Internet Explorer para Windows versión 4.0 y anteriores
• Anteriores a Safari 1.2
• Dillo
• Navegadores basados en texto como Lynx y Links
• Navegadores para personas con capacidades especiales visuales (Braille)
• Algunos navegadores de teléfonos móviles
• Navegador de la PSP
Fuentes
http://www.maestrosdelweb.com/editorial/web2/
http://www.libroajax.com/temario.html
http://www.maestrosdelweb.com/editorial/ajax/