característica de ajax

11
Característica de AJAX Las aplicaciones son más interactivas, responden a las interacciones del usuario más rápidamente, al estilo aplicaciones de escritorio. Estas aplicaciones tienen un aspecto (look and feel) muy similar a las aplicaciones de escritorio tradicionales sin depender de plugins o características específicas de los navegadores. Se reduce el tamaño de la información intercambiada o Muchas micro-peticiones, pero el flujo de datos global es inferior Se libera de procesamiento a la parte servidora (se realiza en la parte cliente) AJAX actualiza porciones de la página en vez de la página completa. Características Entre las característica mas importantes que tiene esta nueva versión de flash se puedes listar: Soporte para importar archivos PSD ( Adobe Photoshop) y archivos AI (Adobe Illustrator ) preservando las capas y la estructura. Soporte completo para ActionScript 3.0, esta nueva versión viene con el compilador completo y con soporte para depuración de errores. Herramientas mejoradas para la edición de código: incluye contraer y colapsar código, comentarios, completar automáticamente el código, depurador de errores. Creación de ilustraciones vectoriales mas precisas con la nueva herramienta Lápiz inspirada en Adobe Illustrator. Soporte para pegar ilustraciones de Illustrator CS3 a Flash CS3

Upload: ines-caldero-aguirre

Post on 03-Jan-2016

52 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Característica de AJAX

Característica de AJAX

Las aplicaciones son más interactivas, responden a las interacciones del usuario más rápidamente, al estilo aplicaciones de escritorio.

Estas aplicaciones tienen un aspecto (look and feel) muy similar a las aplicaciones de escritorio tradicionales sin depender de plugins o características específicas de los navegadores.

Se reduce el tamaño de la información intercambiadao Muchas micro-peticiones, pero el flujo de datos global es inferior

Se libera de procesamiento a la parte servidora (se realiza en la parte cliente) AJAX actualiza porciones de la página en vez de la página completa.

Características

Entre las característica mas importantes que tiene esta nueva versión de flash se puedes listar:

Soporte para importar archivos PSD ( Adobe Photoshop) y

archivos AI (Adobe Illustrator) preservando las capas y la estructura.

Soporte completo para ActionScript 3.0, esta nueva versión viene con el compilador completo y con soporte para depuración de errores.

Herramientas mejoradas para la edición de código: incluye contraer y colapsar

código, comentarios, completar automáticamente el código, depurador de errores.

Creación de ilustraciones vectoriales mas precisas con la nueva herramienta

Lápiz inspirada en Adobe Illustrator. Soporte para pegar ilustraciones de Illustrator CS3 a Flash CS3

Posibilidad de convertir animaciones de Linea de Tiempo a código

ActionScript 3.0 con posibilidad de editar, reutilizar. Copiar animaciones de un objeto a otro.

Nuevo Adobe Device Central el cual permite, previsualizar y testear contenido

para dispositivos mobiles incluyendo Adobe Flash Lite. Arquitectura Extendible, con el nuevo API para crear extensiones que pueden

añadir funcionalidades a Flash.

Flash

Page 2: Característica de AJAX

Características [editar]

ActionScript [editar]

ActionScript es un lenguaje orientado a objetos que permite ampliar las funcionalidades que Flash ofrece en sus paneles de diseño y además permitir la creación de películas o animaciones con altísimo contenido interactivo. Provee a Flash de un lenguaje que permite al diseñador o desarrollador añadir nuevos efectos o incluso construir la interfaz de usuario de una aplicación compleja, puesto que está basado en el estándar ECMAScript. La versión 3.0 de ActionScript ha marcado un cambio significativo en este lenguaje, puesto que en esta versión prácticamente se ha decidido prescindir de los prototipos y se lo ha encaminado a ser un lenguaje orientado a objetos solamente a través de clases. También se han hecho grandes cambios en cuanto a la sintaxis del lenguaje.

10 Razones para usar Ajax

1. Basado en los estándares abiertos2. Usabilidad3. Válido en cualquier plataforma y navegador4. Beneficia las aplicaciones web5. No es dificil su utilización6. Compatible con Flash7. Adoptado por los "gordos" de la tecnología web8. Web 2.09. Es independiente del tipo de tecnología de servidor que se utilice10. Mejora la estetica de la web

1. Basado en los estándares abiertos

Ajax esta formado por las tecnologias Javascript, html, xml, css, y XML HTTP Request Object, siendo este último el unico que "no es" estandar pero es soportado por los navegadores mas utilizados de internet como son los basados en mozilla, internet explorer, safari y opera.

2. Usabilidad

Permite a las páginas hacer una pequeña petición de datos al servidor y recibirla sin necesidad de cargarla página entera. El incremento de las actualizaciones "on the fly" elimina el tener que refrescar el navegador, algo bastante apreciado a la hora de operar en una aplicación web.

3. Válido en cualquier plataforma y navegador

Internet explorer, los basados en mozilla y firefox son los que se llevan la palma en el mercado de internet y además son los navegadores en los que es mas fácil programar aplicaciones Web AJAX, pero ahora es posible construir aplicaciones web basadas en

Page 3: Característica de AJAX

AJAX para que funcionen en los navegadores mas modernos. Es una de las razonas mas importantes por las que AJAX se ha vuelto tan popular. Aunque si bien muchos desarrolladores sabían que era posible usarse años atrás con Internet Explorer, no era viable realizarse. Ahora ya es posible su avance gracias a Mozilla y Firefox.

4. Beneficia las aplicaciones web

AJAX es la cara del presente en las aplicaciones web - las aplicaciones web conllevan ciertos beneficios sobre las aplicaciones sobre escritorio (apliaciones que dependan de un sistema operativo, librerias, lo que entendemos por programas compilados). Esto incluyo un menor coste de creación, facilidad de soporte y mantenimiento, menores tiempos a la hora de desarrollarlas, y sin necesidad de instalaciones; éstas son algunas de los beneficios que han llevado a las empresas y usuarios el adoptar aplicaciones web desde mediados de los 90. AJAX solo ayudará a las aplicaciones web a mejorar y conseguir un mejor resultado de cara al usuario final.

5. No es dificil su utilización

Porque AJAX esta basada en los estándares que han sido utilizados durante muchos años, muchos desarrolladores web han tenido que utilizar las tecnologías que las aplicaciones AJAX requieren. Ésto significa que no es un gran esfuerzo el aprendizaje de los desarrolladores el pasar de un simple código HTML y aplicaciones web a una potente apliación AJAX. Tambié significa que los desarrolladores puedes actualizar poco a poco las interfaces de usuario hacia unas interfaces con AJAX; no necesita una re-escritura de la aplicación entera, se puede hacer incrementalmente.

6. Compatible con Flash

Muchos desarrolladores tienen serias dudas sobre usar Flash o AJAX. Definitivamente hay ventajas y desventajas en ambas tecnologías según la situación que se de pero también hay muchas posibilidades y muy buenas para que amabas funcionen en conjunto.

7. Adoptado por los "gordos" de la tecnología web

La difusión de AJAX en los líderes de la industria de internet prueba que el mercado acepta y valida el uso de esta tecnología. Todo el mundo esta migrando hacia AJAX incluyendo Google, Yahoo, Amazon, Microsoft (por nombrar unas pocos). Google Maps fue lo que captó la atenció de los desarrolladores web. Cuando empezaron a investigar como google era capaz de llevar esa increible herramienta dentro de un navegador sin necesidad de ningún tipo de plug-in, encontraron que AJAX estaba detrás del tema.

8. Web 2.0

El movimiento Web 2.0 está cada vez mas en auje y dando quebraderos de cabeza de muchos programadores, usuarios, y vendedores. Esto esta ayudando la adopción de AJAX. Las interfaces de AJAX son un componente clave de muchas de las aplicaciones

Page 4: Característica de AJAX

Web 2.0, como puede ser BackPack (un organizador de disco online en entorno Web) y Google Maps. Afortunadamente gracias bombo que se le esta dando, acelerará la adopción de AJAX y la los beneficios de su uso lo mantendrá en escena. Una de las claves principales de Web 2.0 es el usar la red como plataforma para el desarrollo de aplicaciones, en vez de simples páginas web. Siendo importante la iteracción de los usuarios con la apliación en sí.

9. Es independiente del tipo de tecnología de servidor que se utilice

Así como AJAX funciona en cualquier navegador, es perfectamente compatible con cualquier tipo de servidor estándar y lenguage de programación Web. PHP, ASP. ASP.Net, Perl, JSP, Cold Fusion. El ser completamente compatible el desarrollo en éstas tecnologías ha ayudado a AJAX a que vaya cada vez mas en auge.

10. Mejora la estética de la web

Con AJAX se puede interactuar la imaginación del desarrollador con la usabilidad de una apliación web de forma que se pueda realizar una aplicación que si no estuviera dentro de un navegador, podría pasar por una aplicacion normal de escrotorio.

Flash

Nº1 - Despliegue Multimedia: Creación de Experiencias

Si existe una disciplina que Flash domina a la perfección es la convergencia de medios. Textos, imágenes, animaciones, sonidos, videos, interacciones; todos elementos que se conjugan de manera sencilla pero espectacular sobre una misma plataforma, sin más requisito que Flash Player.

El problema aquí no es utilizarlos, sino saber cuándo utilizarlos.

Por consideraciones de usabilidad, accesibilidad e indexación que veremos más adelante, un desarrollo Web debería basarse en Flash sólo cuando HTML -el lenguaje natural de la Web- nos quede corto o bien cuando Flash sea un verdadero aporte en la relación/comunicación con el usuario.

Y claro, esto sucede en un solo caso: la creación de experiencias.

Page 5: Característica de AJAX

Contrario a un sitio Web normal donde el usuario acude en busca de información y muchas veces con prisa -como corporativos, un diario o esta misma bitácora- una experiencia es una instancia donde los usuarios se sumergen con ánimo de explorar, descubrir, ser agasajados e incluso sorprendidos.

Excelentes ejemplos de experiencias son:

· Sitios dedicados a promoción de películas o videojuegos.· Sitios artísticos (músicos, fotógrafos, pintores).· Interacciones educativas para niños.· Recorridos virtuales o catálogos de productos.· Báneres publicitarios que permiten explorar dentro de ellos.

¿Notan el factor común? Cual veraneante presto a disfrutar sus vacaciones, el usuario llega con disposición a invertir (no gastar) su tiempo en la experiencia. Esto significa una cosa: entregarle contenidos de calidad. Háganle sentir que pierde su tiempo y, al igual que el veraneante desilusionado con un balneario insulso, se irá para no regresar jamás.

Y a propósito, una buena experiencia no es necesariamente estridencia gráfica. La promoción de Dawn of the Dead tenía un enervante juego para abrir una puerta antes de ser alcanzado por zombies; en Scarface, un formulario que permitía crear un mensaje de audio con la voz de Al Pacino para enviar a un amigo; o la de Resistance, una trama tan bien urdida que era difícil no recorrerla completa.

Nº2 - Atractivo Visual

La Web se parece a una gran fiesta de solteros: por esencia nos acercamos a quienes nos resultan físicamente más atractivos. Suena cruel, pero es muy probable que aquella chica lánguida, de tenida kitsch, con trenzas desgarbadas, frenillos y acné floreciente acabe tomando ponche sola, sin que nadie se moleste en descubrir cuán interesante puede ser su conversación.

Page 6: Característica de AJAX

Por más que algunos pretendan negarlo, el atractivo visual de un sitio es un gancho que no puede dejarse al azar, ya que permite llamar la atención de los usuarios durante los cruciales primeros segundos de visita. Gatillen ese “chispazo” y estará listo para dejarse seducir por el contenido… verdadero motivador de las relaciones a largo plazo.

Y mientras para algunos públicos como los usuarios maduros, diseño atractivo significa un sitio claro, pulcro y ordenado; para otros como los adolescentes significa crear sitios que llamen continuamente su atención, que los inviten a interactuar o, como resumió Jakob Nielsen en 2005, que no sean aburridos.

Con ellos, Flash es una herramienta de increíble poder atractivo.

Bajo un diseñador experimentado, Flash permite construir botoneras con efectos y sonido; secciones con reproductores de audio o video incrustado; mapas interactivos; juegos e incluso mascotas virtuales. Todo un mundo de posibilidades que -bien utilizadas- serán el condimento ideal para los artículos o piezas multimedia que el usuario está recorriendo.

¿El problema? Lo fácil que es tentarse a usar todos los efectos disponibles en la mesa de edición. De hecho el propio Nielsen destaca en su estudio que los mismos adolescentes no toleran los sitios Web abarrotados, difíciles de navegar o cuyo contenido es complejo de entender (bueno, ¿y quién no?).

Cada elemento necesita ser justificado. Flash debe potenciar una propiedad -como la capacidad de interacción- y sobre todo integrarse al diseño, no a la inversa, donde acaba siendo una excusa para lucir las bondades de Flash. Dawn Mercedes profundiza más en su artículo sobre diseño centrado en el uso - no en el usuario.

Recuerden: que algo se pueda hacer no es razón suficiente para realizarlo.

Nº3 - Ahorro de Ancho de Banda

Contrario al pensamiento popular, Flash no es una tecnología que derroche ancho de banda per se, sino que al facilitar la incorporación de multimedia como audio o video es sencillo acabar con archivos monstruosos (mismo peso que, por cierto, tendrían los archivos incrustados sobre HTML).

Al revés: cuando es bien utilizado, Flash puede reducir efectivamente el peso de estos archivos gracias a sus métodos de compresión. En un caso que solemos estudiar en clase con mis alumnos, tomamos un video de 10 segundos que en su formato QuickTime

Page 7: Característica de AJAX

original pesa 1.12 MB, mismo que, tras exportarlo con Flash 8 en una calidad similar, se reduce a apenas 468 KB (menos de la mitad).

Un caso aún más evidente es el uso de vectores. Gracias a que Flash optimiza todos sus gráficos nativos al momento de exhibirlos, produce un gran ahorro en báneres que no utilizan mapas de bits (como fotografías).

Por ejemplo una imagen vectorial que pueda pesar tan sólo 920 bytes, una exportada en formato PNG 8 y optimizada en Fireworks, puede llegar a pesar hasta 3.42 KB (casi 4 veces más).

Si cambiamos el azul por un gradiente sencillo, el archivo Flash sube apenas a 1009 bytes, mientras que la imagen PNG 8 se eleva a 16.5 KB, sin contar los problemas que los formatos PNG y GIF tienen para representar transiciones de color. JPG podría mejorarlo, pero a costa de perder nitidez.

Ahora multipliquen pensando en animaciones… ¿se requiere otra explicación?

Nº4 - La revolución del video

Antes de que Flash diera su golpe de Estado, poner video en la Web era un verdadero inconveniente. Primero se debía apostar por un formato -Windows Media Player, QuickTime, RealPlayer, MPEG o DivX- confiando en que los usuarios tendrían no sólo el reproductor, sino la versión correspondiente instalada en sus sistemas.

De no ser así, se debía apelar a su interés (y santa paciencia), para sugerirles que descargaran e instalaran el programa de turno, lo que rara vez ocurría. En otros casos había problemas de compatibilidad (como los usuarios de Firefox con Windows Media Player) o incluso de caídas del navegador al momento de invocar el plug-in, en especial en computadores sin muchos recursos.

En fin. Problemas. Problemas. Problemas.

Por fortuna, desde 2005 Flash prácticamente monopolizó la industria del video en línea, siendo puntal de fenómenos como YouTube y todos sus clones. No fue casualidad pues Flash proporciona una serie de ventajas al trabajar con secuencias en movimiento, como:

· Integración gráfica con el resto del contenido o sitio Web.· Facilidad de incorporación, edición y exportación.· Opciones de video incrustado, progresivo o de flujo (streaming).· Excelentes niveles de compresión.· Ubicuidad del reproductor Flash Player.

(Sobre esta última, nos extenderemos de inmediato).

Actualmente no hay pie a discusiones: Flash es LA plataforma para reproducción de video en línea. De hecho en clases ya ni me molesto en enseñar a incrustar video en otros formatos sobre HTML. El procedimiento está obsoleto.

Page 8: Característica de AJAX

Nº5 - Ubicuidad & Multiplataforma

El último beneficio de desarrollar en Flash deslinda sobre todos los anteriores. Aunque la referencia viene de cerca, Adobe apela a un estudio realizado por Millward Brown en 2007 para declarar que su Flash Player es el reproductor más ubicuo de la Web, con una base cercana al 98.7% de los usuarios en mercados como Estados Unidos, Canadá, Reino Unido, Francia, Alemania o Japón.

Esto supera holgadamente a sus competidores tanto en el reino del video como de las aplicaciones, siendo seguido por Java con un 87.5% de penetración, Windows Media Player con un 83.7%, QuickTime un 67.6%, RealPlayer alrededor de 54.7% e incluso su primo, Shockwave Player ostenta sólo un 54.1% (el 10.1% de SVG se me antoja extraño pero dejaremos esa discusión para otro día).

Y no sólo esto. Flash Player está disponible para una infinidad de plataformas, lo que incluye Windows y sus principales navegadores, Macintosh, Linux, Windows Mobile en dispositivos de bolsillo e incluso un creciente espectro de teléfonos móviles (aunque los odio por no ofrecer un reproductor para Palm OS… todavía).