Adobe Flex Rafael Nunes
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 Compilador / debug Mxml e ActionScript Flex Builder 3  - IDE
Família Flex Flex SDK: Componentes Compilador / debug Mxml e ActionScript Flex Builder 3  - IDE Integrador Java
Família Flex Flex SDK: Componentes Compilador / debug Mxml e ActionScript Flex Builder 3  - IDE Integrador Java
Codificando <mx:Panel  title=&quot; Cadastro &quot; layout=&quot; vertical &quot;  width=&quot; 278 &quot; height=&quot; 164 &quot; > <mx:Label  text=&quot; Nome &quot; /> <mx:TextInput  id=&quot; txtAluno &quot; text=&quot;&quot; /> <mx:Button  id=&quot; saveButton &quot; label=&quot; Salvar &quot; />  </mx:Panel> <mxml/> Linguagem de marcação (XML) Simples Bem estruturada Extensível
Codificando++ Como tratar eventos? <mx:Script> <![CDATA[ private   function  salvar():  void  {   if  (txtAluno.text = ‘’) { aluno.add(txtAluno.text); service.save(aluno);   } } ]]> </mx:Script> Linguagem usada em Flash Orientada a Objetos ActionScript 3.0
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 HttpService    texto + xml WebService    SOAP Como integrar?
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 !
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) Shared Object Flex 4 (Gumbo)
RIA é coisa séria Frameworks MVC (Swiz, Cairngorm, Mate, PureMVC) Testes unitários de MXML e AS(FlexUnit)
Comparativos * Windows Html + Ajax + JavaScript JSF + Ajax Outras tecnologias, outros cenários: Flex JavaFX Silverlight 1ª 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 - -
Perguntas… ?
Não deixe de pesquisar… http://www.adobe.com/devnet/flex/ http://flex.org http://livedocs.adobe.com/flex/3/langref/ (flexdoc) http://livedocs.adobe.com/flex/3/html/ http://www.adobe.com/products/livecycle/dataservices/ http://opensource.adobe.com http://www.brightworks.com/technology/adobe_flex/code.html http://www.adobe.com/devnet/livecycle/articles/blazeds_testdrive.html http://www.adobe.com/devnet/flex/flex_java.html
Contato [email_address]

Introdução ao Adobe Flex

  • 1.
  • 2.
    Introdução Produtos, FamíliaAdobe Estrutura Flex Cases de Sucesso Flex Builder Unindo Forças Formas de Integração Exemplos de Integração Conclusão Agenda
  • 3.
    Adobe Flex… Oque é? O “poder” do flash no mundo Enterprise (RIA). Projeto lançado em 2002. SDK Open Source
  • 4.
    Família Flex FlexSDK: Componentes Compilador / debug Mxml e ActionScript
  • 5.
    Família Flex FlexSDK: Componentes Compilador / debug Mxml e ActionScript Flex Builder 3 - IDE
  • 6.
    Família Flex FlexSDK: Componentes Compilador / debug Mxml e ActionScript Flex Builder 3 - IDE Integrador Java
  • 7.
    Família Flex FlexSDK: Componentes Compilador / debug Mxml e ActionScript Flex Builder 3 - IDE Integrador Java
  • 8.
    Codificando <mx:Panel title=&quot; Cadastro &quot; layout=&quot; vertical &quot; width=&quot; 278 &quot; height=&quot; 164 &quot; > <mx:Label text=&quot; Nome &quot; /> <mx:TextInput id=&quot; txtAluno &quot; text=&quot;&quot; /> <mx:Button id=&quot; saveButton &quot; label=&quot; Salvar &quot; /> </mx:Panel> <mxml/> Linguagem de marcação (XML) Simples Bem estruturada Extensível
  • 9.
    Codificando++ Como tratareventos? <mx:Script> <![CDATA[ private function salvar(): void { if (txtAluno.text = ‘’) { aluno.add(txtAluno.text); service.save(aluno); } } ]]> </mx:Script> Linguagem usada em Flash Orientada a Objetos ActionScript 3.0
  • 10.
    Compilando <mxml/> +AS Compilador do Flex mxmlc = executável Flash
  • 11.
    Ambiente execução FlashPlayer Mais de 90% de browsers tem o plugin Instalação simples e rápida Multi-browser Flex na web
  • 12.
    Ambiente execução FlashPlayer Mais de 90% de browsers tem o plugin Instalação simples e rápida Multi-browser Flex no desktop Adobe AIR Flex na web
  • 13.
    Algum case? vejamais em http://flex.org/showcase google desktop Harley-davidson custom buzzword moon television scjp mock exam sherwin williams
  • 14.
    RAD + RIA= Flex Builder Ambiente familiar…
  • 15.
    Unindo forças embusca da solução ideal
  • 16.
    Back-end RemoteObject  Java RPC HttpService  texto + xml WebService  SOAP Como integrar?
  • 17.
    1. Flexe Java utilizando RemoteObject
  • 18.
    Sobre a IntegraçãoDefinir 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 !
  • 19.
    3. jecaOffRoadutilizando RemoteObject
  • 20.
    4. Flexe Rest utilizando HttpService
  • 21.
    Outros benefícios Suportea CSS Fácil integração com vídeo e imagens Integrar com JavaScript ( ExternalInterface) Adobe Apollo (futuro) Shared Object Flex 4 (Gumbo)
  • 22.
    RIA é coisaséria Frameworks MVC (Swiz, Cairngorm, Mate, PureMVC) Testes unitários de MXML e AS(FlexUnit)
  • 23.
    Comparativos * WindowsHtml + Ajax + JavaScript JSF + Ajax Outras tecnologias, outros cenários: Flex JavaFX Silverlight 1ª 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 - -
  • 24.
  • 25.
    Não deixe depesquisar… http://www.adobe.com/devnet/flex/ http://flex.org http://livedocs.adobe.com/flex/3/langref/ (flexdoc) http://livedocs.adobe.com/flex/3/html/ http://www.adobe.com/products/livecycle/dataservices/ http://opensource.adobe.com http://www.brightworks.com/technology/adobe_flex/code.html http://www.adobe.com/devnet/livecycle/articles/blazeds_testdrive.html http://www.adobe.com/devnet/flex/flex_java.html
  • 26.