Palestra Web 2.0 & RIA

4,832 views
4,714 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,832
On SlideShare
0
From Embeds
0
Number of Embeds
96
Actions
Shares
0
Downloads
298
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Palestra Web 2.0 & RIA

  1. 1. Web 2.0 & RIA por : Erko Bridee de Almeida Cabrera
  2. 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. 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. 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. 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. 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. 7. Web 1.0 O passado Web 2.0 & RIA
  8. 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. 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. 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. 11. Web 2.0 Da necessidade a realidade hoje... A Web como uma plataforma. Web 2.0 & RIA
  12. 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. 13. Web 2.0 Se a Web 1.0 morreu… …então o que é a Web 2.0? Web 2.0 & RIA
  14. 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. 15. Web 2.0 - Design Os clientes querem uma experiência rica de usuário Web 2.0 & RIA
  16. 16. Web 2.0 - Open Source Se você quer, gosta de usar algo pronto, você também deveria contribuir… Web 2.0 & RIA
  17. 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. 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. 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. 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. 21. Web 2.0 - Comunicações …um formador de opiniões Web 2.0 & RIA
  22. 22. Web 2.0 - Comunicações …um DJ Web 2.0 & RIA
  23. 23. Web 2.0 - Comunicações …um especialista Web 2.0 & RIA
  24. 24. Web 2.0 - Comunicações …um “broadcaster” Web 2.0 & RIA
  25. 25. Web 2.0 - Comunicações …participante de uma rede social Web 2.0 & RIA
  26. 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. 27. Web 2.0 - Abstraindo a idéia... A Web 2.0... ...somos nozes. Web 2.0 & RIA
  28. 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. 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. 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. 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. 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. 33. RIA - Evolução Web 2.0 & RIA
  34. 34. RIA - Arquitetura Web 2.0 & RIA
  35. 35. RIA - Sinopse Web 2.0 & RIA
  36. 36. RIA - Aplicabilidade Web 2.0 & RIA
  37. 37. RIA - WebOS - JavaScript Web 2.0 & RIA
  38. 38. RIA - WebOS - SWF Web 2.0 & RIA
  39. 39. RIA - Abstraindo a idéia... Web 2.0 & RIA
  40. 40. RIA - As tecnologias em destaque Ajax OpenLaszlo Adobe Flex JavaFX Microsoft Silverlight Web 2.0 & RIA
  41. 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. 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. 43. AJAX - Arquitetura Web 2.0 & RIA
  44. 44. AJAX - Funcionamento Web 2.0 & RIA
  45. 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. 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. 47. OpenLaszlo Uma plataforma para RIA. Web 2.0 & RIA
  48. 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. 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. 50. OpenLaszlo - Arquitetura Web 2.0 & RIA
  51. 51. OpenLaszlo - Exemplo Web 2.0 & RIA
  52. 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. 53. Adobe Flex A tecnologia web “Flex power” Web 2.0 & RIA
  54. 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. 55. Adobe Flex - Uma visão da tecnologia Web 2.0 & RIA
  56. 56. Adobe Flex Builder Web 2.0 & RIA
  57. 57. Adobe Flex - Exemplo Web 2.0 & RIA
  58. 58. Adobe Flex - Exemplo Web 2.0 & RIA
  59. 59. JavaFX Sun Microsystems também entrou na festa... Java está em todo lugar, pense nisso... Web 2.0 & RIA
  60. 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. 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. 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. 63. JavaFX - Uma visão geral Web 2.0 & RIA
  64. 64. Microsoft Silverlight Microsoft no Mundo Web 2.0 RIA WPF/E - Windows Presentation Foundation/Everywhere Web 2.0 & RIA
  65. 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. 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. 67. Microsoft Silverlight - Arquitetura Web 2.0 & RIA
  68. 68. Microsoft Silverlight - Exemplo Web 2.0 & RIA
  69. 69. Microsoft Silverlight - Visão geral Web 2.0 & RIA
  70. 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. 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. 72. Web 3.0 O futuro Web 2.0 & RIA
  73. 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. 74. Web 3.0 - novos formatos de aplicações Web 2.0 & RIA
  75. 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. 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. 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. 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. 79. Web 2.0 & RIA por : Erko Bridee de Almeida Cabrera

×