encantando seus usuários com adobe flex sem perder todo o ... · 1 globalcode – open4education...

Globalcode – Open4Education1

Encantando seus usuários com Adobe Flex sem perder todo o poder do Java

Rafael NunesInstrutor Globalcode

Eder MagalhãesInstrutor Globalcode


> 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


Adobe Flex… O que é?

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

> SDK Open Source


Família Flex

Flex SDK:

> Componentes

> Compilador / debug

> Mxml e ActionScript


Família Flex

Flex SDK:

> Componentes


> Mxml e ActionScriptFlex Builder 3 - IDE


Família Flex

Flex SDK:

> Componentes



Integrador Java


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>


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>


Compilando

<mxml/> + AS

> Compilador do Flex

mxmlc

=

executável Flash


Ambiente execução

Flash Player

> Mais de 90% de browsers tem o plugin

> Instalação simples e rápida> Multi-browser

Flex na web


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


Algum case?

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

google desktop

Harley-davidson custom buzzword

moon television scjp mock exam

sherwin williams


RAD + RIA = Flex Builder

Ambiente familiar…


Unindo forças

em busca da solução ideal


Back-end

> RemoteObject � Java RPC

> DataService � Hibernate

> HttpService � texto + xml

> WebService � SOAP

> Como integrar?


Em prática

1. Flex e Java2. Flex com Hibernate3. jecaOffRoad4. Flex e Rest


1. Flex e Java

utilizando RemoteObject


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 !


2. Flex com Hibernate

utilizando DataService


3. jecaOffRoad

utilizando RemoteObject


4. Flex e Rest

utilizando HttpService


Outros benefícios

> Suporte a CSS

> Fácil integração com vídeo e imagens

> Integrar com JavaScript (ExternalInterface)

> Adobe Apollo (futuro)


Comparativos

* Windows

Linux, ainda nãoSimSimMultiplataforma

4,66 MB14,63 MB1,4 MBTamanho plugin*

--MuitosCases

NãoSimSimOpen Source

2007-20041ª Versão Final

SilverlightJavaFXFlex

- Html + Ajax + JavaScript- JSF + Ajax

Outras tecnologias, outros cenários:


Perguntas…


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/blazed s_testdrive.htmlhttp://www.adobe.com/devnet/flex/flex_java.html


Contato

[email protected]@globalcode.com.br

encantando seus usuários com adobe flex sem perder todo o ... · 1 globalcode – open4education...

Documents