Adobe flex – [PPT Powerpoint]

• 1. AdobeFlexCharlles Prez Josue Jordan

2. Que es FLEX?Es un marco de trabajo de cdigo abierto gratuito altamenteproductivo para la creacin y el mantenimiento de aplicaciones webexpresivas que se implantan coherentemente en los principalesexploradores, 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 edicin de video, mantener una red social, listas de canciones, gestores de informacin y paneles de configuracin 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 Diseo de interfaces rpido y sencillo 100% Orientado a objetos Gran potencia en diseo y clculo Cdigo limpio, fcil de mantener 5. Pero por que?? 6. Aun asi no me has dicho porque FLEX???Rapidez Orientacin a objetos Programacin asncrona Facilidad para el programador Combinacin con otras tecnologas Potencia 7. Y.. O sea que es muy bueno FLEX?? Flex es acerca de la experiencia del usuario, con productos y procesos ms complejos (y movidos online), Flex le permite a los desarrolladores construir rpida y fcilmente Rich Interfaces.Mencionamos algunos ejemplos de las aplicaciones Adobe Flex: Online Shopping Store: (Tienda en lnea) la tienda Flex (Flex Store) es una aplicacin de e-commerce que incluye unfiltro y una interface arrastre y suelte (drag-and-drop) para llenar el carro de compras. Esta aplicacin muestra algunosde los ms comunes modelos para construir una aplicacin Flex extensa. Photo Viewer: (Observador de Fotos) proyecta fotos como una presentacin de diapositivas. Puede iniciar o detener lapresentacin, o verlas individualmente. Data Model Application: (Aplicacin del Modelo de Datos) Esta aplicacin utiliza un servicio de red (web) para llenar elmodelo de datos que representa los artculos para la venta en el site. XML Data Feed: (Alimentador de datos XML) Esta aplicacin implementa un lector de blogs que permite observardiferentes blogs, incluyendo el blog de Macromedia Flex. 8. Pero algo malo debe tener FLEX me imagino Si, asi es tiene estos inconvenientes No est an extendido No es un estndar Adaptacin 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 aplicacin usando un conjunto decomponentes pre-definidos (formularios, botones,…) Ordenar estos componentes en el diseo del interfaz de usuario Usar estilos y temas para definir el diseo visual Aadir comportamiento dinmico (una parte de la aplicacin interactuando con otra, por ejemplo) Definir y conectar a servicios de datos segn sea necesario (servicios http) Compilar el cdigo fuente en un archivo SWF que funcione en el reproductor Flash 11. Diapositivas para PARRALES Flex fue inicialmente liberado como una aplicacindelaJ2EEobibliotecade etiquetasJSPquecompilara el lenguaje de marcas Flex (MXML) yejecutara medianteActionScriptaplicaciones Flash(archivos SWF binarios). Versiones posteriores deFlex soportan la creacin de archivos estticos queson compilados, y que pueden ser distribuidos enlnea sin la necesidad de tener una licencia deservidor. 12. Mas informacion para PARRALESEs un lenguaje descriptivo desarrollado inicialmente por Macromedia hasta el 2005 para la plataforma FLEX de Adobe.MXML se basa en XML y su acrnimo «Multimedia eXtensible Markup LanguageMXML 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 programacin orientado a objetos (OOP), utilizado en especial en aplicaciones web animadas realizadas en el entorno Adobe Flash, la tecnologa de Adobe para aadir dinamismo al panorama web. Fue lanzado con la versin 4 de Flash, y desde entonces hastaahora, ha ido amplindose poco a poco, hasta llegar a niveles de dinamismo y versatilidad muy altos en la versin10 (Adobe Flash CS4) de Flash. ActionScript es un lenguaje de scrit, esto es, no requiere lacreacin de un programa completo para que la aplicacin 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 cant 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 Microsofts competitive RIA technology is Silverlight, a browser plug-in, like Adobes 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 isnt 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 didnt really threaten Flexs position because Silverlight 1.0 didnt 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.