Introdução ao Adobe Flex

Globalcode – Open4Education1

Adobe Flex

Rafael Nunes

Globalcode – Open4Education2

> Introdução> Produtos, Família Adobe> Estrutura Flex> Cases de Sucesso> Flex Builder> Unindo Forças> Formas de Integração> Exemplos de Integração> Conclusão

Agenda

Globalcode – Open4Education3

Adobe Flex… O que é?

> O “poder” do flash no mundo Enterprise (RIA).> Projeto lançado em 2002.> SDK Open Source

Globalcode – Open4Education4

Família Flex

Flex SDK:

> Componentes

> Compilador / debug

> Mxml e ActionScript

Globalcode – Open4Education5

Família Flex

Flex SDK:

> Componentes

> Compilador / debug

> Mxml e ActionScriptFlex Builder 3 - IDE

Globalcode – Open4Education6

Família Flex

Flex SDK:

> Componentes

> Compilador / debug

> Mxml e ActionScriptFlex Builder 3 - IDE

Integrador Java

Globalcode – Open4Education7

Família Flex

Flex SDK:

> Componentes

> Compilador / debug

> Mxml e ActionScriptFlex Builder 3 - IDE

Integrador Java

Globalcode – Open4Education8

Codificando

<mxml/>

> Linguagem de marcação (XML)

> Simples

> Bem estruturada

> Extensível

<mx:Panel title="Cadastro" layout="vertical" width="278" height="164">

<mx:Label text="Nome"/><mx:TextInput id="txtAluno" text=""/>

<mx:Button id="saveButton" label="Salvar"/> </mx:Panel>

Globalcode – Open4Education9

Codificando++

> Linguagem usada em Flash

> Orientada a Objetos

ActionScript 3.0

Como tratar eventos?

<mx:Script> <![CDATA[

private function salvar(): void { if (txtAluno.text = ‘’) {

aluno.add(txtAluno.text);service.save(aluno);

}}

]]></mx:Script>

Globalcode – Open4Education10

Compilando

<mxml/>

+ AS

> Compilador do Flex

mxmlc

=

executável Flash

Globalcode – Open4Education11

Ambiente execução

Flash Player

> Mais de 90% de browsers tem o plugin

> Instalação simples e rápida

> Multi-browser

Flex na web

Globalcode – Open4Education12

Ambiente execução

Flash Player

> Mais de 90% de browsers tem o plugin

> Instalação simples e rápida

> Multi-browser

Flex no desktop

Adobe AIR

Flex na web

Globalcode – Open4Education13

Algum case?

veja mais em http://flex.org/showcase

google desktop

Harley-davidson custom buzzword

moon television scjp mock exam

sherwin williams

Globalcode – Open4Education14

RAD + RIA = Flex Builder

Ambiente familiar…

Globalcode – Open4Education15

Unindo forças

em busca da solução ideal

Globalcode – Open4Education16

Back-end

> RemoteObject Java RPC

> HttpService texto + xml

> WebService SOAP

> Como integrar?

Globalcode – Open4Education17

1. Flex e Java

utilizando RemoteObject

Globalcode – Open4Education18

Sobre a Integração

> Definir um tipo (classe) Java no código

> ActionScript.

> Action Message Format (AMF)

> Java para ActionScript.

> ActionScript para Java.

> RemoteClass

> Requisição ao back-end é assíncrona !

Globalcode – Open4Education19

3. jecaOffRoad

utilizando RemoteObject

Globalcode – Open4Education20

4. Flex e Rest

utilizando HttpService

Globalcode – Open4Education21

Outros benefícios

> Suporte a CSS> Fácil integração com vídeo e imagens> Integrar com JavaScript (ExternalInterface)> Adobe Apollo (futuro)>Shared Object>Flex 4 (Gumbo)

Globalcode – Open4Education22

RIA é coisa séria

> Frameworks MVC (Swiz, Cairngorm, Mate, PureMVC)> Testes unitários de MXML e AS(FlexUnit)

Globalcode – Open4Education23

Comparativos

* Windows

Flex JavaFX Silverlight1ª Versão Final 2004 - 2007

Open Source Sim Sim Não

Tamanho plugin* 1,4 MB 14,63 MB 4,66 MB

Multiplataforma Sim Sim Linux, ainda não

Cases Muitos - -

- Html + Ajax + JavaScript

- JSF + Ajax

Outras tecnologias, outros cenários:

Globalcode – Open4Education24

Perguntas…

?

Globalcode – Open4Education25

Não deixe de pesquisar…

http://www.adobe.com/devnet/flex/http://flex.orghttp://livedocs.adobe.com/flex/3/langref/ (flexdoc)http://livedocs.adobe.com/flex/3/html/http://www.adobe.com/products/livecycle/dataservices/http://opensource.adobe.comhttp://www.brightworks.com/technology/adobe_flex/code.htmlhttp://www.adobe.com/devnet/livecycle/articles/blazeds_testdrive.htmlhttp://www.adobe.com/devnet/flex/flex_java.html

Globalcode – Open4Education26

Contato

[email protected]