Adobe Flex 45

Esp.
Flvio Eduardo Aoki Horita
www.flaviohorita.stillit.com.br
Introduo Parte I Adobe Flex Parte II Instalao da IDE Parte III Linguagem MXML e AS3
Esp. Flvio Eduardo Aoki Horita
No vamos tratar:
Server
Client
Introduo
APRESENTAO, ITINERRIO, OBJETIVOS E REFERNCIAS.
Contextualizar o desenvolvimento atual utilizando Adobe Flex. Capacitar os participantes na instalao e configurao da ferramenta de desenvolvimento Adobe Flash Builder 4.5. Apresentar o framework Adobe Flex 4.5:
Tornar-se familiarizado com os principais componentes MXML. Apresentar os conceitos bsicos da linguagem ActionScript 3 (AS3).
SCHMITZ, D. P. Dominando Flex e Java, 2011. SCHMITZ, D. P. Dominando Adobe Flex 4.5, 2011. SCHMITZ, D. P. Dominando Adobe Flex 4. Bauru: Ed. Canal6, 2010. SCHMITZ, D. P. Adobe Flex 3: Conceitos e Exemplos. Ed. Brasport, 2008. SCHMITZ, D. P. eBook: Dominando ActionScript 3, 2010. CAUSO, R. S. ActionScript 3.0 Guia de Referncia Rpida. So Paulo: Ed. Alta Books, 2009. Tour de Flex. Disponvel em: < http://www.adobe.com/devnet/flex/tourdeflex.html >. _______. Programao do Adobe Actionscript 3. Disponvel em: <http://blog.vilourenco.com.br/apostila-adobe-actionscript-3/> Blogs: http://blog.erkobridee.com/ http://www.vedovelli.com.br/ http://www.jandersonfc.com/blog/ http://www.igormusardo.com.br/ http://www.igorcosta.com/blog/ Exemplos: http://demo.flasherp.com.br/index.cfm# (demo/1234)
Mestrando em Cincia da Computao, UEL, desde 2011. Esp. em Eng. De Software com UML, UNIFIL, 2011. Bacharel em Sistemas de Informao, UNILINS, 2008. Analista Desenvolvedor Java/Flex na LidaWeb (www.lidaweb.com.br) Trabalha com Java (EJB3, JPA) e Flex 3 Scio e Desenvolvedor na STILL IT (www.stillit.com.br) Trabalha com Java (Spring), Flex 3, 4 e 4.5, Swiz Framework e Flex Mobile Em paralelo, ministra cursos de Flex e realiza estudos em: Business Intelligence, Pentaho Open Source Suite, Modelagem Dimensional, MPS.Br, SCRUM, Gerenciamento de Recursos Humanos, Desenvolvimento Distribudo de Software (DDS). www.flaviohorita.stillit.com.br MSN e E-mail : feahorita@gmail.com Skype : feahorita www.flaviohorita.stillit.com.br
Nome? Formao? Trabalha? Qual experincia em desenvolvimento? Ouviu falar de Adobe Flex? Conhece outra liguagem? Conhece Programao Orientada a Objeto?
Parte I Adobe Flex
APRESENTANDO O FRAMEWORK ADOBE FLEX, SUA HISTRIA E O CONCEITO DE RICH INTERNET APPLICATION (RIA).
O desenvolvimento baseado em funcionalidades, em expresses, requisitos de usurio somente!
Visual Bonito, mas pouco iterativo com o usurio
Resultado:
Sistema com alta quantidade de funcionalidade, realizando tudo que o cliente quer MAS..
CALMA GALERA DAS ANTIGAS!!!!!

Esp. Flvio Eduardo Aoki Horita www.flaviohorita.stillit.com.br
Eniac
PCs
Redes
Mundo
1946
1976
1970 ~1992
2004
Internet (World Wide Web) Maior escalabilidade Problemas de desempenho com a melhoia da interface Necessidade de sistemas mais iterativos com os usurios
http://html5vsflash.tumblr.com/
O conceito de RIA muda a forma como os usurios usam o sistema!
Fonte: Igor Costa
Roda no navegador e mantm o processamento mais pesado para no servidor de aplicao

Esp. Flvio Eduardo Aoki Horita www.flaviohorita.stillit.com.br
Um framework frequentemente caracterizado como um conjunto de classes concretas e abstratas que colaboram entre si para fornecer o esqueleto de uma implementao para uma aplicao.
Framework desenvolvido e liberado pela Adobe para desenvolvimento de aplicaes/sistemas de informao voltados para o ambiente web.
O Flex, como mais conhecido, roda utilizando o Flash Player da Adobe, player disponvel em aprox. 98% dos computadores atualmente.
Interpretadores
Server
Client
O framework Flex no para desenvolvimento de sites, seu foco principal o desenvolvimento de aplicaes/sistemas de informao.
Mas quem quiser ..!!!!! http://blog.dclick.com.br/2009/09/17/flex-nao-epara-sites-capitulo-209843/pt/
Maro de 2004 Macromedia Ferramenta no servidor 2005 Flex Alpha + Flex Builder Macromedia 2006 Adobe OpenSource. 2008 Adobe Flex 3. 2010 Adobe Flex 4 + Adobe Flash Builder 4. Atualmente, Adobe Flex 4.5
Para cada verso do Flex inmeros Software Development Kit (SDKs) so liberados para a comunidade buscando solucionar bugs encontrados pelos desenvolvedores.
Layout bonito, moderno e interativo com o usurio. Comunidade cresce constantemente.

Dados Evento: Flex Mania 1256/2009 -> 2363/2010
Facilidade em encontrar examples de aplicaes ou funcionalidades.
Eficiente e prtico.
WYSIWYG What You See Is What You Get
Problema de performace com o banco

Problema comum em outras tecnologias
Cache do Usurio Arredondamento de Valores Re-programao

O.O
Voltado para desenvolvimento de Animaes. Extrema dificuldade com a programao AS3 ou AS2.
Ambos so amigos.
A partir do CS4 possvel trabalhar com AS3 no Adoble Flash Builder .
Adobe AIR uma tecnologia que permite a criao de aplicaes desktop a partir de tecnologias de desenvolvimento de pginas web - HTML, Ajax ou Flash. Desenvolvimento para Desktop; Multi-plataforma; Suporte a SOs de dispositivos mveis Android, BlackBerry Tablet OS e iOS.
Silverlight
Tecnologia RIA da Microsoft. Utiliza um player/plugin.
Fonte: http://pt.wikipedia.org/wiki/Silverlight
JavaFX
Tecnologia RIA da Oracle. Utiliza JavaFx Script.
Fonte: http://pt.wikipedia.org/wiki/JavaFX
Parte II Adobe Flash Builder 4.5
INSTALANDO E CONHECENDO A PODEROSA FERRAMENTA DE DESENVOLVIMENTO DA ADOBE.
O software Adobe Flash Builder 4.5, conhecido anteriormente como Adobe Flex Builder, uma ferramenta de desenvolvimento com base no Eclipse para criao rpida de aplicativos expressivos para dispositivos mveis, Web e desktop usando o ActionScript e a estrutura Flex de cdigo aberto
Ferramenta da Adobe. Disponvel em: http://www.adobe.com/products/flashbuilder Software Proprietrio, porm: Com verso de avaliao por 60 dias. Verso gratuita para estudantes. Disponvel em: https://freeriatools.adobe.com/ Verso de desenvolvimento no Eclipse ( v. 4 )
Fonte: http://www.adobe.com/br/products/flash-builder/buying-guide.html
Adobe Flex 4.5 para Mobile
Incio 2011
Julho/Agosto 2011
Antes de comprar um dispositivo: http://www.adobe.com/flashplatform/certified_devices/
Prxima release aps a introduo do desenvolvimento mobile no SDK

Novos componentes Melhora na performace
Pr-release
http://tinyurl.com/6dn84ra
Fonte: http://www.adobe.com/br/products/flash-builder/buying-guide.html
Conhecendo o Flash Builder:

Package Explorer Apresenta o conjunto de projetos da workspace. Apresenta para cada projeto seus pacotes, bibliotecas e sources.
Conhecendo o Flash Builder: Outline Apresenta a hierarquia de classes, componentes e funoes da tela.
Conhecendo o Flash Builder: Problems Apresenta os possveis erros de digitao ou cdigo.
referncia no
Conhecendo o Flash Builder: Janela Principal
Conhecendo o Flash Builder: Properties Apresenta as propriedades, eventos, aparecia do componente selecionado.
Boto Design
Botes Propriedades PorCategoria/PorOrdemAlfab
Carregado Junto ao Cdigo Carregado em Tempo de Execuo
Boto acrescentar Biblioteca
Arquivo de CSS Arquivo HTML que adiciona o SWF
SWF compilado
Arquivo que faz a verificao da verso do Flash Player
Criando uma Library Extenso SWC New/Flex Library Project Acrescentando ao projeto Copiando para pasta lib Properties
New -> Export -> Release Build
Criao automtica de funes: creationComplete de um componente; Encapsulamento = Gerar Gets/Sets Source>Generate Getter/Setter com a propriedade selecionada. Clicando CTRL + Barra de Espao: 1 vez = todos; 2 vez = propriedades; 3 vez = eventos; 4 vez = efeitos. 5 vez = estilos.
Necessrio: Flash Player Debug
Torna o desenvolvimento mais rpido! Existem diversos prontos! Preferences -> no editor Templates
Templates MXML Templates AS Templates Files
Criar o hbito!
= Adobe Flash Builder Debug, Debug Suporte
No exite modo design Pago

Pure / Plus / Max http://www.fdt.powerflasher.com
Parte III MXML e ActionScript 3
APRESENTAR AS PRINCIPAIS FUNCIONALIDADES DAS LINGUAGENS DO FRAMEWORK ADOBE FLEX, A MXML E A ACTIONSCRIPT 3.
Ele permite interatividade, manipulao de dados e muito mais no contedo e nos aplicativos do Flash, Flex e AIR. O cdigo de bytes incorporado aos arquivos SWF, que so executados pelo Flash Player e pelo AIR. Grande semelhanas com Java Linguagem Orientada a Objeto (Her, Pol, )
O nome do atributo O tipo de dados que pode ser armazenado nela O valor real armazenado na memria do computador
visibilidade
nome
tipo -> classe
Java
Propriedades/Atributos
Funes/Mtodos
Os eventos so mecanismos que determinam quais instrues o computador executa em um determinado momento. Tratamento de Eventos
3
Origem / Destino
1
Evento
Packages Tipos: Boolean, int, Number, Object, String, uint e classes. Escopo de Atributos Operadores Hello
= == Etc If else for Etc
World!
Controle de Fluxos

Segundo SCHMITZ(2010), databind uma forma de preencher com dados, um objetivo, caso outro objeto seja preenchido.
Flavio Bruna Paula Fbio Roberto Carlos Clarice Eliane Isso ocorre porque o valor do meu array nomes foi sim alterado. O problema que ningum avisou o componente List que o valor foi modificado, por isso ele mantm os valores antigos.
Alterar Nomes
Alterar Nomes [BINDABLE]
Fonte: http://www.tecnoria.com.br/2011/02/o-que-e-o-bindable-do-flex.html
Linguagem de Marcao baseada no XML Muito semelhante ao HTML, mas com tags.
Tags que que definem um datagrid, um accordions, textinput, por exemplo.

Mas o que mais legal na linguagem que, com a ajuda do AS3, voc pode extender sua capacidade de criao e criar novos tags.
Cada tag da linguagem possui um conjunto de atributos e mtodos (aes).
override public function set dataProvider(value:IList):void { if (dataProvider === value) return; if (showBlankField == true) { var exList:IList = new ArrayCollection();
Exemplo: ComboBox
s:Combobox
var blk:Object = new Object(); blk.descricao = ""; blk.label = ""; exList.addItem(blk);

for each(var item:Object in value) { exList.addItem(item); } value = exList; } super.dataProvider = value; invalidateProperties();}
components:MyComobox
Namespaces:
fx: Parte Lgico s (Spark): Parte Visual mx : Tag do Flex 3
MXML
Flex 3
xmlns:mx="library://ns. adobe.com/flex/mx"
Parte Lgica Parte Visual

xmlns:s="library://ns.a dobe.com/flex/spark" xmlns:fx="http://ns.ad obe.com/mxml/2009"
FLEX 3
FLEX 4
Tags fx:Declarations Componentes no visuais: Efeitos, Validadores, Formatadores, Arrays, Tipos, RemoteObjects etc. fx:Scripts Bloco de cdigo AS3, parte lgica.
Tags fx:Declarations Componentes no visuais: Efeitos, Validadores, Formatadores, Arrays, Tipos, RemoteObjects etc. fx:Scripts Bloco de cdigo AS3, parte lgica.
Canvas Layout
Vertical Layout Horizontal Layout
HGroup / VGroup
Estudos para integrao do Flex com Tecnologias de Backend; PHP AMFPHP ZendFramework Java BlazeDS Ruby e Microsoft Certificao FLEX 4 ACE Exam (Adobe Flex + AIR) http://www.adobe.com/devnet/flex/articles/flex_certific ation.html
http://tinyurl.com/6bw972c
www.flaviohorita.stillit.com.br Msn e e-mail: feahorita@gmail.com Skype: feahorita

Adobe Flex 45

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Adobe Flex 45

Transféré par

Droits d'auteur :

Formats disponibles

Esp.

Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

APRESENTAO, ITINERRIO, OBJETIVOS E REFERNCIAS.

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Parte I Adobe Flex

Esp. Flvio Eduardo Aoki Horita

O desenvolvimento baseado em funcionalidades, em expresses, requisitos de usurio somente!

Visual Bonito, mas pouco iterativo com o usurio

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

CALMA GALERA DAS ANTIGAS!!!!!

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

O conceito de RIA muda a forma como os usurios usam o sistema!

Esp. Flvio Eduardo Aoki Horita

Fonte: Igor Costa

Roda no navegador e mantm o processamento mais pesado para no servidor de aplicao

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Mas quem quiser ..!!!!! http://blog.dclick.com.br/2009/09/17/flex-nao-epara-sites-capitulo-209843/pt/

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Layout bonito, moderno e interativo com o usurio. Comunidade cresce constantemente.

Facilidade em encontrar examples de aplicaes ou funcionalidades.

Esp. Flvio Eduardo Aoki Horita

Problema de performace com o banco

Cache do Usurio Arredondamento de Valores Re-programao

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Parte II Adobe Flash Builder 4.5

INSTALANDO E CONHECENDO A PODEROSA FERRAMENTA DE DESENVOLVIMENTO DA ADOBE.

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Adobe Flex 4.5 para Mobile

Antes de comprar um dispositivo: http://www.adobe.com/flashplatform/certified_devices/

Esp. Flvio Eduardo Aoki Horita

Prxima release aps a introduo do desenvolvimento mobile no SDK

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Conhecendo o Flash Builder:

Esp. Flvio Eduardo Aoki Horita

Esp. Flvio Eduardo Aoki Horita

Conhecendo o Flash Builder: Problems Apresenta os possveis erros de digitao ou cdigo.

Esp. Flvio Eduardo Aoki Horita

Conhecendo o Flash Builder: Janela Principal

Esp. Flvio Eduardo Aoki Horita

Botes Propriedades PorCategoria/PorOrdemAlfab

Esp. Flvio Eduardo Aoki Horita

Carregado Junto ao Cdigo Carregado em Tempo de Execuo

Boto acrescentar Biblioteca