Widget

483 views
437 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
483
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Widget

  1. 1. Widgets Aplicação de Software Social GRUPO I André Pontes Flávio Gonçalves Paulo http://assgrupoi.blogspot.com/
  2. 2. Widgets - O que são? <ul><ul><li>Módulos?  </li></ul></ul><ul><ul><li>Blocos? </li></ul></ul><ul><ul><li>Snippets?  </li></ul></ul><ul><ul><li>Plug-ins? </li></ul></ul><ul><ul><li>Gadgets? </li></ul></ul>
  3. 3. Widgets - Conceitos básicos <ul><li>Widgets... </li></ul><ul><li>...geralmente estão associados à web (mas nem sempre) </li></ul><ul><li>...podem ser feitos em qualquer linguagem (Java, .NET, PHP e outras, incluindo HTML) </li></ul><ul><li>...são agregados às páginas voluntariamente pelos usuários </li></ul><ul><li>...podem ser reunidos para criar mashups </li></ul><ul><li>  </li></ul>
  4. 4. Widgets - Produtos do mercado
  5. 5. Utilização de Widgets na Web <ul><ul><li>Blogs </li></ul></ul><ul><ul><li>Páginas pessoais </li></ul></ul><ul><ul><li>Marketing </li></ul></ul><ul><ul><li>e-commerce  </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul>
  6. 6. Utilização de Widgets na Web <ul><ul><li>Tecnologias: DHTML (xHTML + Javascript), Flash </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Recuperação de dados baseada em API fornecida pelo &quot;repositório&quot; </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul>
  7. 7. Windows Sidebar <ul><li>Arquivo Manifest: </li></ul><ul><ul><li>Nome do gadget </li></ul></ul><ul><ul><li>Ícone </li></ul></ul><ul><ul><li>Descrição </li></ul></ul><ul><ul><li>Versão </li></ul></ul><ul><ul><li>Permissões de execução </li></ul></ul><ul><li>Arquivo HTML Núcleo </li></ul><ul><ul><li>HTML Inicial do gadget. </li></ul></ul><ul><ul><li>Chamadas Javascript, flash, etc. </li></ul></ul><ul><ul><li>EX: </li></ul></ul><ul><li><html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=Unicode&quot; /> </head> <body> <div id=&quot;gadgetContent&quot;> </div> </body> </html> </li></ul>
  8. 8. <ul><ul><li>Transforma Widget WEB já existente. </li></ul></ul><ul><ul><li>Alvo: Windows Sidebar, OS X Dashboard </li></ul></ul><ul><ul><li>Gratuito </li></ul></ul>Ferramenta AmnestyWidgets
  9. 9. Ferramentas Widget para Web <ul><ul><li>Escolhe-se o Tipo: </li></ul></ul><ul><ul><ul><li>Últimas postagens em algum blog. </li></ul></ul></ul><ul><ul><ul><li>Twittes de alguém  </li></ul></ul></ul><ul><ul><ul><li>Últimos vídeos de algum canal do Youtube  </li></ul></ul></ul><ul><ul><ul><li>Slideshow </li></ul></ul></ul><ul><ul><ul><li>Enquete </li></ul></ul></ul><ul><ul><ul><li>Contagem regressiva para determinada data </li></ul></ul></ul><ul><ul><li>Geram automaticamente código mini-HTML do widget </li></ul></ul>
  10. 10. Ferramenta WidgetBox  <ul><ul><li>Necessário registro no site </li></ul></ul><ul><ul><li>Gratuíto </li></ul></ul><ul><ul><li>Disponibiliza analytics </li></ul></ul>
  11. 11. Resumo das ferramentas
  12. 12. Referências <ul><ul><ul><li>http://amnestywidgets.com </li></ul></ul></ul><ul><ul><ul><li>http://code.google.com/apis/gadgets/ </li></ul></ul></ul><ul><ul><ul><li>http://en.widgadget.com/node/add/widget </li></ul></ul></ul><ul><ul><ul><li>http://techbits.com.br/2007/o-mundo-dos-widgets-na-web/ </li></ul></ul></ul><ul><ul><ul><li>http://webtrends.about.com/od/widgets/a/what_is_widget.htm </li></ul></ul></ul><ul><ul><ul><li>http://webtrends.about.com/od/widgets/a/widgetgadget.htm </li></ul></ul></ul><ul><ul><ul><li>http://webtrends.about.com/od/widgets/p/desktop_vs_web.htm </li></ul></ul></ul><ul><ul><ul><li>http://www.kickapps.com/widgets </li></ul></ul></ul><ul><ul><ul><li>http://www.merriam-webster.com/dictionary/widget </li></ul></ul></ul><ul><ul><ul><li>http://www.merriam-webster.com/dictionary/gadget </li></ul></ul></ul><ul><ul><ul><li>http://www.masternewmedia.com.br/2010/03/04/como_criar_um_widget_guia_com_os.htm </li></ul></ul></ul><ul><ul><ul><li>http://www.produle.com/ </li></ul></ul></ul><ul><ul><ul><li>http://www.spinletslab.com/ </li></ul></ul></ul><ul><ul><ul><li>http://www.tech-faq.com/widgets.html </li></ul></ul></ul><ul><ul><ul><li>http://www.widgetbox.com/ </li></ul></ul></ul><ul><ul><ul><li>http://www.widgetslab.com/2007/06/25/what-are-widgets/ </li></ul></ul></ul><ul><ul><ul><li>http://www-10.lotus.com/ldd/mashupswiki.nsf/dx/glossary   </li></ul></ul></ul>

×