Adobe® Flex™ 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
O  que  é o Adobe Flex? Não é Flash!; Conjunto de classes AS3 que formam um framework para o desenvolvimento de interfaces ricas, RIA; Roda na WEB sobre o PluginFlash ou então no Desktop via AIR. 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
O que é o Adobe Flex? SDK similar ao java, e é OpenSource! Você é estudante? A IDE é de Graça! No Java você tem o .jar, no Flex você tem o .swc; Toda requisição, é ASSÍNCRONA! 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
O que é o Adobe Flex 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco AutoComplete CSS Visual Editor Design View Flex Builder 3 Code Hinting Debugging Skinning and Styling Flex SDK 3 (OpenSource) Command-line Compiler & Debugger Data Services  Message Service Data Management Service RPC Services MXML e ActionScript 3.0 Flex Framework e Class Library Flex  Charting Componentes Gráficos
Pontos positivos Cliente inteligente; Você programa Orientado a Objetos; IDE com Design Editor – FlexBuilder; Agilidade no desenvolvimento; Fácil criação de componentes; Editor Visual de CSS; Sem problemas de compatibilidades entre browsers; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Pontos positivos O Brasil é a segunda maior comunidade de desenvolvedores; Rica API de componentes; VM (Flash Player) tem menos de 2mb; Interface dinâmica; Forte mantenedora, Adobe ®; Debug e profiller; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Pontos negativos Projeto de grande porte exige análise; Flex foi projetado para sistemas, fazer sites para o público brasileiro talvez não é uma boa idéia; Nem todo cliente tem a VM instalada; Para ambientes corporativos, a IDE (FlexBuilder Pro) é paga; Criação de bons componentes exige conhecimento do SDK; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Componentes? 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco Button CheckBox ColorPicker ComboBox DataGrid DateChooser DateField HSlider HorizontalList Image Label LinkButton List NumericStepper PopUpButton PopUpMenuButton ProgressBar RadioButton RichTextEditor Text TextArea TextInput TileList Tree VSlider VideoDisplay Controls
Componentes? 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco Canvas ControlBar Form FormHeading Grid HBox HDividedBox ModuleLoader Panel Spacer Tile TitleWindow VBox VDividedBox Containers
Componentes? 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Componentes? 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? HTTP Request 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? Se comporta como se fosse uma página HTML; O retorno pode ser transformado em XML; Objeto; Texto; E4X; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? WebServices; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? Consome serviços levantados através de uma WSDL; O retorno pode ser transformado em XML; Objeto; Tipos primitivos (String, int, float..); Array’s (ArrayCollection, Array); 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? AMF / RemoteObject; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? AMF  Protocolo desenvolvido pela ex Macromedia hoje Adobe; Provê compactação e transferência binária; Transferência muito rápida e baixo consumo de banda; Transporte de objetos em binários, não texto/xml; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
Como o Flex se comunica com meu Back-end? RemoteObject Handler Exceptions; O VO/DTO/TO no Java é o mesmo no Flex; Tipagem de coleções em tempo de execução; “ Os componentes do Flex são populados com objetos Java”; funcionarioVO = FuncionarioVO(dataGrid.selectedItem); 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Trabalham sobre o protocolo AMF Rápida serialização/deserialização Compactação na transmissão Até 10x mais rápido que comunicações que usem formato texto 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Java OpenAMF GraniteDS BlazeDS Red5 .NET Fluorine AMF.NET Perl AMF::Perl Ruby RubyAmf WebOrb Python PyAMF 02/06/09 PHP CakePHP AMFPHP SabreAMF WebOrb Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Licença (LGPL3) Mantenedora é a mesma proprietária do Flex (Adobe) Integrado com Tomcat Parte efetiva do LifeCycle Data Services Segurança 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
RPC (HttpServices, Webservices e Remoting) Web Proxy Configurações em runtime Messaging (pub/sub) Suporte para clientes AJAX (ajax library) Integração Server-side (Spring e EJB) 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Eclipse 3.3 Apache Tomcat 6.0 Hibernate 3 Hibernate Tools 3.2 JMonster JMonster Generator BlazeDS Flex Builder 3 Xampp MySQL 5 MySQL Manager DB Designer Jude Community 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Caso de Uso MER Diagrama de Classes 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
Link’s: www.apollo-ti.com www.digows.com www.google.com http://forum.flexbrasil.com Apresentação e source do projeto podem ser baixados no site:    www.apollo-ti.com 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Workshop UDC - Parte I

  • 1.
    Adobe® Flex™ 02/06/09Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 2.
    O que é o Adobe Flex? Não é Flash!; Conjunto de classes AS3 que formam um framework para o desenvolvimento de interfaces ricas, RIA; Roda na WEB sobre o PluginFlash ou então no Desktop via AIR. 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 3.
    O que éo Adobe Flex? SDK similar ao java, e é OpenSource! Você é estudante? A IDE é de Graça! No Java você tem o .jar, no Flex você tem o .swc; Toda requisição, é ASSÍNCRONA! 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 4.
    O que éo Adobe Flex 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco AutoComplete CSS Visual Editor Design View Flex Builder 3 Code Hinting Debugging Skinning and Styling Flex SDK 3 (OpenSource) Command-line Compiler & Debugger Data Services Message Service Data Management Service RPC Services MXML e ActionScript 3.0 Flex Framework e Class Library Flex Charting Componentes Gráficos
  • 5.
    Pontos positivos Clienteinteligente; Você programa Orientado a Objetos; IDE com Design Editor – FlexBuilder; Agilidade no desenvolvimento; Fácil criação de componentes; Editor Visual de CSS; Sem problemas de compatibilidades entre browsers; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 6.
    Pontos positivos OBrasil é a segunda maior comunidade de desenvolvedores; Rica API de componentes; VM (Flash Player) tem menos de 2mb; Interface dinâmica; Forte mantenedora, Adobe ®; Debug e profiller; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 7.
    Pontos negativos Projetode grande porte exige análise; Flex foi projetado para sistemas, fazer sites para o público brasileiro talvez não é uma boa idéia; Nem todo cliente tem a VM instalada; Para ambientes corporativos, a IDE (FlexBuilder Pro) é paga; Criação de bons componentes exige conhecimento do SDK; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 8.
    Componentes? 02/06/09 RodrigoFraga - Leandro Quingerski - Juliano Feltraco Button CheckBox ColorPicker ComboBox DataGrid DateChooser DateField HSlider HorizontalList Image Label LinkButton List NumericStepper PopUpButton PopUpMenuButton ProgressBar RadioButton RichTextEditor Text TextArea TextInput TileList Tree VSlider VideoDisplay Controls
  • 9.
    Componentes? 02/06/09 RodrigoFraga - Leandro Quingerski - Juliano Feltraco Canvas ControlBar Form FormHeading Grid HBox HDividedBox ModuleLoader Panel Spacer Tile TitleWindow VBox VDividedBox Containers
  • 10.
    Componentes? 02/06/09 RodrigoFraga - Leandro Quingerski - Juliano Feltraco
  • 11.
    Componentes? 02/06/09 RodrigoFraga - Leandro Quingerski - Juliano Feltraco
  • 12.
    Como o Flexse comunica com meu Back-end? HTTP Request 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 13.
    Como o Flexse comunica com meu Back-end? Se comporta como se fosse uma página HTML; O retorno pode ser transformado em XML; Objeto; Texto; E4X; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 14.
    Como o Flexse comunica com meu Back-end? WebServices; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 15.
    Como o Flexse comunica com meu Back-end? Consome serviços levantados através de uma WSDL; O retorno pode ser transformado em XML; Objeto; Tipos primitivos (String, int, float..); Array’s (ArrayCollection, Array); 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 16.
    Como o Flexse comunica com meu Back-end? AMF / RemoteObject; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 17.
    Como o Flexse comunica com meu Back-end? AMF Protocolo desenvolvido pela ex Macromedia hoje Adobe; Provê compactação e transferência binária; Transferência muito rápida e baixo consumo de banda; Transporte de objetos em binários, não texto/xml; 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 18.
    Como o Flexse comunica com meu Back-end? RemoteObject Handler Exceptions; O VO/DTO/TO no Java é o mesmo no Flex; Tipagem de coleções em tempo de execução; “ Os componentes do Flex são populados com objetos Java”; funcionarioVO = FuncionarioVO(dataGrid.selectedItem); 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 19.
    02/06/09 Rodrigo PereiraFraga – Juliano Feltraco – Leandro Quingerski
  • 20.
    02/06/09 Rodrigo PereiraFraga – Juliano Feltraco – Leandro Quingerski
  • 21.
    Trabalham sobre oprotocolo AMF Rápida serialização/deserialização Compactação na transmissão Até 10x mais rápido que comunicações que usem formato texto 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
  • 22.
    Java OpenAMF GraniteDSBlazeDS Red5 .NET Fluorine AMF.NET Perl AMF::Perl Ruby RubyAmf WebOrb Python PyAMF 02/06/09 PHP CakePHP AMFPHP SabreAMF WebOrb Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
  • 23.
    Licença (LGPL3) Mantenedoraé a mesma proprietária do Flex (Adobe) Integrado com Tomcat Parte efetiva do LifeCycle Data Services Segurança 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
  • 24.
    RPC (HttpServices, Webservicese Remoting) Web Proxy Configurações em runtime Messaging (pub/sub) Suporte para clientes AJAX (ajax library) Integração Server-side (Spring e EJB) 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
  • 25.
    02/06/09 Rodrigo PereiraFraga – Juliano Feltraco – Leandro Quingerski
  • 26.
    02/06/09 Rodrigo PereiraFraga – Juliano Feltraco – Leandro Quingerski
  • 27.
    Eclipse 3.3 ApacheTomcat 6.0 Hibernate 3 Hibernate Tools 3.2 JMonster JMonster Generator BlazeDS Flex Builder 3 Xampp MySQL 5 MySQL Manager DB Designer Jude Community 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski
  • 28.
    Caso de UsoMER Diagrama de Classes 02/06/09 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco
  • 29.
    02/06/09 Rodrigo PereiraFraga – Juliano Feltraco – Leandro Quingerski
  • 30.
    Link’s: www.apollo-ti.com www.digows.comwww.google.com http://forum.flexbrasil.com Apresentação e source do projeto podem ser baixados no site: www.apollo-ti.com 02/06/09 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski