PROGRAMAO PARA INTERNET RICA RICH INTERNET APPLICATIONS

Prof. Dr. Daniel Caetano 2012 - 1

Objetivos
Apresentar o que uma Aplicao Rica para Internet Contextualizar tais aplicaes na Web e os desafios atuais Discutir benefcios e consideraes na criao de Aplicaes Ricas para Internet GRUPOS?
At o fim da aula!

Material de Estudo

Material
Notas de Aula Apresentao

Acesso ao Material
http://www.caetano.eng.br/aulas/pir/ (Aula 2) http://www.caetano.eng.br/aulas/pir/ (Aula 2)

Material Didtico
Google

Rich Internet Application

O QUE RIA?

Motivao para a RIA

Internet: tima para
Organizar informaes Encontrar Informaes

E multimdia (sem plugins)?

Engatinhando

E interatividade em tempo real?

Apenas comeando

E usabilidade?
Idade da pedra Sequer existe uma padronizao

O que se busca com RIA?

Combinar
Desktop Web

Interatividade (Desktop) Funcionalidade (Desktop) Abrangncia e Flexibilidade (Web) Criar experincia RICA em contedo e funes

Definio de RIA
Rich Internet Applications
Aplicaes Ricas para a Internet

Cunhado pela Macromedia em 2001 (Adobe) Conceito Inovador

Modo de pensar a Web Modo de desenvolver para a Web

Aplicaes avanadas como as desktop... ...disponveis como as pginas da Web

Estrutura da Aplicao RIA

Navegador
Processamento da interface

Servidor
Armazena dados e estados Gerencia processos mais sensveis

Ferramenta original: Flash Mas o flash sempre precisou de apoio

Tecnologia Remoting (servidor)

Estrutura da Aplicao RIA

Tecnologia Remoting (Flex Data Services)
Adobe LiveCycle Torna o servidor caro

Alternativa OpenSource
PHP
ou

Java EE

Mas mesmo o Flash se tornou um problema

Tecnologia proprietria Sem suporte de alguns fabricantes (Apple) Problemas de compatibilidade entre verses

Estrutura da Aplicao RIA

AJAX
Asynchronous JavaScript And XML

Uso diferenciado de
JavaScript DOM Servidor XML (quando necessrio)

Maior compatibilidade Maior Interatividade Tecnologias abertas e livres

Problemas da Web
Experincia do Usurio
limitaes quanto interface grfica

Web foi concebida para

Carregamento de pginas inteiras Informaes mais estticas Servidor faz praticamente tudo Alto custo de transmisso de dados

Problemas para entregar

Interface mais robusta Interatividade mais alta

Problemas da Web
Custos de centralizao (operaes e dados)
Parte da lgica de interface HTML precisa ser processado no servidor

Desafios de Compatibilidade e Manuteno

Difcil manter a compatibilidade em diversos navegadores e SOs quando se faz uso de DHTML

Problemas da Web
Para o desenvolvedor, muitas vezes a RIA se parece com isso:

Vantagens da Web
Mas importante insistir
Escalabilidade de Web Abrangncia da Web

Aplicativos Web
Substituindo sistemas cliente-servidor

Tecnologias RIA visam superar limitaes, tirando proveito da vantagens da Web

CARACTERSTICAS DA INTERNET RICA

Sistematizao das Caractersticas

Experincia dinmica para o usurio
Interfaces GUI single-page, sem refresh Integrao sem emendas dos vrios tipos de mdia e tecnologia Suporte a notificaes de mensagens em tempo real

Desenvolvimento Rpido de Aplicao (RAD)

Desenvolvimento familiar com paradigmas de programao e fluxo de trabalho Desenvolvimento em equipe Simplificar manuteno do cdigo a longo prazo

Sistematizao das Caractersticas

Disponibilizao dirigida a padres
Compatibilidade com infraestruturas existentes (Java EE, XML, Web Services, SSL...) Rodar em qualquer navegador sem download de complementos ou instalaes Deslocar parte da carga do processamento para o equipamento cliente, aliviando o servidor

Resumidamente...
RIA
Usa tecnologia cliente Web sites interativos, similares a desktop Facilidade de desenvolvimento

Interface no Cliente
Comunica-se por HTTP com servidor Servidor faz backend Possibilita comunicao segura quando necessrio

Em termos comerciais...
Menor tempo de resposta das aplicaes Melhor usabilidade das aplicaes Satisfao do cliente!
Melhoria dos negcios Da comunicao IP ao e-Commerce Significativo aumento
Na utilizao dos servios Nas taxas de concluso de trasaes

Significativa reduo
Nos custos de manuteno

Ou seja...

CONSIDERAES E BENEFCIOS

Consideraes
Tecnologias Rich Client
No so evoluo do HTML um uso alternativo das capacidades dos navegadores para propiciar maior interatividade

Aplicaes Ricas
Boa parte delas executa no navegador, com o HTML Adicionam mais recursos, mas dependem do HTML

HTML ainda tem papel fundamental!

Consideraes
Como podem rodar em qualquer lugar
Distribuio uniforme de aplicativos

Ambiente mais slido

Grficos mveis Vdeo udio Comunicao bidirecional Formulrios complexos

Consideraes
Planejamento fundamental
Centrado no usurio e suas metas Explorao de modelos mentais Foco nos objetivos do negcio Conhecer processos e ferramentas

Objetivo: Web = Desktop

SITUAO ATUAL

RIA no Mundo

RIA no Mundo

RIA no Mundo

RIA no Mundo

RIA no Mundo

RIA no Brasil
Poucos sites usam Tendncia: aumento rpido Definir RIA como estratgico
Diferencial Marketing Vendas Relacionamento

TECNOLOGIAS... HTML, XHTML, HTML5...

Tecnologias Usadas
Sopa de letrinhas
HTML x XHTML x HTML5 CSS1, 2, 3... JS 2.x, 3.0... e DHTML DOM 1, 2... AJAX XML
Contedo (estrutura)
Visual (cores e layout) Processamento Estrutura Interna (memria) Manipulao de Dados

Transferncia de Dados

Navegadores?
Firefox 9 ou superior Internet Explorer 9 ou superior

O que vamos construir...

DISCUSSO: QUAL A RELAO DA RIA COM A WEB 2.0?

ENTREGA DOS GRUPOS DE TRABALHO

REVISO PROGRAMAO WEB

Voc consegue construir isso?

UMA IMAGEM QUALQUER 200 x 60

CONCLUSES

Resumo
RIA traz inmeros benefcios aos usurios Aplicaes desktop distribudas pela web Projeto e desenvolvimento depende do conhecimento das tecnologias

Prxima Aula
XHTML
O que isso? Que apito toca?

PERGUNTAS?

BOM DESCANSO A TODOS!