30
Adobe® Flex™ 03/07/22 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Workshop UDC - Parte I

Embed Size (px)

DESCRIPTION

Primeira parte dos slides que foram utilizados na apresentação na UDC

Citation preview

Page 1: Workshop UDC - Parte I

Adobe® Flex™

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 2: Workshop UDC - Parte I

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.

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 3: Workshop UDC - Parte I

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!

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 4: Workshop UDC - Parte I

O que é o Adobe Flex

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Design ViewDesign View

Flex Builder 3

Code HintingCode Hinting

DebuggingDebugging

Skinning and StylingSkinning and Styling

Flex SDK 3 (OpenSource)

Command-line Compiler & DebuggerCommand-line Compiler & Debugger

Data Services

Message ServiceMessage Service

Data Management ServiceData Management Service

RPC ServicesRPC Services

MXML e ActionScript 3.0MXML e ActionScript 3.0

Flex Framework e Class LibraryFlex Framework e Class Library

Flex Charting Componentes GráficosComponentes Gráficos

AutoCompleteAutoComplete

CSS Visual EditorCSS Visual Editor

Page 5: Workshop UDC - Parte I

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;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 6: Workshop UDC - Parte I

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;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 7: Workshop UDC - Parte I

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;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 8: Workshop UDC - Parte I

Componentes?

12/04/23 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

Page 9: Workshop UDC - Parte I

Componentes?

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Containers

• Canvas

• ControlBar

• Form

• FormHeading

• Grid

• HBox

• HDividedBox

• ModuleLoader

• Panel

• Spacer

• Tile

• TitleWindow

• VBox

• VDividedBox

Page 10: Workshop UDC - Parte I

Componentes?

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 11: Workshop UDC - Parte I

Componentes?

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 12: Workshop UDC - Parte I

Como o Flex se comunica com meu Back-end?

HTTP Request

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 13: Workshop UDC - Parte I

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;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 14: Workshop UDC - Parte I

Como o Flex se comunica com meu Back-end?

WebServices;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 15: Workshop UDC - Parte I

Como o Flex se comunica com meu Back-end?

Consome serviços levantados através de uma WSDL;

O retorno pode ser transformado emXML;Objeto;Tipos primitivos (String, int, float..);Array’s (ArrayCollection, Array);

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 16: Workshop UDC - Parte I

Como o Flex se comunica com meu Back-end?

AMF / RemoteObject;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 17: Workshop UDC - Parte I

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;

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 18: Workshop UDC - Parte I

Como o Flex se comunica com meu Back-end?

RemoteObjectHandler 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);

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 19: Workshop UDC - Parte I

12/04/23 Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski 19

Page 20: Workshop UDC - Parte I

12/04/23 20Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 21: Workshop UDC - Parte I

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

12/04/23 21Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 22: Workshop UDC - Parte I

JavaOpenAMFGraniteDSBlazeDSRed5

.NETFluorineAMF.NET

PerlAMF::Perl

RubyRubyAmfWebOrb

PythonPyAMF

12/04/23 22

PHPCakePHPAMFPHPSabreAMFWebOrb

Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 23: Workshop UDC - Parte I

Licença (LGPL3) Mantenedora é a mesma proprietária do Flex (Adobe) Integrado com Tomcat Parte efetiva do LifeCycle Data Services Segurança

12/04/23 23Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 24: Workshop UDC - Parte I

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)

12/04/23 24Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 25: Workshop UDC - Parte I

12/04/23 25Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 26: Workshop UDC - Parte I

12/04/23 26Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 27: Workshop UDC - Parte I

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

12/04/23 27Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 28: Workshop UDC - Parte I

Caso de Uso MER

Diagrama de Classes

12/04/23 Rodrigo Fraga - Leandro Quingerski - Juliano Feltraco

Page 29: Workshop UDC - Parte I

12/04/23 29Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski

Page 30: Workshop UDC - Parte I

Link’s:www.apollo-ti.comwww.digows.comwww.google.comhttp://forum.flexbrasil.com

Apresentação e source do projeto podem ser baixados no site:

www.apollo-ti.com

12/04/23 30Rodrigo Pereira Fraga – Juliano Feltraco – Leandro Quingerski