Rich Internet
Applications

Conhecendo o Adobe Flex 2
Quem?
 Maurício Linhares
   Phoebus Tecnologia
   Synapse Tech
   PBJUG
   guj.com.br
 Contato
   mauricio.linhares@gmail....
Quais são as palavras da moda hoje?
RIA - AJAX
 RIA – Rich Internet Applictions



 AJAX – Assynchronous JavaScript &
 XML
“RIA” de quê?
 Aplicações complexas, com
 interfaces de extrema
 interatividade;

 Normalmente executando em cima
 de um a...
Exemplos mais comuns
 Flash
   Lazslo
   Adobe Flex
 Applets Java (dinossauros?)
 AJAX
   Scriptaculous
   DOJO
   ...
Mas e aí? O que é que é isso?
 Ambiente para desenvolvimento de
 aplicações RIA usando Flash;

 Plugin disponível para a m...
Vantagens?
 Alguém aí não tem o Flash
 instalado?



 Faz acesso a serviços externos via
 HTTP (comum, REST e Web
 Service...
Vantagens?
 Interface padrão muito bem
 definida (perfeito para
 programadores que não tem a
 mínima noção de design);

 M...
Nada e perfeito né meu filho...
 SDK fechado e sem previsões de
 liberação como software livre;

 Ferramenta de geração de...
Bora dar uma olhada no bixo




http://examples.adobe.com/flex2/inp
  roduct/sdk/flexstore/flexstore.html
Mas e a Concorrência?
 O Laszlo só tem como vantagem
 ser software livre...

 A Microsoft está liberando a
 ferramenta que...
O que é que ele usa?
 ActionScript 3.0



 Flash 9
Cadê o código?
Tá aqui!
<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<mx:Application
  xmlns:mx=http://www.adobe.com/2006/mxml
...
Como é?
 Mais outro arquivo XML (tá
 contando aí quantos são?);

 Define-se os componentes iniciais
 da interface e seus s...
O que é que se faz com isso?
 O arquivo salvo (sempre com a
 extensão “.mxml”) é compilado
 para um arquivo SWF;

 O arqui...
Fazendo uma animação
<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<mx:Application xmlns:mx=quot;http://www.adobe...
Exemplo



Lendo o RSS de um Blog
Preste
atenção!
Exemplo



Acessando um Web Service REST na
 Amazon
Dúvidas?
Mais informações
 REST->
 http://en.wikipedia.org/wiki/Repres
 entational_State_Transfer
 Flex 2 ->
 http://www.adobe.com/...
E agora?
 Programar;
 Mostrar pro cliente;
 Ver o cliente babar;
 Vender o produto pro cliente;
 Botar a mão na grana do c...
Então...
Upcoming SlideShare
Loading in...5
×

RIA - Conhecendo o Adobe Flex 2

1,006
-1

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,006
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

RIA - Conhecendo o Adobe Flex 2

  1. 1. Rich Internet Applications Conhecendo o Adobe Flex 2
  2. 2. Quem? Maurício Linhares Phoebus Tecnologia Synapse Tech PBJUG guj.com.br Contato mauricio.linhares@gmail.com http://maujr.org/
  3. 3. Quais são as palavras da moda hoje?
  4. 4. RIA - AJAX RIA – Rich Internet Applictions AJAX – Assynchronous JavaScript & XML
  5. 5. “RIA” de quê? Aplicações complexas, com interfaces de extrema interatividade; Normalmente executando em cima de um ambiente de execução específico (plugin de navegador);
  6. 6. Exemplos mais comuns Flash Lazslo Adobe Flex Applets Java (dinossauros?) AJAX Scriptaculous DOJO ...
  7. 7. Mas e aí? O que é que é isso? Ambiente para desenvolvimento de aplicações RIA usando Flash; Plugin disponível para a maioria dos sistemas operacionais (será?) e navegadores; SDK gratuito, mas ferramentas e IDE são pagos;
  8. 8. Vantagens? Alguém aí não tem o Flash instalado? Faz acesso a serviços externos via HTTP (comum, REST e Web Services) e Sockets puros;
  9. 9. Vantagens? Interface padrão muito bem definida (perfeito para programadores que não tem a mínima noção de design); Muita, mas muita, muita documentação mesmo (toda em inglês, claro);
  10. 10. Nada e perfeito né meu filho... SDK fechado e sem previsões de liberação como software livre; Ferramenta de geração de relatórios e gráficos também é paga; Muito recente para ter formado uma comunidade de desenvolvimento;
  11. 11. Bora dar uma olhada no bixo http://examples.adobe.com/flex2/inp roduct/sdk/flexstore/flexstore.html
  12. 12. Mas e a Concorrência? O Laszlo só tem como vantagem ser software livre... A Microsoft está liberando a ferramenta que pretende concorrer com isso, o Windows Presentation Foundation (antes tarde do que nunca...);
  13. 13. O que é que ele usa? ActionScript 3.0 Flash 9
  14. 14. Cadê o código?
  15. 15. Tá aqui! <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <mx:Application xmlns:mx=http://www.adobe.com/2006/mxml layout=quot;absolutequot;> <mx:Panel title=quot;My Applicationquot; width=quot;200quot; height=quot;300quot;> <mx:Label text=quot;Welcome to Flex!quot; mouseDownEffect=quot;WipeRightquot;/> </mx:Panel> </mx:Application>
  16. 16. Como é? Mais outro arquivo XML (tá contando aí quantos são?); Define-se os componentes iniciais da interface e seus serviços; Implementam-se scripts que acessam e fazem outros serviços;
  17. 17. O que é que se faz com isso? O arquivo salvo (sempre com a extensão “.mxml”) é compilado para um arquivo SWF; O arquivo SWT pode ser então carregado num navegador comum que tenha o plugin do Flash;
  18. 18. Fazendo uma animação <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <mx:Application xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot; layout=quot;absolutequot;> <mx:Glow id=quot;buttonGlowquot; color=quot;0x99FF66“ alphaFrom=quot;1.0quot; alphaTo=quot;0.3“ duration=quot;1500quot;/> <mx:Panel x=quot;10quot; y=quot;10quot; width=quot;200quot; height=quot;300quot; layout=quot;absolutequot;> <mx:Button x=quot;40quot; y=quot;60quot; label=quot;Viewquot; id=quot;myButtonquot; mouseUpEffect=quot;{buttonGlow}quot; click=quot;BlurMoveShow.play(); myLabel.visible=true;quot;/> <mx:Label x=quot;40quot; y=quot;100quot; text=quot;4 8 15 16 23 42quot; id=quot;myLabelquot; visible=quot;falsequot;/> </mx:Panel> </mx:Application>
  19. 19. Exemplo Lendo o RSS de um Blog
  20. 20. Preste atenção!
  21. 21. Exemplo Acessando um Web Service REST na Amazon
  22. 22. Dúvidas?
  23. 23. Mais informações REST-> http://en.wikipedia.org/wiki/Repres entational_State_Transfer Flex 2 -> http://www.adobe.com/products/fle x/ Laszlo -> http://www.openlaszlo.org/
  24. 24. E agora? Programar; Mostrar pro cliente; Ver o cliente babar; Vender o produto pro cliente; Botar a mão na grana do cliente (porque quem tem usuário é traficante);
  25. 25. Então...
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×