Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Deck of Cards
idnoticias
Card
labelImagem 1

Card
labelImagem 2

 


Projeto 02: Widget de Aniversariantes (integra-se com formulário ou serviço soap do RM):

...

Vamos desenvolver um widget que mostre notícias cadastradas no fluig. Não deixe de conferir o projeto completo. 

Informações

Veja o exemplo em nosso repositório aqui.


Criar projeto fluig

Em primeiro lugar, devemos ter disponível um projeto fluig onde desenvolveremos nosso widget utilizando o fluig Studio. Para isso podemos seguir os passos para criação de um projeto fluig.

...

Em seguida, criaremos um widget. Para isso podemos seguir os passos para criação de um widget. 


Desenvolvendo o widget

Agora que temos a estrutura básica, podemos começar a desenvolver o código personalizado e inserir as propriedades que desejamos para esse widget.

Para isso, podemos começar com o arquivo de configurações application.info. É nele que ficam registradas informações como título, descrição, arquivos de visualização, componentes a serem utilizados etc.

 


Arquivo application.info

Abaixo o arquivo application.info detalhado:

...

Informações
titleNota

Para saber mais, acesse a documentação Arquivo application.info.

...


Uso do conceito Super widget

...

As preferências do widget são recuperadas automaticamente. Basta salvar as preferências com os nomes das variáveis do widget, como no tópico Como salvar as preferências do widget. 


Integrando o widget com dados

...

Para fazer a integração com serviços SOAP, acesse este guia. 


Exportar widget no servidor fluig

Para exportar o widget para o servidor fluig, basta seguir o guia Realizando o deploy do componente.

 


Evitar conflito de dependências com o fluig

Para saber como evitar conflito de dependência entre widgets desenvolvidos sobre a plataforma e o fluig, acesse este guia. 


Zoom / Filter de Dataset

Para implementar o zoom de datasets em seu widget, pode-se usar como referência a forma indicada pelo fluig Style Guide para fazer o filter/zoom de um serviço externo. Porém, é necessário atentar-se para alguns detalhes específicos do desenvolvimento de datasets.

...

Nota
titleAtenção

Desde que obedecidos os demais itens do tutorial sobre filterdo fluig Style Guide, basta copiar e colar o código acima diretamente em seu widget para observar o seu funcionamento.

 

...