Adobe flex
- 1. Adobe Flex Charlles Pérez Josue Jordan
- 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.