Web 2.0: conceito, tendências e desafios

50 %
50 %
Information about Web 2.0: conceito, tendências e desafios
Technology

Published on October 8, 2008

Author: mgfnascimento

Source: slideshare.net

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

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

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

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

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

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

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

Massificação do uso da Internet / Web

Popularização dos Web Browsers

Interações sociais

Novas tecnologias e ferramentas

Profissões / Mercado de trabalho

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)

Por quê?

Quais foram as mudanças?

Quem inventou?

Web 3.0?

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)

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, ...

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

Web 2.0  Ajax

Surgimento do termo “Web 2.0” 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

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

Definido por Tim O’Reilly

Em seguida, “Web 2.0 Conference”

Surgimento do termo “Web 2.0” 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

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

Surgimento do termo “Web 2.0”

“ 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

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

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

Discussão sobre os “Achatadores” do mundo atual

Uploading!

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”!

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

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”

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

Descentralização de conteúdo

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

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

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

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

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

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

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

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

Diversos desafios

Múltiplos dispositivos distintos

Operadoras de telefonia

Meios de conexão (Wi-Fi, 3G, Wi-Max, ...)

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

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

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

Zoho - http://zoho.com

Zoomii Books - Livraria virtual Navegação interativa entre os livros API’s da Amazon

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

Estadão – http://www.estadao.com.br

Wal-Mart – http://www.walmart.com.br

Web 2.0: Mercado de trabalho

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 )

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

“ 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

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

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

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

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 desafios Mauricio Garcia Nascimento, PMP  [email_address]  http://www.slideshare.net/mgfnascimento  http://www.linkedin.com/in/MauricioNascimento  Skype: mgarcia.nascimento

Mauricio Garcia Nascimento, PMP

 [email_address]

 http://www.slideshare.net/mgfnascimento

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

 Skype: mgarcia.nascimento

Add a comment

Related presentations

Related pages

Dilemas da rede: Web 2.0, conceitos, tecnologias e ...

... Web 2.0, conceitos ... reconhecer tendências, ... Mesmo defendendo que o conceito de Web 2.0 possui “um núcleo gravitacional” e
Read more

Web 2.0 – Wikipédia, a enciclopédia livre

Web 2.0 é um termo popularizado a partir de 2004 pela empresa americana O ... Outro conceito da web 2.0 que interfere na programação chama-se "Beta ...
Read more

Empreendedorismo 2.0 - Oportunidades, Tendências e ...

Empreendedorismo 2.0 - Oportunidades, Tendências e Comportamento. ... Web 2.0: conceito, tendências e desafios Web 2.0, mercado e tendências ...
Read more

Capítulo 1 - O Conceito de Web 2.0 | Da Web 2.0 ao e ...

... denominado O Conceito de Web 2.0, ... A Cultura Participatória e a Read/Write Web. 1.3. A Web 2.0 e a Cultura da Internet . 1.1. Génese do conceito;
Read more

OPAC SOCIAL: TENDÊNCIAS E DESAFIOS PARA AS BIBLIOTECAS ...

Este artigo se propõe a apresentar as principais tendências na utilização dos recursos da WEB 2.0 em OPAC ... sobre o conceito de OPAC, WEB 2.0, ...
Read more

Web 2.0 - um desafio na educação? - YouTube

Web 2.0 - um desafio na educação? Skip navigation Upload. Sign in. ... Entenda o conceito da Web 2.0 - Reportagem Karina Batistelli - Duration
Read more

Gestão de Processos de Negócios, Arquitetura Orientada a ...

BMP, SOA e Web 2.0: Transformação da Empresa ou Rota de Colisão? 4 Gestão de Processos de Negócios BPM representa uma ...
Read more

Tendências e desafios atuais da web - IPV6 - Lucas Pinz ...

Palestrante Tendências e desafios atuais da web - IPV6, palestrante Lucas Pinz. Apresentação feita durante o Rio Info 2014. Docslide.com.br.
Read more