FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.
Transcript of FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.
![Page 1: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/1.jpg)
FLEX – Um novo conceito de R.I.A.
Glerter Sabiá – gas2Gleibson Rodrigo - grso
![Page 2: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/2.jpg)
Roteiro
• RIA e Web 2.0• Flash
– História– O SWF– Estrutura do Flash– Exemplos de Flash– Porque Flash é ruim?
• O que é o FLEX?– Definição– Action Script 3.0– Arquitetura do FLEX– Exemplos na Web– Desenvolvimento
![Page 3: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/3.jpg)
RIA
• RIA é a abreviação de Rich Internet Applications ou Aplicações Ricas para Internet. É uma Aplicação Web que contêm características e funcionalidades de uma aplicação desktop tradicional.
• O que é rico no RIA?– Múltiplas fontes, imagens vetoriais e bitmap,
animações, conferências online, áudio e vídeo online.
![Page 4: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/4.jpg)
RIA
![Page 5: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/5.jpg)
Web 2.0
• Web 2.0 é AJAX?– Não!!!
• Ajax é um conceito– Requisições assíncronas e muito mais!
• Web 2.0 é o nome para um conjunto de conceitos que representam a maturidade no desenvolvimento de aplicações web.
![Page 6: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/6.jpg)
A história do Flash
• Flash?! A minha polaroid tem um.
• A Macromedia não inventou, englobou!– Empresa Future Wave
• Concorrente do ShockWave da Director
• Nascimento do ActionScript• Evoluiu desde a simples animação de imagens
até a codificação com ActionScript
![Page 7: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/7.jpg)
O SWF
• ByteCode Interpretado
• Pode conter fontes embutidas
• Pode conter Bitmaps embutidos
• Criação de um filme interativo através de imagens vetoriais.
![Page 8: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/8.jpg)
Estrutura do Flash
![Page 9: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/9.jpg)
Exemplos de Flash
![Page 10: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/10.jpg)
Porque Flash é ruim!?
• Mistura de código processador com edição de imagens
• Pulverização do código em diferentes pontos da aplicação– Baixa produtividade– Difícil manutenção
![Page 11: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/11.jpg)
FLEX – Um novo conceito
• Em um mundo onde a maioria das experiências digitais é decepcionante, a Plataforma Macromedia Flash oferece algo diferente. – É uma plataforma em tempo de execução– Uma plataforma mais leve que as anteriores– IDE baseada em Eclipse– Multiplataforma– Pode ser usada para mídia rica (RIA)– Aplicativos empresariais– Comunicação
![Page 12: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/12.jpg)
O FLEX
O Adobe Flex é uma solução completa para criar e fornecer aplicações ricas, robustas, interativas e que possibilitem uma interface mais amigável e intuitiva para o usuário
![Page 13: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/13.jpg)
Action Script 3.0
• Paradigma de orientação a objetos
• Todo o aplicativo agora é código
• Permite rápido desenvolvimento
• Facilita a manutenção e padronização do código
• Facilita reuso de código
![Page 14: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/14.jpg)
Arquitetura do FLEX
![Page 15: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/15.jpg)
Exemplos de FLEX na web
http://www.eng.com.br/site/bin/ENG_Flex.cfml
![Page 16: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/16.jpg)
Exemplo de Aplicativo FLEX
![Page 17: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/17.jpg)
Desenvolvimento
Um passeio pela API de ActionScript 3
Utilizando a Ferramenta Flex Bulder 2
![Page 18: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/18.jpg)
Conclusão
• Com o FLEX a ADOBE deixou de se orgulhar de pequenas animações (flash) e agora se importa com grandes aplicações corporativas desenvolvidas em FLEX.
• Maior poder para o programador
• Orientação a objetos é uma tendência
![Page 19: FLEX – Um novo conceito de R.I.A. Glerter Sabiá – gas2 Gleibson Rodrigo - grso.](https://reader036.fdocument.pub/reader036/viewer/2022081422/552fc145497959413d8e0b5b/html5/thumbnails/19.jpg)
FLEX – Um novo conceito de R.I.A.
Glerter Sabiá – gas2Gleibson Rodrigo - grso
Dúvidas!?