Web2.0

Web2.0Luiz Paulo dos Prazeres Jú[email protected]

Palestra Web2.0 Luiz Paulo - [email protected]

Programação

• Conceituação▫ O que é Web2.0▫ Comparação Web1.0 x Web2.0• Serviços• Tecnologias / Linguagens• Desenvolvendo• Ferramentas auxiliares para desenvolvimento• Frameworks• Web2.0 + PHP


Web2.0Revolução ou demagogia?


O que é Web2.0?

• É a segunda geração de comunidades e serviços Web. Apesar da conotação de uma nova versão para a Web, não se refere à atualizações técnicas, mas a uma mudança na forma como ela é encarada por usuários e desenvolvedores.

Fonte: http://pt.wikipedia.org/wiki/Web_2.0


Críticas – Segundo especialistas

• O termo “Web2.0” foi uma jogada de marketing• Não há nova tecnologia conceito ou idéia.• Colaboração não é uma novidade da Web2.0

Fonte: http://pt.wikipedia.org/wiki/Web_2.0


Web2.0Comparação com Web 1.0


Web1.0 x Web2.0 : Sites / Serviços

Em construção x Beta eterno


Web1.0 x Web2.0 : Foco

Empresa x Usuário


Web1.0 x Web2.0 : Conteúdo

Publicação x Participação


Web1.0 x Web2.0 : Informação

Portais x RSS


Web1.0 x Web2.0 : Programação

Top-Down x Bottom-Up


Web1.0 x Web2.0 : Página Pessoal

Site Pessoal x Blogging


Web1.0 x Web2.0 : Bookmark

Taxonomia x Folksonomia


Web1.0 x Web2.0 : A Internet

Rede x Rede + Plataforma


Web2.0Serviços


A Web2.0 já interferiu em sua vida cotidiana,

pessoal ou profissional?


Serviços• WIKI wikipedia.org• SITES SOCIAIS orkut.com• BLOGS blogger.com• FOTOS flickr.com• VIDEOS youtube.com• RSS FEEDS Notícias, Artigos, etc• BOOKMARK SOCIAL del.icio.us• ARMAZENAMENTO filesend.net• COMUNICAÇÃO GoogleTalk, Skype, etc• WEBDOCS Google Docs• PERSONAL PAGES iGoogle, netvibes• MAIL Gmail, Yahoo• VENDAS Mercado Livre, Amazon


Web2.0Tecnologias


Tecnologias / Linguagens

• HTML / XHTML (HyperText Markup Language)• CSS (Cascading Style Sheets)• JavaScript• AJAX (Asynchronous Javascript And XML)• XML (eXtensible Markup Language)

• WEB Service (PHP)

• Flex (Adobe), SilverLight (Microsoft), JavaFX (Sun), Flash (Adobe)


Web2.0Desenvolvendo


Exemplo Tableless: CSSZenGarden.com


Ferramentas auxiliares para desenvolvimento• FireFox▫ FireBug▫ WebDeveloper ToolBar▫ HTML Validator▫ IETab• Internet Explorer▫ Depurador de Scripts (nativo)▫ Debugbar (my-debugbar.com)▫ IEInspector (ieinspector.com)

• Windows

▫ Visual Color Pixel

▫ JR Screen Ruler


Frameworks javascript

• PrototypeJS (prototypejs.org)• JQuery (jquery.com)• Dojo Tool Kit (dojotoolkit.org)• OpenRico (openrico.org)• Script.aculo.us (script.aculo.us)• Moo Tools (mootools.net)• Mochikit (mochikit.com)• YUI - Yahoo (developer.yahoo.com /yui)• Qooxdoo (qooxdoo.org)


Frameworks Ajax + PHP

Coletânea de frameworks AJAX para PHP• http://ajaxpatterns.org/PHP_Ajax_Frameworks

3 formas diferentes de utilizar AJAX com PHP• PrototypeJS (prototypejs.org)• Sajax (modernmethod.com/sajax)• Xajax (xajaxproject.org)


Próximopasso


Web 3.0

• Web Semântica?"Eu a chamo de World Wide Database (banco de dados mundial)”

Nova Spivack

• Aplicativos multiplataforma?"A próxima geração será formada por aplicações que conversem entre si. Serão relativamente pequenas e rodarão em qualquer dispositivo, tanto PCs quanto telefones móveis“

Eric Schmidt - CEO do Google



Obrigado!

MAIL | [email protected]

bookmark compartilhadodel.icio.us/lppjunior

Technology

Web2.0