intercon2006

1.695 visualizações

Publicada em

Palestra sobre ajax web 2.0 e office 2.0 para imasters intercon 2006.

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.695
No SlideShare
0
A partir de incorporações
0
Número de incorporações
54
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

intercon2006

  1. 1. Ajax Experimente a nova fórmula. Gilberto Jr Imasters InterCon2006
  2. 2. O que é Ajax ? <ul><li>Um técnica. Conjunto de procedimentos. </li></ul><ul><li>Um (novo ?) jeito de pensar. </li></ul><ul><li>Um buzz word ? Um nome para o que já se faz a muito tempo ? </li></ul><ul><li>Uma grande revolução ? </li></ul>
  3. 3. O que é Ajax ? <ul><li>Internet Explorer 5, 2000. </li></ul><ul><li>Postagem no blog de Jesse James Garrett, da empresa Adaptative Path. </li></ul><ul><li>Dia 18 de fevereiro de 2005. </li></ul><ul><li>Um jeito mais fácil de se falar: “Asynchronous JavaScript + XML” </li></ul><ul><li>Popularização com aplicações do Google: Maps, Suggest, Gmail. </li></ul>
  4. 4. Como Ajax Funciona <ul><li>Web Standards, XHTML e CSS. </li></ul><ul><li>Estrutura do HTML: DOM (Document Object Model) </li></ul><ul><li>Manipulação dos dados usando XML. </li></ul><ul><li>XMLHttpRequest, para os dados irem e virem de forma assíncrona. </li></ul><ul><li>E uma boa dose de JavaScript, para dar liga. </li></ul>
  5. 5. Como Ajax Funciona
  6. 6. Como Ajax Funciona
  7. 7. A comunidade Brasileira de Ajax <ul><li>Pesquisa da Evans Data Corp: 25% dos desenvolvedores brasileiros utilizam Ajax. O maior percentual do mundo. </li></ul><ul><li>Estadunidenses apenas 18%. </li></ul><ul><li>Quem aqui conhece e usa Ajax ? </li></ul>
  8. 8. Toolkits: “seus problemas acabaram” <ul><li>Problemas ao desenvolver com Ajax: </li></ul><ul><ul><li>Navegadores interpretam o Javascript de forma diferente uns dos outros. </li></ul></ul><ul><ul><li>25 dores de cabeça por dia, testando a aplicação em vários navegadores. </li></ul></ul><ul><ul><li>CSS e HTML também são interpretados diferentemente. </li></ul></ul><ul><li>Frameworks resolvem os probleminhas chatos e deixam pra gente os problemões </li></ul><ul><ul><li>Dojo, Google Web Toolkit, MS Atlas, etc... </li></ul></ul>
  9. 9. Ajax x Flash <ul><li>Okay... Ajax não é a única solução... </li></ul><ul><li>Flash, Flex: RIA (Rich Internet Application). </li></ul><ul><li>Pesquisa com 5,000 desenvolvedores web estadunidenses, realizada pela Ektron e SitePoint: The State of Web Development 2006/2007 </li></ul>
  10. 12. Problemas com o Ajax <ul><li>Botão voltar, histórico e favoritos. </li></ul><ul><li>Conceitos de página, muitas vezes abandonado também no flash: </li></ul><ul><ul><li>Páginas têm que ter permalink. </li></ul></ul><ul><ul><li>Quando você clica num link, deve ver uma nova URL. </li></ul></ul><ul><ul><li>Quando você clica no botão voltar, deve ir para a página anterior. </li></ul></ul>
  11. 13. Prós e contras <ul><li>Prós </li></ul><ul><ul><li>Menor Utilização da banda </li></ul></ul><ul><ul><li>Melhor interatividade. </li></ul></ul><ul><li>Contras </li></ul><ul><ul><li>Usabilidade: voltar, permalink e favoritos. </li></ul></ul><ul><ul><li>Client-Side em máquinas lentas. </li></ul></ul><ul><ul><li>Falta de feedback (não esqueça o “carregando”). </li></ul></ul>
  12. 14. Pra quê serve o Ajax ? <ul><li>Muito mais do que “Não recarregar a página”. </li></ul><ul><li>Experiência de uso igual à do desktop. </li></ul><ul><ul><li>Arrastar e soltar, personalização, interface numa única página, páginas mais rápidas. </li></ul></ul><ul><li>Experiência Rica em Sites de Conteúdo. </li></ul><ul><li>Funcionalidades de participação do usuário que antes eram demoradas. </li></ul><ul><li>Aplicativos na web: uma realidade. </li></ul>
  13. 15. Quando Ajax é desnecessário <ul><li>Uma das maiores revoluções da web, o blog, não utiliza Ajax. </li></ul><ul><li>Foco no usuário, na necessidade dele. </li></ul><ul><li>O que importa é o serviço, não a tecnologia. </li></ul><ul><li>Ajax serve para melhorar a experiência do usuário com um aplicativo que é relevante para melhorar o dia-a-dia dele. </li></ul>
  14. 16. Ajax mudando a cultura do usuário. <ul><li>Quem deixou de usar cliente de e-mail desktop e utiliza somente web ? </li></ul><ul><li>Quem utiliza mais aplicativos web do que desktop ? </li></ul><ul><li>Desde quando, e porque, um aplicativo web se tornou melhor que um desktop ? </li></ul>
  15. 17. <ul><li>Web 2.0 </li></ul><ul><li>A nova fórmula da web. </li></ul>
  16. 18. Ajax e Web 2.0 <ul><li>Ajax foi a revolução tecnológica que serviu de base para uma outra revolução: a web 2.0. </li></ul><ul><li>Uma nova geração de serviços de internet aproveitando a participação do usuário. </li></ul><ul><li>Office 2.0: Os softwares vão para a rede. </li></ul>
  17. 19. Exemplos de ajax na web 2.0 <ul><li>Personal Home Pages </li></ul><ul><ul><li>Netvibes, Google/ig, start.com </li></ul></ul><ul><li>Digg.com. Você votaria sem Ajax ? </li></ul><ul><li>Del.icio.us: ajax para folksonomia. </li></ul><ul><li>YouTube: Ajax + Flash. </li></ul>
  18. 20. A importância da Web 2.0 <ul><li>No Brasil: IG, Globo, UOL, Terra. </li></ul><ul><li>“ Emerging technologies hype cycle” da Gartner: serviços Web 2.0, com a Ajax, são considerados de alto impacto. </li></ul><ul><li>IBM e a Universidade do Arizona criam uma graduação em Web 2.0. </li></ul><ul><li>Google vale 130 bilhões, Youtube comprado por 1,65 bilhões. </li></ul>
  19. 21. Ajax tornou a web 2.0 possível. <ul><li>Existiria web 2.0 sem Ajax ? </li></ul><ul><li>Quase todos os serviços web 2.0 utilizam a técnica. </li></ul><ul><li>Alguns serviços são inúteis, mas por terem bastante ajax são chamados de web 2.0. </li></ul><ul><li>Ajax, além de outras tecnologias, trouxe ao mundo a utopia do Office 2.0. </li></ul>
  20. 22. A utopia do Office 2.0 <ul><li>Imagine um computador que nunca trava ou é infectado por vírus. </li></ul><ul><li>Imagine um computador no qual você nunca tem que instalar nenhum programa. </li></ul><ul><li>Imagine um computador que acompanha você onde estiver - na escola, no trabalho, nas viagens, em casa. </li></ul><ul><li>Este computador não existe hoje, mas pode estar muito mais próximo do que você imagina. </li></ul>
  21. 23. O que é Office 2.0 ? <ul><li>Utilização de uma série de serviços online através de um navegador. </li></ul><ul><li>Facilitar a colaboração e a mobilidade através do armazenamento dos dados na web e da utilização de aplicativos online. </li></ul><ul><li>Não há necessidade de instalação de programas na máquina local. </li></ul><ul><li>Ganho de produtividade. </li></ul>
  22. 24. Office 2.0: Porque online ? <ul><li>Há uma bolha na web 2.0: não há sentido nenhum em copiar um software para a web sem agregar nenhuma funcionalidade que o desktop não tem. </li></ul><ul><li>Compartilhar: a rede não existe à toa. </li></ul><ul><li>Fim dos upgrades, backups, vírus, perda ou roubo, gasto de dinheiro com licenças. </li></ul><ul><li>Mobilidade entre computadores. </li></ul><ul><li>Aqui está a maior utilidade do Ajax. </li></ul>
  23. 25. Regras do Office 2.0 <ul><li>Nada além do browser. </li></ul><ul><li>Nenhum arquivo no computador local. </li></ul><ul><li>Compatibilidade com a maioria dos browsers. </li></ul><ul><li>Nada de extensões para o browser ou plugins. </li></ul><ul><li>Colaboração. </li></ul><ul><li>Distribuição. RSS feeds e REST APIs. </li></ul><ul><li>Ajax. </li></ul><ul><li>Importar e exportar. </li></ul>
  24. 26. Bugs do Office 2.0 <ul><li>A impossibilidade de copiar e colar </li></ul><ul><li>Não é possível abrir diretamente um arquivo recebido por e-mail sem fazer download e depois upload do arquivo </li></ul><ul><li>É preciso manter dezenas de contas, com login e senha de cada uma delas. </li></ul><ul><li>A interface de um sistema é muito diferente da dos outros... </li></ul>
  25. 27. O que você já pode utilizar online <ul><li>Processador de Textos, Planilhas, slides e bancos de dados. </li></ul><ul><li>Tratamento de imagens. </li></ul><ul><li>Backup e compartilhamento de arquivos. </li></ul><ul><li>Lista de tarefas, bloco de notas. </li></ul><ul><li>Calendário, cliente de e-mail, time-tracking, bookmarks, calculadora, CRM. </li></ul><ul><li>Gravação de áudio para podcast, edição de vídeo, RSS reader, e muito mais... </li></ul>
  26. 28. O futuro da web <ul><li>Aprendemos com a Web 2.0 que internet é sim um bom negócio. </li></ul><ul><li>Você ainda pensa em serviços 1.0 ? </li></ul><ul><li>Seu jeito de programar ainda é 1.0 ? </li></ul><ul><li>Novos mercados estão surgindo e se consolidando. Onde você estará quando a nova web amadurecer ? </li></ul><ul><li>Onde estará o Brasil na nova internet ? </li></ul><ul><li>Onde está a nossa famosa criatividade ? </li></ul>
  27. 29. Ufa! <ul><li>Ajax é um novo jeito de pensar. </li></ul><ul><ul><li>Assincronia, rapidez, experiência rica. </li></ul></ul><ul><li>25% dos desenvolvedores do Brasil. </li></ul><ul><li>Ajax tem problemas, frameworks ajudam. </li></ul><ul><li>Ano que vem utilizaremos mais Ajax. </li></ul><ul><li>Não há Ajax que salve uma idéia ruim. </li></ul><ul><li>Ajax é a base tecnológica da web 2.0. </li></ul><ul><li>Web 2.0 é muito importante. </li></ul><ul><li>Office 2.0 é uma realidade. </li></ul><ul><li>Onde você estará quando a nova web se consolidar ? Com pensamento 1.0 ? </li></ul>
  28. 30. Perguntas e... Respostas ? <ul><li>Sua vez de participar ;) </li></ul><ul><li>Pra quem ficou com vergonha: [email_address] desta.ca </li></ul>

×