UNIVERSIDAD DE COSTA RICA

SEDE DEL PACIFICO

21 de Mayo del 2011

Adobe Flash Builder

Gustavo Castillo Mora A73270

Raúl Barrantes Elizondo A60744 José A. Hidalgo Porras A73270 René Arguedas Mejías A70565

1

Contenido

Introducción ........................................................................................................................................ 2

Objetivos: ............................................................................................................................................ 3

¿Qué es Adobe Flash Builder? ............................................................................................................. 4

Versiones ............................................................................................................................................. 4

Flex Builder 1.0 ................................................................................................................................ 4

Flex Builder 2.0 ................................................................................................................................ 5

Flex Builder 3.0 ................................................................................................................................ 5

Flash Builder 4.0 .............................................................................................................................. 7

Flash Builder 4.5 .............................................................................................................................. 9

¿Por qué Adobe cambio el nombre de Flex Builder a Flash Builder? ........................................... 11

Ventajas Flash Builder ................................................................................................................... 11

Requisitos Mínimos: ...................................................................................................................... 13

Conclusión ......................................................................................................................................... 14

Referencias ........................................................................................................................................ 15

2

Introducción

Dadas las nuevas tecnologías cada día podemos innovar nuestra madera de

desarrollar software, en el campo informático se desarrollan muchas herramientas

para tratar de generar sistemas cada vez más específicos, que se adapten a las

necesidades de los usuarios. Una de estas herramientas es Flash Builder que nos

ayuda increíblemente a desarrollar aplicaciones multiplataforma ya sea para

aplicaciones web o de escritorio. Ambas con aspecto muy llamativo y de rápido

desarrollo para cubrir las nuevas necesidades de los usuarios.

3

Objetivos:

Explicar el funcionamiento de Flash Builder y como facilita la programación

a los desarrolladores que la utilizan.

Mencionar las versiones de Flash Builder que ha lanzado Adobe y las

características generales de la herramienta.

Mostrar un ejemplo desarrollado con Flash Builder.

4

¿Qué es Adobe Flash Builder?

Está diseñado para ayudar a los desarrolladores de software a crear rápidamente

aplicaciones de Internet enriquecidas (RIA) multiplataforma y contenidos,

utilizando el marco de trabajo de código abierto de Flex. Incluye compatibilidad

con la codificación inteligente, la depuración y el diseño visual, y presenta potentes

herramientas de prueba que agilizan el desarrollo y hacen que las aplicaciones

tengan un rendimiento más elevado.

El software Adobe Flash Builder acelera el desarrollo de aplicaciones Flex. Es una

herramienta de desarrollo basada en Eclipse que permite una codificación

inteligente, interactivo paso a través de la depuración, y el diseño visual del diseño

de la interfaz de usuario, la apariencia y comportamiento de los acuerdos de

integración regional. Esta aplicación también integra la completa estructura de

Flex, así como su biblioteca de componentes, los compiladores o depuradores.

Versiones

Flex Builder 1.0

Flex Builder es el IDE de Macromedia para el desarrollo de aplicaciones Flex. Los

diseñadores y los desarrolladores pueden ser más productiva la creación de

aplicaciones Flex a través de una estrecha integración entre el IDE y el servidor.

Los desarrolladores pueden aprender MXML y el código de tipo más rápida y

precisa utilizando el código de Flex Builder insinuando función. Más orientado a

programadores visual puede utilizar el arrastrar y soltar la vista Diseño para

establecer rápidamente interfaces de Flex y el estilo usando CSS. El apoyo visual

de los datos obligatorios en Flex Builder le ayuda a cableado de su aplicación a los

servicios web y otras fuentes de datos. Flex Builder también tiene un depurador de

5

ActionScript y un monitor de tráfico de la red para ayudar a depurar aplicaciones

Flex. Sin embargo, Flex Builder no es un IDE Java, no ayuda a construir la lógica

de negocio o servicios web.

Flex Builder 2.0

Potentes herramientas de codificación - Desarrollar aplicaciones ricas

utilizando un potente IDE basado en Eclipse que incluye editores de MXML,

ActionScript y CSS, proporcionando coloreado de sintaxis, la finalización de

instrucciones, el colapso de código, soluciones rápidas, y más.

Compilador integrado - Aumento de la productividad del desarrollador

mediante la aceleración del ciclo de depuración-construir y proporcionar los

informes de errores inmediatos utilizando el compilador incremental integrado.

Depuración interactiva - rápidamente localizar y resolver problemas

utilizando el depurador integrado para establecer puntos de interrupción,

inspeccionar variables y expresiones, los valores de cambio, y controlar los

mensajes de seguimiento.

Diseño visual rico - Ensamble y vista previa de interfaces de aplicaciones

de Flex en vista de diseño con una rica biblioteca de built-in o componentes

personalizados.

Rica visualización de datos - Crear paneles de control y análisis de datos

interactivos con sólo arrastrar y soltar un tipo de gráfico y su vinculación con un

origen de datos utilizando la biblioteca de gráficos de Flex, disponible como un

add-on de Flex Builder 2, ni como producto independiente-stand.

Flex Builder 3.0

El soporte nativo para Adobe AIR ™ ® - Flex Builder 3 agrega soporte

para Adobe AIR, que permite a los desarrolladores usar sus habilidades de

desarrollo web existentes en HTML, AJAX, Flash y Flex para crear y desplegar

6

aplicaciones RIA en el escritorio. Adobe AIR características incluyen la creación de

proyectos AIR y exportar en formato de versión de lanzamiento de AIR.

Soporte para Flash Player 10 - FlexBuilder 3.0.2 añade soporte para

Adobe Flash Player 10.

Incorpora compatibilidad de refactorización, perfiladores de nuevo para el

funcionamiento y ajuste de memoria, y la generación de herramientas de código

de acceso a datos.

La integración con Creative Suite 3 - desollado Nuevas plantillas para

Adobe Photoshop, Illustrator, Fireworks y Flash están disponibles. Incorpora

nuevos asistentes para la importación de los activos de las aplicaciones CS3 como

pieles.

Los nuevos asistentes para acceder a datos en servidores remotos -

Los asistentes le guiarán en la conexión a la base de datos y ofrece la opción de

servidor de generación del lado de PHP, Java, ColdFusion, o el código de

ASP.NET para exponer sus datos. El asistente también genera todo el código

MXML y ActionScript necesario para alimentar una base de aplicaciones Flex que

se muestra estándar de las operaciones CRUD con los datos en el servidor

mediante simples llamadas REST. A continuación, puede mejorar el código

generado para incorporar en sus aplicaciones.

SOAP Web Services Enhancements agrega soporte para servicios Web

de introspección para simplificar el acceso de datos de servicios web. Genera

automáticamente código para permitir la invocación fácil y el manejo de

operaciones de servicios web. Además de ofrecer sugerencias para el código de

los métodos que se puede llamar a un servicio, el código generado se deserializar

respuestas en objetos inflexible de tipos para su incorporación en el resto de la

aplicación de Flex.

Mejora la vista de diseño Flex Builder - La vista de diseño Flex Builder se

ha mejorado con precisión el punto vista previa extracción de grasas. Hay pan y

nuevas herramientas de zoom para facilitar la manipulación de grano más fino ..

7

CSS Vista Diseño - La nueva vista de diseño CSS permite a los usuarios

de Flex Builder para manipular gráficamente las pieles y los estilos de los

componentes Flex. CSS Vista Diseño incluye herramientas para especificar estilos

para propiedades de los componentes.

Flex Ajax Puente Wizard - Flex Builder 3 proporciona un asistente que

utiliza la biblioteca Ajax Flex para generar llamadas JavaScript en una aplicación

de Flex. Esto permite a los desarrolladores de JavaScript para llamar a la

aplicación Flex sin necesidad de conocer las interioridades de la aplicación.

Flash Builder 4.0

Potentes herramientas de codificación: Desarrolle contenido con un

potente entorno de desarrollo integrado (IDE, por sus siglas en inglés) basado en

Eclipse™ que incluye editores de MXML, el lenguaje ActionScript® y CSS;

además de colores de sintaxis, finalización de expresiones de programación,

contracción del código, depuración interactiva estratificada y generación

automática de códigos comunes.

Diseño visual sofisticado: Efectúe labores de diseño visual y previsualice

la distribución de los distintos elementos de la interfaz de usuario, así como su

aspecto y comportamiento, mediante una nutrida biblioteca de componentes

integrados. Amplíe los componentes integrados del marco de trabajo de Flex o

cree unos nuevos en caso de que fuera necesario. Importe interfaces de usuario

de aplicaciones funcionales creadas con la herramienta de diseño interactivo de

Adobe Flash Catalyst™.

Desarrollo centrado en los datos: Analice los servicios de Java™, PHP,

Adobe ColdFusion®, REST y SOAP para mostrar métodos y propiedades en el

nuevo explorador de datos/servicios. Agrupe métodos con los componentes de la

interfaz de usuario con sólo arrastrar y soltar.

Visualización interactiva de datos: Cree tableros de datos y análisis

interactivos de datos con sólo arrastrar un tipo de gráfico, soltarlo y vincularlo al

origen de datos utilizando la biblioteca de gráficos para Flex. Utilice la cuadrícula

de datos avanzada para que los usuarios puedan explorar datos complejos.

8

Aplicación de aspectos y estilos: Personalice la apariencia de una

aplicación utilizando CSS y editores de propiedades gráficas. Defina con rapidez

las propiedades más usadas y previsualice los resultados en la vista Diseño.

Navegue por los temas disponibles y aplíquelos a su proyecto con el nuevo

navegador de temas.

Integración con las herramientas de diseño de Adobe Creative Suite:

Importe activos de diseño creados mediante el software Adobe Flash Professional,

Illustrator®, Photoshop® o Fireworks®, o importe una interfaz de usuario de

aplicación completa creada con Flash Catalyst. Un nuevo flujo de trabajo entre

Flash Professional y Flash Builder facilita la importación y actualización de

componentes personalizados de Flex.

Compatibilidad original con Adobe AIR: Cree aplicaciones para el tiempo

de ejecución de Adobe AIR® con Flash Builder 4, incluidas todas las herramientas

necesarias para crear, depurar, agrupar y firmar las aplicaciones de AIR. Adobe

AIR le permite desarrollar rápidamente aplicaciones de Internet sofisticas (RIA, por

sus siglas en inglés) para el escritorio utilizando las mismas habilidades y código

base que utiliza para crear RIA para el explorador.

Refactorización del código mejorado: Navegue rápidamente a través del

código o vuelva a estructurarlo cambiando el nombre de todas las referencias

según una clase, un método o una variable. Flash Builder 4 incorpora la

refactorización de movimiento.

Potentes herramientas de prueba mejorado: Acelere el rendimiento de

las aplicaciones utilizando visores de rendimiento y memoria que controlan y

analizan el consumo de memoria y los ciclos de CPU. Además, dispone de

compatibilidad con herramientas automatizadas de pruebas funcionales como HP

QuickTest Professional.

Control de la red nuevo: Genere un historial detallado de auditoría de

todos los datos que se han transmitido entre la aplicación local de Flex y el

sistema administrativo, participando en el ajuste del rendimiento y la depuración.

Servicios avanzados de datos: Utilice BlazeDS, de código abierto, para

añadir un transporte de datos binario de alto rendimiento y basado en HTTP, o

9

incorporar el módulo Adobe LiveCycle® Data Services ES2 para la mensajería

pub/sub y el envío de datos en tiempo real.

Creación de la línea de comandos nuevo: Utilice la nueva función de

creación de la línea de comandos para automatizar su proceso de creación.

Integración con la prueba de unidad de Flex nuevo: Automatice las

pruebas funcionales utilizando un marco de trabajo de prueba de unidad de Flex.

Flash Builder 4.5

Potentes herramientas de codificación: Desarrollar mediante un potente

IDE basado en Eclipse que incluye editores de MXML, el lenguaje ActionScript y

CSS, así como coloreado de sintaxis, la finalización de instrucciones, el colapso

de código, interactivo paso a través de la depuración y la generación automática

de código común.

Rica visual de diseño: Diseño visual y el diseño de un fragmento de

interfaz de usuario, la apariencia y el comportamiento con una amplia biblioteca de

componentes integrados. Amplíe la incorporada en el marco de los componentes

Flex o crear otros nuevos cuando sea necesario. Importación funcional de

aplicación de interfaz de usuario creados con Adobe Flash interacción catalizador

herramienta de diseño.

El soporte nativo para Adobe AIR: Crear aplicaciones para el tiempo de

ejecución de Adobe AIR con Flash Builder, incluyendo todas las herramientas

necesarias para crear, depurar, agrupar y firmar las aplicaciones de AIR. Adobe

AIR permite desarrollar rápidamente aplicaciones RIA para el escritorio utilizando

las mismas habilidades y código base que se utiliza para construir RIAs para

exploradores.

Refactorización de código: Navegar rápidamente a través del código o

reestructurar por cambiar el nombre de todas las referencias a una clase, método

o variable. Flash Builder agrega refactorización movimiento.

Introspección del desarrollo de datos centrados en: Java, PHP, Adobe

ColdFusion, REST, SOAP y servicios para mostrar los métodos y propiedades en

10

el nuevo Data Explorer / servicio. Obligar a los métodos a los componentes de

interfaz de usuario mediante un sencillo método de arrastrar y soltar.

Interactivo de visualización de datos: Cree tableros de datos y análisis

de datos interactivos con sólo arrastrar y soltar un tipo de gráfico y su vinculación

con un origen de datos ut ilizando la biblioteca de Flex Charting. Utilice la potente

cuadrícula de datos avanzada para permitir a los usuarios explorar datos

complejos.

De aspectos y estilos mejoradas: Personalizar la apariencia de una

aplicación mediante CSS y editores gráficos de propiedad. De forma rápida la

mayoría de las propiedades de uso común y previsualizar los resultados en la vista

Diseño. Examinar los temas disponibles y los aplican a su proyecto usando el

nuevo navegador de tema.

La integración con herramientas de diseño Adobe Creative Suite: Los

activos de diseño de importación creado con Adobe Flash Professional, Illustrator,

Photoshop, o software de fuegos artificiales, o importar un interfaz de la aplicación

completa del usuario creados con Flash Catalyst. Un nuevo flujo de trabajo entre

Flash Professional y Flash Builder facilita la importación y la actualización de

componentes de Flex personalizados.

Componentes de Spark: Spark es un nuevo modelo de componentes de

Flex que proporciona una separación completa entre la apariencia y la

funcionalidad, por lo que permite que cada una se pueda cambiar de forma

independiente sin que la otra se vea afectada. Esta nueva arquitectura de

aspectos y componentes se asienta sobre la actual arquitectura MX y proporciona

un mecanismo mucho más eficiente para que los desarrolladores y diseñadores

colaboren entre sí con objeto de controlar la apariencia de sus aplicaciones Flex.

Actualmente, Spark cuenta con alrededor de 40 componentes y primitivas, lo cual

constituye los fundamentos de los componentes de nueva generación. Spark

también permite que los desarrolladores y diseñadores compartan proyectos

gracias a Flash Catalyst y Flash Builder.

11

¿Por qué Adobe cambio el nombre de Flex Builder a Flash Builder?

Cambiaron el nombre de Flex Builder para reflejar el cada vez más importante

papel que desempeña en el desarrollo de aplicaciones para dispositivos móviles,

web y de escritorio para la plataforma Flash. Mientras que los desarrolladores de

ActionScrip utilizan Flash Builder para crear y probar las aplicaciones Flex, los

desarrolladores de ActionScrip utilizan Flash Builder para escribir, editar y probar

ActionScrip durante la creación de contenidos interactivos y en aplicaciones para

dispositovos móviles. El papel que desempeña en el marco de trabajo Flex

también está adquiriendo cada vez importancia en la plataforma Flash, puesto que

ahora proporciona el marco de trabajo subyacente tanto para Flash Catalyst como

para Flash Buider. Con Flash Builder, los desarrolladores pueden escribir código

en ActionScrip o en MXML. Por lo tanto, este cambio de nombre permite reflejar

de una manera más precisa las opciones de lenguaje de que dispone la

herramienta.

Ventajas Flash Builder

La plataforma Flash permite a las organizaciones crear aplicaciones web

más intuitivas y atractivas para sus clientes, partners y empleados, y les ayuda a

comprender mejor y usar de manera más eficiente los datos y la información para

reforzar las principales actividades de negocio. Todo ello redundará en una mejora

de la productividad, la satisfacción y la efectividad.

Flex puede utilizarse para añadir riqueza incremental, ya sea incorporando

microaplicaciones o componentes en los sitios web existentes, o bien

revolucionando completamente su experiencia web mediante aplicaciones

embebidas de una sola pantalla. Y todo gracias a una única inversión.

Las aplicaciones Flex aprovechan los tiempos de ejecución de la plataforma

Flash, incluyendo Adobe Flash Player y Adobe AIR. Estos están instalados en más

de un 98 % de los escritorios conectados a Internet.

La plataforma Flash es la plataforma de desarrollo de aplicaciones de

Internet sofisticadas (RIA) líder en su sector. Desde hace siete años, se utiliza con

éxito en empresas de todo el mundo. Las compañías de software más importantes

12

del mundo usan Flex en sus propios productos, lo que demuestra su tecnología

puntera.

Plantillas de código: Aproveche las plantillas de código de prácticas

recomendadas, o fragmentos, para ActionScript, MXML y CSS. Utilice la función

de asistencia de contenido para revisar las plantillas disponibles e insertarlas en el

código. Cree plantillas de código personalizadas e impórtelas o expórtelas para

compartirlas dentro de su equipo o con otros equipos.

Finalización de códigos de metadatos: Mejore la función de asistencia de

contenido con la finalización de códigos de metadatos, que presenta una serie de

propuestas tanto para Flex SDK como para las etiquetas de metadatos

personalizadas. Los ciclos de propuestas de ActionScript permiten visualizar con

facilidad conjuntos agrupados de plantillas, variables, funciones, clases, etc. a la

hora de usar la asistencia de contenido.

Generación de código: Utilice la asistencia/corrección rápidas para

renombrar y manipular variables, generar captadores/establecedores y

controladores de eventos, organizar importaciones, y otras muchas cosas. Utilice

la función de anulación/implementación para definir los métodos desde una

superclase o interfaz.

Interfaz personalizable de Flash Builder: Personalice el modo en que Flash

Builder genera código MXML y ActionScript; especifique teclas accionadoras para

invocar la asistencia de contenidos, teclas para aceptar las sugerencias de

autocompletar y versiones independientes de Adobe Flash Player para iniciar y

depurar; y utilice componentes SWC de FlexUnit.

13

Requisitos Mínimos:

Para Windows (ediciones Standard y Premium)

Procesador a 2 GHz o más rápido

Microsoft® Windows® XP con Service Pack 3, Windows Vista® Ultimate o

Enterprise (32 o 64 bits ejecutándose en el modo de 32 bits), Windows

Server® 2008 (32 bits), o Windows 7 (32 o 64 bits ejecutándose en el modo

de 32 bits)

1 GB de RAM (se recomiendan 2 GB)

1 GB de espacio disponible en el

Java™ Virtual Machine (32 bits): IBM® JRE 1.5, Sun™ JRE 1.5, IBM JRE

1.6 o Sun JRE 1.6

Resolución de 1.024 x 768 (se recomiendan 1.280 x 800) con tarjeta de

vídeo de 16 bits

Unidad de DVD-ROM

Eclipse 3.4.2 o 3.5 (para la instalación de plug-ins)

14

Conclusión

Flash Builder nos viene a facilitar la construcción de software y nos permite

interactuar con otras herramientas para diseñar de diferentes maneras nuestros

proyectos.

Permite crear rápidamente aplicaciones de Internet enriquecidas (RIA)

multiplataforma, utilizando el marco de trabajo de código abierto de Flex. Incluye

compatibilidad con la codificación inteligente, la depuración y el diseño visual, y

presenta potentes herramientas de prueba que agilizan el desarrollo y hacen que

las aplicaciones tengan un rendimiento más elevado.

Sin discusión alguna es muy positivo el aporte que hace esta herramienta para el

desarrollo de software y es una muy buena opción aprender a utilizarla para

sacarle el mayor provecho posible.

15

Referencias

http://www.adobe.com/support/documentation/en/flex/builder/releasenotes_f

b15.html

http://www.adobe.com/support/documentation/en/flex/3/releasenotes_flex3_

fb.html

http://www.adobe.com/support/documentation/en/flex/2/releasenotes_flex2_

fb.html

http://www.taringa.net/posts/downloads/5022440/Adobe-Flash-Builder-

Premium-4_0-Final-Full.html

http://sharingcentre.net/forum/288670-adobe-flash-builder-premium-4-5-

multilingual/