View
7.427
Download
5
Embed Size (px)
DESCRIPTION
palestra realizada na FESP, Curitiba - PR, dia 23/10, no evento INFOFESP
Citation preview
Web 2.0 & RIAWeb 2.0 & RIA
por : Erko Bridee de Almeida Cabrera
AgendaAgenda
Um pouco de história
Web 1.0
Web 2.0
RIA - Rich Internet Application
RIA - As tecnologias em destaque
Mas e o mercado hoje?
Web 3.0
Web 2.0 & RIA
Erko Bridee de Almeida CabreraErko Bridee de Almeida Cabrera
Javanês desde 2002/2003
Moderador do Portal Javahttp://www.portaljava.com
Analista & Desenvolvedor Java - Wise Systems - Curitiba - PR
Bacharel em Ciência da Computação com ênfase em Computação GráficaCesufoz – Foz do Iguaçu - PR
Web 2.0 & RIA
Um pouco de históriaUm pouco de históriaWeb 1.0, Web 2.0 e Web 3.0
Ontem, hoje e amanhã
Web 2.0 & RIA
Um pouco de históriaUm pouco de história
1993 : Lançamento do navegador Mosaic, implementando suporte ao protocolo HTTP e processamento de páginas HTML;
1994 : Início das linguagens de criação de conteúdo dinâmico para Web : Macromedia ColdFusion, PHP;
1995 :
Microsoft ASP;Netscape e o surgimento do DHTML ( javascript para tornar dinâmico o que antes era estático );
Web 2.0 & RIA
Um pouco de históriaUm pouco de história
1996 : Java Servlets;
1997 : Macromedia sonha com RIA;
2004 : Inicio da era Web 2.0;
2005/Hoje : Efetivamente a era Web 2.0, aplicações RIA;
Amanhã : Web 3.0
1999 : JavaServer Pages (JSP);
Aplicações web tão interativas e usuais quanto as desktop;
Web 2.0 & RIA
Web 1.0Web 1.0O passado
Web 2.0 & RIA
Web 1.0Web 1.0
Época onde o conteúdo era basicamente todo editorial;
Muita informação pouco usual e relevante;
Web 2.0 & RIA
Publicidade excessiva, não direcionada e incômoda;
Ou seja, apenas algumas pessoas, empresas publicavam materiais na internet.
Poluição visual
Acesso discado a internet
Poluição visual : causa da lentidão, no site acessado.
Web 1.0Web 1.0
Falta de organização;
Dificuldade para encontrar o que se procura;
Web 2.0 & RIA
A atual palavra "clean", quem ainda não ouviu?
Na Web 1.0 você era apenas um “ouvinte”.
Web 1.0 - Abstraindo a idéia...Web 1.0 - Abstraindo a idéia...
Web 2.0 & RIA
Web 1.0
Empresa para o Cliente : Fique quieto e escuteEmpresa para o Cliente : Fique quieto e escuteCliente para a Empresa : Tem alguém ae?Cliente para a Empresa : Tem alguém ae?
Web 2.0Web 2.0Da necessidade a realidade hoje...A Web como uma plataforma.
Web 2.0 & RIA
Web 2.0 - A necessidadeWeb 2.0 - A necessidade
Mesmo com todos os problemas da Web 1.0, conforme foi se tornando maispopular ( acessível a grande massa ), começaram a surgir as primeiras aplicações...
Mas a Web 1.0, foi projetada para conteúdo estático!
Web 2.0 & RIA
A aplicações que surgiram eram todas seqüenciais
De uma página para outra...
Não tem como alterar isso?
Precisamos de alternativas.
As pessoas gostam de interagir.
Web 2.0Web 2.0
Web 2.0 & RIA
Se a Web 1.0 morreu…
…então o que é a Web 2.0?
Web 2.0 - o que é isso?Web 2.0 - o que é isso?
Web 2.0 & RIA
Um novo conceito de Web
A Web como uma plataforma
Os 3 facetas/pilares da Web 2.0
Design
Open Source
Comunicações
Web 2.0 - DesignWeb 2.0 - Design
Web 2.0 & RIA
Os clientes querem uma experiência rica de usuário
Web 2.0 - Open SourceWeb 2.0 - Open Source
Web 2.0 & RIA
Se você quer, gosta de usar algo pronto, você também deveria
contribuir…
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
Mas quem irá intermediar o diálogo?
A custo mais acessível da banda larga.
Cliente x Empresa
Adeus internet discada!
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
Os negócios são nada mais que diálogos
então as empresas deveriam:
Prestar atenção nos seus clientes/usuários
Participar e não tentar controlar
Quem faz os clientes confiar?
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
CEO ou a Secretária?
As propagandas e campanhas publicitárias?
Não!
São pessoas como eu!
E os outros clientes! Possivelmente você!
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
A Mídia Social coloca os Clientes no Controle do Diálogo
Todo consumidor é…
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
…um formador de opiniões
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
…um DJ
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
…um especialista
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
…um “broadcaster”
Web 2.0 - ComunicaçõesWeb 2.0 - Comunicações
Web 2.0 & RIA
…participante de uma rede social
Web 2.0 - “Padrões de Projeto”Web 2.0 - “Padrões de Projeto”
As extremidades da Web (lembre-se que o site/aplicação está acessível a todos)
Os dados são o próximo “Intel Inside”
Web 2.0 & RIA
Usuários agregam valor
Efeitos da rede por padrão
Alguns direitos reservados
O beta perpétuo
Colabore, não controle
Software não limitado a um único dispositivo
Web 2.0 - Abstraindo a idéia...Web 2.0 - Abstraindo a idéia...
Web 2.0 & RIA
A Web 2.0...A Web 2.0...
...somos nozes....somos nozes.
RIA - Rich Internet ApplicationRIA - Rich Internet Application
A revolução das aplicações web
Web 2.0 & RIA
Aplicação de Internet Rica
O que é de interface deve ser processado no cliente
O que é lógica de negócio deve ser processado no servidor
RIA - MotivosRIA - Motivos
A internet emergiu como uma plataforma padrão de desenvolvimento para aplicações;
A internet é, sem dúvida, uma ótima ferramenta para encontrar e organizarinformações, mas no que se refere á aplicações de usabilidade,interatividade em tempo real e multimídia, está apenas começando a darseus primeiros passos;
Web 2.0 & RIA
Conseqüentemente um aumento da demanda, para construir aplicações de maior complexidade, que estão alem das possibilidades de uma aplicação Web tradicional ( Web 1.0 );
Suprir as necessidades e contornar as limitações da Web 1.0.
A tela pisca, fica em branco... chega de refresh
Fluxo de navegação sequêncial... o que era isso mesmo?
RIA - O que é?RIA - O que é?
Mais que tecnologia, um conceito;
Uma nova forma de pensar e desenvolver sistemas web;
Web 2.0 & RIA
A combinação da interatividade e funcionalidade do Desktop com a abrangência e flexibilidade da Web.
É o uso da internet e das tecnologias disponíveis para a criar uma experiência de uso de aplicação mais intuitiva e eficiente para o usuário.
RIA - Características elementaresRIA - Características elementares
A aplicação é iniciada a partir de uma página Web;
A aplicação utiliza alguns controles de interface de usuário mais modernos
Web 2.0 & RIA
Incluindo o respectivo conteúdo.
Os usuários que interagem com a aplicação, obtém uma reação imediata daaplicação, quando são solicitados novos dados;
Não há a necessidade de renderizar a tela inteiramente;
Os dados na aplicação são atualizados sem que a tela fique em “branco”.
menu, menu em árvore, painel de abas, entre outros elementos gráficos de interface que não são utilizados em aplicações Web 1.0
RIA - Características elementaresRIA - Características elementares
Permite o uso de operações comuns em aplicações Desktop;
A complexidade do desenvolvimento de um projeto com RIA não difere muito do desenvolvimento de um projeto para o formato Web 1.0
Web 2.0 & RIA
Compatibilidade com os inúmeros Web Browsers;
Drag & Drop, redimensionar, uso de animações, entre outras.
Focado na camada “VIEW”.
RIA - EvoluçãoRIA - Evolução
Web 2.0 & RIA
RIA - ArquiteturaRIA - Arquitetura
Web 2.0 & RIA
RIA - SinopseRIA - Sinopse
Web 2.0 & RIA
RIA RIA - Aplicabilidade- Aplicabilidade
Web 2.0 & RIA
RIA -RIA - WebOS - JavaScript WebOS - JavaScript
Web 2.0 & RIA
RIA -RIA - WebOS - SWF WebOS - SWF
Web 2.0 & RIA
RIA RIA - Abstraindo a idéia...- Abstraindo a idéia...
Web 2.0 & RIA
RIA - As tecnologias em destaqueRIA - As tecnologias em destaqueAjaxOpenLaszloAdobe Flex JavaFX Microsoft Silverlight
Web 2.0 & RIA
AJAXAJAX
Web 2.0 & RIA
Aquele produto de limpeza?Não...?
Então aquele time lá de Futebol? Esse?
Não! É o AJAX da Web 2.0.
AJAX - SobreAJAX - Sobre
É uma velha novidade;
Bibliotecas Javascript para comunicação Assíncrona com o Servidor,baseada em XML;
Web 2.0 & RIA
Não é uma tecnologia;
Nada mais quem uma metodologia de uso do JavaScript...
Na verdade é uma abreviação: “Asynchronous JavaScript + XML”
Algo que existe desde 1995/1997
Só começou a ser utilizado após o início do Web 2.0
Uma Lib JS de AJAX, na verdade não é uma Lib JS de RIA, porém compõemuma parte da Lib RIA, responsável pela comunicação com o servidor.
AJAX - ArquiteturaAJAX - Arquitetura
Web 2.0 & RIA
AJAX - FuncionamentoAJAX - Funcionamento
Web 2.0 & RIA
AJAX - Amor & ÓdioAJAX - Amor & Ódio
Web 2.0 & RIA
Mesmo com toda a fama, além de demonstrar que realmente funciona...
A grande problemática do AJAX é o fato de ser JavaScript
Cada Web Browser implementa um suporte para o processamento do JS.
Sim existe um padrão definido pela W3C, porém quem segue?
AJAX - Amor & ÓdioAJAX - Amor & Ódio
Web 2.0 & RIA
Caso prático:
Usuário, não intencionalmente altera o suporte/forma de processamento doJavaScript no Web Browser... Usuário jura que não mexeu em nada... 2 semanasde ping-pong Desenvolvedor vs. Usuário. Detalhe só no computador desteusuário da aplicação não funcionava, enquanto os outros do mesmo andar, acessavam sem mais problemas a aplicação
Solução : Ir até a “montanha”
Diagnóstico: configurações alteradas no web browser, relacionado ao processamentode JavaScript.
Resolvendo o problema: reconfigurar o web browser, voltar ao padrão.
OpenLaszloOpenLaszlo
Uma plataforma para RIA.
Web 2.0 & RIA
OpenLaszlo - HistóriaOpenLaszlo - História
Projeto inicialmente comercial desenvolvido pela Laszlo Systems,que teve início em 2000.
Atualmente está na versão 4.0.6
Web 2.0 & RIA
Em Outubro de 2004, na versão 2.2 - Open Source
Saída SWF (popularmente chamada de Flash)
Suporte Beta para saída AJAX ( DHTML + AJAX )
Surgindo o OpenLaszlo.org
OpenLaszlo - o que é?OpenLaszlo - o que é?
É uma plataforma para possibilitar um fácil desenvolvimento e disponibilização de aplicações de internet rica;
Filosofia:
Web 2.0 & RIA
O sistema da arquitetura do OpenLaszlo combina o poder e usabilidade de aplicações projetadas como cliente/servidor com vantagens administrativas e custos eficazes no desenvolvimento de aplicações Web.
Um fonte, múltiplas saídas, para múltiplos runtimes.
Faz lembrar a filosofia Java: “Escreva uma vez, rode em qualquer lugar”
OpenLaszlo - ArquiteturaOpenLaszlo - Arquitetura
Web 2.0 & RIA
OpenLaszlo - ExemploOpenLaszlo - Exemplo
Web 2.0 & RIA
OpenLaszlo - hojeOpenLaszlo - hoje
Web 2.0 & RIA
Estão trabalhando arduamente para evoluir ao máximo e em menor tempopossível o suporte AJAX da plataforma;
Pouco material de terceiros disponívelna internet...
Apesar da documentação serincrivelmente completa e didática
Livro Laszlo in Action
Estão de olho e se preparando paraa Web 3.0.
Adobe FlexAdobe Flex
A tecnologia web “Flex power”
Web 2.0 & RIA
Adobe FlexAdobe Flex
É outra plataforma de desenvolvimento de aplicações RIA, com os mesmosobjetivos que o OpenLaszlo, porém produz uma saída única de SWF 9;
Atualmente está na versão 2.0.1;
Web 2.0 & RIA
Inicialmente criado e desenvolvido pela Macromedia, onde era uma soluçãocomercial;
A versão 3, que está para ser lançada no inicio de 2008, será Open Source.
Após a Adobe ter comprado a Macromedia o produto evoluiu muito e tornou-se gratuito.
Adobe Flex - Uma visão da tecnologiaAdobe Flex - Uma visão da tecnologia
Web 2.0 & RIA
Adobe Flex BuilderAdobe Flex Builder
Web 2.0 & RIA
Adobe Flex - ExemploAdobe Flex - Exemplo
Web 2.0 & RIA
Adobe Flex - ExemploAdobe Flex - Exemplo
Web 2.0 & RIA
JavaFXJavaFX
Sun Microsystems também entrou na festa...
Web 2.0 & RIA
Java está em todo lugar, pense nisso...
JavaFXJavaFX
Foi apresentado no JavaOne 2007;
Web 2.0 & RIA
Possui 2 frentes de investimento
Uma nova estratégia da empresa para levar o Java ao desenvolvimento fácil de interfaces ricas para o usuário.
JavaFX Mobile
JavaFX Script
JavaFX - MobileJavaFX - Mobile
Web 2.0 & RIA
É um novo sistema operacional baseado no kernel do Linux, com uma JVM portátil que pretende levar o Java ao novo mercado dos “smartphones” ao estilo iPhone.
Voltado ao desenvolvimento fácil de aplicativos,com uma interface mais trabalhada (visualmente bonita)e usáveis em ambiente móvel.
JavaFX - ScriptJavaFX - Script
Web 2.0 & RIA
É uma nova linguagem de programação pensada para o desenvolvimento de interfaces Swing/AWT/Java2D de forma mais fácil do que atual no Java.
A idéia da Sun é atacar o mercado Desktop, onde o Java tem ganho certo mercado ultimamente, mas também atacar o Adobe Flex e o MS Silverlight no mercado de Rich Internet Applications, as RIAs.
JavaFX - Uma visão geralJavaFX - Uma visão geral
Web 2.0 & RIA
Microsoft SilverlightMicrosoft Silverlight
Microsoft no Mundo Web 2.0 RIA
Web 2.0 & RIA
WPF/E - Windows Presentation Foundation/Everywhere
Microsoft SilverlightMicrosoft Silverlight
Iniciativa da Microsoft para entrar no mercado Web 2.0, RIA;
Filosofia lembra o modelo utilizado pela Adobe;
Web 2.0 & RIA
Lançado em 2007, para fazer frente a tecnologia Adobe;
É necessário a instalação de um plugin no Web Browser para que o Silverlight possa ser executado.
Apesar de ser um produto da Microsoft, terá suporte para Linux;
O desenvolvimento dessa versão será feito em parceria com a Novell, num projeto chamado Moonlight.
Microsoft SilverlightMicrosoft Silverlight
Compatibilidade : Sistema Operacional :
Web 2.0 & RIA
Compatibilidade : Web Browser :
SDK de desenvolvimento ao que parece é gratuito...
que ainda terão suporte : Konqueror e Opera
Windows 2000, Server 2003, XP e Vista
Mac OS 10.4.8+ PPC e 10.4.8+ Intel
Linux x86 e x86-64 (Moonlight)
IE 6 SP2, IE 7, Firefox/SeaMonkey/Mozilla, Safari
Microsoft Silverlight - ArquiteturaMicrosoft Silverlight - Arquitetura
Web 2.0 & RIA
Microsoft Silverlight - ExemploMicrosoft Silverlight - Exemplo
Web 2.0 & RIA
Microsoft Silverlight - Visão geralMicrosoft Silverlight - Visão geral
Web 2.0 & RIA
Mas e o mercado hoje?Mas e o mercado hoje?Após vermos Web 2.0, RIA, AJAX, OpenLaszlo, Flex...
Para que lado seguir, no que investir?
Web 2.0 & RIA
Mas e o mercado hoje?Mas e o mercado hoje?
Como está este assunto em nível mundial?
E aqui no Brasil?
Para onde seguir? O que utilizar?
A grande questão filosófica hoje:
AJAX ou “Flash”?
Web 2.0 & RIA
Web 3.0Web 3.0O futuro
Web 2.0 & RIA
Web 3.0 - o que se espera?Web 3.0 - o que se espera?
Efetivamente o uso de aplicações Web acessadas por dispositivos móveis;
Próximo nível das aplicações Web;
Web 2.0 & RIA
Aplicações web com estilo de game;
Uso de algoritmo e técnicas mais aprimoradas. (Inteligência Artificial)
A web 3.0 começa a partir do seu celular!
Rede social mesclada com o conceito de game MMO. Ex.: Coobico.
Mas quando isso...?
Estima-se que por volta de 2010... estaremos em plena era da Web 3.0
Web 3.0 - novos formatos de aplicaçõesWeb 3.0 - novos formatos de aplicações
Web 2.0 & RIA
Web 3.0 - celularesWeb 3.0 - celulares
Web 2.0 & RIA
A Nokia já iniciou a corrida para aprimorar mais o suporte ao mundo Webem seus aparelhos, também está desenvolvendo algo para
tornar um celular em um servidor de página web...
Fim...Fim...
...Isso é tudo pessoal.
Muito obrigado a todos.
Contatos:
Erko Bridee de Almeida Cabrera
http://www.portaljava.com | http:// bridee.blogspot.com
Web 2.0 & RIA
ReferênciasReferências
OpenLaszlo – Uma nova proposta para o desenvolvimento da camadade apresentação de sistemas Web. (Capítulos sobre Web 2.0 e RIA) [Monografia] Disponível no PortalJava.com
Posts sobre RIA no meu blog - http://bridee.blogspot.com
Blog Jeveaux - http://www.jeveaux.com
Portal Java - http://www.portaljava.com
Esta apresentação usa a licensa : Creative Commons : de Atribuição/Uso
Não Comercial Compartilhado
Web 2.0 and the online conversation – http://www.slideshare.net/nschock/web-20-and-the-online-conversation/
A Web 2.0 somos nozes – http://www.slideshare.net/pcalcado/somos-nozes/
ReferênciasReferências
JavaFX : Blog Caelum -http://blog.caelum.com.br/2007/07/18/falando-em-java-introducao-ao-javafx/
O que é o Microsoft Silverlight? -http://euclideschuma.wordpress.com/2007/09/17/o-que-e-o-microsoft-silverlight/
Introdução ao Microsoft Silverlight - http://www.linhadecodigo.com.br/Artigo.aspx?id=1290
Esta apresentação usa a licensa : Creative Commons : de Atribuição/Uso
Não Comercial Compartilhado
Microsoft lança o Silverlight 1.0 -http://info.abril.com.br/aberto/infonews/092007/05092007-15.shl
Wikipedia : Microsoft Silverlight -http://en.wikipedia.org/wiki/Silverlight
Web 2.0 & RIAWeb 2.0 & RIA
por : Erko Bridee de Almeida Cabrera