Web 2.0: conceito, tendências e desafios

Web 2.0 Conceito, tendências e desafios SemComp 2008 Mauricio Garcia Nascimento, PMP

Direitos autorais deste material http://creativecommons.org/licenses/by-nc-sa/2.5/br/

Sobre 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

Agenda

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: 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: Internet Fonte: Computer Magazine, 1979 Computer History Museum

Histó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: 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

Web

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 - Internet 1989 - Web 1993 - Mosaic 2004 - 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ã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 buzzword ?

Banalização do conceito de versão

Nescau 2.0

Duro de Matar 4.0

mp3, mp4, mp5, ...

Web 2.0: um novo buzzword ?

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” - 2005 Design Patterns and Business Models for the Next Generation of Software http://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.0 Fonte: Web 2.0, Wikiversity http://en.wikiversity.org/wiki/Web_2.0

“ Web 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.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”

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ência Publicidade RIA Wiki Tagging RSS Mashups Blogs Redes Sociais API’s Ajax Web 2.0

Ajax

Conjunto de tecnologias

Linguagem de prog. Server-Sided

Javascript

HTML / CSS

Requisições HTTP

XML / Web-services

Cuidado: “programador Ajax”!

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

API’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 Sociais

Blogs

Usuário pode publicar seu próprio conteúdo

Descentralização de conteúdo

Fonte: Technorati - State of the Blogosphere, 2008 http://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”

Mashups

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 – Really Simple Syndication

Tagging Estadão Globo.com Delicious

Wiki

Publicação de conteúdo

Wikipedia – melhor exemplo de democracia de publicação / confiança no usuário

Knol – projeto do Google

RIA – Rich 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 us Fonte: Youtube http://www.youtube.com/watch?v=NLlGopyXT_g

Tendê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 web

Cloud 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 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 Engine Fonte: Google App Engine http://code.google.com/appengine

G.ho.st – Global Hosted Operating System Fonte: G.ho.st http://g.ho.st

Aplicaçõ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, 2008 Vodafone Group Research http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist

Gears Fonte: Gears http://gears.google.com

Exemplos de sites 2.0

Mapas interativos

Street view

Mapas em 3D

Moon maps

Integração com outras ferramentas

API’s

Google Earth

Suíte de aplicativos para escritório

Google Docs – http://docs.google.com

Zoho - http://zoho.com

Zoomii Books - Livraria virtual

Navegação interativa entre os livros

API’s da Amazon

MindMeister – mapas mentais

Flickr – álbum de fotos

YouTube - vídeo

Slideshare – compartilhamento de slides

Agregadores

Estudos 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, 2008 http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml

Web 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 – Search engine optimization Fonte: Think Eyetracking - Has Google gotten better? http://thinkeyetracking.com/wordpress/?p=4

O futuro

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 Path

Projeto “Aurora”

http://www.adaptivepath.com/aurora

O 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 / perguntas

Referê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