Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB

Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB Jorge Carvalho Vagner Machado Fabsoft - 2008

Agenda • Primeira Parte: Teoria o O que é Flex? o Histórico o O que o Flex pode fazer? o Diferenças entre Flex e Flash o Integração com o servidor o Flex no MVC (Arquitetura) o Ambiente de Trabalho Flex o Concorrência o BIM - Banco de Imagens Médicas o Links Úteis • Segunda Parte: Prática o Primeiros Passos: Brincando com Imagens o FlickrFlex o BlazeDS

Primeira Parte: Teoria

O que é Flex? - RIA's Rich Internet Applications (RIA's) São aplicações Web que contêm características e funcionalidades de uma aplicação desktop tradicional. Características: • roda em um navegador e não requer a instalação de programas adicionais; • parte do processamento executado no navegador; • maior parte do processamento e dos dados no servidor.

O que é Flex? - Adobe Flex "É um framework multi-plataforma para desenvolvimento de aplicações RIA, levando um modelo de programação padrão e conhecido por profissionais e desenvolvedores. Nele usamos uma linguagem de marcação (MXML) que é baseada no XML para definir a interface da aplicação e o Actionscript 3.0 para a parte lógica. As aplicações Flex levam a extensão .mxml e podem ser criadas em qualquer editor de texto comum, como por exemplo o Bloco de Notas." Fonte: E-genial

Histórico • Criado em Março de 2004 pela Macromedia; • Sem grande aceitação inicial; • Macromedia adquirida pela Adobe em Abril de 2005; • Grandes investimentos da Adobe na tecnologia; • Open-source desde Abril de 2007 sob a MPL (Mozilla Public License); • Versão atual lançada em Fevereiro de 2008.

O que o Flex pode fazer? E-commerce http://www.voelkl-snowboards.com/index.cfm/EN/352 Aplicações On-line http://a.viary.com Multimídia http://www.robots.com/movies.php?tag=40 Plugins e Widgets http://www.yourminis.com/minis Dashboards http://www.intelisea.com/demo/demo.htm Aplicações Desktop Pownce - http://pownce.com/ eBay Desktop - http://desktop.ebay.com/

Diferenças entre Flex e Flash • Flash mais apropriado para fazer animações • Flex utilizado na confecção de RIA's • Flash voltado para profissionais da área de design • Flex voltado para desenvolvedores • Ambos fazem uso do ActionScript

Concorrência

Ambiente de trabalho

Requisitos para integração Java/Flex: Servidor de Aplicação: - GlassFish V2UR2 https://glassfish.dev.java.net/downloads/v2ur2-b04.html Plugins: - Plugin GlassFish com.sun.enterprise.jst.server.sunappsrv_1.0.3 - WTP (Web Tools Plataform) JavaEE

Integração Flex/Java BlazeDS Server - OpenSource - Suporte Remoting - Permite conexão entre a camada de visualização e o back-end (modelo e controle) - Transferência de informações em tempo real entre as camadas - Utilização do protocolo AMF3

AMF3 - Census http://www.jamesward.com/census

AMF3 - Action MessageFormat - Aplicações atuais utilizam XML(eXtensible Markup Language) sobre o protocolo HTTP. - A algum tempo o FlashPlayer dá suporte a um protocolo de transporte chamado AMF3.

AMF3 - Action MessageFormat AMF3: - Formato Binário - Compactação de dados - Elimina a camada de abstração de dados - Maior performance no Servidor e Cliente, resultando em comunicação mais eficiente entre ambos.

MVC - Model View Controller Padrão de arquitetura de software - Modelo: Acesso aos dados. - Controle: Lógica de Negócios. - Visualização: Lógica de apresentação e interação com o utilizador.

MVC e o Flex

BIM - Banco de Imagens Médicas Proposta "Este projeto tem como objetivo atender uma necessidade presente na medicina atual: uma ferramenta robusta e adaptada para a realidade de hospitais e cursos da área de saúde, em que têm-se a necessidade de organizar um acervo de imagens concernentes a pacientes e respectivos tratamentos ministrados, para posterior consulta e auxílio, bem como para fins didáticos e possíveis diagnósticos."

BIM - Banco de Imagens Médicas Tecnologias: - Spring Framework - Hibernate - Flex - JavaEE - BlazeDS Server - AMF3 - MySQL

Arquitetura BIM

MVC e o Flex

Links Úteis Web Log's http://www.vedovelli.com.br/ http://msdevstudio.com/blog/ http://www.flexdev.com.br/home/ Vídeo Aulas em Inglês http://www.adobe.com/devnet/flex/videotraining/ Download do FlexBuilder Grátis para Estudantes https://freeriatools.adobe.com/flex/ Visão Geral dos Recursos http://learn.adobe.com/wiki/display/Flex/Animated+overview Site Oficial do Flex http://www.adobe.com/products/flex/ Mais Exemplos de Aplicações em Flex http://flex.org/showcase/ Inúmeros Exemplos de Códigos-Fonte http://www.adobe.comcfusioncommunityengineindex.cfm?productId=2

Segunda Parte: Prática Primeiros Passos: Brincando com Imagens FlickrFlex: Pesquisa em imagens públicas do Flickr Integração Java + Flex com BlazeDS

Descobrindo o Potencial do Flex para a Criação de Aplicações Ricas para a WEB

0 comments

Notes on slide 1

Favorites, Groups & Events