1 / 46

Bruno Chaves Camargo

Bruno Chaves Camargo. Desenvolvimento Web com Adobe Flex Framework. Bruno Chaves Camargo “Mata o tempo e matas a tua carreira” Bryan Forbes http://brunochavescamargo.wordpress.com/. Apresentação.

slade
Download Presentation

Bruno Chaves Camargo

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Bruno Chaves Camargo

  2. Desenvolvimento Web com Adobe Flex Framework Bruno Chaves Camargo “Mata o tempo e matas a tua carreira” Bryan Forbes http://brunochavescamargo.wordpress.com/

  3. Apresentação Programador a 9 anos – Bacharel em Sistemas de Informação e Especialista em Engenharia de Software. Comecei com Delphi 6, já programei em C++, C#, PHP, Java Minha primeira dificuldade foi entender os conceitos Função e Procedure.

  4. Apresentação Atualmente trabalho como Analista de Negócios em uma Software House na cidade de Limeira -Data System, onde desenvolvo exclusivamente com Adobe Flex

  5. Agenda Como conheci o Adobe Flex RIA Cases História Por Onde Começar? O que é Adobe Flex? Flex X Flash Vantagens Desvantagens Concorrência O que você deve saber Acesso ao Banco

  6. Agenda MXML AS Versão Atual Exemplo Flex 3 Exemplo Flex 4 Evite no Flex Casamentos com o Flex Gráficos Relatórios TDD Certificação Vagas Dicas Programar

  7. Como conheci o Adobe Flex Na marra Precisava migrar um sistema desktop para Web PHP? JQuery? Ajax? Começa a pesquisa...

  8. RIA RIA – Rich Internet Application – Termo usado pela primeira vez em 2001

  9. Cases http://demo.flasherp.com.br/# http://www.vision-ti.com.br/visionlive2010/

  10. História? Macromedia Flex - Março de 2004 2005 Adobe compra a Macromedia Flex 1.0 – Março de 2004 Flex 1.5 – Outubro de 2004 Flex 2.0 (Alpha) – Outubro de 2005 Flex 3.0 Beta 1 – 11 de Junho de 2007 Flex 4.0 - 22 de Março de 2010

  11. Por onde Começar? • http://www.adobe.com/devnet/flex/documentation.html • http://www.adobe.com/devnet/flex/videotraining.html • http://vedovelli.com.br/ • http://www.riacycle.com/

  12. O que é o Adobe Flex? Framework de aplicações Web Parte do processamento é executado no servidor Usa o Flash Player do navegador 90-95% dos computadores – Quem não tem instalado? Analogia – “Delphi para Web” Podemos usar como back end – Php, Java, .Net, Rails, etc Trabalha com vários idiomas O framework é open source, a IDE é paga

  13. Flex X Flash Flash: cria conteúdo interativo Flex: cria aplicativos

  14. Vantagens Integração com softwares da Adobe - Adobe Catalyst Comunidade ativa Aparelhos mobile Orientado a Objetos

  15. + Vantagens Interface Usabilidade – 60% das pessoas não acham o que procuram em um site, 50% dos potencias de vendas são perdidas, 40% dos usuários não retornam a um site após a primeira impressão, 80% não voltam devido ao layout pobre. Dados Jakob Nielsen livro Usability Engeneering. Validators, Integração com vídeo

  16. Desvantagens Suporte apenas para ActionScript 3.0 Algumas limitações de programação (falta de suporte para VB, C++, Python) Google não indexa

  17. + Desvantagens Bugs do Flash Player

  18. Concorrência

  19. O que você deve saber O Flex é assincrono. Pode trabalhar com módulos O flex não acessa Banco de Dados, ele serve apenas para camada de visualização Para o Adobe Flex se comunicar com outras linguagens é necessário fazer o uso de um protocolo, HTTPService, RemoteObject, WebService..

  20. O que você deve saber O flex não foi projetado para fazer sites. http://www.drogariasaopaulo.com.br Roda no Linux mas não em modo visual (drag'n drop)

  21. Acesso ao Banco

  22. MXML Todo MXML é convertido para AS3 no momento da compilação Linguagem MXML,AS3,CSS HTML - <table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">

  23. MXML MXML - <mx:AddChild position="lastChild"> <componentes:SuperPanel horizontalCenter="0" verticalCenter="0" width="440" height="160"

  24. Action Script Linguagem Orientada a Objetos Versão atual 3 <s:label/> é uma classe AS3 Muito parecido com Java

  25. Versão Atual Flex 4 – Flash Builder Melhoria no sistema de efeitos Suporte a temas melhorado Compila mais rápido States melhorado

  26. Exemplo código Flex 3 Flex 3 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> </mx:Application>

  27. Exemplo código Flex 4 Flex 4 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> </s:Application>

  28. Evite no Flex Fazer sites Construir skins pesados Efeitos 3D em excesso Usar o tema padrão

  29. Casamentos com o Flex var Linguagem:String; var PossoIntegrar:String; if (Linguagem == "Adobe Flex"){ PossoIntegrar = "Hibernate, Mate, Cairgon, Spring, Swiz..." Alert.show("Exemplos de Frameworks que posso itegrar com o Flex: "+ PossoIntegrar); }

  30. Gráficos Nativos ou Pagos – Fácil Integração http://flex.amcharts.com/

  31. Desenvolvimento Web com Adobe Flex Framework

  32. Desenvolvimento Web com Adobe Flex Framework

  33. Relatórios JasperReport, FlexReport

  34. TDD – Test Driven Development Flex Unit - Cria especificações que você define para aprovar o que seu código tem a lhe dizer sobre tais métodos disponíveis.

  35. Certificação http://partners.adobe.com/public/en/ace/ACE_Exam_Guide_Flex4.pdf $150 dólares A prova é realizada por centros autorizados Deve acertar 67% das 59 questões Attest 1.5. Emula perguntas para certificação http://software.pxldesigns.com/attest/index.php?id=download

  36. Certificação Which line of code correctly binds the text property of a Label to the selectedValue of a RadioButtonGroup with an id of cardType?A. <mx:Label text=cardType.selectedValueB. <mx:Label text=”cardType.selectedValue” />C. <mx:Label text=”{cardType.selectedValue}” />D. <mx:Label text=”[cardType.selectedValue]” />Correct answer: C

  37. Vagas Em uma busca rápida no google 95 vagas http://www.indeed.com.br/empregos?q=adobe+flex&l= http://jobs.com/search?q=adobe%20flex – 277 vagas Pesquisa realizada dia 30/07/2010

  38. Dicas Idente todo seu código – Nunca esqueça disso Use Controle de versão – Maven,Tortoise... Documente seu projeto - JavaDoc

  39. Bora Programar um pouco?

  40. Instalação Flex 4 – Flash Builder http://www.adobe.com/products/flex/ Debugger http://www.adobe.com/support/flashplayer/downloads.html

  41. Crud PHP Desenvolver um CRUD Flex + PHP

  42. Crud Java no Braço Desenvolver um CRUD Flex + Java

  43. Adobe Air Webcam

  44. Conclusão Poderosa ferramenta desde que saiba usar Ainda é considerada uma tecnologia pouco conhecida por muitos programadores

  45. Patrocínio www.riacycle.com Sorteio de 1 bolsa de estudo para o curso on-line Adobe Flex 4 :www.riacycle.com/flex4 Para os demais que assistiram a palestra: Ganha 20% de desconto Código para o desconto: BGUGFX2010

  46. Perguntas?

More Related