Tecnologías Adobe RIA 25 de Febrero 2008 www.bafusers.com.ar

Tecnología Adobe RIA Desarrollo consistente en todos los browsers y ahora en el escritorio Experiencias de gran participación, alta interacción Alta productividad de desarrollo Productividad Diseñador  Desarrollador Adobe Flex www.bafusers.com.ar

Desarrollo consistente en todos los browsers y ahora en el escritorio

Experiencias de gran participación, alta interacción

Alta productividad de desarrollo

Productividad Diseñador  Desarrollador

Plataforma de Tecnología Adobe Herramientas de Diseño Creative Suite 3 Flex ® Builder Servidores ColdFusion LiveCycle Flash Media Server Flash Cast Scene7 Aplicaciones Adobe Media Player Frameworks Clientes Adobe AIR Adobe Flash Player Adobe Buzzword Acrobat Connect Ajax Flex www.bafusers.com.ar

Gran Alcance en el Mundo Calidad de experiencia consistente, más allá del sistema operativo 10+ años ofreciendo consistencia en los productos multiplataforma Disponible en más escritorios y dispositivos que cualquier otro sistema operativo. Flash : 99% de las PCs conectadas y 8 mill. de instalaciones por día. www.bafusers.com.ar

2) Diseño inicial 3) Desarrollo 4) Ajustes de diseño Diseñador Visual 1) comps + viñetas Desarrollador (Thermo) Workflow Diseñador - Desarrollador Diseño de Producción www.bafusers.com.ar

Lo que viene: Thermo Hace fácil para diseñadores la creación de interfaces interactivas que irán después a desarrollo Interfaz y funciones similares a la de un producto del Adobe Creative Suite Permite a los diseñadores diseñar interacciones de forma visual Crea aplicaciones que luego puede pasar a desarrollo directamente Escenarios de Alto Nivel de Uso Usar herramientas de dibujo para crear marcos o importar desde Creative Suite Transforma trabajos estáticos en componentes para aplicaciones Flex Define estados y transiciones de forma visual y fácil Envía prototipos a los desarrolladores manteniendo el control del diseño En Desarrollo

Hace fácil para diseñadores la creación de interfaces interactivas que irán después a desarrollo

Interfaz y funciones similares a la de un producto del Adobe Creative Suite

Permite a los diseñadores diseñar interacciones de forma visual

Crea aplicaciones que luego puede pasar a desarrollo directamente

Escenarios de Alto Nivel de Uso

Usar herramientas de dibujo para crear marcos o importar desde Creative Suite

Transforma trabajos estáticos en componentes para aplicaciones Flex

Define estados y transiciones de forma visual y fácil

Envía prototipos a los desarrolladores manteniendo el control del diseño

altamente productivo, framework open source para aplicaciones web expresivas que se desenvuelven en todos los browsers y en el escritorio con Adobe AIR www.bafusers.com.ar ADOBE FLEX 3

altamente productivo, framework open source para aplicaciones web expresivas que se desenvuelven en todos los browsers y en el escritorio con Adobe AIR

Dónde es usado Flex Configuración de Producto Rich Media Applications Visualización de Datos Aplicaciones de Autor Selección de Productos Aplicaciones de Negocios www.bafusers.com.ar

Entendiendo Flex 2 lenguajes MXML (biblioteca de ActionScript) ActionScript 3 Compiladores Debuggers Rich Component Library www.bafusers.com.ar Flex Builder IDE Flex Builder IDE Eclipse Plugin o instalador Acelera el Diseño Vista Diseño y Vista Código Flex SDK Flex Class Library MXML ActionScript Debuggers

2 lenguajes

MXML (biblioteca de ActionScript)

ActionScript 3

Compiladores

Debuggers

Rich Component Library

Flex Builder IDE

Eclipse Plugin o instalador

Acelera el Diseño

Vista Diseño y Vista Código

Cómo trabaja Flex en el Browser Flex Builder IDE Flex Class Library MXML ActionScript Compila Infraestructura & Aplicaciones Existentes J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services www.bafusers.com.ar Flex SDK SOAP HTTP/S AMF/S RTMP/S Web Server Browser Flash Player

Cómo trabaja Flex en el Escritorio Flex Builder IDE Flex Class Library MXML ActionScript Compila & Empaqueta Estructura y Aplicaciones Existentes J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services www.bafusers.com.ar Flex SDK SOAP HTTP/S AMF/S RTMP/S Web Server Escritorio AIR Cliente Runtime Files SQLite Notifications Clipboard

Adobe Flex Builder 3 – Productividad del Desarrollador IDE basado en Eclipse Indicación de código, debugging interactivo UI Visual para diseño y comportamientos Importar assets de Adobe CS3 Edición Profesional agrega: Perfiles de memoria y rendimiento Componentes de gráficos, datagrid avanzado Compatibilidad con pruebas funcionales automatizadas Standard US$249/$99 Professional US$699/$299 www.bafusers.com.ar

IDE basado en Eclipse

Indicación de código, debugging interactivo

UI Visual para diseño y comportamientos

Importar assets de Adobe CS3

Edición Profesional agrega:

Perfiles de memoria y rendimiento

Componentes de gráficos, datagrid avanzado

Compatibilidad con pruebas funcionales automatizadas

Nuevo en ADOBE FLEX 3 www.bafusers.com.ar

Nuevo en

Flex 3 es Open Source Open Source Flex SDK SDK (framework, compiler, y debugger) está disponible bajo Mozilla Public License (MPL) Base pública de Bugs, Roadmap y desarrollos diarios opensource.adobe.com/flex Innovación Open Source Invita a la participación activa desde la comunidad de desarrollo Flex Permite proyectos open source destinados a extender Flex y a embeberlo en éstos Permite a pequeños ISVs empaquetar con el Flex SDK sin costo Agrandando el mercado Flex Licencias no-open source SDK disponibles para ISVs comerciales que lo requieran Estrategias para motivar y fomentar el uso de Flex Expandir el mercado para productos comerciales Flex y partners Open Source BlazeDS Flex remoting y mensajería Lesser General Public License (LGPL) v3 Desarrollos certificados y soporte corporativo. Base pública de Bugs y desarrollos diarios opensource.adobe.com/blazeds www.bafusers.com.ar

Open Source Flex SDK

SDK (framework, compiler, y debugger) está disponible bajo Mozilla Public License (MPL)

Base pública de Bugs, Roadmap y desarrollos diarios

opensource.adobe.com/flex

Innovación Open Source

Invita a la participación activa desde la comunidad de desarrollo Flex

Permite proyectos open source destinados a extender Flex y a embeberlo en éstos

Permite a pequeños ISVs empaquetar con el Flex SDK sin costo

Agrandando el mercado Flex

Licencias no-open source SDK disponibles para ISVs comerciales que lo requieran

Estrategias para motivar y fomentar el uso de Flex

Expandir el mercado para productos comerciales Flex y partners

Open Source BlazeDS

Flex remoting y mensajería

Lesser General Public License (LGPL) v3

Desarrollos certificados y soporte corporativo.

Base pública de Bugs y desarrollos diarios

opensource.adobe.com/blazeds

Flex 3 – Puntos Principales Diseñadores y Desarrolladores Aplicaciones Híbridas Internet - Escritorio Evolución del Framework Análisis de Datos www.bafusers.com.ar

Diseñadores y Desarrolladores – Integración Creative Suite 3 Importar activos en Flex Builder Crear componentes Flex en Flash CS3 MXML y CSS Asistente de Importación genera los códigos necesarios para el componente CS3 permite crear fácilmente skins para componentes Desarrolladores Flash pueden empaquetar trabajos como componentes Flex www.bafusers.com.ar

Diseñadores y Desarrolladores – Mejoras Vista Diseño Editor Visual CSS Estados de componentes en una sola vista Editar las propiedades CSS gráficamente Vista Diseño - Avances Herramientas pan y zoom Mejoras de las limitaciones del editor Mejora de la selección de color Mayor fidelidad de fuentes www.bafusers.com.ar

Editor Visual CSS

Estados de componentes en una sola vista

Editar las propiedades CSS gráficamente

Vista Diseño - Avances

Herramientas pan y zoom

Mejoras de las limitaciones del editor

Mejora de la selección de color

Mayor fidelidad de fuentes

Diseñadores y Desarrolladores – Mejoras Adicionales Mejora de las Limitaciones de Modelo Alinear los componentes con cualquier margen o coordenada horizontal o vertical Soporte para la alineación de referencia Mejoras del Modelo de Skins Nuevos estados para modifificar Asimilación a un sólo componente Soporta Fuentes OpenType Embeber fuentes OpenType en aplicaciones Flex www.bafusers.com.ar

Mejora de las Limitaciones de Modelo

Alinear los componentes con cualquier margen o coordenada horizontal o vertical

Soporte para la alineación de referencia

Mejoras del Modelo de Skins

Nuevos estados para modifificar

Asimilación a un sólo componente

Soporta Fuentes OpenType

Embeber fuentes OpenType en aplicaciones Flex

Trabajando con Datos – Componentes de Datos Flex DataGrid Avanzado Disposición jerárquica de datos Agrupamiento y clasificación flexible Celdas/pilas/columnas customizables Mejoras de Gráficos Gráficos orientados por APIs Etiquetas y contenido por ítem Selección por regiones Nuevos Efectos para Listas y Datos Aparición y desaparición de datos en la lista www.bafusers.com.ar

DataGrid Avanzado

Disposición jerárquica de datos

Agrupamiento y clasificación flexible

Celdas/pilas/columnas customizables

Mejoras de Gráficos

Gráficos orientados por APIs

Etiquetas y contenido por ítem

Selección por regiones

Nuevos Efectos para Listas y Datos

Aparición y desaparición de datos en la lista

ILOG Elixir – Visualización de Datos Avanzada para Flex Componentes para la visualización de gráficos de datos para aplicaciones Flex y AIR ILOG es el mayor vendedor de componentes Flex Adobe es el reseller exclusivo de ILOG Elixir Disponible en el Adobe Online Store y todos los canales Adobe Incluye visualizaciones avanzadas: Charts 3D Mapas interactivos de países para reportes y paneles Organigramas Componente de planificación y programación Gráfico de árbol para análisis visual Radar charts Medidores US$799 www.bafusers.com.ar

Componentes para la visualización de gráficos de datos para aplicaciones Flex y AIR

ILOG es el mayor vendedor de componentes Flex

Adobe es el reseller exclusivo de ILOG Elixir

Disponible en el Adobe Online Store y todos los canales Adobe

Incluye visualizaciones avanzadas:

Charts 3D

Mapas interactivos de países para reportes y paneles

Organigramas

Componente de planificación y programación

Gráfico de árbol para análisis visual

Radar charts

Medidores

Componentes ILOG Elixir www.bafusers.com.ar

Trabajando con datos – Conectando con Servicios Remotos Asistente de Conexión Genera códigos en el cliente y en el servidor para bases existentes Aplicaciones desarrolladas bajo mejores prácticas Soporta ASP.NET, ColdFusion, Java, y PHP www.bafusers.com.ar

Asistente de Conexión

Genera códigos en el cliente y en el servidor para bases existentes

Aplicaciones desarrolladas bajo mejores prácticas

Soporta ASP.NET, ColdFusion, Java, y PHP

RIAs para Escritorios – Flex y Adobe AIR Capacidades Flex AIR-compatibles Drag & Drop en el OS nativo Aplicaciones Multi-ventanas Acceso al local file system Almacenamiento en base de datos local Visualización completa para contenido HTML Apoyo Flex Builder para Desarrollos AIR Indicación de código y reportes de errores Debugging completo Empaquetado de la aplicación y firma www.bafusers.com.ar

Capacidades Flex AIR-compatibles

Drag & Drop en el OS nativo

Aplicaciones Multi-ventanas

Acceso al local file system

Almacenamiento en base de datos local

Visualización completa para contenido HTML

Apoyo Flex Builder para Desarrollos AIR

Indicación de código y reportes de errores

Debugging completo

Empaquetado de la aplicación y firma

Evolución de la Plataforma –Tamaño de la Aplicación El cache persistente del framework reduce significativamente los tamaños de las aplicaciones Flex Usuarios sólo necesitan descargar el componente Flex 3 una vez Cache de Flash Player lo almacena para cualquier sitio Flex que lo necesite Una aplicación Flex puede llegar a pesar 50KB Flash Player 9 Flash Player Cache Sitio A Custom Code Sitio B Flex 3 RSL Custom Code www.bafusers.com.ar

El cache persistente del framework reduce significativamente los tamaños de las aplicaciones Flex

Usuarios sólo necesitan descargar el componente Flex 3 una vez

Cache de Flash Player lo almacena para cualquier sitio Flex que lo necesite

Una aplicación Flex puede llegar a pesar 50KB

Evolución de la Plataforma – Herramientas avanzadas Memoria y Rendimiento Reportes de rendimieno para localizar bottlenecks. Detecta fácilmente fugas de memoria y asignación excesiva de objetos Optimiza uso de memoria: monitoreo por uso de función Replantear el Código Fuente Todas las referencias a una clase, variable o función Renombrar variables o métodos a través de proyectos o workplace Prever todos los cambios antes www.bafusers.com.ar

Memoria y Rendimiento

Reportes de rendimieno para localizar bottlenecks.

Detecta fácilmente fugas de memoria y asignación excesiva de objetos

Optimiza uso de memoria: monitoreo por uso de función

Replantear el Código Fuente

Todas las referencias a una clase, variable o función

Renombrar variables o métodos a través de proyectos o workplace

Prever todos los cambios antes

Evolución de la Plataforma – Mayor integración con el Browser JavaScript/Ajax Wrappers Incorporar fácilmente componentes Flex o microaplicaciones en sitios web existentes El asistente del Flex Builder genera código para guardar cualquier propiedad de componente Flex como JavaScript Deep Linking Actualizar automáticamente la URL del browser para representar el estado de la aplicación Permite a los usuarios marcar en puntos particulares de la aplicación o compartir URLs Integrar con el historial del browser mediante la clase Flex HistoryManager Flex JavaScript www.bafusers.com.ar

JavaScript/Ajax Wrappers

Incorporar fácilmente componentes Flex o microaplicaciones en sitios web existentes

El asistente del Flex Builder genera código para guardar cualquier propiedad de componente Flex como JavaScript

Deep Linking

Actualizar automáticamente la URL del browser para representar el estado de la aplicación

Permite a los usuarios marcar en puntos particulares de la aplicación o compartir URLs

Integrar con el historial del browser mediante la clase Flex HistoryManager

Evolución de la Plataforma – Otros Mejoras adicionales en el Flex Builder Flex Builder 3 trabaja con Flex 2.0.1 o Flex 3 SDK Mejoras significativas en el rendimiento del compilador Vista diseño extensible para componentes third-party Mejoras adicionales en el Flex Módulos de compilación para II y Apache www.bafusers.com.ar

Mejoras adicionales en el Flex Builder

Flex Builder 3 trabaja con Flex 2.0.1 o Flex 3 SDK

Mejoras significativas en el rendimiento del compilador

Vista diseño extensible para componentes third-party

Mejoras adicionales en el Flex

Módulos de compilación para II y Apache

Flex 3 Precios y Paquetes Notas Adobe® Flex™ 3 SDK Open Source Free Adobe® Flex™ Builder™ 3 Standard edition Adobe® Flex™ Builder™ 3 Professional edition $249/$99 $699/$299 Standalone o plug-in Herramientas de testing, charts, y datagrid avanzado. Gratis para estudiantes e institutos. BlazeDS – Flex Remoting and Messaging Free Open Source – BlazeDS project Precios Full/Upgrade www.bafusers.com.ar

Flex 3 Actualizaciones Free $99 $299 $299 Adobe® Flex™ Builder™ 3 Standard edition Precio Vos querés Vos tenés www.bafusers.com.ar Adobe® Flex™ 3 SDK Adobe® Flex™ Builder™ 3 Professional edition Adobe® Flex™ 2 SDK Adobe® Flex™ Builder™ 2 Adobe® Flex™ Builder™ 2 with Charting Adobe® Flex™ Builder™ 2 Adobe® Flex™ Builder™ 3 Professional edition

Clientes Adobe Flex Corporativo Web 2.0 ISVs www.bafusers.com.ar

Adobe AIR permite a los desarrolladores web usar tecnologías existentes para crear rich Internet applications para el escritorio . www.bafusers.com.ar

¿Para qué RIAs en el escritorio? Conexión persistente Funciones de Escritorio Acceso a Datos Desarrollo eficiente Experiencias de Marca www.bafusers.com.ar

El ABC de AIR A lways There, Anywhere B randed Experiences C onvenient Desktop Functionality D ata Access E fficient Development and Delivery www.bafusers.com.ar

Puntos Adobe AIR Aplicaciones Rich Broad Reach Productividad Diseñador y Desarrollador Tecnología probada www.bafusers.com.ar

Capas de la aplicación Adobe AIR Aplicaciones Cross-OS Integrated Rendering Integrated DOMs & Scripting Adobe AIR APIs Mac, Windows, Linux & Device OS File System Access Network Detection Notifications Application Update Drag and Drop Local Database ... www.bafusers.com.ar Flash Flex ActionScript XML Audio Video HTML PDF HTML HTML JavaScript XML CSS Flash PDF

Instalador universal Instalador .air contiene todos los archivos de la aplicación Los archivos de la aplicación son tecnologías web multiplataforma SWF, HTML, PNG, XML, etc. El mismo instalador .air instala en Windows, Macintosh, y Linux El proceso de instalación crea el archivo ejecutable del OS específico que permite a la aplicación AIR comportarse como una aplicación nativa www.bafusers.com.ar

Instalador .air contiene todos los archivos de la aplicación

Los archivos de la aplicación son tecnologías web multiplataforma

SWF, HTML, PNG, XML, etc.

El mismo instalador .air instala en Windows, Macintosh, y Linux

El proceso de instalación crea el archivo ejecutable del OS específico que permite a la aplicación AIR comportarse como una aplicación nativa

Privilegios: Las aplicaciones AIR tienen todas los privilegios de aplicaciones de escritorio leer/escribir archivos, ejecuciones background, acceso pleno a la red El Administrador puede limitar la instalación de la aplicación y otras capacidades Instalación: Todas las aplicaciones deben ser firmadas por el creador Obligatorio, el proceso de instalación confiable Desarrollo: Separación de contenido de la aplicación y no-aplicación Mayor modelo de seguridad HTML Base de datos local encriptada Reforzando un Desarrollo de Aplicación Seguro http :// download.macromedia.com / pub / labs / air / air_security.pdf http :// download.macromedia.com / pub / labs / air / air_htmlsecurity.pdf www.bafusers.com.ar

Privilegios:

Las aplicaciones AIR tienen todas los privilegios de aplicaciones de escritorio

leer/escribir archivos, ejecuciones background, acceso pleno a la red

El Administrador puede limitar la instalación de la aplicación y otras capacidades

Instalación:

Todas las aplicaciones deben ser firmadas por el creador

Obligatorio, el proceso de instalación confiable

Desarrollo:

Separación de contenido de la aplicación y no-aplicación

Mayor modelo de seguridad HTML

Base de datos local encriptada

Soporte de Codec incluido H.264 video, AAC audio, VP6, MP3, y Sorenson Aceleración del Hardware para video full-screen Transparencias y efectos para video Soporte de protección de contenido digital Rich Media y Video www.bafusers.com.ar

Soporte de Codec incluido

H.264 video, AAC audio, VP6, MP3, y Sorenson

Aceleración del Hardware para video full-screen

Transparencias y efectos para video

Soporte de protección de contenido digital

Estilo de la Ventana Usa el estilo de las ventanas del OS Usa estilo propio desarrollado para la aplicación Transparente Cambiar sector transparente a través de click Diseñar ventanas con cualquier forma Permite el control total de la interfase El desarrollador puede proveer controles de ventana personalizados Estilos de Marcos y Aplicaciones transparentes www.bafusers.com.ar

Estilo de la Ventana

Usa el estilo de las ventanas del OS

Usa estilo propio desarrollado para la aplicación

Transparente

Cambiar sector transparente a través de click

Diseñar ventanas con cualquier forma

Permite el control total de la interfase

El desarrollador puede proveer controles de ventana personalizados

Integración de Adobe AIR con el Escritorio Instalar y Desinstalar Task Manager o Lista de Procesos Accesos Directos Drag & Drop Clipboard Comunicación entre aplicaciones Notificaciones www.bafusers.com.ar

Instalar y Desinstalar

Task Manager o Lista de Procesos

Accesos Directos

Drag & Drop

Clipboard

Comunicación entre aplicaciones

Notificaciones

Crear y eliminar archivos y directorios Copiar y mover archivos y directorios Lista de directorios Tomar información del sistema Leer y escribir texto o archivos binarios Texto, XML Video, Audio, Documentos Serializar y deserializar objetos ActionScript Registro para manejar archivos Acceso sincrónico y asincrónico Acceso Local File www.bafusers.com.ar

Crear y eliminar archivos y directorios

Copiar y mover archivos y directorios

Lista de directorios

Tomar información del sistema

Leer y escribir texto o archivos binarios

Texto, XML

Video, Audio, Documentos

Serializar y deserializar objetos ActionScript

Registro para manejar archivos

Acceso sincrónico y asincrónico

Base de Datos Local SQLite ( http :// www.sqlite.org ) Soporta transacciones ACID Cero-configuración = solución compacta SQL-92 Base de datos completa = un archivo en el disco Soporte bases de datos tamaño terabyte Sincrónico y Asincrónico www.bafusers.com.ar

SQLite ( http :// www.sqlite.org )

Soporta transacciones ACID

Cero-configuración = solución compacta

SQL-92

Base de datos completa = un archivo en el disco

Soporte bases de datos tamaño terabyte

Sincrónico y Asincrónico

Aplicaciones Background y Notificaciones Aplicaciones pueden correr en background Aplicaciones se pueden registrar para correr al iniciar Aplicaciones pueden enviar notificaciones de usuarios utilizando el system tray, docks, o nuevas ventanas www.bafusers.com.ar

Aplicaciones pueden correr en background

Aplicaciones se pueden registrar para correr al iniciar

Aplicaciones pueden enviar notificaciones de usuarios utilizando el system tray, docks, o nuevas ventanas

Integración con Adobe Reader Render de Alta Fidelidad Presentación de documentos integrada Sincronización de Datos Uso del Adobe Reader 8.1+ para minimizar el tamaño del archivo www.bafusers.com.ar

Render de Alta Fidelidad

Presentación de documentos integrada

Sincronización de Datos

Uso del Adobe Reader 8.1+ para minimizar el tamaño del archivo

Adobe AIR utiliza auto-update para mantenerse actualizado Aplicaciones AIR pueden usar API para manejar updates Envío simple de paquetes y actualizaciones Instalación y Manejo de la Aplicación AIR www.bafusers.com.ar

Adobe AIR utiliza auto-update para mantenerse actualizado

Aplicaciones AIR pueden usar API para manejar updates

Envío simple de paquetes y actualizaciones

Limitaciones del Adobe AIR 1.0 Aceleración Hardware Limitado (sólo para full screen video) No accede a bibliotecas nativas o ejecutables No reconoce USB o serial port Soporte de accesibilidad limitado Soporte de Impresión limitado 1.0 no corre en Linux 1.0 en Inglés solamente www.bafusers.com.ar

Aceleración Hardware Limitado (sólo para full screen video)

No accede a bibliotecas nativas o ejecutables

No reconoce USB o serial port

Soporte de accesibilidad limitado

Soporte de Impresión limitado

1.0 no corre en Linux

1.0 en Inglés solamente

Creando Aplicaciones AIR Aprovechar las herramientas existentes Flex, Aptana, Dreamweaver, Flash, y más www.bafusers.com.ar

Aprovechar las herramientas existentes

Flex, Aptana, Dreamweaver, Flash, y más

Quiénes están creando ahora en Adobe AIR www.bafusers.com.ar

30onair Project www.bafusers.com.ar www.30onair.com Video de 30 segundos ¿Por qué Flash Player? ¿Por qué AIR? ¿Por qué Flash? ¿Por qué Flex? ¿Por qué Coldfusion? ¿Por qué Ajax? ¿Por qué JavaScript? ¿Por qué ActionScript? Ser creativo Subirlo a YouTube Tag “30onair”

Video de 30 segundos

¿Por qué Flash Player? ¿Por qué AIR? ¿Por qué Flash? ¿Por qué Flex? ¿Por qué Coldfusion? ¿Por qué Ajax? ¿Por qué JavaScript? ¿Por qué ActionScript?

Ser creativo

Subirlo a YouTube

Tag “30onair”

Revolucionando cómo el mundo comparte ideas e información www.bafusers.com.ar