O documento apresenta uma introdução ao framework Adobe Flex, abordando conceitos como MXML, ActionScript, variáveis, arrays, funções, classes e interfaces. Explica como instalar o plug-in do Flex no Eclipse, criar um projeto Dynamic Web e configurar o BlazeDS para integrar aplicações Flex com Java, replicando entidades, criando serviços remotos e fazendo chamadas assíncronas entre as tecnologias. Fornece também links para material adicional sobre o tema.

1. Breaking Ice – Adobe Flex

2. Quem sou eu? 2 de 248

3. Thiago Alves dos Santos Bacharel em Sistema de Informação pela PUCPR (2010) 3 de 248

4. No mercado de TI desde 2008 Já trabalhei com: 4

5. Atualmente sou Líder Técnico na Sigma Dataserv S.A. Iniciando um startup – inCodeWorks 5

6. Vamos começar? 6

7. Como? 7

8. Download http://www.adobe.com/go/try_flashbuilder/ 8

9. Plug-in 9 ou Standalone

10. Mas antes de botar a mão na massa! 10

11. Vamos a um pouco de teoria! 11

12. MXML 12 Magic Extensible Markup Language Macromedia MagicExtensible Markup Language

13. ActionScript 13 Meio JS ... Meio Java

14. 14 Variáveis varsomeInt:int = 3; varsomeInt:int = newint(3);

15. 15 Arrays // literal value varsomeArray:Array = [1, 2, 3]; // Array constructor varsomeArray:Array = new Array(1,2,3);

16. 16 Função publicfunction fechar():void { // fecha tela de novoContato PopUpManager.removePopUp(this); }

17. 17 Classe publicclassContato { varnome:String = ‘José’; }

18. 18 Interface publicinterfaceGenericDao { functioninsert(obj:Object):void; } publicclassSpecificDaoimplementsGenericDao { functioninsert(obj:Object):void{} }

19. Você pode ver mais em:http://help.adobe.com/pt_BR/ActionScript/3.0_ProgrammingAS3/http://blog.flexexamples.com/ 19

20. Chega de conversa fiada! 20

21. Mão na massa! 21

22. Vamos codar! 22

23. Começando pela View! 23

24. Vamos colocar alguma ação nessa tela? 24

25. Acho que esquecemos de uma validação! 25

26. 26

27. 27

28. Contato @thalves @inCodeWorks thiagoalvsantos@gmail.com thiago@incodeworks.com.br thalves.wordpress.com 28

29. 29

30. 30

31. Continuando 31

32. Flex + Java 32

33. Instalar plug-in 33

34. Dynamic Web Project 34

35. Adicionar BlazeDS 35

36. web.xml 36 <!-- Http Flex Session attribute and binding listener support --> <listener> <listener-class>flex.messaging.HttpFlexSession</listener-class> </listener> <!-- MessageBrokerServlet --> <servlet> <servlet-name>MessageBrokerServlet</servlet-name> <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class> <init-param> <param-name>services.configuration.file</param-name> <param-value>/WEB-INF/flex/services-config.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>MessageBrokerServlet</servlet-name> <url-pattern>/messagebroker/*</url-pattern> </servlet-mapping>

37. Configurações Flex 37 -services “<caminhoProjeto>ervices-config”

38. Configurações Flex 38 -context-root <contexo-web>

39. Replicar entidades 39 publicclassContatoimplementsSerializable { /** * */ privatestaticfinallongserialVersionUID = 3162496932110844519L; privateStringnome; privateStringsobrenome; private Date dataNascimento; privateLongtelefone; privateLongcelular; ... Continua

40. RemoteClass 40 packagebr.com.workshop.agenda.entity { [RemoteClass(alias="br.semanaacademica.agenda.Contato")] [Bindable] publicclass Contato { publicvarnome:String; publicvarsobrenome:String; publicvardataNascimento:Date; publicvartelefone:Number; publicvarcelular:Number; } }

41. ServicoJava 41 packagebr.semanaacademica.agenda; importjava.util.ArrayList; importjava.util.Date; importjava.util.List; publicclassServicoJava { privateList<Contato> listaContatos; publicList<Contato> obterContatos() { LOGICA DO SERVIÇO... }

42. RemoteConfig.xml 42 <destinationid="servicoJava"> <properties> <source>br.semanaacademica.agenda.ServicoJava</source> </properties> </destination>

43. RemoteObject 43 <mx:RemoteObject id="servicoJava" fault="onFault(event)" destination="servicoJava"/>

44. Assíncrona 44 servicoJava.addEventListener(ResultEvent.RESULT, //No flex toda requisição é assíncrona, //Então devo programar um função quando //a requisição terminar de executar function(event:ResultEvent):void { dataGridContato.dataProvider= event.resultasArrayCollection; } );

45. Chamada 45 servicoJava.obterContatos();

46. 46

47. 47

48. Contato @thalves @inCodeWorks thiagoalvsantos@gmail.com thiago@incodeworks.com.br thalves.wordpress.com 48

49. Material http://www.slideshare.net/thalves/breakingice-flex/ 49

50. 50