widget
DESCRIPTION
TRANSCRIPT
![Page 1: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/1.jpg)
Widgets
Aplicação de Software SocialGRUPO I
André PontesFlávio Gonçalves
Paulohttp://assgrupoi.blogspot.com/
![Page 2: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/2.jpg)
Widgets - O que são?
• Módulos?
• Blocos?
• Snippets?
• Plug-ins?
• Gadgets?
![Page 3: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/4.jpg)
Widgets - Produtos do mercado
![Page 5: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/5.jpg)
Utilização de Widgets na Web
• Blogs
• Páginas pessoais
• Marketing
• e-commerce
![Page 6: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/8.jpg)
• Transforma Widget WEB já existente.
• Alvo: Windows Sidebar, OS X Dashboard
• Gratuito
Ferramenta AmnestyWidgets
![Page 9: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/10.jpg)
Ferramenta WidgetBox
• Necessário registro no site• Gratuíto• Disponibiliza analytics
![Page 11: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/11.jpg)
Resumo das ferramentas
![Page 12: Widget](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54b8097f4a79598d0a8b463f/html5/thumbnails/12.jpg)
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