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

Widgets

Embed Size (px)

Citation preview

Page 1: Widgets

Widgets

GUILHERME HENRIQUE GUILHERME OLIVEIRA SOUZA

GUILHERME NATAN BARBOSA ALECRIM WENDER RODRIGO SOUZA SILVA

JÉSSICA SENA DE SOUZA

Page 2: Widgets

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.

Page 3: Widgets

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?

Page 4: Widgets

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

Page 5: Widgets

Plataformas

Celulares e dispositivos movéis (celulares, tablets...).

Desktops(PC).

Sites,blogs, portais, midias sociais.

Reprodutores de midia .

Page 6: Widgets

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.

Padrões e formatos existentes

Page 7: Widgets

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.

Padrões e formatos existentes

Page 8: Widgets

Sites de referência técnica

http://www.widgipedia.com/

widgipedia Yahoo! widgets

http://widgets.yahoo.com/

Page 9: Widgets

Além de dados técnicos o Yahoo! Widgets oferece ferramentas para o desenvolvimetno de Widgets a linguagem XML.

Sapo Widgets

http://widgets.sapo.pt/index.php/catalogo/index

Sites de referência técnica

Page 10: Widgets

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.

Page 11: Widgets

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

Page 12: Widgets

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áficashttp://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