Adobe Air / Flex

34
Tecnología para RIA Air/Flex 0 Diseño de Sistemas Interactivos AIR/FLEX Presenta: Rubio Partida Judith Alejandra. Bojórquez Gutiérrez Miguel Abel Lic. Jesús Miguel Cadena Estrada Guaymas, Sonora a 11 de febrero de 2010. INSTITUTO TECNOLÓGICO DE SONORA Unidad Guaymas

description

Monografía con información importante de la RIA de Adobe Air y Flex

Transcript of Adobe Air / Flex

Page 1: Adobe Air / Flex

Tecnología para RIA Air/Flex 0

Diseño de Sistemas Interactivos

AIR/FLEX

Presenta:

Rubio Partida Judith Alejandra. Bojórquez Gutiérrez Miguel Abel

Lic. Jesús Miguel Cadena Estrada

Guaymas, Sonora a 11 de febrero de 2010.

INSTITUTO TECNOLÓGICO DE SONORA Unidad Guaymas

Page 2: Adobe Air / Flex

Tecnología para RIA Air/Flex 1

Índice

Contenido: I. Introducción 1.1 RIA 3

1.1.2 Historia y Origen 4

1.1.3 Tipo de Licencia 6

1.1.4 Descripción de la Tecnología 7

1.1.4.1 Requerimientos de instalación 7

1.1.4.2 Componentes que ofrece 12

1.1.4.3 Compatibilidad 18

1.1.4.4 Ambiente de desarrollo 19

1.1.4.5 Descripción Técnica 23

1.2 Ventajas 24

1.3 Posibles Desventajas 29

1.4 Demo Funcional 30

II. Conclusiones 32

III. Bibliografía 33

Cuadros, Gráficas y Figuras

Cuadro de 1 a 10 : Componentes de IBM ILOG Elixir 13

Figura 1 a 2: Ambiente de desarrollo Air 19

Figura 3 a 5: Ambiente de desarrollo Flex 20

Figura 6: Demo Sudoku 30

Figura7: Demo Display Shelf 31

Figura 8: Demo Tour de Flex 31

Page 3: Adobe Air / Flex

Tecnología para RIA Air/Flex 2

I. Introducción

En la actualidad se vive en un entorno empresarial más globalizado, ya que los

clientes son muy exigentes y cada vez es más difícil complacerlos en sus

inversiones tecnológicas de Internet y una solución son “Las aplicaciones

dinámicas de Internet.

Se presenta información de gran importancia de RIA de Adobe Air/Flex, como

una parte de las nuevas tendencias de modernización de las aplicaciones web,

tecnologías que se pueden aplicar a lo largo de nuestra vida profesional y que

además como usuarios de Internet las usamos diariamente.

Adobe Air permite a los desarrolladores utilizar HTML, JavaScript, Adobe

Flash Professional y ActionScript para crear aplicaciones web que se ejecutan

como aplicaciones clientes independientes sin las restricciones de un explorador.

Flex es un marco de trabajo de código abierto gratuito y altamente productivo

para la creación de aplicaciones web expresivas que se implantan

coherentemente en exploradores, ordenadores de sobremesa y sistemas

operativos, aprovechando los tiempos de ejecución de Adobe Flash Player y

Adobe AIR.

Es necesario conocer todo lo relacionado con AIR/FLEX para conocer un poco

mas de todas las ventajas, su entorno de desarrollo, licencias, componentes entre

otros aspectos que se redactan a continuación.

Page 4: Adobe Air / Flex

Tecnología para RIA Air/Flex 3

RIA

Las aplicaciones dinámicas de Internet (RIA, Rich Internet applications)

ofrecen una experiencia sofisticada y atractiva que mejora la satisfacción del

usuario y aumenta su productividad. Gracias al amplio alcance de Internet, las RIA

pueden implementarse en navegadores, escritorios y dispositivos.

Las aplicaciones RIA son un nuevo tipo de aplicaciones con más ventajas

que las tradicionales aplicaciones Web. Esta surge como una combinación de las

ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales.

Normalmente en las aplicaciones Web, hay una recarga continua de

páginas cada vez que el usuario pulsa sobre un enlace. De esta forma se produce

un tráfico muy alto entre el cliente y el servidor, llegado muchas veces, a recargar

la misma página con un mínimo cambio. Otra de las desventajas de las

tradicionales aplicaciones Web es la poca capacidad multimedia que posee. Para

ver un vídeo es necesario usar un programa externo para su reproducción.

Las capacidades multimedia son totales gracias a que estos entornos tienen

reproductores internos y no hace falta ningún reproductor del Sistema Operativo

del usuario.

Hay muchas herramientas para la creación de entornos RIA. Entre estas se

puede mencionar las plataformas Adobe Flash, Adobe Flex y Adobe AIR de

Adobe, AJAX, OpenLaszlo, Silverlight de Microsoft, JavaFX Script de Sun

Microsystems, Bindows, GWT, JavascriptMVC y Javascript.

Page 5: Adobe Air / Flex

Tecnología para RIA Air/Flex 4

Historia /Origen

Air :Adobe Integrated Runtime

Cuyo nombre clave es Apollo, es un entorno de ejecución multiplataforma

para la construcción de aplicaciones RIA (Rich Internet Applications) utilizando

Adobe Flash, Adobe Flex, HTML y AJAX, las cuales pueden usarse como

aplicaciones de escritorio.

El 19 de marzo de 2007, Adobe liberó una versión preliminar de AIR

(llamada Apolo) junto con un SDK (Software Development Kit) y una extensión

para el desarrollo de aplicaciones Apolo con Adobe Flex. El 10 de junio de 2007,

pasó a llamarse AIR (Adobe AIR) y se liberó una versión beta del entorno de

ejecución. La segunda versión beta de AIR SDK fue publicada el 1 de octubre de

2007. La beta 3, publicada el 12 de diciembre de 2007. Finalmente, la versión 1.0

se liberó el 25 de febrero de 2008. Una versión alfa de AIR para Linux fue

publicada el 31 de marzo de 2008.

AIR fue creado como un entorno de ejecución versátil que permite usar

código Flash, Actionscript, HTML o JavaScript para crear aplicaciones basadas en

internet con muchas características de los programas tradicionales de escritorio.

Adobe lo define como un entorno de ejecución que no necesita navegador, para

poder portar RIAs (aplicaciones de internet enriquecidas) al escritorio; más que

como un framework de aplicaciones corriente. en sus propios servidores, pero la

posibilidad de trabajar con datos en el sistema de archivos local del usuario le

permite a éste mayor flexibilidad.

Page 6: Adobe Air / Flex

Tecnología para RIA Air/Flex 5

Flex

Adobe Flex (hasta 2005 Macromedia Flex) es un término que agrupa una

serie de tecnologías publicadas desde Marzo de 2004 por Macromedia para dar

soporte al despliegue y desarrollo de Aplicaciones Enriquecidas de Internet,

basadas en su plataforma propietaria Flash.

Los programadores tradicionales de aplicaciones ven como un desafío

adaptar la metáfora de la animación sobre la plataforma con la cual fue

originalmente construido Flash. Flex minimiza elegantemente este problema

proveyendo un flujo de trabajo y un modelo de programación que es familiar a los

desarrolladores de aplicaciones.

Flex fue inicialmente liberado como una aplicación de la J2EE o biblioteca

de etiquetas JSP que compilara el lenguaje de marcas Flex (MXML) y ejecutara

mediante ActionScript aplicaciones Flash (archivos SWF binarios). Versiones

posteriores de Flex soportan la creación de archivos estáticos que son

compilados, y que pueden ser distribuidos en línea sin la necesidad de tener una

licencia de servidor.

Page 7: Adobe Air / Flex

Tecnología para RIA Air/Flex 6

Tipo de licencia

AIR

Adobe Apollo Runtime EULA

El tiempo de ejecución de Adobe AIR está disponible para una distribución

limitada bajo una licencia especial. La licencia incluye la distribución dentro de la

empresa o a través de la intranet de la organización, mediante soportes fijos como

un CD o DVD, o su suministro junto a un producto de software. La distribución a

través de un sitio de Internet orientado a usuarios externos está prohibida.

FLEX

La licencia pública de Mozilla (en inglés Mozilla Public License o MPL) es una

licencia de código abierto y de software libre. Fue desarrollada originalmente por

Netscape Communications Corporation (una división de la empresa América

Online), y más tarde su control fue traspasado a la Fundación Mozilla.

No hay ningún coste de licencia de implantación asociado a Flex. Utilizando

sólo el kit de desarrollo de software de Flex de código abierto, puede crear e

implantar aplicaciones de Flex de modo gratuito. Si desea una experiencia de

desarrollo más productiva. Puede probar Flash Builder 4 Premium Edition durante

60 días sin coste alguno. Utilizando BlazeDS de código abierto, puede aprovechar

la transferencia de datos binarios a gran velocidad y el envío de datos en tiempo

real.

Page 8: Adobe Air / Flex

Tecnología para RIA Air/Flex 7

Descripción de la tecnología:

Requerimientos de Instalación (Sw/Hw)

Air

Requisitos del sistema de escritorio

Windows

Procesador Intel® Pentium® III (se recomienda Pentium 4)

Microsoft® Windows® XP Home, Professional o Tablet PC Edition con

Service Pack 2 o 3; Windows Server® 2003; Windows Vista® Home

Premium, Business, Ultimate o Enterprise (incluidas ediciones de 64 bits)

con Service Pack 1; o Windows 7

512 MB de RAM (se recomienda 1 GB)

Mac OS

Procesador Intel Core™ Duo o superior

Mac OS X v10.4.9 o versión posterior

512 MB de RAM (se recomienda 1 GB)

Linux

Procesador Intel Pentium III (se recomienda Pentium 4)

Page 9: Adobe Air / Flex

Tecnología para RIA Air/Flex 8

Fedora Core 12, Ubuntu 9.10 o openSUSE 11.2

1 GB de RAM

Nota: Windows 2000 y PowerPC® para Mac no son compatibles con AIR 2.5. Los

usuarios pueden instalar y ejecutar las aplicaciones de AIR 1.5, pero no instalar ni

actualizarlas a AIR 2.5. Se pueden ejecutar las aplicaciones de AIR 2.5 en la

versión 10.4 de Mac OS X que se ejecute en un procesador Intel®, pero esta

versión no admite el desarrollo mediante el kit de desarrollo de software de AIR

2.5.

Versiones en otros idiomas

Este producto se encuentra disponible en los siguientes idiomas:

Alemán

Checo

Chino simplificado

Chino tradicional

Coreano

Español

Francés

Inglés

Italiano

Japonés

Neerlandés

Polaco

Portugués

Ruso

Sueco

Turco

Page 10: Adobe Air / Flex

Tecnología para RIA Air/Flex 9

Requisitos del sistema para dispositivos móviles

Sistema operativo Google Android™ 2.2

Procesador ARMv7-A con vector FPU

OpenGL ES 2

Decodificadores de hardware H.264 y AAC

256 MB de RAM

Nota: actualmente, Adobe AIR requiere la instalación de Android 2.2 en el

teléfono, y podría ser necesaria la descarga del tiempo de ejecución de AIR desde

Android Market. La ruta de actualización a Android 2.2 adecuada para su teléfono

dependerá del dispositivo, el fabricante, el operador y la región específicos.

Page 11: Adobe Air / Flex

Tecnología para RIA Air/Flex 10

Flex

Flash Builder 4 para Windows (ediciones Standard y Premium)

Procesador a 2 GHz o más rápido

Microsoft® Windows® XP con Service Pack 3, Windows Vista® Ultimate o

Enterprise (32 o 64 bits ejecutándose en el modo de 32 bits), Windows

Server® 2008 (32 bits), o Windows 7 (32 o 64 bits ejecutándose en el modo

de 32 bits)

1 GB de RAM (se recomiendan 2 GB)

1 GB de espacio disponible en el disco duro

Java™ Virtual Machine (32 bits): IBM® JRE 1.5, Sun™ JRE 1.5, IBM JRE

1.6 o Sun JRE 1.6

Resolución de 1.024 x 768 (se recomiendan 1.280 x 800) con tarjeta de

vídeo de 16 bits

Unidad de DVD-ROM

Eclipse 3.4.2 o 3.5 (para la instalación de plug-ins)

Flash Builder 4 para Mac OS (ediciones Standard y Premium)

Procesador Intel®

Mac OS X v10.5.6–10.6

1 GB de RAM (se recomiendan 2 GB)

1 GB de espacio disponible en el disco duro

Java Virtual Machine (32 bits): JRE 1.5 o 1.6

Resolución de 1.024 x 768 (se recomiendan 1.280 x 800) con tarjeta de

vídeo de 16 bits

Unidad de DVD-ROM

Eclipse 3.4.2 o 3.5 Carbon (para la instalación de plug-ins)

Page 12: Adobe Air / Flex

Tecnología para RIA Air/Flex 11

Funciones de desarrollo centrado en datos de Flash Builder 4

Servidor Adobe® ColdFusion®: ColdFusion 8.0.1 o 9

Servidor J2EE: BlazeDS 4 o Adobe LiveCycle® Data Services 3

Servidor PHP: PHP 5.2 o Zend Framework 1.9.4 (incluido con Flash®

Builder™ 4)

Servicios web: WSDL 1.1

Kit de desarrollo de software de Flex 4

Windows XP Professional con Service Pack 2 o 3, Windows 7 (32 bits) o

Windows Vista (32 bits)

Mac OS X v10.5.6-10.6 (sólo Intel)

Ubuntu 9.10

Fedora Core 12

Versiones en otros idiomas

Adobe Flash Builder 4 se encuentra disponible en los siguientes idiomas:

Alemán

Chino simplificado

Francés

Inglés

Japonés

Ruso

Page 13: Adobe Air / Flex

Tecnología para RIA Air/Flex 12

Componentes que ofrece

Flex tiene varios componentes y características que aportan

funcionalidades tales como Servicios Web, objetos remotos, arrastrar y soltar,

columnas ordenables, gráficas, efectos de animación y otras interacciones simples

IBM® ILOG Elixir® V3.0 proporciona 10 componentes de visualización de

datos gráficos para el desarrollo de aplicaciones de Internet sofisticadas (RIA) y

personalizadas de Adobe® Flex® 3 y Adobe AIR®. IBM ILOG Elixir ayuda a

convertir datos sin formato en información clara y fácil de utilizar mediante una

experiencia de usuario muy gráfica e interactiva.

ILOG Elixir ofrece componentes de visualización de datos gráficos para

mejorar aún más las aplicaciones de Internet sofisticadas de Adobe® Flex® 3 y

Adobe AIR™. ILOG Elixir ayuda a convertir datos sin formato en información clara

y fácil de utilizar mediante una experiencia de usuario muy gráfica e interactiva.

Integración con Flex Builder 3 Para optimizar el tiempo dedicado a las tareas de

diseño, ILOG Elixir está integrado de forma perfecta con el software Adobe Flex

Builder™ 3.

La utilización de los componentes de Elixir es fácil, simplemente tiene que

arrastrarlos y soltarlos en su sitio y establecer sus propiedades desde el entorno

de desarrollo de Flex Builder.

Page 14: Adobe Air / Flex

Tecnología para RIA Air/Flex 13

Descripción de componentes de IBM ILOG Elixir V3.0

Figura 1

Calendario: Cree fácilmente aplicaciones de planificación compartidas y

personalizadas con el potente componente de calendario de IBM ILOG Elixir.

Muestre fácilmente varias planificaciones a la vez con la gestión de repetición

avanzada.

Figura 2

Línea de tiempo: Cree de forma sencilla gráficos fáciles de leer que muestran

secuencias de eventos durante un periodo de tiempo. Aproveche la descripción

integrada que permite navegar de un modo intuitivo.

Page 15: Adobe Air / Flex

Tecnología para RIA Air/Flex 14

Figura 3

Gráficos en 3D: IBM ILOG Elixir incorpora una gama completa de gráficos en 3D

que son parecidos a los gráficos en 2D de Adobe. Nunca antes había sido tan fácil

actualizarse a la tercera dimensión y crear representaciones más atractivas y

aplicaciones personalizadas.

Figura 4

Gráficos de organización: Con IBM ILOG Elixir, podrá crear fácilmente gráficos

avanzados de organización de empleados. Navegue rápidamente a través de los

diferentes miembros de la plantilla, ya sea entre iguales como con quienes ejercen

cargos de gestión, gracias a sorprendentes animaciones.

Page 16: Adobe Air / Flex

Tecnología para RIA Air/Flex 15

Figura 5

Mapas vectoriales: IBM ILOG Elixir facilita la adición de pantallas de mapas

intuitivos al trabajo que desarrolle. Vuelva a utilizar uno de los mapas

proporcionados o cree unos personalizados a partir de mapas estándar que

encuentre o compre. Podrá colorear fácilmente zonas del mapa para representar

los datos específicos y recubrirlo con cualquier objeto de Flex, como gráficos y

etiquetas.

Figura 6

Indicadores y diales: Los indicadores y diales son completamente interactivos y

están diseñados para conectarse a fuentes de datos en tiempo real. Los

desarrolladores pueden usarlos "tal cual", pueden personalizarlos o crear

fácilmente unos nuevos con las potentes y abiertas API.

Page 17: Adobe Air / Flex

Tecnología para RIA Air/Flex 16

Figura 7

Mapas de calor: El mapa de calor de IBM ILOG Elixir le ayuda a mostrar el modo

en el que se distribuyen los datos, por ejemplo, en zonas geográficas o una página

web. Cambie de x/y a lat/long y vea los datos por densidad o valor.

Figura 8

Gráficos dinámicos y OLAP: Sustituya rejillas OLAP con gráficos muy dinámicos

para obtener una mejor perspectiva y análisis en los datos personalizados.

Page 18: Adobe Air / Flex

Tecnología para RIA Air/Flex 17

Figura 9

Gráficos radar: Enriquezca sus representaciones con los gráficos radar para

mostrarlos de una forma compacta, y compare una variedad de indicadores de

rendimiento clave (en inglés, KPI) con una lectura compacta y sencilla con varios

consejos sobre herramientas de puntos de datos.

Figura 10

Diagramas de árbol: Los diagramas de árbol son diagramas innovadores que se

utilizan para detectar visualmente tendencias y valores atípicos en grandes

conjuntos de datos. A menudo conocidos como tablas gráficas giratorias, los

diagramas de árbol vienen con información detallada y agrupaciones integradas.

Page 19: Adobe Air / Flex

Tecnología para RIA Air/Flex 18

Compatibilidad

Air

Aptana Studio*, el entorno de desarrollo integrado líder para el desarrollo

web Ajax, ofrece una compatibilidad integrada para crear aplicaciones que se

ejecuten en Adobe AIR.

Thawte ha anunciado la compatibilidad con una nueva categoría de

certificados de firma de código para los desarrolladores que creen aplicaciones de

Adobe AIR.

Flex

Compatibilidad original con Adobe AIR

Flex Builder 3 ofrece el modo más rápido de crear aplicaciones de Adobe

AIR, entre las que se incluyen las herramientas necesarias para crear, depurar,

agrupar y firmar las aplicaciones de AIR. El tiempo de ejecución de Adobe AIR le

permite desarrollar rápidamente RIA para el escritorio utilizando las mismas

habilidades y código base que utiliza para crear RIA para el explorador.

Page 20: Adobe Air / Flex

Tecnología para RIA Air/Flex 19

Ambiente de Desarrollo

Air

Figura 1

Figura 2

Page 21: Adobe Air / Flex

Tecnología para RIA Air/Flex 20

Flex

Figura 3

Figura 4

Page 22: Adobe Air / Flex

Tecnología para RIA Air/Flex 21

Figura 5

Page 23: Adobe Air / Flex

Tecnología para RIA Air/Flex 22

Integración con otras tecnologías

Las aplicaciones desarrolladas sobre la plataforma Flex pueden interactuar

con otras tecnologías del lado servidor a través de la invocación de Web Services,

REST o bajo el formato binario AMF. La interacción a través de AMF es bastante

eficiente y de éste se han realizado implementaciones para diferentes lenguajes

siendo el más popular Java.

Proceso de desarrollo de una aplicación Flex

Los datos mostrados a continuación han sido extraídos directamente del archivo

de ayuda de la versión 2.0 Beta 3:

Definir un interfaz de aplicación usando un conjunto de componentes pre-

definidos (formularios, botones,...)

Ordenar estos componentes en el diseño de la interfaz de usuario

Usar estilos y temas para definir el diseño visual

Añadir comportamiento dinámico (una parte de la aplicación interactuando

con otra, por ejemplo)

Definir y conectar a servicios de datos según sea necesario (servicios http)

Compilar el código fuente en un archivo SWF que funcione en el

reproductor Flash

Historial de versiones

Flex 1.0 - Marzo de 2004

Flex 1.5 - Octubre de 2004

Flex 2.0 Alpha - Octubre de 2005

Flex 2.0 Beta 1 - Febrero de 2006

Flex 2.0 Beta 2 - Marzo de 2006

Flex 2.0 Beta 3 - Mayo de 2006

Page 24: Adobe Air / Flex

Tecnología para RIA Air/Flex 23

Flex 2.0 FINAL - 28 de junio de 2006

Flex 2.0.1 - 5 de enero de 2007

Flex 3.0 Beta 1 - 11 de junio de 2007

Flex 3.0 Beta 2 - 1 de octubre de 2007

Flex 3.0 Beta 3 - 12 de diciembre de 2007

Flex 3.0 FINAL - 12 de febrero de 2008

Flex 3.5 FINAL - 18 de diciembre de 2008

Flex 4.0 Beta 1 - 13 de mayo de 2009

Flex 4.0 Beta 2 - 22 de septiembre de 2009

Flex 4.0 FINAL - 21 de marzo de 2010

Flex 4.1 Update - 30 de junio de 2010

Lenguajes

MXML es el lenguaje que emplean los desarrolladores para definir la

disposición de la interfaz de usuario, la apariencia y el comportamiento de una

aplicación de Flex. ActionScript® 3.0, un lenguaje orientado a objetos que se basa

en el estándar de la industria ECMAScript, es el lenguaje utilizado para crear la

lógica de la aplicación en el lado del cliente. MXML y ActionScript se compilan en

un único archivo SWF creado por la aplicación Flex.

Biblioteca de clases y servicios de aplicaciones

Flex incluye una biblioteca de clases ya creada y servicios de aplicaciones

que ayudan a los desarrolladores a componer y crear aplicaciones de Internet

sofisticadas utilizando más de 100 componentes de aplicaciones sofisticados y

pregenerados. Estos servicios incluyen enlaces de datos, gestión de arrastrar y

soltar, el sistema de visualización que administra la disposición de la interfaz, el

sistema de estilo encargado del aspecto de los componentes de la interfaz, y el

sistema de animación y efectos que gestiona el movimiento y las transiciones.

Page 25: Adobe Air / Flex

Tecnología para RIA Air/Flex 24

Ventajas

AIr

Para los desarrolladores

1. Los desarrolladores pueden aprovechar sus conocimientos en tecnologías

web existentes y su experiencia en la creación de RIAS (Rich Internet

Applications o en castellano: Aplicaciones Ricas de Internet).

2. Variedad de entornos de desarrollo conocidos con los que se puede crear

una aplicación Air:

1. Gratuitos:

Aptana Studio. Permite desarrollar aplicaciones Air Javascript.

SDK (Software Development Kit) del propio Adobe Air. Este

proporciona diversas herramientas de línea de comando y

plantillas de código para crear aplicaciones con ActionScript

3.0, Flex 3 y 4 y con Javascript, es decir, todas las opciones.

No obstante, su uso es mucho más tedioso que el que ofrecen

herramientas de pago de Adobe que automatizan muchos

procesos.

2. De pago:

Adobe Flash Builder 3 y 4 para el desarrollo de aplicaciones

Air con Flex 3 y 4 y ActionScript 3.0

Adobe Flash CS3-CS5 para el desarrollo de aplicaciones Air

con ActionScript 3.0

Adobe Dreamweaver CS3-CS5 para el desarrollo de

aplicaciones Air Javascript

3. Las aplicaciones son multiplataforma. Esto que parece algo secundario

puede ahorrar mucho tiempo y dinero a las empresas, puesto que es Air

Page 26: Adobe Air / Flex

Tecnología para RIA Air/Flex 25

quien se encarga de detectar y comunicarse con el Sistema Operativo y no

es necesario realizar implementaciones distintas.

4. Documentación y ejemplos abundantes. Existen varios libros en castellano,

revistas, blogs, tutoriales y aplicaciones de ejemplo, que permiten ponerse

al día rápidamente. En el próximo post mostraremos una relación de estos

recursos.

5. Un mercado incipiente de desarrollo de la mano de las redes sociales y de

los dispositivos móviles. En cuanto a los móviles, después de la negativa de

Apple de incluir el Flash Player en el Iphone e Ipad, parece que el mercado

se centrará en dispositivos con Android. Hay ejemplos muy buenos como

TwetDeck, una aplicación Air que permite visualizar los mensajes de una o

más cuentas de Twitter, Facebook, Linkedin, etc, así como escribir en

dichas cuentas sin necesidad de conectarte de forma independiente y con

herramientas como acortador de enlaces, traductor, etc. Intentaremos

dedicar un apartado a esta aplicación. Puedes ver videos de Adobe TV

donde se muestran aplicaciones hechas con Flex Builder y Flash para

Android.

Para los usuarios

Fácil instalación. Sólo es necesario instalar una vez un entorno de

ejecución que pesa unos 15 MB y después instalar cualquier aplicación

como se haría normalmente en el Sistema Operativo. Básicamente,

haciendo doble clic sobre el archivo empaquetado de la aplicación Air y

siguiendo un sencillo asistente, sin registros ni cuestiones lentas y tediosas.

Aplicaciones muy atractivas desde el punto de vista del diseño y de la

interacción.

Para ambos, desarrolladores y usuarios

Elimina alguna de las desventajas de una aplicación de escritorio tradicional:

Page 27: Adobe Air / Flex

Tecnología para RIA Air/Flex 26

Se puede lanzar la instalación desde una página web, lo que simplifica la

distribución (no es necesario un CD, por ejemplo)

Sistema de actualización automático basado en versiones. El desarrollador

puede incorporar mejoras o solucionar bugs y el usuario no tendrá nada

más que aceptar la descarga y e instalación de dichas actualizaciones,

puesto que es la aplicación la que comprueba la existencia de nuevas

versiones cuando detecta una conexión a internet y la presencia del

usuario.

Flex

Experiencia de usuario sofisticada:Flex permite que los desarrolladores

de aplicaciones web creen de un modo eficaz interfaces expresivas y muy

interactivas para las aplicaciones web y de escritorio. Las aplicaciones

atractivas creadas con Flex pueden llegar a más usuarios, mejorar la

productividad y la satisfacción y generar más beneficios.

Aplicaciones accesibles desde múltiples plataformas: Las aplicaciones

de Flex aprovechan el tiempo de ejecución de Adobe Flash Player 9.

Instalado en más del 98% de los equipos conectados a Internet, Flash

Player ofrece de forma única una experiencia de usuario coherente y

accesible desde múltiples exploradores y plataformas. Es un tiempo de

ejecución del cliente de tipo empresarial con gráficos, vectoriales

avanzados y capaz de gestionar las aplicaciones más exigentes con gran

cantidad de datos mientras las lleva a cabo a velocidades de aplicaciones

de escritorio.

Page 28: Adobe Air / Flex

Tecnología para RIA Air/Flex 27

Integración con Adobe AIR:Adobe AIR™ es un nuevo tiempo de

ejecución del cliente que permite que las aplicaciones de Internet

sofisticadas se ejecuten en el escritorio, lo que crea nuevas oportunidades

de conseguir aplicaciones en línea y fuera de línea más atractivas y de alto

rendimiento. El marco de trabajo de Flex ofrece compatibilidad con archivos

originales para las nuevas API de AIR, y Adobe Flex Builder 3 incorpora

todas las herramientas necesarias para crear, depurar, agrupar y firmar las

aplicaciones creadas en Adobe AIR.

Productividad del desarrollador: Componga y cree aplicaciones de

Internet sofisticadas utilizando más de 100 componentes de aplicaciones

pregenerados. Utilice el potente entorno de desarrollo de Adobe Flex

Builder 3 basado en Eclipse para acelerar aún más el desarrollo, la

depuración y las pruebas de las RIA de escritorio y web.

Integración con Adobe Creative Suite 3: La combinación de Flex y Adobe

Creative Suite™ 3 ofrece flujos de trabajo coherentes y perfectos utilizando

las mejores herramientas de su categoría. Utilice Flash, Fireworks,

Illustrator y Photoshop para crear activos en formatos Flex originales. Utilice

Flex Builder para importar fácilmente estos activos en la interfaz de una

aplicación de Internet sofisticada.

Fácil de aprender y utilizar: Empiece rápidamente con una amplia

biblioteca de componentes, aspectos, contenedores y servicios de

aplicaciones. Utilice asistentes para conectarse a los servicios web

existentes o genere un código de conexión a la base de datos en

ColdFusion, PHP, ASP.NET y Java.

Page 29: Adobe Air / Flex

Tecnología para RIA Air/Flex 28

Código abierto, basado en estándares: Flex 3 está disponible como

software de código abierto a través del proyecto del kit de desarrollo de

software de Flex de código abierto*. Flex ofrece un lenguaje basado en

estándares moderno y un modelo de programación que admite los patrones

de diseño habituales. Puede ampliar y mejorar el marco de trabajo de

código abierto para que satisfaga sus necesidades y contribuya a la

evolución de Flex.

Servicios avanzados de datos: Mediante BlazeDS de código abierto*,

conecte fácilmente las aplicaciones de Flex y AIR a las infraestructuras de

servidor de Java, de datos distribuidos y de servicios de fondo para ofrecer

experiencias de usuario en tiempo real, con capacidad de respuesta y en

base a datos que se implantan en el explorador o en el escritorio.

Mejora de los proyectos existentes: Añada más sofisticación incrustando

microaplicaciones o componentes en sitios web existentes, o revolucione

toda su experiencia de usuario con aplicaciones absorbentes y de una sola

pantalla, todo ello con una sola inversión.

Escalabilidad: Flex está diseñado para ampliarse desde componentes

simples de sitios web hasta aplicaciones de escritorio o basadas en

explorador. Con su amplia biblioteca de componentes pregenerados, Flex

proporciona una amplia solución para crear aplicaciones de Internet

sofisticadas de todos los tipos. Los desarrolladores pueden seleccionar

métodos de transporte de datos, entre los que se incluyen compatibilidad

con XML a través de HTTP, AMF (ActionScript Message Format) de Adobe,

o RTMP mediante LiveCycle Data Services ES* (anteriormente Flex Data

Services).

Page 30: Adobe Air / Flex

Tecnología para RIA Air/Flex 29

Posibles Desventajas

Air

No utiliza un navegador como las RIA (Rich Internet Application) sino que es

necesario:

Que el usuario descargue e instale el entorno de ejecución de Air en

su sistema operativo

Que los desarrollen empaqueten y firmen la aplicación.

Desventajas pequeñas frente al gran potencial que tiene.

Flex

No apoya las funciones de los motores de búsqueda

No renderiza bien el contenido HTML.

No cuenta con salidas de impresiona de calidad.

Page 31: Adobe Air / Flex

Tecnología para RIA Air/Flex 30

Demo Funcional

Demo del juego de Sudoku

Estas demostración fue creadausando el Google App Engine , Adobe Flex ,

y el Mate marco de trabajo Flex .

Características de la aplicación de pruebas - Sudoku

Activar desactivar las sugerencias

Guardar / Recuperar juego

Celular destacar que los valores correctos entró

Solución de juego (a través de llamada al servicio HTTP alojado en el

servidor de Google App)

Figura 6:

Demo Sudoku

Page 32: Adobe Air / Flex

Tecnología para RIA Air/Flex 31

Demo DisplayShelf

El componente DisplayShelf muestra el uso de una serie de conceptos flex

y flash para proporcionar un control de ricos, templatable para mostrar una vista

3D de la imitación de una lista de elementos.

Figura 7: Demo Display Shelf

Demo Tour de Flex

Tour de Flex es una aplicación de escritorio para explorar las capacidades

de Flex y recursos, incluyendo el núcleo de componentes de Flex, Adobe AIR,

integración de datos, y una variedad de componentes de terceros, los efectos,

pieles, y mucho más.

Figura 8:Demo Tour de Flex

Page 33: Adobe Air / Flex

Tecnología para RIA Air/Flex 32

Conclusiones

Adobe Flex es una tecnología para RIA que nos permite como

desarrolladores una utilización más rápida e intuitiva, que utiliza el lenguaje

llamado MXML, el cual para sus usuarios son un gran modelo donde permite que

realice interfaces graficas. Si queremos entrar a las nuevas tecnologías es una

buen opción ya que la informática evoluciona y nosotros nos tenemos que adaptar

a la misma, son muy importantes ya que nos permite dar un gran giro a la

experiencia de usuario, por sus grandes ventajas que nos ofrece junto con su

infinidad de componentes. Un detalle muy rescatable es que esta tecnología es

un ejemplo de cómo se emplean las aplicaciones que ofrece el usuario y

descargarla todas las aplicaciones web al Escritorio con la ventaja de no crear un

impacto con el servidor mejorando el performance. El servidor Flex también actúa

como un Gateway permitiendo al cliente comunicarse con servicios Web XML y

otros objetos remotos sin importar su plataforma.

Page 34: Adobe Air / Flex

Tecnología para RIA Air/Flex 33

Bibliografía

La información recaudada en la presente monografía fue extraída de la página de

Adobe.com, en la sección referente al producto Adobe

Air y Adobe Flex

http://www.adobe.com/products/flex/

Wikipedia fue otra fuente de la cual se pudo extraer información importante:

http://es.wikipedia.org/wiki/Adobe_Flex

Demos

http://demo.quietlyscheming.com/displayShelf/index.html

http://myflexapps.appspot.com/