palestra web 2.0 & ria

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 & 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 & 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 & RIA

A Mídia Social coloca os Clientes no Controle do Diálogo

Todo consumidor é…


Web 2.0 & RIA

…um formador de opiniões


Web 2.0 & RIA

…um DJ


Web 2.0 & RIA

…um especialista


Web 2.0 & RIA

…um “broadcaster”


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

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


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.


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

[email protected]

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

palestra web 2.0 & ria

Technology