Globalcode – Open4Education1
Encantando seus usuários com Adobe Flex sem perder todo o poder do Java
Rafael NunesInstrutor Globalcode
Eder MagalhãesInstrutor Globalcode
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 – 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 – Open4Education16
Back-end
> RemoteObject � Java RPC
> DataService � Hibernate
> HttpService � texto + xml
> WebService � SOAP
> Como integrar?
Globalcode – Open4Education17
Em prática
1. Flex e Java2. Flex com Hibernate3. jecaOffRoad4. Flex e Rest
Globalcode – Open4Education19
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 – Open4Education23
Outros benefícios
> Suporte a CSS
> Fácil integração com vídeo e imagens
> Integrar com JavaScript (ExternalInterface)
> Adobe Apollo (futuro)
Globalcode – Open4Education24
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:
Globalcode – Open4Education26
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