SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
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 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.
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.
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Estudio comparativo de PHP, ASP.NET Y JAVA
Estudio comparativo de PHP, ASP.NET Y JAVAEstudio comparativo de PHP, ASP.NET Y JAVA
Estudio comparativo de PHP, ASP.NET Y JAVAHelmilpa
 
Desarrollo de aplicaciones sobre plataformas flash
Desarrollo de aplicaciones sobre plataformas flashDesarrollo de aplicaciones sobre plataformas flash
Desarrollo de aplicaciones sobre plataformas flashFutura Networks
 
Presentación introducción de Silverlight
Presentación introducción de SilverlightPresentación introducción de Silverlight
Presentación introducción de SilverlightSergio Toro
 
bases de-datos_sql_server_con_c_
bases de-datos_sql_server_con_c_bases de-datos_sql_server_con_c_
bases de-datos_sql_server_con_c_asesino123456789
 
Presentacion tecnica microsoft.net
Presentacion tecnica microsoft.netPresentacion tecnica microsoft.net
Presentacion tecnica microsoft.netRulo Rosaz
 

Was ist angesagt? (11)

Desarrollo Plataforma Flash
Desarrollo Plataforma FlashDesarrollo Plataforma Flash
Desarrollo Plataforma Flash
 
Estudio comparativo de PHP, ASP.NET Y JAVA
Estudio comparativo de PHP, ASP.NET Y JAVAEstudio comparativo de PHP, ASP.NET Y JAVA
Estudio comparativo de PHP, ASP.NET Y JAVA
 
Desarrollo de aplicaciones sobre plataformas flash
Desarrollo de aplicaciones sobre plataformas flashDesarrollo de aplicaciones sobre plataformas flash
Desarrollo de aplicaciones sobre plataformas flash
 
PROGRAMACION .NET
PROGRAMACION .NETPROGRAMACION .NET
PROGRAMACION .NET
 
Presentación introducción de Silverlight
Presentación introducción de SilverlightPresentación introducción de Silverlight
Presentación introducción de Silverlight
 
E61
E61E61
E61
 
bases de-datos_sql_server_con_c_
bases de-datos_sql_server_con_c_bases de-datos_sql_server_con_c_
bases de-datos_sql_server_con_c_
 
Paola
PaolaPaola
Paola
 
Paola 1001 jt
Paola 1001 jtPaola 1001 jt
Paola 1001 jt
 
Presentacion tecnica microsoft.net
Presentacion tecnica microsoft.netPresentacion tecnica microsoft.net
Presentacion tecnica microsoft.net
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Ähnlich wie Adobe flex

Flex mobile
Flex mobileFlex mobile
Flex mobilealdo87_
 
Flex mobile
Flex mobileFlex mobile
Flex mobilealdo87_
 
Pinargote quiroz jennifer
Pinargote quiroz jenniferPinargote quiroz jennifer
Pinargote quiroz jenniferkassy9331
 
Trabajo 1 multimedia
Trabajo 1 multimediaTrabajo 1 multimedia
Trabajo 1 multimediakadjaska
 
Historia del flash carlos moya 2 b2
Historia del flash carlos moya 2 b2Historia del flash carlos moya 2 b2
Historia del flash carlos moya 2 b2Charlie Moyashqui
 
Andres alexis canizales
Andres alexis canizalesAndres alexis canizales
Andres alexis canizalesalexisprom
 
Fundamentos de silverlight
Fundamentos de silverlightFundamentos de silverlight
Fundamentos de silverlightCarlos Correa
 
Software De Adobe De DiseñO Web
Software De Adobe De DiseñO WebSoftware De Adobe De DiseñO Web
Software De Adobe De DiseñO Webalondra
 
E:\software de adobe de diseño web
E:\software de adobe de diseño webE:\software de adobe de diseño web
E:\software de adobe de diseño webalondra
 

Ähnlich wie Adobe flex (20)

Flex mobile
Flex mobileFlex mobile
Flex mobile
 
Flex mobile
Flex mobileFlex mobile
Flex mobile
 
Aplicaciones RIA (Flex) - 7 Foro Innovación
Aplicaciones RIA (Flex) - 7 Foro InnovaciónAplicaciones RIA (Flex) - 7 Foro Innovación
Aplicaciones RIA (Flex) - 7 Foro Innovación
 
Pinargote quiroz jennifer
Pinargote quiroz jenniferPinargote quiroz jennifer
Pinargote quiroz jennifer
 
Clase flex
Clase flexClase flex
Clase flex
 
trabajo 1
trabajo 1 trabajo 1
trabajo 1
 
Abobe Flash
Abobe Flash Abobe Flash
Abobe Flash
 
Flash Platform
Flash PlatformFlash Platform
Flash Platform
 
Presentación2
Presentación2Presentación2
Presentación2
 
Aleja 1
Aleja 1Aleja 1
Aleja 1
 
Taller dreamweaver
Taller dreamweaverTaller dreamweaver
Taller dreamweaver
 
Trabajo 1 multimedia
Trabajo 1 multimediaTrabajo 1 multimedia
Trabajo 1 multimedia
 
Tareajimmy
TareajimmyTareajimmy
Tareajimmy
 
Tarea
TareaTarea
Tarea
 
Historia del flash carlos moya 2 b2
Historia del flash carlos moya 2 b2Historia del flash carlos moya 2 b2
Historia del flash carlos moya 2 b2
 
Tareajimmy
TareajimmyTareajimmy
Tareajimmy
 
Andres alexis canizales
Andres alexis canizalesAndres alexis canizales
Andres alexis canizales
 
Fundamentos de silverlight
Fundamentos de silverlightFundamentos de silverlight
Fundamentos de silverlight
 
Software De Adobe De DiseñO Web
Software De Adobe De DiseñO WebSoftware De Adobe De DiseñO Web
Software De Adobe De DiseñO Web
 
E:\software de adobe de diseño web
E:\software de adobe de diseño webE:\software de adobe de diseño web
E:\software de adobe de diseño web
 

Kürzlich hochgeladen

La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 

Kürzlich hochgeladen (20)

La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 

Adobe flex

  • 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.