Widgets

      GUILHERME HENRIQUE
    GUILHERME OLIVEIRA SOUZA
GUILHERME NATAN BARBOSA ALECRIM
  WENDER RODRIGO SOUZA SILVA
      JÉSSICA SENA DE SOUZA
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.
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?
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
Plataformas

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

   Desktops(PC).

   Sites,blogs, portais, midias sociais.

   Reprodutores de midia .
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.
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.
Sites de referência técnica

          widgipedia             Yahoo! widgets




http://www.widgipedia.com/   http://widgets.yahoo.com/
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
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.
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
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

Widgets

  • 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 formatosexistentes 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 formatosexistentes 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ênciatécnica widgipedia Yahoo! widgets http://www.widgipedia.com/ http://widgets.yahoo.com/
  • 9.
    Sites de referênciaté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