12
Widgets Aplicação de Software Social GRUPO I André Pontes Flávio Gonçalves Paulo http://assgrupoi.blogsp .com/

Widget

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Widget

Widgets

Aplicação de Software SocialGRUPO I

André PontesFlávio Gonçalves

Paulohttp://assgrupoi.blogspot.com/

Page 2: Widget

Widgets - O que são?

• Módulos? 

• Blocos?

• Snippets? 

• Plug-ins?

• Gadgets?

Page 3: Widget

Widgets - Conceitos básicos

Widgets...

...geralmente estão associados à web (mas nem sempre)

...podem ser feitos em qualquer linguagem (Java, .NET, PHP e outras, incluindo HTML)

...são agregados às páginas voluntariamente pelos usuários

...podem ser reunidos para criar mashups 

Page 4: Widget

Widgets - Produtos do mercado

Page 5: Widget

Utilização de Widgets na Web

• Blogs

• Páginas pessoais

• Marketing

• e-commerce    

Page 6: Widget

Utilização de Widgets na Web

• Tecnologias: DHTML (xHTML + Javascript), Flash • Recuperação de dados baseada em API fornecida pelo

"repositório"   

Page 7: Widget

Windows Sidebar

Arquivo Manifest:• Nome do gadget• Ícone• Descrição• Versão• Permissões de execução

Arquivo HTML Núcleo• HTML Inicial do gadget.• Chamadas Javascript, flash, etc.• EX:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> </head> <body> <div id="gadgetContent"> </div> </body> </html>

Page 8: Widget

• Transforma Widget WEB já existente.

• Alvo: Windows Sidebar, OS X Dashboard

• Gratuito

Ferramenta AmnestyWidgets

Page 9: Widget

Ferramentas Widget para Web

• Escolhe-se o Tipo:o Últimas postagens em algum

blog.o Twittes de alguém o Últimos vídeos de algum canal

do Youtube o Slideshowo Enqueteo Contagem regressiva para

determinada data• Geram automaticamente códig

o mini-HTML do widget

Page 10: Widget

Ferramenta WidgetBox 

• Necessário registro no site• Gratuíto• Disponibiliza analytics

Page 11: Widget

Resumo das ferramentas

Page 12: Widget

Referências

1. http://amnestywidgets.com2. http://code.google.com/apis/gadgets/3. http://en.widgadget.com/node/add/widget4. http://techbits.com.br/2007/o-mundo-dos-widgets-na-web/5. http://webtrends.about.com/od/widgets/a/what_is_widget.htm6. http://webtrends.about.com/od/widgets/a/widgetgadget.htm7. http://webtrends.about.com/od/widgets/p/desktop_vs_web.htm8. http://www.kickapps.com/widgets9. http://www.merriam-webster.com/dictionary/widget 10.http://www.merriam-webster.com/dictionary/gadget11.http://www.masternewmedia.com.br/2010/03/04/como_criar_um_widget_guia_com_os.htm12.http://www.produle.com/13.http://www.spinletslab.com/14.http://www.tech-faq.com/widgets.html15.http://www.widgetbox.com/16.http://www.widgetslab.com/2007/06/25/what-are-widgets/17.http://www-10.lotus.com/ldd/mashupswiki.nsf/dx/glossary