Lanzamiento Adobe AIR y Flex 3

2006 Adobe Systems Incorporated. All Rights Reserved. 1

TecnologíasAdobe 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

Plataforma de Tecnología Adobe

Herramientas de Diseño

Creative Suite 3

Flex® Builder

Servidores

ColdFusionLiveCycle Flash Media Server

FlashCast

Scene7

AplicacionesAdobeMediaPlayer

Frameworks

ClientesAdobe AIR

Adobe Flash Player

AdobeBuzzword

AcrobatConnect

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ñetasDesarrollador

(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 Desa

rrollo

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

8

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

Flex Builder IDE

Flex Builder IDE Eclipse Plugin o instalador

Acelera el Diseño

Vista Diseño y Vista Código

Entendiendo Flex

2 lenguajes MXML (biblioteca de ActionScript)

ActionScript 3

Compiladores

Debuggers

Rich Component Library

Flex SDK

Flex Class Library

MXML ActionScript

Debuggers

www.bafusers.com.ar

Cómo trabaja Flex en el Browser

Flex Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compila

SOAP HTTP/S AMF/S RTMP/S

Web Server

Infraestructura & Aplicaciones Existentes

J2EE Application Server

LC Data ServicesXML/HTTP

REST

SOAP Web Services

Browser

Flash Player

www.bafusers.com.ar

Cómo trabaja Flex en el Escritorio

Flex Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compila & Empaqueta

SOAP HTTP/S AMF/S RTMP/S

Web Server

Estructura y Aplicaciones Existentes

J2EE Application Server

LC Data ServicesXML/HTTP

REST

SOAP Web Services

Escritorio

AIR Cliente Runtime

Files SQLite Notifications Clipboard

www.bafusers.com.ar

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

Nuevo enADOBE FLEX 3

www.bafusers.com.ar

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

Flex 3 – Puntos Principales

Diseñadores yDesarrolladores

Aplicaciones HíbridasInternet - Escritorio

Evolución del FrameworkAná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 enuna sola vista

Editar las propiedades CSSgrá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

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

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

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

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

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

FlashPlayer 9

Flash PlayerCache

Sitio ACustomCode Sitio B

Flex 3 RSL

CustomCode

www.bafusers.com.ar

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

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

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

Flex 3 Precios y Paquetes

Notas

Adobe® Flex™ 3 SDK Open SourceFree

Adobe® Flex™ Builder™ 3Standard edition

Adobe® Flex™ Builder™ 3Professional 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™ 3 SDK

Adobe® Flex™ Builder™ 3Professional edition

Adobe® Flex™ Builder™ 3Standard edition

Precio

Adobe® Flex™ 2 SDK

Adobe® Flex™ Builder™ 2

Adobe® Flex™ Builder™ 2with Charting

Vos querésVos tenés

Adobe® Flex™ Builder™ 2 Adobe® Flex™ Builder™ 3Professional edition

www.bafusers.com.ar

Clientes Adobe Flex

Corporativo Web 2.0ISVs

www.bafusers.com.ar

2008 Adobe Systems Incorporated. All Rights Reserved.

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


Always There, Anywhere

Branded Experiences

Convenient Desktop Functionality

Data Access

Efficient Development and Delivery

El ABC de AIR

www.bafusers.com.ar


Aplicaciones Rich Broad Reach

Productividad Diseñador y Desarrollador Tecnología probada

Puntos Adobe AIR

www.bafusers.com.ar


Capas de la aplicación Adobe AIR

AplicacionesCross-OS

IntegratedRendering

Integrated DOMs& Scripting

Flash

FlexActionScriptXMLAudioVideo

HTML

PDF

HTML

HTMLJavaScriptXMLCSS

Flash

PDF

Adobe AIR APIs

Mac, Windows, Linux & Device OS

File SystemAccess

File SystemAccess

NetworkDetectionNetworkDetection NotificationsNotifications Application

UpdateApplication

UpdateDrag and

DropDrag and

DropLocal

DatabaseLocal

Database ......

www.bafusers.com.ar


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


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


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


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


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


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


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


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


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


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


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


Creando Aplicaciones AIR

Aprovechar las herramientas existentes

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

www.bafusers.com.ar


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”


Revolucionandocómo el mundo comparte ideas e información

www.bafusers.com.ar

Lanzamiento Adobe AIR y Flex 3

Technology

Transcript of Lanzamiento Adobe AIR y Flex 3