web 2.0: conceito, tendências e desafios

Web 2.0Web 2.0Conceito, tendências e desafiosConceito, tendências e desafios

SemComp 2008Mauricio Garcia Nascimento, PMP

Mauricio Garcia Nascimento, PMP - Todos os direitos reservados 2

Direitos autorais deste materialDireitos autorais deste material

http://creativecommons.org/licenses/by-nc-sa/2.5/br/


Sobre o palestranteSobre o palestrante

• Analista de Sistemas Web

• Docente – Ciência da Computação

• Pós-graduado em Gestão de Projetos / IPT

• Zend Certified Engineer

• Membro voluntário do PMI

• PMP – Project Management Professional

• Gestor do grupo ProPHP

• Autor do livro “PHP Profissional” - Novatec


AgendaAgenda

• Histórico

• Web 2.0: conceitos iniciais

• Áreas de influência

• Tendências e Tecnologias

• Exemplos / Análise de cases

• O mercado de trabalho

• O futuro


Histórico: InternetHistórico: Internet

• Proposta no final da década de 60• Infra estrutura de rede de computadores

inter-conectados– Servidores– Clientes

• Rede física de inter-conexão• Protocolos


Histórico: InternetHistórico: Internet

Fonte: Computer Magazine, 1979Computer History Museum


Histórico: WebHistórico: Web

• Proposta definida em 1989 por Tim Berners-Lee

• Conjunto de documentos de hipertextos interligados,

acessados via Internet

• Web Browser – software para o acesso às páginas web

“The World Wide Web is the only thing I know of whose

shortened form takes three times longer to say than what

it's short for.”

- Douglas Adams, 1999

The Independent on Sunday


Histórico: WebHistórico: Web

• Até 1992, restrita aos meios acadêmicos e institutos de pesquisas

• Em 1993, lançamento do Mosaic, primeiro Web Browser popular gráfico– textos, imagens, áudio e outras formas multimídia,

acessados via hiperlinks


WebWeb

• Massificação do uso da Internet / Web• Popularização dos Web Browsers• Interações sociais• Novas tecnologias e ferramentas• Profissões / Mercado de trabalho

final

60’s

- Int

erne

t

1989

- W

eb

1993

- M

osaic

2004

- W

eb 2

.0


Web 2.0?Web 2.0?

• Por quê?

• Quais foram as mudanças?

• Quem inventou?

• Web 3.0?

Google: busca pelo termo “web 2.0”

≈ 100 milhões de páginas!

(Outubro / 2008)


Controle de versãoControle de versão

• Controle da revisão de uma unidade

de informação / software / documento

• A cada nova revisão, um novo número

(geralmente incremental) ou nome é

associado: versão

– Documento

• Projeto do servidor v1.0

• Projeto do servidor v2.0

– Software

• Debian 3.0 (Woody)

• Debian 3.1 (Sarge)

• Debian 4.0 (Etch)


Web 2.0: um novo Web 2.0: um novo buzzwordbuzzword??

• Banalização do conceito de versão– Nescau 2.0– Duro de Matar 4.0– mp3, mp4, mp5, ...


Web 2.0: um novo Web 2.0: um novo buzzwordbuzzword??


Surgimento do termo “Web 2.0”Surgimento do termo “Web 2.0”

Web 2.0 Ajax



• Sessão de brainstorm, entre O’Reilly e MediaLive International, em 2004

• Definido por Tim O’Reilly• Em seguida, “Web 2.0 Conference”

“What is Web 2.0” - 2005Design Patterns and Business Models for the Next Generation of Softwarehttp://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html



• Sinônimo: “Web participativa”– Arquitetura destinada a colaboração dos

usuários– O usuário é quem controla a sua

informação– Blogs, tags, comentários, ranking, ...

• A Web é uma plataforma!– Interface simplificada, rica e limpa– Múltiplas fontes de informação – Serviços online, ao invés de softwares

locais– Sistemas leves para o usuário


““Web 1.0” x Web 2.0Web 1.0” x Web 2.0

Fonte: Web 2.0, Wikiversityhttp://en.wikiversity.org/wiki/Web_2.0


““Web 1.0” x Web 2.0Web 1.0” x Web 2.0

• SW’s e arquivos locais x web– cliente de email local x Webmail– Modelo Client/Server x Cloud Computing– Favoritos do browser x favoritos sociais– Suíte para escritório local x web– Discos locais x virtuais– Arquivos vídeos locais x YouTube– Arquivos áudio x Podcasting

• Conteúdo– ‘Push’ x RSS– Site pessoal x blogs– Notícias centralizadas em portais x agregadores– Enciclopédias x Wikipedia, Knol


““Web 1.0” x Web 2.0Web 1.0” x Web 2.0

• Compartilhamento– Agenda privada x compartilhada– Arquivo de fotos privado x Flickr– Conteúdo próprio x Mashups– Diversas identidades x OpenID– Mapas estáticos x dinâmicos

• Interação / Integração– Conteúdo unilateral x bilateral– Widgets– Web-services– Redes sociais– Twitter


Thomas Friedman – “O Mundo é Plano”Thomas Friedman – “O Mundo é Plano”

• Discussão sobre os “Achatadores” do mundo atual– Uploading!

Fonte: The World is Flat http://www.slideshare.net/andisboediman/the-world-is-flat-350664


Algumas áreas de influênciaAlgumas áreas de influência

Publicidade

RIA

Wiki

Tagging

RSS

Mashups

Blogs

RedesSociais

API’s

Ajax

Web 2.0


AjaxAjax

• Conjunto de tecnologias– Linguagem de prog. Server-Sided– Javascript– HTML / CSS – Requisições HTTP– XML / Web-services

• Cuidado: “programador Ajax”!


AjaxAjax

Fonte: Adaptive Path, 2005http://www.adaptivepath.com/ideas/essays/archives/000385.php


API’s abertasAPI’s abertas

• Bibliotecas disponíveis na web• Uma aplicação (na web ou não) pode

consumir estes serviços• Base dos Mashups• Estruturas mais utilizadas

– Web-Services– SOA – Service Oriented Architecture

• Alguns exemplos– Google (diversas API’s)– Amazon– Yahoo– OpenID– Flickr


Redes SociaisRedes Sociais


BlogsBlogs

• Usuário pode publicar seu próprio conteúdo• Descentralização de conteúdo

Fonte: Technorati - State of the Blogosphere, 2008http://www.technorati.com/blogging/state-of-the-blogosphere

“No BlogBlogs temos 200 mil blogs. Mas acredito que no Brasil temos

cerca de 2 milhões de blogs, sendo uns 20% ativos”

- Manuel Lemos, 2008

“Long Tail”


MashupsMashups

• Composição de um site a partir do conteúdo de múltiplas fontes

• Conteúdo pode ser embutido em um site

• Exemplos– Moodle + Google Maps + Slideshare– iGoogle + widgets– Rede Social + Flickr


RSS – RSS – Really Simple SyndicationReally Simple Syndication


TaggingTagging

Estadão

Globo.com

Delicious


WikiWiki

• Publicação de conteúdo• Wikipedia – melhor exemplo de democracia

de publicação / confiança no usuário• Knol – projeto do Google


RIA – RIA – Rich Internet ApplicationRich Internet Application

• As interfaces das aplicações Web estão cada mais vez mais elaboradas

• Próximas aos sw’s convencionais• Alguns recursos

– Javascript (+ frameworks)– Adobe Flash, Adobe AIR, Microsoft Silverlight – Ajax

• Funcionalidades– Drag & Drop / duplo clique / botão direito mouse /

menu de contexto / ...

• Exemplos – Gmail, Yahoo Mail– Google Docs, Zoho– Google Maps


Vídeo – The machine is usVídeo – The machine is us

Fonte: Youtubehttp://www.youtube.com/watch?v=NLlGopyXT_g


Tendências e tecnologias emergentesTendências e tecnologias emergentes

• Aplicações web

• Cloud Computing

• Aplicações web 2.0 móveis


• Crescimento contínuo do uso da web– Redução de custos de conexão– Maior oferta de banda larga– Redução de custo dos equipamentos

• Aumento considerável de aplic. online

• Cloud Computing• SaaS – Software as a Service

– Software é contratado sob demanda, via web

Aplicações webAplicações web


Cloud ComputingCloud Computing

• Os aplicativos, dados e serviços estão “na grande nuvem”

• Amazon S3 - http://aws.amazon.com/s3• Antivírus comerciais• Drives virtuais para armazenamento


Cloud ComputingCloud Computing

“A computação deixa de ser local (seja no desktop, seja dentro dos

CPDs empresariais) e passa a ser feita a partir da nuvem via internet.

E o que seria a nuvem? Um aglomerado de servidores e outros

recursos computacionais fornecidos pelas empresas especializadas.

Como com a energia elétrica, o interessado apenas vai pagar uma

conta mensal e usar o que precisar.”

- Nicholas Carr, 2008


Google App EngineGoogle App Engine

Fonte: Google App Enginehttp://code.google.com/appengine


G.ho.st – G.ho.st – Global Hosted Operating SystemGlobal Hosted Operating System

Fonte: G.ho.sthttp://g.ho.st


Aplicações Web 2.0 móveisAplicações Web 2.0 móveis

• Diversos desafios– Múltiplos dispositivos distintos– Operadoras de telefonia– Meios de conexão (Wi-Fi, 3G, Wi-Max, ...)

“Dentro de 5 anos, a maioria dos usuários ao redor do mundo utilizarão web móveis”

- Daniel Appelquist, 2008Vodafone Group Research

http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist


GearsGears

Fonte: Gearshttp://gears.google.com


Exemplos de sites 2.0Exemplos de sites 2.0


Mapas interativosMapas interativos

• Street view• Mapas em 3D• Moon maps• Integração com outras ferramentas• API’s• Google Earth


Suíte de aplicativos para escritórioSuíte de aplicativos para escritório

• Google Docs – http://docs.google.com• Zoho - http://zoho.com


Zoomii Books - Livraria virtual Zoomii Books - Livraria virtual

• Navegação interativa entre os livros• API’s da Amazon


MindMeister – mapas mentaisMindMeister – mapas mentais


Flickr – álbum de fotosFlickr – álbum de fotos


YouTube - vídeoYouTube - vídeo


Slideshare – compartilhamento de slidesSlideshare – compartilhamento de slides


AgregadoresAgregadores


Estudos de casoEstudos de caso

• Estadão – http://www.estadao.com.br• Wal-Mart – http://www.walmart.com.br

“(...) Nuvem de tags, RSS, ranking de produtos, comentários de

usuários, personalização e participação de usuários.

Para inaugurar o site o Wal-Mart investiu 25 milhões de reais.

O desenvolvimento levou nove meses e foi feito com a participação

de 100 pessoas, entre terceiros e funcionários diretos (...)”

- Fonte: adaptado de Info Corporate, 2008http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml


Web 2.0: Mercado de trabalhoWeb 2.0: Mercado de trabalho


Web 2.0: Mercado de trabalhoWeb 2.0: Mercado de trabalho

• Desenvolvimento de sistemas– Linguagem de Programação (server-sided)– Javascript (+ frameworks)– Mídias alternativas de apresentação

• Design– Web standards / XHTML– CSS (Cascade Style Sheets)– Usabilidade / RIA (Rich Internet Application)

• Integração de Soluções / Mashups– SOA– Web-services

• Segurança (Sistemas / Infra-estrutura)• SEO (Search engine optimization)


SEO – SEO – Search engine optimizationSearch engine optimization

Fonte: Think Eyetracking - Has Google gotten better?http://thinkeyetracking.com/wordpress/?p=4


O futuroO futuro


O futuro: Web 3.0?O futuro: Web 3.0?

• “Web Semântica”– Web auto-organizável e customizável

• WWD – World Wide Database• Web inteligente

– Aprendizado de acordo com o usuário– Mecanismos de buscas sensíveis ao

contexto

• Maior conexão e interação– Mais dispositivos móveis


O futuro: Adaptive PathO futuro: Adaptive Path

• Projeto “Aurora”http://www.adaptivepath.com/aurora


O futuro: outras possibilidadesO futuro: outras possibilidades

• Buscas independentes do idioma• Buscas de informações em fotos, vídeos,

podcasts e músicas• Reconhecimento de voz e tradução

simultânea• Novas interfaces homem / máquina• Maior convergência de dispositivos• Nova versão HTML / CSS

“A melhor maneira de prever o futuro é construí-lo”

- Peter Druker


Dúvidas / perguntasDúvidas / perguntas


ReferênciasReferências

• Adaptive Path - Aurora - http://adaptivepath.com/aurora• Adaptive Path - Garrett - Ajax: A New Approach to Web Applications -

http://www.adaptivepath.com/ideas/essays/archives/000385.php• Computer History Museum - http://www.computerhistory.org• Computer World - Cherobino – O profeta do cloud vê o fim da TI tradicional -

http://computerworld.uol.com.br/gestao/2008/09/22/nicholas-carr-o-profeta-do-cloud-ve-o-fim-da-ti-tradicional• Digital Age 2.0 - Felitti - Manoel Lemos e a lenta maturidade dos blogs no Brasil -

http://idgnow.uol.com.br/internet/ideia20/archive/2008/09/29/entrevista-manoel-lemos-e-a-lenta-maturidade-dos-blogs-no-brasil

• Folha Online - Entenda o que é a Web 2.0 - http://www1.folha.uol.com.br/folha/informatica/ult124u20173.shtml• Ghost - Global Hosted Operating System - http://g.ho.st• Google - Gears - http://gears.google.com• Google - Google App Engine - http://code.google.com/appengine• Info Corporate - Balieiro - http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml• O’reilly - What is Web 2.0 - http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html• PHPClasses – Lemos - Is PHP ready for Web 2.0? - http://www.phpclasses.org/blog/post/53-Is-PHP-ready-for-

Web-20.html• Slideshare - Appelquist - http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist• Slideshare - Lewis - Introducing Web 2.0 Concepts - http://www.slideshare.net/jlewis/introducing-web-20-

concepts• Slideshare - Singh - Web 2.0 - http://www.slideshare.net/satyajeet_02/web-20-5316• Technorati - State of the Blogosphere - http://www.technorati.com/blogging/state-of-the-blogosphere• Think Eyetracking - Has Google gotten better? - http://thinkeyetracking.com/wordpress/?p=4• Thoughts Illustrated - The World is Flat - http://thoughts-illustrated.blogspot.com/2008/08/world-is-flat.html• Wikipedia - History of the web browser - http://en.wikipedia.org/wiki/History_of_the_web_browser• Wikipedia - Mosaic - http://en.wikipedia.org/wiki/Mosaic_browser• Wikipedia - Revision control - http://en.wikipedia.org/wiki/Revision_control• Wikiversity - Web 2.0 - http://en.wikiversity.org/wiki/Web_2.0• Youtube - Wesch - Web 2.0 ... The Machine is Us/ing Us - http://www.youtube.com/watch?v=NLlGopyXT_g


Web 2.0: conceito, tendências e desafiosWeb 2.0: conceito, tendências e desafios

Mauricio Garcia Nascimento, PMP

[email protected]

http://www.slideshare.net/mgfnascimento

http://www.linkedin.com/in/MauricioNascimento

Skype: mgarcia.nascimento

web 2.0: conceito, tendências e desafios

Technology