O documento descreve o que são widgets: pequenos aplicativos gráficos que fornecem funcionalidades ao usuário. Detalha tipos de widgets, como os de interface gráfica e web, e ferramentas para desenvolvimento como Dojo e WebSphere Portlet Factory. Apresenta também exemplos de widgets populares e sites de referência sobre o tema.

1. Widgets
GUILHERME HENRIQUE
GUILHERME OLIVEIRA SOUZA
GUILHERME NATAN BARBOSA ALECRIM
WENDER RODRIGO SOUZA SILVA
JÉSSICA SENA DE SOUZA

2. O que é
 Widget :
 É um componente de uma interface gráfica do usuário (*GUI), o que inclui janelas, botões,
menus, ícones, barras de rolagem . Pequenos aplicativos que flutuam pela área de trabalho
e fornecem funcionalidades específicas ao utilizador (previsão do tempo, cotação de
moedas, relógio, ...) são exemplos práticos de Widget
 Alguns Widgets tem por objetivo receber dados do usuário e com isso gerar algum tipo de
registro.
 Afirma-se que o termo widget é uma derivação da junção de duas palavras inglesas,
"window" e "gadget", porém isto é improvável. Não se tem certeza de quando a expressão
foi utilizada pela primeira vez.

3. Conceitos básicos
 GUI : Abreviadamente, o acrônimo GUI, do inglês Graphical User
Interface é um tipo de interface do utilizador que permite a interação
com dispositivos digitais através de elementos gráficos como ícones e
outros indicadores visuais, em contraste a interface de linha de
comando. Foi criada pela Xerox mas somente se tornou um produto com
a Apple.
 Elementos que compõe uma interface gráfica do usuário :
Botões , Janelas, Lista de seleção.
 Existem diferenças entre widgets e gadgets?

4. Produtos de mercado
• Amplo investimento das empresas no setor.
• Grande mercado consumidor.
• Impulsionam campanhas de marketing.
• Aplicativos gratuitos ou pagos.
Exemplos de Widgets presentes no mercado
• Acesso à Mídias socias
• Acesso a E-mails
• Jogos
• Calendários e Agendas
• Aplicativos para download de musicas e vídeos
• Editores de Imagem

5. Plataformas
 Celulares e dispositivos movéis (celulares,
tablets...).
 Desktops(PC).
 Sites,blogs, portais, midias sociais.
 Reprodutores de midia .

6. Padrões e formatos existentes
WEB WIDGETS
 Os web widgets, que usam linguagem
javascript ou flash para funcionar
direto do navegador.
 Funcionam para colocar conteúdo de
um site em outro.
 Podem ser usados para montar um
minisite em um pequeno espaço de
outra página qualquer, que podem
carregar desde um catálogo de vendas
até algum tipo de serviço informativo
com notícias em tempo real.
 Se diferenciando dos banners e links
comuns porque fornecem informação
sem precisar redirecionar o usuário a
outra página.

7. Padrões e formatos existentes
DESKTOP WIDGETS
 Diferem dos web widgets por
exigirem a instalação de um
aplicativo no computador do
usuário.
 Ex: Google Earth e Feeds RSS que
lançam do desktop
 Costuma ter uma interface mais
compacta para não atrapalhar o
usuário durante o trabalho.
 Ocupam pouco espaço no HD e
exigem pouco processamento da
máquina.

8. Sites de referência técnica
widgipedia Yahoo! widgets
http://www.widgipedia.com/ http://widgets.yahoo.com/

9. Sites de referência técnica
 Além de dados técnicos o Sapo Widgets
Yahoo! Widgets oferece
ferramentas para o
desenvolvimetno de
Widgets a linguagem
XML.
http://widgets.sapo.pt/index.php/catalogo/index

10. Ambiente de Desenvolvimento
Dojo
 O Dojo é um kit de ferramentas de software livre baseado em JavaScript para desenvolver
aplicativos da Web de HTML dinâmicos. Permite construir rapidamente widgets que podem ser
mais complexos do que widgets de HTML padrão. Usar os componentes que Dojo fornece torna
suas interfaces com o usuário da Web mais usáveis, responsivas e funcionais. Camadas de nível
inferior de API e compatibilidade fornecidas pelo Dojo ajudam a gravar aplicativos compatíveis
com diversos navegadores.
 Ao navegar nos Web sites, é possível ver centenas de widgets passando por sua tela. Cada botão
de seu navegador da Web é um widget. Cada caixa de entrada de texto é um widget. O HTML
padrão fornece um conjunto limitado de widgets: uma caixa de entrada, um botão e um
hyperlink.
 Os widgets do Dojo pegam um item como uma caixa de entrada de texto e incluem funções para
um objeto mais fácil e simples, como um calendário gráfico para escolher uma data. Fazem isso
sem interromper o item original no qual a nova função é construída.

11. Ambiente de Desenvolvimento
WebSphere Portlet Factory Designer
 É uma ferramenta integrada a ambientes de desenvolvimento Eclipse e que permite
desenvolver aplicativos para a Web na plataforma Java 2 , J2EE (Enterprise Edition) e
widgets cuja publicação será feita no IBM Lotus Mashups.
 Como um plugin para os IDEs baseados em Eclipse, o Portlet Factory Designer permite a
criação de projetos com construtores e perfis diferenciados, empregados no
desenvolvimento de modelos e conteúdo para os aplicativos web.
 O ponto alto do programa é o aumento na produtividade e redução dos custos da criação
de aplicativos web, além da facilidade de programação, que permite que qualquer
desenvolvedor consiga criar projetos complexos sem maiores dificuldades

12. Recursos para Widgets
 MediaMaster – Armazene a sua música e aceda-a a partir de qual sítio
 WhoLinked – Mostre os sites que se ligam ao seu blog/site
 Feevy – Mostre conteúdos de outros blogs no seu site/blog
 Pladeo – Widget de chat
 MiniMobs – Website messenger estilo telemóvel
 SlideFlickr – Slideshows com fotos do Flickr
 Moonk! – Slideshows, videoshows e playlists
 Whooiz – Widget de comunidade tipo MyBlogLog
 Newzpile – Monitoriza as últimas da web com actualizações de 15 em 15 minutos
 Planet MiniBox – Shoutbox muito completa
 Spinlets – Inclua conteúdos Flickr, YouTube, FARK, Facebook, Google Maps, eBay, Digg e Twitter no
seu blog
 SpringWidgets – Colecção de Widgets
 Widgetbox – Enorme galeria de widgets. Um pouco de tudo!
Referências Bibliográficas
http://pt.wikipedia.org/wiki/Widget
(Definições e Classificação de widgets)
http://www.midiadigital.com.br/blog/imprensa/widgets-voce-sabe-o-que-e-isso/ (Conceitos básicos,
padrões e formatos)
http://www.widgipedia.com/ (Informações técnicas)
Outras fontes indicadas na própria apresentação