Lanzamiento Adobe AIR y Flex 3

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

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

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

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

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

Nuevo en
ADOBE 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 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

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
Flash Player 9 Flash Player Cache Sitio A Custom Code Sitio B Flex 3 RSL Custom Code 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 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

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”

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

http://www.bafusers.com.ar	149
http://carlosamin.blogspot.com	67
http://carlosamin.blogspot.ru	26
http://www.slideshare.net	21
http://carlosamin.blogspot.com.es	14
http://bafusers.com.ar	11
http://carlosamin.blogspot.mx	6
http://aminespinoza.com	1
http://carlosamin.blogspot.com.ar	1

Lanzamiento Adobe AIR y Flex 3

by juanozz

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 296

Statistics

Lanzamiento Adobe AIR y Flex 3 Presentation Transcript