introdução ao adobe flex
DESCRIPTION
TRANSCRIPT
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
