Ajax Experimente a nova fórmula. Gilberto Jr Imasters InterCon2006

O que é Ajax ? Um técnica. Conjunto de procedimentos. Um (novo ?) jeito de pensar. Um buzz word ? Um nome para o que já se faz a muito tempo ? Uma grande revolução ?

Um técnica. Conjunto de procedimentos.

Um (novo ?) jeito de pensar.

Um buzz word ? Um nome para o que já se faz a muito tempo ?

Uma grande revolução ?

O que é Ajax ? Internet Explorer 5, 2000. Postagem no blog de Jesse James Garrett, da empresa Adaptative Path. Dia 18 de fevereiro de 2005. Um jeito mais fácil de se falar: “Asynchronous JavaScript + XML” Popularização com aplicações do Google: Maps, Suggest, Gmail.

Internet Explorer 5, 2000.

Postagem no blog de Jesse James Garrett, da empresa Adaptative Path.

Dia 18 de fevereiro de 2005.

Um jeito mais fácil de se falar: “Asynchronous JavaScript + XML”

Popularização com aplicações do Google: Maps, Suggest, Gmail.

Como Ajax Funciona Web Standards, XHTML e CSS. Estrutura do HTML: DOM (Document Object Model) Manipulação dos dados usando XML. XMLHttpRequest, para os dados irem e virem de forma assíncrona. E uma boa dose de JavaScript, para dar liga.

Web Standards, XHTML e CSS.

Estrutura do HTML: DOM (Document Object Model)

Manipulação dos dados usando XML.

XMLHttpRequest, para os dados irem e virem de forma assíncrona.

E uma boa dose de JavaScript, para dar liga.

Como Ajax Funciona

Como Ajax Funciona

A comunidade Brasileira de Ajax Pesquisa da Evans Data Corp: 25% dos desenvolvedores brasileiros utilizam Ajax. O maior percentual do mundo. Estadunidenses apenas 18%. Quem aqui conhece e usa Ajax ?

Pesquisa da Evans Data Corp: 25% dos desenvolvedores brasileiros utilizam Ajax. O maior percentual do mundo.

Estadunidenses apenas 18%.

Quem aqui conhece e usa Ajax ?

Toolkits: “seus problemas acabaram” Problemas ao desenvolver com Ajax: Navegadores interpretam o Javascript de forma diferente uns dos outros. 25 dores de cabeça por dia, testando a aplicação em vários navegadores. CSS e HTML também são interpretados diferentemente. Frameworks resolvem os probleminhas chatos e deixam pra gente os problemões Dojo, Google Web Toolkit, MS Atlas, etc...

Problemas ao desenvolver com Ajax:

Navegadores interpretam o Javascript de forma diferente uns dos outros.

25 dores de cabeça por dia, testando a aplicação em vários navegadores.

CSS e HTML também são interpretados diferentemente.

Frameworks resolvem os probleminhas chatos e deixam pra gente os problemões

Dojo, Google Web Toolkit, MS Atlas, etc...

Ajax x Flash Okay... Ajax não é a única solução... Flash, Flex: RIA (Rich Internet Application). Pesquisa com 5,000 desenvolvedores web estadunidenses, realizada pela Ektron e SitePoint: The State of Web Development 2006/2007

Okay... Ajax não é a única solução...

Flash, Flex: RIA (Rich Internet Application).

Pesquisa com 5,000 desenvolvedores web estadunidenses, realizada pela Ektron e SitePoint: The State of Web Development 2006/2007

Problemas com o Ajax Botão voltar, histórico e favoritos. Conceitos de página, muitas vezes abandonado também no flash: Páginas têm que ter permalink. Quando você clica num link, deve ver uma nova URL. Quando você clica no botão voltar, deve ir para a página anterior.

Botão voltar, histórico e favoritos.

Conceitos de página, muitas vezes abandonado também no flash:

Páginas têm que ter permalink.

Quando você clica num link, deve ver uma nova URL.

Quando você clica no botão voltar, deve ir para a página anterior.

Prós e contras Prós Menor Utilização da banda Melhor interatividade. Contras Usabilidade: voltar, permalink e favoritos. Client-Side em máquinas lentas. Falta de feedback (não esqueça o “carregando”).

Prós

Menor Utilização da banda

Melhor interatividade.

Contras

Usabilidade: voltar, permalink e favoritos.

Client-Side em máquinas lentas.

Falta de feedback (não esqueça o “carregando”).

Pra quê serve o Ajax ? Muito mais do que “Não recarregar a página”. Experiência de uso igual à do desktop. Arrastar e soltar, personalização, interface numa única página, páginas mais rápidas. Experiência Rica em Sites de Conteúdo. Funcionalidades de participação do usuário que antes eram demoradas. Aplicativos na web: uma realidade.

Muito mais do que “Não recarregar a página”.

Experiência de uso igual à do desktop.

Arrastar e soltar, personalização, interface numa única página, páginas mais rápidas.

Experiência Rica em Sites de Conteúdo.

Funcionalidades de participação do usuário que antes eram demoradas.

Aplicativos na web: uma realidade.

Quando Ajax é desnecessário Uma das maiores revoluções da web, o blog, não utiliza Ajax. Foco no usuário, na necessidade dele. O que importa é o serviço, não a tecnologia. Ajax serve para melhorar a experiência do usuário com um aplicativo que é relevante para melhorar o dia-a-dia dele.

Uma das maiores revoluções da web, o blog, não utiliza Ajax.

Foco no usuário, na necessidade dele.

O que importa é o serviço, não a tecnologia.

Ajax serve para melhorar a experiência do usuário com um aplicativo que é relevante para melhorar o dia-a-dia dele.

Ajax mudando a cultura do usuário. Quem deixou de usar cliente de e-mail desktop e utiliza somente web ? Quem utiliza mais aplicativos web do que desktop ? Desde quando, e porque, um aplicativo web se tornou melhor que um desktop ?

Quem deixou de usar cliente de e-mail desktop e utiliza somente web ?

Quem utiliza mais aplicativos web do que desktop ?

Desde quando, e porque, um aplicativo web se tornou melhor que um desktop ?

Web 2.0 A nova fórmula da web.

Web 2.0

A nova fórmula da web.

Ajax e Web 2.0 Ajax foi a revolução tecnológica que serviu de base para uma outra revolução: a web 2.0. Uma nova geração de serviços de internet aproveitando a participação do usuário. Office 2.0: Os softwares vão para a rede.

Ajax foi a revolução tecnológica que serviu de base para uma outra revolução: a web 2.0.

Uma nova geração de serviços de internet aproveitando a participação do usuário.

Office 2.0: Os softwares vão para a rede.

Exemplos de ajax na web 2.0 Personal Home Pages Netvibes, Google/ig, start.com Digg.com. Você votaria sem Ajax ? Del.icio.us: ajax para folksonomia. YouTube: Ajax + Flash.

Personal Home Pages

Netvibes, Google/ig, start.com

Digg.com. Você votaria sem Ajax ?

Del.icio.us: ajax para folksonomia.

YouTube: Ajax + Flash.

A importância da Web 2.0 No Brasil: IG, Globo, UOL, Terra. “ Emerging technologies hype cycle” da Gartner: serviços Web 2.0, com a Ajax, são considerados de alto impacto. IBM e a Universidade do Arizona criam uma graduação em Web 2.0. Google vale 130 bilhões, Youtube comprado por 1,65 bilhões.

No Brasil: IG, Globo, UOL, Terra.

“ Emerging technologies hype cycle” da Gartner: serviços Web 2.0, com a Ajax, são considerados de alto impacto.

IBM e a Universidade do Arizona criam uma graduação em Web 2.0.

Google vale 130 bilhões, Youtube comprado por 1,65 bilhões.

Ajax tornou a web 2.0 possível. Existiria web 2.0 sem Ajax ? Quase todos os serviços web 2.0 utilizam a técnica. Alguns serviços são inúteis, mas por terem bastante ajax são chamados de web 2.0. Ajax, além de outras tecnologias, trouxe ao mundo a utopia do Office 2.0.

Existiria web 2.0 sem Ajax ?

Quase todos os serviços web 2.0 utilizam a técnica.

Alguns serviços são inúteis, mas por terem bastante ajax são chamados de web 2.0.

Ajax, além de outras tecnologias, trouxe ao mundo a utopia do Office 2.0.

A utopia do Office 2.0 Imagine um computador que nunca trava ou é infectado por vírus. Imagine um computador no qual você nunca tem que instalar nenhum programa. Imagine um computador que acompanha você onde estiver - na escola, no trabalho, nas viagens, em casa. Este computador não existe hoje, mas pode estar muito mais próximo do que você imagina.

Imagine um computador que nunca trava ou é infectado por vírus.

Imagine um computador no qual você nunca tem que instalar nenhum programa.

Imagine um computador que acompanha você onde estiver - na escola, no trabalho, nas viagens, em casa.

Este computador não existe hoje, mas pode estar muito mais próximo do que você imagina.

O que é Office 2.0 ? Utilização de uma série de serviços online através de um navegador. Facilitar a colaboração e a mobilidade através do armazenamento dos dados na web e da utilização de aplicativos online. Não há necessidade de instalação de programas na máquina local. Ganho de produtividade.

Utilização de uma série de serviços online através de um navegador.

Facilitar a colaboração e a mobilidade através do armazenamento dos dados na web e da utilização de aplicativos online.

Não há necessidade de instalação de programas na máquina local.

Ganho de produtividade.

Office 2.0: Porque online ? 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. Compartilhar: a rede não existe à toa. Fim dos upgrades, backups, vírus, perda ou roubo, gasto de dinheiro com licenças. Mobilidade entre computadores. Aqui está a maior utilidade do Ajax.

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.

Compartilhar: a rede não existe à toa.

Fim dos upgrades, backups, vírus, perda ou roubo, gasto de dinheiro com licenças.

Mobilidade entre computadores.

Aqui está a maior utilidade do Ajax.

Regras do Office 2.0 Nada além do browser. Nenhum arquivo no computador local. Compatibilidade com a maioria dos browsers. Nada de extensões para o browser ou plugins. Colaboração. Distribuição. RSS feeds e REST APIs. Ajax. Importar e exportar.

Nada além do browser.

Nenhum arquivo no computador local.

Compatibilidade com a maioria dos browsers.

Nada de extensões para o browser ou plugins.

Colaboração.

Distribuição. RSS feeds e REST APIs.

Ajax.

Importar e exportar.

Bugs do Office 2.0 A impossibilidade de copiar e colar Não é possível abrir diretamente um arquivo recebido por e-mail sem fazer download e depois upload do arquivo É preciso manter dezenas de contas, com login e senha de cada uma delas. A interface de um sistema é muito diferente da dos outros...

A impossibilidade de copiar e colar

Não é possível abrir diretamente um arquivo recebido por e-mail sem fazer download e depois upload do arquivo

É preciso manter dezenas de contas, com login e senha de cada uma delas.

A interface de um sistema é muito diferente da dos outros...

O que você já pode utilizar online Processador de Textos, Planilhas, slides e bancos de dados. Tratamento de imagens. Backup e compartilhamento de arquivos. Lista de tarefas, bloco de notas. Calendário, cliente de e-mail, time-tracking, bookmarks, calculadora, CRM. Gravação de áudio para podcast, edição de vídeo, RSS reader, e muito mais...

Processador de Textos, Planilhas, slides e bancos de dados.

Tratamento de imagens.

Backup e compartilhamento de arquivos.

Lista de tarefas, bloco de notas.

Calendário, cliente de e-mail, time-tracking, bookmarks, calculadora, CRM.

Gravação de áudio para podcast, edição de vídeo, RSS reader, e muito mais...

O futuro da web Aprendemos com a Web 2.0 que internet é sim um bom negócio. Você ainda pensa em serviços 1.0 ? Seu jeito de programar ainda é 1.0 ? Novos mercados estão surgindo e se consolidando. Onde você estará quando a nova web amadurecer ? Onde estará o Brasil na nova internet ? Onde está a nossa famosa criatividade ?

Aprendemos com a Web 2.0 que internet é sim um bom negócio.

Você ainda pensa em serviços 1.0 ?

Seu jeito de programar ainda é 1.0 ?

Novos mercados estão surgindo e se consolidando. Onde você estará quando a nova web amadurecer ?

Onde estará o Brasil na nova internet ?

Onde está a nossa famosa criatividade ?

Ufa! Ajax é um novo jeito de pensar. Assincronia, rapidez, experiência rica. 25% dos desenvolvedores do Brasil. Ajax tem problemas, frameworks ajudam. Ano que vem utilizaremos mais Ajax. Não há Ajax que salve uma idéia ruim. Ajax é a base tecnológica da web 2.0. Web 2.0 é muito importante. Office 2.0 é uma realidade. Onde você estará quando a nova web se consolidar ? Com pensamento 1.0 ?

Ajax é um novo jeito de pensar.

Assincronia, rapidez, experiência rica.

25% dos desenvolvedores do Brasil.

Ajax tem problemas, frameworks ajudam.

Ano que vem utilizaremos mais Ajax.

Não há Ajax que salve uma idéia ruim.

Ajax é a base tecnológica da web 2.0.

Web 2.0 é muito importante.

Office 2.0 é uma realidade.

Onde você estará quando a nova web se consolidar ? Com pensamento 1.0 ?

Perguntas e... Respostas ? Sua vez de participar ;) Pra quem ficou com vergonha: [email_address] desta.ca

Sua vez de participar ;)

Pra quem ficou com vergonha: [email_address] desta.ca