Encantando seus usuários com Adobe Flex sem perder todo o poder do Java Rafael Nunes Instrutor Globalcode Eder Magalhães Instrutor Globalcode 1 Globalcode – Open4Education Agenda > 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 2 Globalcode – Open4Education Adobe Flex… O que é? > O “poder” do flash no mundo Enterprise (RIA). > Projeto lançado em 2002. > SDK Open Source 3 Globalcode – Open4Education Família Flex Flex SDK: > Componentes > Compilador / debug > Mxml e ActionScript 4 Globalcode – Open4Education Família Flex Flex SDK: > Componentes > Compilador / debug > Mxml e ActionScript Flex Builder 3 - IDE 5 Globalcode – Open4Education Família Flex Flex SDK: > Componentes > Compilador / debug > Mxml e ActionScript Flex Builder 3 - IDE Integrador Java 6 Globalcode – Open4Education Família Flex Flex SDK: > Componentes > Compilador / debug > Mxml e ActionScript Flex Builder 3 - IDE Integrador Java 7 Globalcode – Open4Education 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> 8 Globalcode – Open4Education Codificando++ Como tratar eventos? ActionScript 3.0 > Linguagem usada em Flash > Orientada a Objetos <mx:Script> <![CDATA[ private function salvar(): void { if (txtAluno.text = ‘’) { aluno.add(txtAluno.text); service.save(aluno); } } ]]> </mx:Script> 9 Globalcode – Open4Education Compilando mxmlc > Compilador do Flex <mxml/> + AS = executável Flash 10 Globalcode – Open4Education Ambiente execução Flex na web > Mais de 90% de browsers tem o plugin > Instalação simples e rápida > Multi-browser Flash Player 11 Globalcode – Open4Education Ambiente execução Flex na web > Mais de 90% de browsers tem o plugin > Instalação simples e rápida > Multi-browser Flash Player Flex no desktop Adobe AIR 12 Globalcode – Open4Education Algum case? google desktop moon television scjp mock exam Harley-davidson custom buzzword sherwin williams veja mais em http://flex.org/showcase 13 Globalcode – Open4Education RAD + RIA = Flex Builder Ambiente familiar… 14 Globalcode – Open4Education Unindo forças em busca da solução ideal 15 Globalcode – Open4Education Back-end > Como integrar? > RemoteObject Java RPC > DataService Hibernate > HttpService texto + xml > WebService SOAP 16 Globalcode – Open4Education Em prática 1. Flex e Java 2. Flex com Hibernate 3. jecaOffRoad 4. Flex e Rest 17 Globalcode – Open4Education 1. Flex e Java utilizando RemoteObject 18 Globalcode – Open4Education Sobre a Integração > Action Message Format (AMF) > Java para ActionScript. > ActionScript para Java. > RemoteClass > Definir um tipo (classe) Java no código > ActionScript. > Requisição ao back-end é assíncrona ! 19 Globalcode – Open4Education 2. Flex com Hibernate utilizando DataService 20 Globalcode – Open4Education 3. jecaOffRoad utilizando RemoteObject 21 Globalcode – Open4Education 4. Flex e Rest utilizando HttpService 22 Globalcode – Open4Education Outros benefícios > Suporte a CSS > Fácil integração com vídeo e imagens > Integrar com JavaScript (ExternalInterface) > Adobe Apollo (futuro) 23 Globalcode – Open4Education Comparativos 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 - - Outras tecnologias, outros cenários: - Html + Ajax + JavaScript - JSF + Ajax * Windows 24 Globalcode – Open4Education Perguntas… 25 Globalcode – Open4Education 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 26 Globalcode – Open4Education Contato [email protected] [email protected] 27 Globalcode – Open4Education.