White Master

Replace witha graphic

5.5” Tall & 4.3” Wide

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 1

Opciones de desarrollo en la Plataforma Flash

Alberto GonzálezSr. Technical Consultant

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 2

Bio

Director de Tecnología en Activ (Adobe Authorized Training Center)

+9 años de experiencia trabajando con la plataforma Flash, ActionScript y tecnologías de servidor.

Co-manager del grupo de usuarios, oficial de Adobe, enfocado a Rich Internet Applications ( RIActive – www.riactive.com )

Consultor de Adobe Mex enfocado en tecnologías de programación

Conferencista en diversos eventos internacionales como Software Guru, Adobe en vivo, Adobe Hispano, presentación de productos: CS3 – CS4, Flex y AIR, Flash Builder, Flash Catalyst,…

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3

Agenda

¿ Qué es la plataforma Flash ?

Formatos directos de la plataforma

“Runtimes” disponibles

Lenguajes involucrados

Q & A

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 4

Innovation that stands out, technology that fits in

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 5

Plataforma Flash

Combina herramientas profesionales, un marco de trabajo de código abierto, clientes omnipresentes y servidores ampliables

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6

Formatos de la plataforma

¿ Conocen los archivos “SWF” ?

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 7

SWF – Small Web Format

Gráficos(jpg, png,

svg, gif, …)

Texto

Video (flv, mov, mp4,

3gp, …)

Audio (mp3,

wav, …)

SWF(1011001…

)

Binario

Entrega de contenido

Flex / Flash / Catalyst

Flash Player

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 8

AIR – Adobe Integrated Runtime

Empaquetado

Entrega de contenido

Flex / Flash / Catalyst / Dreamweaver

AIR RuntimeGráfico

s(jpg, png, svg,

gif, …)

Texto

Video (flv, mov, mp4,

3gp, …) Audio (mp3, wav, …)

AIR

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 9

Clientes y “Runtimes”

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 10

Adobe Flash Player

Reproductor de contenido generado con herramientas de la plataforma Flash (swf)

Cliente para sistemas operativos Windows

MAC OS

Linux

Solaris

Instalado en el 98% de las computadoras conectadas a Internet

¿ Cómo trabaja la plataforma en el navegador ?

Flex Builder IDE

Compile

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTPRESTSOAP Web Services

Browser

Flash PlayerFlash Catalyst

Adobe Flash

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 12

AIR Runtime

Entorno de ejecución que permite trasladar las aplicaciones y páginas web al escritorio

No se requiere de ningún navegador web para ejecutarlas.

Tiene todas las ventajas de una aplicación de escritorio, (más APIs)

Sistema de archivos

Drag & Drop nativo

Ventanas nativas

Conectividad

Motor de base de datos

Navegador web integrado (webkit)

Visualización de pdf

Integración con el sistema operativo

¿ Cómo trabaja la plataforma en el escritorio ?

Compile & Package

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTP

REST

SOAP Web Services

Desktop

AIR Client Runtime

Files SQLite Notifications ClipboardFlex Builder IDE

Adobe Flash

Flash Catalyst

Dreamweaver

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 14

Algunas aplicaciones realizadas con AIR

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 15

Lenguajes de programación para la Plataforma Flash

¿ ActionScript ?

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 16

ActionScript

Lenguaje nativo en la plataforma

Orientado a Objetos (Java o C# )

Actualmente en la versión 3

¿ Qué nos da ActionScript ? Interactividad en las

aplicaciones

Manipulación de datos

Aplicaciones dinámicas

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 17

MXML – Macromedia XML

XML Estándar

Etiquetas y espacios de nombres adaptados a la plataforma

Facilita la creación y configuración de componentes y clases

Traducido a ActionScript antes de compilar

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 18

FXG – Flex Graphics

Basado en XML

Intercambio de gráficos entre aplicaciones de la plataforma

Similar al SVG pero con mayor funcionalidad

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 19

CSS

Estilos a nuestras aplicaciones

Soporte para selectores Clase

Tipo (componentes)

Globales

Formato estándar CSS

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 20

C / C++ (Alchemy)

Podemos compilar código C / C++ directo a los SWFs

Soporte limitado pero útil

Ideal para utilizar librerías de C / C++ en aplicaciones web (Flash Player) y escritorio (Adobe AIR)

Manipulación de datos

Decodificación de audio/video

“Parseo” de XML u otros formatos

Funciones criptográficas

Simulaciones físicas

No es una alternativa para evadir la seguridad en la plataforma

Proyecto Alchemy ( http://labs.adobe.com/technologies/alchemy )

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 21

Java, .NET, PHP, Ruby

Lenguajes de servidor

Servidores y servicios para comunicarse con aplicaciones LiveCycle Data Services (Java)*

Blaze DS (Java)*

Granite Data Services (Java)

AMFPHP (PHP)

WebOrb (Java, .NET, PHP, Ruby)

FluorineFX (.NET)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 22

Disponibilidad en las aplicaciones

Adobe Flex

• MXML• ActionScri

pt• FXG• CSS• C / C++

Adobe Flash Catalyst

• ActionScript

• MXML• FXG

Adobe Flash

• ActionScript

• CSS*• C / C++

White Master

Replace witha graphic

5.5” Tall & 4.3” Wide

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 23

Q & A

Alberto González

E-mail:agonzalez@activ.com.mx

Twitter:@albertx

Blog:http://x-geom.net/blog

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 24