View
8.441
Download
3
Category
Preview:
DESCRIPTION
Presentación lanzamiento de Adobe AIR 1.0 y Flex 3 que se realizó el 25 de febrero de 2008 en Buenos Aires, Argentina. Por BAFusers (grupo de usuarios oficial de Adobe)
Citation preview
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
2008 Adobe Systems Incorporated. All Rights Reserved.
¿Para qué RIAs en el escritorio?
Conexión persistente
Funciones de Escritorio Acceso a Datos Desarrollo eficiente
Experiencias de Marca
www.bafusers.com.ar
2008 Adobe Systems Incorporated. All Rights Reserved.
Always There, Anywhere
Branded Experiences
Convenient Desktop Functionality
Data Access
Efficient Development and Delivery
El ABC de AIR
www.bafusers.com.ar
2008 Adobe Systems Incorporated. All Rights Reserved.
Aplicaciones Rich Broad Reach
Productividad Diseñador y Desarrollador Tecnología probada
Puntos Adobe AIR
www.bafusers.com.ar
2008 Adobe Systems Incorporated. All Rights Reserved.
Capas de la aplicación Adobe AIR
AplicacionesCross-OS
IntegratedRendering
Integrated DOMs& Scripting
Flash
FlexActionScriptXMLAudioVideo
HTML
HTML
HTMLJavaScriptXMLCSS
Flash
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
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
2008 Adobe Systems Incorporated. All Rights Reserved.
Creando Aplicaciones AIR
Aprovechar las herramientas existentes
Flex, Aptana, Dreamweaver, Flash, y más
www.bafusers.com.ar
2008 Adobe Systems Incorporated. All Rights Reserved.
Quiénes están creando ahora en Adobe AIR
www.bafusers.com.ar
2008 Adobe Systems Incorporated. All Rights Reserved.
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”
2006 Adobe Systems Incorporated. All Rights Reserved.
Revolucionandocómo el mundo comparte ideas e información
www.bafusers.com.ar
Recommended