palestra realizada na FESP, Curitiba - PR, dia 23/10, no evento INFOFESP

1. Web 2.0 & RIA
por : Erko Bridee de Almeida Cabrera

2. Agenda
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

3. Erko Bridee de Almeida Cabrera
Javanês desde 2002/2003
Moderador do Portal Java
http://www.portaljava.com
Analista & Desenvolvedor Java - Wise Systems - Curitiba - PR
Bacharel em Ciência da Computação com ênfase em Computação Gráfica
Cesufoz – Foz do Iguaçu - PR
Web 2.0 & RIA

4. Um pouco de história
Web 1.0, Web 2.0 e Web 3.0
Ontem, hoje e amanhã
Web 2.0 & RIA

5. Um 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

6. Um pouco de história
1996 : Java Servlets;
1997 : Macromedia sonha com RIA;
Aplicações web tão interativas e usuais quanto as desktop;
1999 : JavaServer Pages (JSP);
2004 : Inicio da era Web 2.0;
2005/Hoje : Efetivamente a era Web 2.0, aplicações RIA;
Amanhã : Web 3.0
Web 2.0 & RIA

7. Web 1.0
O passado
Web 2.0 & RIA

8. Web 1.0
Época onde o conteúdo era basicamente todo editorial;
Ou seja, apenas algumas pessoas, empresas publicavam materiais na internet.
Muita informação pouco usual e relevante;
Publicidade excessiva, não direcionada e incômoda;
Poluição visual
Acesso discado a internet
Poluição visual : causa da lentidão, no site acessado.
Web 2.0 & RIA

9. Web 1.0
Falta de organização;
A atual palavra quot;cleanquot;, quem ainda não ouviu?
Dificuldade para encontrar o que se procura;
Na Web 1.0 você era apenas um “ouvinte”.
Web 2.0 & RIA

10. Web 1.0 - Abstraindo a idéia...
Web 1.0
Empresa para o Cliente : Fique quieto e escute
Cliente para a Empresa : Tem alguém ae?
Web 2.0 & RIA

11. Web 2.0
Da necessidade a realidade hoje...
A Web como uma plataforma.
Web 2.0 & RIA

12. Web 2.0 - A necessidade
Mesmo com todos os problemas da Web 1.0, conforme foi se tornando mais
popular ( 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!
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.0 & RIA

13. Web 2.0
Se a Web 1.0 morreu…
…então o que é a Web 2.0?
Web 2.0 & RIA

14. Web 2.0 - o que é isso?
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 & RIA

15. Web 2.0 - Design
Os clientes querem uma experiência
rica de usuário
Web 2.0 & RIA

16. Web 2.0 - Open Source
Se você quer, gosta de usar algo
pronto, você também deveria
contribuir…
Web 2.0 & RIA

17. Web 2.0 - Comunicações
A custo mais acessível da banda larga.
Adeus internet discada!
Mas quem irá intermediar o diálogo?
Cliente x Empresa
Web 2.0 & RIA

18. Web 2.0 - Comunicações
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
Web 2.0 & RIA

19. Web 2.0 - Comunicações
Quem faz os clientes confiar?
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 & RIA

20. Web 2.0 - Comunicações
A Mídia Social coloca os Clientes
no Controle do Diálogo
Todo consumidor é…
Web 2.0 & RIA

21. Web 2.0 - Comunicações
…um formador de opiniões
Web 2.0 & RIA

22. Web 2.0 - Comunicações
…um DJ
Web 2.0 & RIA

23. Web 2.0 - Comunicações
…um especialista
Web 2.0 & RIA

24. Web 2.0 - Comunicações
…um “broadcaster”
Web 2.0 & RIA

25. Web 2.0 - Comunicações
…participante de uma rede social
Web 2.0 & RIA

26. 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”
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 & RIA

27. Web 2.0 - Abstraindo a idéia...
A Web 2.0...
...somos nozes.
Web 2.0 & RIA

28. RIA - Rich Internet Application
Aplicação de Internet Rica
A revolução das aplicações web
O que é de interface deve ser processado no cliente
O que é lógica de negócio deve ser processado no servidor
Web 2.0 & RIA

29. RIA - Motivos
A internet emergiu como uma plataforma padrão
de desenvolvimento para aplicações;
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 );
A internet é, sem dúvida, uma ótima ferramenta para encontrar e organizar
informações, mas no que se refere á aplicações de usabilidade,
interatividade em tempo real e multimídia, está apenas começando a dar
seus primeiros passos;
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?
Web 2.0 & RIA

30. RIA - O que é?
Mais que tecnologia, um conceito;
É 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.
Uma nova forma de pensar e desenvolver sistemas web;
A combinação da interatividade e funcionalidade do Desktop
com a abrangência e flexibilidade da Web.
Web 2.0 & RIA

31. RIA - Características elementares
A aplicação é iniciada a partir de uma página Web;
Incluindo o respectivo conteúdo.
Os usuários que interagem com a aplicação, obtém uma reação imediata da
aplicaçã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”.
A aplicação utiliza alguns controles de interface de usuário mais modernos
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
Web 2.0 & RIA

32. RIA - Características elementares
Permite o uso de operações comuns em aplicações Desktop;
Drag & Drop, redimensionar, uso de animações, entre outras.
A complexidade do desenvolvimento de um projeto com RIA
não difere muito do desenvolvimento de um projeto para o formato Web 1.0
Compatibilidade com os inúmeros Web Browsers;
Focado na camada “VIEW”.
Web 2.0 & RIA

33. RIA - Evolução
Web 2.0 & RIA

34. RIA - Arquitetura
Web 2.0 & RIA

35. RIA - Sinopse
Web 2.0 & RIA

36. RIA - Aplicabilidade
Web 2.0 & RIA

37. RIA - WebOS - JavaScript
Web 2.0 & RIA

38. RIA - WebOS - SWF
Web 2.0 & RIA

39. RIA - Abstraindo a idéia...
Web 2.0 & RIA

40. RIA - As tecnologias em destaque
Ajax
OpenLaszlo
Adobe Flex
JavaFX
Microsoft Silverlight
Web 2.0 & RIA

41. AJAX
Aquele produto de limpeza?
Não...?
Então aquele time lá de
Futebol? Esse?
Não! É o AJAX da Web 2.0.
Web 2.0 & RIA

42. AJAX - Sobre
É uma velha novidade;
Algo que existe desde 1995/1997
Só começou a ser utilizado após o início do Web 2.0
Não é uma tecnologia;
Nada mais quem uma metodologia de uso do JavaScript...
Na verdade é uma abreviação: “Asynchronous JavaScript + XML”
Bibliotecas Javascript para comunicação Assíncrona com o Servidor,
baseada em XML;
Uma Lib JS de AJAX, na verdade não é uma Lib JS de RIA, porém compõem
uma parte da Lib RIA, responsável pela comunicação com o servidor.
Web 2.0 & RIA

43. AJAX - Arquitetura
Web 2.0 & RIA

44. AJAX - Funcionamento
Web 2.0 & RIA

45. AJAX - Amor & Ódio
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?
Web 2.0 & RIA

46. AJAX - Amor & Ódio
Caso prático:
Usuário, não intencionalmente altera o suporte/forma de processamento do
JavaScript no Web Browser... Usuário jura que não mexeu em nada... 2 semanas
de ping-pong Desenvolvedor vs. Usuário. Detalhe só no computador deste
usuá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 processamento
de JavaScript.
Resolvendo o problema: reconfigurar o web browser, voltar ao padrão.
Web 2.0 & RIA

47. OpenLaszlo
Uma plataforma para RIA.
Web 2.0 & RIA

48. OpenLaszlo - História
Projeto inicialmente comercial desenvolvido pela Laszlo Systems,
que teve início em 2000.
Em Outubro de 2004, na versão 2.2 - Open Source
Surgindo o OpenLaszlo.org
Atualmente está na versão 4.0.6
Saída SWF (popularmente chamada de Flash)
Suporte Beta para saída AJAX ( DHTML + AJAX )
Web 2.0 & RIA

49. OpenLaszlo - o que é?
É uma plataforma para possibilitar um fácil desenvolvimento
e disponibilização de aplicações de internet rica;
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.
Filosofia:
Um fonte, múltiplas saídas, para múltiplos runtimes.
Faz lembrar a filosofia Java: “Escreva uma vez, rode em qualquer lugar”
Web 2.0 & RIA

50. OpenLaszlo - Arquitetura
Web 2.0 & RIA

51. OpenLaszlo - Exemplo
Web 2.0 & RIA

52. OpenLaszlo - hoje
Estão trabalhando arduamente para
evoluir ao máximo e em menor tempo
possível o suporte AJAX da plataforma;
Pouco material de terceiros disponível
na internet...
Apesar da documentação ser
incrivelmente completa e didática
Livro Laszlo in Action
Estão de olho e se preparando para
a Web 3.0.
Web 2.0 & RIA

53. Adobe Flex
A tecnologia web “Flex power”
Web 2.0 & RIA

54. Adobe Flex
É outra plataforma de desenvolvimento de aplicações RIA, com os mesmos
objetivos que o OpenLaszlo, porém produz uma saída única de SWF 9;
Inicialmente criado e desenvolvido pela Macromedia, onde era uma solução
comercial;
Após a Adobe ter comprado a Macromedia o produto evoluiu muito e
tornou-se gratuito.
Atualmente está na versão 2.0.1;
A versão 3, que está para ser lançada no inicio de 2008, será Open Source.
Web 2.0 & RIA

55. Adobe Flex - Uma visão da tecnologia
Web 2.0 & RIA

56. Adobe Flex Builder
Web 2.0 & RIA

57. Adobe Flex - Exemplo
Web 2.0 & RIA

58. Adobe Flex - Exemplo
Web 2.0 & RIA

59. JavaFX
Sun Microsystems também entrou na festa...
Java está em todo lugar, pense nisso...
Web 2.0 & RIA

60. JavaFX
Foi apresentado no JavaOne 2007;
Uma nova estratégia da empresa para levar o Java ao
desenvolvimento fácil de interfaces ricas para o usuário.
Possui 2 frentes de investimento
JavaFX Mobile
JavaFX Script
Web 2.0 & RIA

61. JavaFX - Mobile
É 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.
Web 2.0 & RIA

62. JavaFX - Script
É 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.
Web 2.0 & RIA

63. JavaFX - Uma visão geral
Web 2.0 & RIA

64. Microsoft Silverlight
Microsoft no Mundo Web 2.0 RIA
WPF/E - Windows Presentation Foundation/Everywhere
Web 2.0 & RIA

65. Microsoft Silverlight
Iniciativa da Microsoft para entrar no mercado Web 2.0, RIA;
Lançado em 2007, para fazer frente a tecnologia Adobe;
Filosofia lembra o modelo utilizado pela 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.
Web 2.0 & RIA

66. Microsoft Silverlight
Compatibilidade : Sistema Operacional :
Windows 2000, Server 2003, XP e Vista
Mac OS 10.4.8+ PPC e 10.4.8+ Intel
Linux x86 e x86-64 (Moonlight)
Compatibilidade : Web Browser :
IE 6 SP2, IE 7, Firefox/SeaMonkey/Mozilla, Safari
que ainda terão suporte : Konqueror e Opera
SDK de desenvolvimento ao que parece é gratuito...
Web 2.0 & RIA

67. Microsoft Silverlight - Arquitetura
Web 2.0 & RIA

68. Microsoft Silverlight - Exemplo
Web 2.0 & RIA

69. Microsoft Silverlight - Visão geral
Web 2.0 & RIA

70. 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

71. 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

72. Web 3.0
O futuro
Web 2.0 & RIA

73. Web 3.0 - o que se espera?
Efetivamente o uso de aplicações Web acessadas por dispositivos móveis;
A web 3.0 começa a partir do seu celular!
Próximo nível das aplicações Web;
Aplicações web com estilo de game;
Rede social mesclada com o conceito de game MMO. Ex.: Coobico.
Uso de algoritmo e técnicas mais aprimoradas. (Inteligência Artificial)
Mas quando isso...?
Estima-se que por volta de 2010...
estaremos em plena era da Web 3.0
Web 2.0 & RIA

74. Web 3.0 - novos formatos de aplicações
Web 2.0 & RIA

75. Web 3.0 - celulares
A Nokia já iniciou a corrida para aprimorar mais o suporte ao mundo Web
em seus aparelhos, também está desenvolvendo algo para
tornar um celular em um servidor de página web...
Web 2.0 & RIA

76. Fim...
Muito obrigado a todos.
Contatos:
Erko Bridee de Almeida Cabrera
erko@portaljava.com
http://www.portaljava.com | http:// bridee.blogspot.com
...Isso é tudo pessoal.
Web 2.0 & RIA

77. Referências
OpenLaszlo – Uma nova proposta para o desenvolvimento da camada
de 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
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/
Esta apresentação usa a licensa :
Creative Commons : de Atribuição/Uso
Não Comercial Compartilhado

78. Referê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
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
Esta apresentação usa a licensa :
Creative Commons : de Atribuição/Uso
Não Comercial Compartilhado

79. Web 2.0 & RIA
por : Erko Bridee de Almeida Cabrera