Flex es un marco de trabajo de código abierto para crear aplicaciones web ricas e interactivas. Permite desarrollar aplicaciones con interfaces gráficas avanzadas utilizando MXML y ActionScript. Flex se ha vuelto popular para crear todo tipo de aplicaciones web complejas como portales de video, redes sociales y tiendas en línea.
2. 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
3. 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
4. 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
6. 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
7. 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.
8. 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
9. 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
10. 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
11. 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.
12. 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.
13. 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.
14. Flex vs Flash
The Flex framework: Flash has its own component set that has some of
the same functionality as the Flex SDK, but it does not provide as many
components and does not include charting components, layout containers,
and other framework features that are very useful for developing
large applications.
MXML: You can use MXML markup to create your Flex applications, but
this markup language is not available in Flash. Flash does use the same
ActionScript 3 scripting language, however.
A powerful Integrated Development Environment (IDE): Flex Builder
was designed specifically to build applications, as opposed to the Flash
Authoring tool, which was originally designed to create animations.
You can use both tools to create RIAs, but Flex Builder has features like
code-hinting, a powerful debugger, and a profiler that make it a more
powerful development tool.
15. Flex vs Ajax
Multimedia capabilities: Flash Player allows you to create a whole range
of rich multimedia experiences that you simply can’t achieve by using
HTML and JavaScript. Flash has powerful graphics capabilities that can
do complex drawing and image manipulation. In addition, Flash supports
audio and video streaming, so many leading online video sites use it to
play video on the Web.
Cross-browser support: You can be sure that any Flex application you
develop will look and behave the same way in all browsers on all platforms.
Web browsers all have their own quirks and idiosyncrasies when
it comes to how they render HTML and even how they run JavaScript.
When you develop AJAX applications, you need to test your application
in multiple Web browsers to make sure your application is compatible
with them all. However, because Flex applications rely on the Flash
Player, you can be assured that your application will look the same,
pixel for pixel, and behave the same across all browsers.
16. Flex vs Silverlight
Microsoft’s competitive RIA technology is Silverlight, a browser plug-in, like
Adobe’s Flash Player. Just like you have to install the Flash Player plug-in to
run Flex applications, you need the Silverlight plug-in to run Silverlight applications.
Because Silverlight is fairly new, the Silverlight plug-in isn’t nearly
as common as Flash Player. Silverlight will likely become more widely used
in the future, but right now, the Flash Player plug-in has a strong advantage
because of the large number of computers on which it is installed.
The first release of Silverlight 1.0 included the browser plug-in and focused
on streaming video on the Web. This release certainly competed with Flash
Player because it focused on some of the media features of Flash, but it didn’t
really threaten Flex’s position because Silverlight 1.0 didn’t contain a set of
user interface controls that you could use to build RIAs. Silverlight 1.0 provided
all the low-level graphics capabilities but none of the application framework
pieces.