Vocabulário Web Parte 1 Bruno Campagnolo de Paula.

Apresentação em tema: "Vocabulário Web Parte 1 Bruno Campagnolo de Paula."— Transcrição da apresentação:

1 Vocabulário Web Parte 1 Bruno Campagnolo de Paula

2 Objetivo principal Definir alguns conceitos vigentes na Web atual; Apresentar termos presentes no vocabulário de um Desenvolvedor Web; Abrir a sua cabeça de forma a entender o nosso papel como desenvolvedor dentro deste mundo. Mais importante do que entender o que é, é essencial entender o porquê de termos chegado aqui; O futuro da Web está sendo construído agora e por nós; Foco em: o Tecnologia; o Aplicações; Não vou ficar detalhando demais as tecnologias.

3 Vocabulário Web de Hoje Blogging; Microblogging; Redes Sociais; Wikis; Compartilhamento de Favoritos via Web (Social Bookmarking); Compartilhamento de Mídia via Web; Compartilhamento de Aplicativos via Web; Feeds RSS.

4 Blogging Web Log; Web site mantido por um ou mais usuários com entradas (posts – postagens) dispostas em ordem cronológica reversa; Permitem, geralmente comentários aos posts; Edição facilitada: blogueiro (blogger) não precisa conhecer HTML; Contato direto com o público alvo; Temas diversos: adolescentes, pessoais, tecnologia, profissionais, empresas, humor, política, etc.

5 Blogging Vídeo: o http://www.dotsub.com/films/blogsinplainenglish/index.php?autostart=tru e&language_setting=br_2076 http://www.dotsub.com/films/blogsinplainenglish/index.php?autostart=tru e&language_setting=br_2076 No Brasil, início com adolescentes; Hoje, Probloggers: o Blogueiros profissionais; o Ganham dinheiro através de Google Adsense, posts pagos, Mercado Livre, parcerias. o Ler matéria da Info (Abril / 2008); Controvérsias: blogs políticos, censura ao Wordpress;

6 Redes Sociais (Social Networks) Estruturas sociais (pessoas, organizações, etc) ligadas por interdependências como: amizade, profissão, família, estilo, relações, interesses, etc. Potencializadas pelo surgimento da Web; Exemplos de sites que são ou contém aspectos de redes sociais: o http://www.friendster.com http://www.friendster.com o http://www.amazon.com http://www.amazon.com o http://www.digg.com http://www.digg.com o http://www.orkut.com http://www.orkut.com o http://www.hi5.com http://www.hi5.com o http://www.myspace.com http://www.myspace.com o http://www.facebook.com http://www.facebook.com o http://www.ning.com http://www.ning.com o http://del.icio.us http://del.icio.us o http://www.flickr.com http://www.flickr.com o http://www.wikipedia.org http://www.wikipedia.org

7 Redes Sociais (Social Networks) Ver vídeo: o http://www.dotsub.com/fi lms/socialnetworking_1/i ndex.php?autostart=true &language_setting=br_9 62 http://www.dotsub.com/fi lms/socialnetworking_1/i ndex.php?autostart=true &language_setting=br_9 62 É possível extrair inteligência da coletividade: o Inteligência Coletiva (Wisdom of Crowds); o Sistemas de recomendação da Amazon; o Sistema de notícias do Digg; Redes sociais tem diversos problemas não resolvidos com questões de privacidade.

8 Wikis Sites que permitem aos usuários colaborarem na construção do conteúdo do próprio site; Permite a construção de: o Documentações colaborativas; o Histórias colaborativas; o Trabalhos escolares; o Portais de idéias; o Organização de trabalhos, eventos, etc. Exemplos de sistemas de wiki: o http://www.wikipedia.org http://www.wikipedia.org o http://scribblewiki.com/main.php http://scribblewiki.com/main.php o http://www.novlet.com/ http://www.novlet.com/ o http://wiki.mindtouch.com/ http://wiki.mindtouch.com/ o http://wiki.asp.net/ http://wiki.asp.net/ o http://www2.wikicrimes.org:8080/main.html# http://www2.wikicrimes.org:8080/main.html#

9 Ver vídeo: http://www.dotsub.com/films/wikisinplainenglish/index.php?autostart=tr ue&language_setting=br_712 http://www.dotsub.com/films/wikisinplainenglish/index.php?autostart=tr ue&language_setting=br_712 Questões polêmicas: quem pode alterar o que (Wikileaks), burrice das multidões (Baleias são peixes), má-fé na Wikipedia.

10 Compartilhamento de Favoritos via Web (Social Bookmarking) Sites que permitem o comparilhamento de favoritos na Web; As pessoas devem ter o poder de produzir e consumir o conteúdo de uma maneira fácil, dinâmica e personalizável; Devem poder compartilhar o conteúdo criado e acessar conteúdo compartilhado; Uma ferramenta útil o uso de folksonomia: o Folksonomia = Taxonomia (classificação) feita pelas pessoas; o Uso de TAGS (etiquetas, rótulos) ao invés de CATEGORIAS; o Visualização de categorias através de TAG CLOUDS; Exemplos: o http://del.icio.us http://del.icio.us o http://ma.gnolia.com/ http://ma.gnolia.com/ Vídeo: o http://www.dotsub.com/films/socialbookmarking/index.php?au tostart=true&language_setting=br_1218 http://www.dotsub.com/films/socialbookmarking/index.php?au tostart=true&language_setting=br_1218

11 http://www.brunocampagnolo.com/links/software_social

12 Compartilhamento de Mídia via Web Sites que permitem o compartilhamento de fotos, vídeos, mídia via Web; Fotolog; Exemplos: o http://www.fotolog.com http://www.fotolog.com o http://www.flickr.com http://www.flickr.com o http://www.youtube.com http://www.youtube.com Vídeo: o http://www.dotsub.com/films/online photo/index.php?autostart=true&la nguage_setting=br_2370 http://www.dotsub.com/films/online photo/index.php?autostart=true&la nguage_setting=br_2370 Questões: vídeo Cicarelli, valor do YouTube, direitos autorais;

13 Compartilhamento de Aplicativos via Web Sites que permitem a execução de aplicativos, que antigamente eram exclusivamente Desktop em ambiente Web; Focados na colaboração entre os usuários de um documento; Exemplos: o http://docs.google.com http://docs.google.com o http://zoho.com http://zoho.com o https://www.photoshop.com/express/index.html https://www.photoshop.com/express/index.html Vídeo: o http://www.dotsub.com/films/googledocs_1 /index.php?autostart=true&language_setti ng=br_1447 http://www.dotsub.com/films/googledocs_1 /index.php?autostart=true&language_setti ng=br_1447

14 Compartilhamento de Aplicativos via Web Questões Livre experimentação é uma tendência: o Eliminar login; Acesso offline (?): o Google Gears; Segurança; Privacidade; Velocidade; Falta de Recursos.

15 Microblogging Blog com postagens curtas; Chat assíncrono; Mesa de Bar; Geralmente 140 caracteres; Útil para acompanhamento de eventos, bookmarking, lifestream, publicação de notícias, avisar novidades, organizar festas, comunicação com aplicações; Exemplos: o http://www.twitter.com/ (O que você está fazendo hoje?) http://www.twitter.com/ http://twemes.com/ http://twimbler.com/ o http://www.pownce.com http://www.pownce.com o http://www.jaiku.com http://www.jaiku.com o http://12seconds.tv/login http://12seconds.tv/login

16 Microblogging Postagem via métodos alternativos: o SMS; o Email; o IM; o Microfone; o Câmera; o Navegador Web; Visualização via métodos alternativos: o Visualização geral; o Mapa; o Captura de memes; o Visualização gráfica; Tutorial sobre Twitter: o http://g1.globo.com/Noticias/Tecnologia/0,,MUL402571-6174,00.html http://g1.globo.com/Noticias/Tecnologia/0,,MUL402571-6174,00.html Vídeo: http://www.dotsub.com/films/twitterin/index.php?autostart=true&language_ setting=br_3068http://www.dotsub.com/films/twitterin/index.php?autostart=true&language_ setting=br_3068

17 RSS Formato de divulgação de conteúdo que permitem aos donos de um site avisar sobre atualizações do site e fornecer parcialmente ou totalmente ao usuário informações sobre esta atualização; Geralmente utilizado para sindicalização de notícias. Evita tempo perdido com navegação em sites raramente atualizados; Centraliza as nótícias em agregadores; Agregadores tornam-se cada vez mais, REDES SOCIAIS; Vídeo: o http://www.dotsub.com/films/inplainenglish/index.php?autostart=true&l anguage_setting=br_446 http://www.dotsub.com/films/inplainenglish/index.php?autostart=true&l anguage_setting=br_446

18 Google Reader: http://www.google.com.br/reader http://www.google.com.br/reader/shared/user/08061633235695849004/state/com.goog le/starred

19 Conclusões Os conceitos descritos hoje são uma tendência que veio para ficar; Muitas pessoas colocam esses conceitos em um balaio conhecido como Web 2.0; No Brasil a Internet é de 3 a 5 anos atrasada; O brasileiro é um ser extremamente social e porém, pouco colaborativo; Efeito Dom Pedro II. Vídeo de conclusão: o http://dotsub.com/films/20themachineisusingus/index.p hp?autostart=true&language_setting=br_225 http://dotsub.com/films/20themachineisusingus/index.p hp?autostart=true&language_setting=br_225