Adobe Flex

Charlles Pérez

Josue Jordan

Que es FLEX?Es un marco de trabajo de código abierto gratuito altamente productivo para la creación y el mantenimiento de aplicaciones web expresivas que se implantan coherentemente en los principales exploradores, equipos de sobremesa y sistemas operativos

Entonces Flex es un RIA??

¿Aplicaciones de Internet? R.I.A.!(Rich Internet Application) No, Flex crea R. I. A.s y estos estan de moda. Desde hacer un portal

de edición de video, mantener una red social, listas de canciones, gestores de información y paneles de configuración… hasta sistemas operativos, la tendencia es crear las aplicaciones para Internet.

–HTML

–JavaScript

–Php

–Ajax

Por que FLEX??

Orientado al desarrollador

•Basado en Flash

•Experiencia Macromedia en web

•Diseño de interfaces rápido y sencillo

•100% Orientado a objetos

•Gran potencia en diseño y cálculo

•Código limpio, fácil de mantener

Pero por que??…

Aun asi no me has dicho porque FLEX???

–Rapidez

–Orientación a objetos

–Programación asíncrona

–Facilidad para el programador

–Combinación con otras tecnologías

–Potencia

Y.. O sea que es muy bueno FLEX??

Flex es acerca de la experiencia del usuario, con productos y procesos más complejos (y movidos online), Flex le permite a los desarrolladores construir rápida y fácilmente Rich Interfaces.

Mencionamos algunos ejemplos de las aplicaciones Adobe Flex: Online Shopping Store: (Tienda en línea) la tienda Flex (Flex Store) es una aplicación de e-commerce

que incluye un filtro y una interface arrastre y suelte (drag-and-drop) para llenar el “carro de compras”. Esta aplicación muestra algunos de los más comunes modelos para construir una aplicación Flex extensa.

Photo Viewer: (Observador de Fotos) proyecta fotos como una presentación de diapositivas. Puede iniciar o detener la presentación, o verlas individualmente.

Data Model Application: (Aplicación del Modelo de Datos) Esta aplicación utiliza un servicio de red (web) para llenar el modelo de datos que representa los artículos para la venta en el site.

XML Data Feed: (Alimentador de datos XML) Esta aplicación implementa un lector de blogs que permite observar diferentes blogs, incluyendo el blog de Macromedia Flex.

Pero algo malo debe tener FLEX me imagino…

Si, asi es tiene estos inconvenientes

–No está aún extendido

–No es un estándar

–¿Adaptación a la forma de trabajo?

–Dependencia de la plataforma de desarrollo

Lo mas aburrido “la historia”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 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 - 25 de febrero de 2008 Flex 4.0 Beta 1 - 2 de junio de 2009

Tips al momento de crear en FLEX Definir un interfaz de aplicación usando un

conjunto de componentes pre-definidos (formularios, botones,...)

Ordenar estos componentes en el diseño del 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

Diapositivas para PARRALES

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.

Mas informacion para PARRALES

Es un lenguaje descriptivo desarrollado inicialmente por Macromedia hasta el 2005 para la plataforma FLEX de Adobe.

MXML se basa en XML y su acrónimo "Multimedia eXtensible Markup Language“

MXML tiene una mayor estructura en base a etiquetas, similar a HTML, pero con una sintaxis menos ambigua, proporciona una gran variedad e inclusive permite extender etiquetas y crear sus propios componentes.

Mas informacion para PARRALES

Es un lenguaje de programación orientado a objetos (OOP), utilizado en especial en aplicaciones web animadas realizadas en el entorno Adobe Flash, la tecnología

de Adobe para añadir dinamismo al panorama web. Fue lanzado con la versión 4 de Flash, y desde entonces hasta

ahora, ha ido ampliándose poco a poco, hasta llegar a niveles de dinamismo y versatilidad muy altos en la versión

10 (Adobe Flash CS4) de Flash.

ActionScript es un lenguaje de scrit, esto es, no requiere la creación de un programa completo para que la aplicación

alcance los objetivos.

Flex vs Flash The Flex framework: Flash has its own component set that has some ofthe same functionality as the Flex SDK, but it does not provide as manycomponents and does not include charting components, layout containers,and other framework features that are very useful for developinglarge applications.

MXML: You can use MXML markup to create your Flex applications, butthis markup language is not available in Flash. Flash does use the sameActionScript 3 scripting language, however.

A powerful Integrated Development Environment (IDE): Flex Builderwas designed specifically to build applications, as opposed to the FlashAuthoring tool, which was originally designed to create animations.You can use both tools to create RIAs, but Flex Builder has features likecode-hinting, a powerful debugger, and a profiler that make it a morepowerful development tool.

Flex vs Ajax Multimedia capabilities: Flash Player allows you to create a whole rangeof rich multimedia experiences that you simply can’t achieve by usingHTML and JavaScript. Flash has powerful graphics capabilities that cando complex drawing and image manipulation. In addition, Flash supportsaudio and video streaming, so many leading online video sites use it toplay video on the Web. Cross-browser support: You can be sure that any Flex application youdevelop will look and behave the same way in all browsers on all platforms.Web browsers all have their own quirks and idiosyncrasies whenit comes to how they render HTML and even how they run JavaScript.When you develop AJAX applications, you need to test your applicationin multiple Web browsers to make sure your application is compatiblewith them all. However, because Flex applications rely on the FlashPlayer, you can be assured that your application will look the same,pixel for pixel, and behave the same across all browsers.

Flex vs Silverlight Microsoft’s competitive RIA technology is Silverlight, a browser plug-in, likeAdobe’s Flash Player. Just like you have to install the Flash Player plug-in torun Flex applications, you need the Silverlight plug-in to run Silverlight applications.

Because Silverlight is fairly new, the Silverlight plug-in isn’t nearlyas common as Flash Player. Silverlight will likely become more widely usedin the future, but right now, the Flash Player plug-in has a strong advantagebecause of the large number of computers on which it is installed.

The first release of Silverlight 1.0 included the browser plug-in and focusedon streaming video on the Web. This release certainly competed with FlashPlayer because it focused on some of the media features of Flash, but it didn’treally threaten Flex’s position because Silverlight 1.0 didn’t contain a set ofuser interface controls that you could use to build RIAs. Silverlight 1.0 providedall the low-level graphics capabilities but none of the application frameworkpieces.