Adobe Flex 3

Esta obra le enseñará los detalles de la construcción y la arquitectura de las Aplicaciones Ricas de Internet (RIA) con MXML y ActionScript 3.0. Entre las nuevas características de Flex 3 se incluyen las avanzadas DataGrid, WSDI Introspection, la modularización de la aplicación Flex, la utilización de Flex Profiler y las opciones para utilizar su proyecto Flex con AIR (Adobe Integrated Runtime).

Con este libro aprenderá a construir, utilizar y depurar Aplicaciones Ricas de Internet, utilizar el potente lenguaje MXML para diseñar aplicaciones, crear componentes personalizados de la interfaz de usuario, tanto con MXML como con ActionScript, conectarse con datos reales a través de XML, servicios Web basados en SOAP y servidores remotos, entre otros muchos aspectos.

Además, en el CD-ROM adjunto encontrará una versión de evaluación especialmente configurada de ColdFusion Developer Edition, además de los ejemplos con los que podrá poner en práctica sus conocimientos.

Agradecimientos
Sobre los autores

Prólogo

Introducción
Requisitos previos
Resumen
Notas técnicas
¿A quién está dirigido este libro?
Aplicación del proyecto
Elementos estándar del libro
Instrucción y certificación autorizada de Adobe
Qué aprenderá
Requisitos mínimos del sistema
Windows
Macintosh
Comparación entre Flex Builder 3 Pro y Flex Builder 3 Standard

1. ¿Qué son las Aplicaciones Ricas de Internet?
La evolución de las aplicaciones informáticas
Dejar atrás la arquitectura basada en la página
Ventajas de las Aplicaciones Ricas de Internet
Directores de empresas
Organismos de las Tecnologías de la Información
Usuarios finales
Tecnologías RIA
AJAX: Asynchronous JavaScript and XML (JavaScript y XML Asíncronos)
Flash
Flex
Windows Presentation Foundation, XAML, Silverlight y Expression

2. Cómo empezar
Empezar con el desarrollo de una aplicación Flex
Crear un proyecto y una aplicación MXML
Flex Builder 3 Workbench
Ejecutar la aplicación
Crear una segunda página de aplicación y trabajar en modo Design
Preparación para el siguiente capítulo
Resumen

3. Diseño de la interfaz
Los contenedores
Configurar la aplicación de comercio electrónico utilizando el modo Design
Trabajar con formatos basados en restricciones
Utilizar las restricciones con el contenedor ascendiente
Utilizar restricciones mejoradas
Trabajar con View States
Controlar View States
Configurar una aplicación en el modo Source
Añadir y controlar View States con MXML
Resumen

4. Utilizar controles simples
Introducción a los controles simples
Visualizar imágenes
Construir una vista detallada
Utilizar la vinculación de datos para unir una estructura de datos a un control simple
Utilizar un contenedor Form para diseñar los controles simples
Añadir botones de opciones y campos de datos a Dashboard
Resumen

5. Manejar eventos y estructuras de datos
El manejo de eventos
Entender un ejemplo sencillo
Manejar el evento con una función ActionScript
Pasar datos cuando se llama a la función que maneja los eventos
Construir una estructura de datos en el evento creationComplete
Utilizar datos desde el objeto evento
Construir una clase ActionScript personalizada
Construir un value object
Construir un método para crear un objeto
Construir clases ShoppingCart
Resumen

6. Utilizar datos remotos XML con controles
Recuperar datos XML con HTTPService
Crear un objeto HTTPService
Invocar al método send()
Utilizar los datos devueltos
Cuestiones relacionadas con la seguridad
Recuperar datos XML mediante HTTPService
Rellenar un ArrayCollection con datos HTTPService
Utilizar ArrayCollections
Utilizar colecciones como proveedores de datos
Rellenar un control ComboBox y añadir una opción de forma programática
Utilizar datos XML con un control Tree
Entender los operadores E4X
Rellenar un control Tree con datos XML
Recuperar datos XML y transformarlos en un ArrayCollection de objetos personalizados
Utilizar la vinculación de datos con estructuras de datos complejas
Manipular los datos del carro de la compra
Añadir elementos al carro
Clasificar elementos en un ArrayCollection
Añadir un elemento o actualizar la cantidad
Utilizar un cursor para localizar un elemento ShoppingCart
Comprobar si hay que añadir o actualizar un elemento
Devolver un valor booleano con un elemento que ya está en el carro
Comprobar si un elemento ya está en el carro
Actualizar la cantidad si el elemento ya está en el carro
Añadir un botón Remove
Resumen

7. Crear componentes con MXML
Introducción a los componentes MXML
Entender los aspectos básicos para crear un componente personalizado
Crear un componente personalizado paso a paso
Utilizar componentes personalizados en la arquitectura de la aplicación
Crear un componente para actualizar/eliminar productos e instanciarlos
Información de producto emergente cuando hacemos clic en los botones Actualizar y Eliminar
Crear otro objeto value
Crear un componente gestor de datos para las tres aplicaciones
Utilizar el nuevo componente gestor de datos
Implementar la funcionalidad Add Product
Crear y utilizar un componente para la aplicación Dashboard
Resumen

8. Utilizar controles y repetidores con conjuntos de datos
Utilizar conjuntos de datos
Los componentes HorizontalList y TileList
Implementar un labelFunction
Implementar un itemRenderer
Visualizar las categorías utilizando HorizontalList e itemRenderer
Visualización de productos de la tienda de comestibles basada en una selección de categorías
Utilizar un Repeater para transmitir un conjunto de datos
Recuperar datos desde componentes repetidos
Componentes de direccionamiento construidos por un Repeater
Diferencias de rendimiento entre TileList y Repeater
Visualización de elementos de la tienda según su categoría
Codificar estados para visualizar una información detallada del producto
Colocar productos en el carro de la compra
Resumen

9. Utilizar eventos personalizados
Ventajas de una arquitectura loosely coupled
Despachar eventos
Declarar eventos para un componente
Identificar la necesidad de las clases de eventos personalizados
Construir y utilizar CategoryEvent
Crear y utilizar la clase ProductEvent
Utilizar ProductEvent para eliminar un producto del carro
Utilizar ProductEvent para añadir un producto al carro
Flujo de eventos y la propagación de eventos
Resumen

10. Crear componentes personalizados con ActionScript 3.0
Introducción a la construcción de un componente con ActionScript 3.0
Crear la estructura de la clase
Redefinir el método createChildren()
Crear un Button en ActionScript
Utilizar el método addChild() para añadir Button a nuestro componente
Chrome y rawChildren
Utilizar addChild() en rawChild para añadir elementos a chrome
El tamaño y la posición en Flex
Entender el método measure()
Redefinir el método updateDisplayList()
Resumen

11. Utilizar DataGrids e Item Renderers
Introducción a DataGrids e Item Renderers
Añadir un DataGrid genérico a ChartPod
Añadir llamadas HTTPService a Dashboard
Visualización del carro de la compra con un DataGrid
Añadir un control de edición en línea para DataGridColumn
Crear un item renderer MXML para visualizar el producto
Crear un Item Renderer MXML en línea para visualizar el botón Remove
Actualizar ShoppingCartItem y las funciones Set y Get
Utilizar AdvancedDataGrid
Clasificar AdvancedDataGrid
Clasificar en el modo Expert
Dar formato a AdvancedDataGrid
Aplicar estilo a las columnas
Aplicar estilo a las filas
Aplicar estilo a las celdas
Agrupar datos
Agrupar datos con etiquetas
Agrupar datos con ActionScript
Visualizar resúmenes de datos
Visualizar un resumen de datos con etiquetas
Cambiar la visualización utilizando rendererProviders
Visualizar resúmenes de datos con ActionScript
Resumen

12. Arrastrar y soltar
Introducción a Drag and Drop Manager
Arrastrar y soltar entre dos DataGrid
Arrastrar y soltar entre DataGrid y List
Utilizar un componente que no permite arrastrar en una operación arrastrar y soltar
Arrastrar un elemento al carro de la compra
Resumen

13. Implementar la navegación
Introducción a la navegación
Utilizar un TabNavigator en la aplicación DataEntry
Añadir una página principal y una página de verificación a la aplicación de comercio electrónico
Crear el primer paso del proceso de verificación presentado por un ViewStack
Completar el proceso de verificación utilizando ViewStack
Resumen

14. Formateadores y validadores
Introducción a los formateadores y los validadores
Utilizar una clase Formatter para visualizar la información de moneda en la aplicación de comercio electrónico
Utilizar las clases Validator
Utilizar expresiones regulares para validar los datos (primera parte)
Utilizar expresiones regulares para validar datos (segunda parte)
Construir una clase Validator personalizada
Resumen

15. Implementar History Management y Deep Linking
Introducción a History Management
Implementar el history management dentro de un contenedor navigator
Construir un history management personalizado
Introducción a deep linking
Implementar la característica deep linking de Flex 3
Añadir deep linking a la aplicación
Resumen

16. Personalizar la apariencia de una aplicación Flex
Aplicar un diseño con estilos y pieles
Aplicar estilos
Configurar estilos en línea con atributos de etiquetas
Herencia de estilos
Configurar estilos con la etiqueta <mx:Style>
Utilizar las herramientas de Flex Builder para trabajar con CSS
Configurar estilos con archivos CSS
Cambiar CSS durante el tiempo de ejecución
Beneficios de CSS en tiempo de ejecución
Crear un SWF desde un archivo CSS
Cargar un archivo SWF CSS con StyleManager
Redefinir estilos con CSS cargadas
Componentes de pieles
Pieles gráficas
Importar pieles creadas en CS3
Pieles programáticas
Resumen

17. Trabajar con servicios Web
Introducción a la comunicación del servidor
Utilizar el modelo event de llamada al servidor remoto
Configurar una aplicación para que funcione de forma local
Utilizar un servicio Web en Dashboard
Manejar los resultados del servicio Web
Llamar a los métodos del servicio Web
Utilizar un servicio Web en la aplicación DataEntry
Utilizar Web Service IntrospectionWizard
Utilizar el código generado en su aplicación
Refactorización con Flex Builder
Completar la integración del código generado
Actualizar y eliminar productos
Resumen

18. Acceder a objetos del servidor
Cargar archivos en el servidor
Integrar el componente FileUpload con DataEntry
Utilizar un objeto remoto para guardar un orden
Actualizar las instrucciones del compilador de Flex
Despachar un evento de confirmación de pedido en el proceso de verificación
Crear y llamar a un objeto remoto
Transmitir ShoppingCart al componente Checkout
Cambiar el estado de la aplicación de vuelta a la pantalla de bienvenida
Definir objetos ActionScript para objetos server
Flex Builder Data Wizards
Crear un proyecto de servidor
Resumen

19. Visualizar datos
Explorar los componentes de los gráficos de Flex
Tipos de gráficos
Paquete de gráficos
Partes de un gráfico
Configurar los gráficos iniciales
Rellenar gráficos
Especificar la serie del gráfico
Añadir ejes horizontales y verticales a los gráficos de líneas y de columnas
Añadir leyendas al gráfico
Limitar las etiquetas que aparecen en un eje
Interactuar con gráficos
Eventos Mouse-Over
Eventos Click
Eventos Selection
Añadir eventos Chart
Añadir animación a los gráficos
Personalizar la apariencia de los gráficos con estilos
Resumen

20. Crear aplicaciones modulares
Introducción a las aplicaciones modulares en Flex 3
Utilizar los módulos de Flex
Utilizar la clase Module
Sustituir el código de Checkout con una etiqueta ModuleLoader
Entender Runtime Shared Libraries (RSLs)
Entender el vinculador
Utilizar la estructura de Flex con una RSL alojada en la memoria caché
Entender el propósito de almacenar la estructura en la memoria caché
Utilizar RSL con o sin firma
Examinar el tamaño actual de las aplicaciones
Configurar la aplicación para utilizar la estructura RSL
Examinar las diferencias realizadas por la estructura RSL
Crear un proyecto Library
Añadir clases y recursos a la biblioteca
Utilizar FlexGrocerLibrary dentro de la aplicación FlexGrocer
Resumen

21. Poner en funcionamiento las aplicaciones Flex
Compilar una versión de la aplicación para ponerla en funcionamiento
Evitar la dependencia del navegador con Adobe Integrated Runtime (AIR)
Empezar con AIR
Instalar el tiempo de ejecución AIR
Instalación en Windows
Instalación en Mac OS
Instalar la primera aplicación
Crear una aplicación AIR
Crear un nuevo proyecto AIR
Colocar la aplicación Dashboard en una aplicación AIR
Personalizar la aplicación con el archivo Application.xml
Exportar el archivo AIR
Resumen

22. Crear transiciones y comportamientos
Introducción a comportamientos y transiciones
Utilizar comportamientos en los componentes
Utilizar transiciones en los estados de las vistas
Poner en funcionamiento efectos en un componente
Añadir efectos a View State
Resumen

23. Imprimir desde Flex
Introducción a la impresión desde Flex
Imprimir por primera vez desde Flex
Utilizar PrintDataGrid en un contenedor no visible
Construir una vista de impresión en un componente distinto
Escalar el documento impreso
Imprimir un recibo desde el proceso de verificación
Resumen

24. Utilizar objetos compartidos
Introducción a los objetos compartidos
Crear objetos compartidos
Leer objetos compartidos
Construir un ShareObject para almacenar datos en el carro de la compra
Leer datos desde un objeto compartido existente
Resumen

25. Depurar aplicaciones Flex
Introducción a las técnicas de depuración
Observar el intercambio de datos entre cliente y servidor
Aprender más sobre el depurador
Aprender más detalles sobre la configuración de puntos de interrupción
Examinar las variables y sus valores asociados en el depurador
Manejar errores con try-catch
Utilizar la sintaxis try-catch
Conocer los tipos de errores
Utilizar múltiples bloques catch
Ejemplo con un único bloque catch
Ejemplo de una mala práctica utilizando la clase base Error en el primer bloque catch
Utilizar la declaración finally
Utilizar la declaración throw
Crear nuestras propias clases Error
Resumen

26. Análisis de las aplicaciones Flex
Utilización de memoria en Flash Player
Asignación de memoria en Flash Player
Transmitir referencia o valor
Recolección de elementos no utilizados en Flash Player
Recolección de elementos no utilizados
Entender las fugas ocasionadas por los escuchadores de eventos
Utilizar las referencias débiles con escuchadores
Análisis de la memoria una aplicación Flex
Revisar la aplicación ProfilerTest
UpdateManager.as
ImageDisplay.mxml
ProfilerTest.mxml
Análisis de la aplicación ProfilerTest
Corregir la clase ImageDisplay
Análisis del rendimiento de una aplicación Flex
Analizar la aplicación ProfilerTest
Arreglar la clase ProfilerTest
Resumen

Apéndice. Instrucciones de instalación
Instalar productos Flex
Instalar los archivos de los capítulos
Instalar el servidor ColdFusion
Windows
Macintosh
Iniciar el servidor ColdFusion
Instalar Flash Debug Player
Windows
Macintosh

??ndice alfabético