Tecnologias Básicas da Web 2.0:Widgets

Luis Felipe Duarte Flores

Dineu Henrique

Luís Tiago C. Eterovick

Conceito: O que é Widget?

Um widget é um componente de uma interface gráfica do utilizador (GUI), o que inclui janelas, botões, menus, ícones e barras de rolagem.

Widgets da área de trabalho são pequenos aplicativos que flutuam pela área de trabalho e fornecem funcionalidades específicas ao utilizador, como previsão do tempo, cotação de moedas, relógio e outras.

Conceito: Usabilidade do Widget

Usados para mostrar algum tipo de informação específica

Deixam conteúdos dinâmicosSe proliferam muito rapidamenteGrande ferramenta de marketingBaseado na idéia de reúso de código

Sobre: Widgets na web

Estamos vivendo a era dos widgets na web, pequenos pedaços de conteúdo dinâmico, que se espalham por vários sites, blogs e páginas em geral.

Um widget web é componente portátil que pode ser instalado e executado dentro de qualquer página HTML baseado em web por um utilizador final sem a necessidade adicional compilação.

Produtosdo Mercado

Como está sendo usada

Widgets são agora comuns e são utilizados pelos blogs, redes sociais, leilões e proprietários de sites pessoais.

Eles existem em sites como o iGoogle, Netvibes, ou Pageflakes.

Meios de comunicação e entretenimento: cada vez mais empresas estão usando widgets para executar campanhas de anúncios.

Marketing

Os widgets podem ser usados como ferramenta de marketing.

Exemplo é o Coke Ring, da Coca-Cola.Foi a base de um concurso promovido pela

fabricante de refrigerante junto aos blogs.Vantagem é que esse tipo de widget espalha-se

de forma viral, acaba atingindo seu público alvo de forma eficiente e tem um custo muito baixo de divulgação. Os próprios usuários se encarregam de divulgar a novidade.

e-commerce

Podem ser usados para um site ganhar dinheiro também.

Vários negócios estão surgindo no mercado de explorar widgets como ferramentas de anúncios.

Um deles é o brasileiro boo-box, que está em negociação para receber aporte financeiro de venture capital.

Anúncios gerados dinamicamente enquadram-se nesta classificação.

Páginas Personalizadas 1/2

Páginas iniciais “estão na moda”Algumas páginas possibilitam ao usuário incluir

widgets diversos de modo a convergir dinamicamente todo o conteúdo desejado

E-mail, notícias, RSS, previsão do tempo, vídeos, músicas, tudo na mesma página

Exemplos: iGoogle, PageFlakes, Netvibes

Páginas Personalizadas 2/2

Widgets vs. Gadgets

Um gadget é um tipo de Widget, mas não é um Widget completo! (Confuso?)

Ambos funcionam de maneira semelhanteA Característica que difere um Gadget de um

Widget: O Gadget é proprietário!iGoogle, vários “Widgets” que só funcionam nas

Google Pages!Yahoo Widgets: Se instalam no seu SO, ou se

adaptam ao seu blog. Você é quem escolhe!

Perguntas

O Coke Ring foi apenas um banner ou tinha funcionalidades? (Rafael Griffo Goes)

Ele era um banner simples mas que, na época da eleição dos vencedores, tinha a funcionalidade de votar

Tinha também contador de visitas

Perguntas

Até onde vocês acham que o widget pode ser uma ferramenta útil, ao ponto de não se tornar um exagero e um excesso de informação? (Gabriel Campos)

Creio que essa pergunta é muito relativa. Na minha opinião, o limite vai até o ponto em que o usuário deseja, pois é ele quem julga a existência ou não do exagero.

Os widgets sempre podem ser úteis se atendem a requisitos do usuário.

Certamente há casos de exagero, mas novamente ressalto que este julgamento é relativo.

Perguntas

Como é feito um widget? (Thiago Lopes) O jeito mais fácil é usar ferramentas

disponíveis na Web (Exemplo: Sprout Builder, Widgetbox e outras)

Outro jeito é por código, usando linguagens como PHP, Javascript, HTML e outras

http://www.digitalproductreporter.com/how-to-make-a-basic-php-widget/

Perguntas

Os widgets estao cada vez mais populares tanto na web quanto nos desktops. Como criar novidades e funcionalidades sem poluir o campo visual tão disputado do usuário?

Um jeito é criar Widgets que se misturam ao desenho da página. Quanto menos imagens que se distoam das cores do site, melhor é o Widget, sob o ponto de vista profissional. Geralmente, é o que os widgets comerciais (anúncios) procuram fazer.

Sites de referência técnica 1/2

http://www.widgipedia.com/

Sites de referência técnica 2/2

http://widgets.yahoo.com/

Referências Bibliográficas

http://www.readwriteweb.com/archives/world_wide_web_of_widgets.php

http://widgets-gadgets.com/index.htm

http://www.widgetbox.com/

http://wnews.uol.com.br/site/noticias/materia.php?id_secao=4&id_conteudo=11046

http://webtrends.about.com/od/widgets/a/widgetgadget.htm