Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Ajuste nos links do kit intranet

...

Índice
maxLevel4
outlinetrue
exclude.*ndice
stylenone

 


Objetivo do Componente

...

O Kit Intranet oferece widgets, técnicas e código de referência para desenvolvedores na plataforma fluig nas tarefas mais comuns, como:

  • Desenvolvimento de Widgets utilizando a SuperWidget;
  • Utilização do fluig Style Guide;
  • Salvar e recuperar preferências de Widgets;
  • Controle de instâncias de Widgets;
  • Exibir dados de Documentos do ECM;
  • Consultar e exibir dados de formulários;
  • Obter dados a partir de um ERP;
  • Receber e enviar dados utilizando REST

Image Modified

 

Nota
titleImportante

O Kit Intranet deixou de ser oferecido pela fluig Fluig Store e agora pode ser obtido diretamente através do diretório Git do fluigFluig. Faça o download do pacote neste link para a atualização Fluig 1.8.1.

Já para as atualizações inferiores e até a 1.8.0 faça o download neste link. E confira mais informações sobre a instalação na seção de Instalação/Atualização abaixo.

 

...


Widgets

...

Informações

Veja o exemplo em nosso repositório aqui.

Widget Aniversariantes

Não deixe passar em branco o aniversário de ninguém: veja os aniversariantes do mês, com destaque para os aniversariantes do dia.

Atualmente podemos listar os aniversariantes utilizando duas formas de consulta, uma é através da criação de registros de formulários diretamente no fluig e a outra é pela integração com o ERP RM.

 


Registro de Aniversariantes diretamente no fluig

Deck of Cards
id1
 
Card
id1
labelPasso 1


  • Adicione a widget de aniversariantes na página de sua preferência.

 


Card
id2
labelPasso 2


 

  • Clique em "Link do formulário" para acessar os registros de aniversariantes.

Image RemovedImage Added

 

 
Card
id3
labelPasso 3


  • Clique em "Novo registro e depois em Registro de formulário" para inserir um novo registro.

Image RemovedImage Added

 


 
Card
id4
labelPasso 4


  • Preencha o formulário com as informações do aniversariante.

 


Dica

Aqui temos um exemplo (dataset-cardservice-create) que lê a tabela de funcionários do ERP e cria registros de formulário no formulário de aniversariantes do Kit Intranet. 


Integração com o RM

...

...

idPasso 1

...

id1
labelPasso 1

 

Na widget de aniversariantes, selecione RM e preencha as informações de acesso ao serviço de consulta do ERP.

Image Modified

 
Nota
title

 

...

Atenção!

A widget precisa ser configurada com o usuário mestre do RM ou outro usuário com as mesmas permissões.


Widget Organograma Corporativo

...

Informações

Este widget irá acessar os serviços do TOTVS RM, veja como configurar.

 


Widget Notícias

Aposente murais de notícias e comunicados por e-mail: publique notícias e faça comunicados para toda sua empresa de forma moderna, de forma online.

...

Deck of Cards
idProcedimentos
 
Card
id1
labelPasso 1


  • Edite a página qual a widget de Notícias foi adicionada, e conforme mostra a imagem abaixo clique no link do formulário.

Image Removed

 Image Added


 
Card
id2
labelPasso 2


  • Clique no link "Novo registro em Novo e depois em Registro de formulário" para inserir uma nova notícia.

Image Removed

 Image Added


Card
id3
labelPasso 3


 

  • Preencha o formulário com o conteúdo da notícia.

Image Modified

 


  

Informações
titleObservação

As imagens contidas nas widgets não possuem um tamanho padrão fixo pois elas são responsivas, ou seja, se adaptam ao tamanho do monitor em que a widget está sendo visualizada.

Quando as notícias são pré-visualizadas na lista da widget, a imagem de cada notícia é redimensionada para ser exibida em uma prévia. Sua largura em miniatura possui 120 px.

Image Added


Ao clicar em uma determinada notícia, a mesma é aberta em uma nova tela, neste caso a imagem é redimensionada de maneira responsiva de acordo com o tamanho do monitor.

Image Added 


Widget Convênios

Facilite a consulta e visualização do catálogo de convênios que os funcionários de sua empresa tem acesso, evitando que convênios desatualizados continuem sendo divulgados. 


Widget Slideshow

Adicione um slideshow de imagens em suas páginas ou comunidades, possibilitando exibir imagens a partir de uma pasta publicada no ECM ou então de uma conta do Instagram.

Nota
titleFique atento!

A resolução ideal é para as imagens no widget Slideshow é de 1024 x 576 pixels. Porém, dependendo da resolução do monitor, a resolução da imagem pode mudar. Caso precise de um tamanho maior, basta redimensioná-la mantendo a mesma proporção.

Opções da widget Slideshow:

Para ter acesso as opções da widget a pagina deve estar em modo de edição. Uma vez em edição  a widget de slideshow apresenta as opções:

  • Integração via instagramInstagram: Integre a widget com o instagram, informando a conta e código de acesso como mostra a imagem.

 

Image Removed

 

...

  • Instagram para exibir imagens deste serviço no Slideshow.

Image Added

  • Gerar Novo Token de Acesso: Exibido apenas quando a integração com o Instagram está ativada. Redireciona o usuário para o portal do desenvolvedor do Instagram, onde o procedimento de geração de token deve ser realizado.
Informações

Acesse a documentação Configurar Instagram no widget Slideshow para obter informações sobre como realizar a integração.

  • Integração via pasta do sistemas: Neste caso o usuário deverá informa a pasta no sistema que contem as imagens a serem exibidas, esta opção também possibilita mostrar a legenda das imagens através da opção "Mostrar título nas imagens" conforme figura.   

Image Removed

  •  

...


Image Added

...

titleObservação

...

  • Estender ImagensEm ambas opções de integração da widget, existe a opção de "Estender as imagens". Habilitando este item as imagens irão ocupar toda a área da widget.

...

  • Dependendo da resolução da imagem, esta opção pode deixar a imagem distorcida. A altura máxima suportada é de 400px, a largura irá depender da tela do monitor do usuário.

...

  • Redimensionar: Enquadra imagens com tamanho maior que o disponível no Slideshow para evitar que sejam exibidas apenas parcialmente no widget.


Widget Cardápio

Divulgue qual serão as opções disponíveis para umas das melhores horas do dia: comer! Para cada opção, inclua o nome, descrição e, se quiser, adicione uma foto.

...

Deck of Cards
id1
Card
id1
labelPasso 1


 

  • Edite a página qual a widget de Cardápio foi adicionada, e conforme mostra a imagem abaixo clique no link do formulário.

 

 


Card
id2
labelPasso 2


 

  • Clique no link "Novo registro em Novo e depois em Registro de formulário" para inserir um novo item no cardápio.

Image RemovedImage Added

 


 
Card
id3
labelPasso 3


  • Preencha as informações do formulário com o conteúdo do cardápio.

Image Modified

 

 

Widget Previsão do Tempo

Acompanhe a previsão do tempo atualizada para os próximos dias.

 

Instalação/Atualização



Instalação e atualização do Kit Intranet

...

Siga os passos descritos abaixo para instalar e configurar propriamente o componente.

 

Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
defaulttrue
id1
labelDownload


Download

  • Faça o download do Kit Intranet gratuitamente através deste link.
 


Card
id2
labelInstalação/Atualização


Instalação/Atualização

  • Faça login no fluig como usuário administrador
  • Clique em Painel de ControleWCM agrupador Personalização Importar e Exportar Páginas
  • Importe o artefato "kit-intranet.zip" obtido na etapa anterior
  • Verifique se a página "Intranet" foi criada na barra de menu lateral.
 


Card
id3
labelExemplos para desenvolvedores


  • Verifique aqui como desenvolver seus próprios widgets a partir dos exemplos dessa página.
 

 



Conexão aos serviços RM

Algumas widgets podem obter dados a partir de serviços SOAP de uma instancia do ERP RM versão 11.40 ou superior.

Para conhecer e saber como utilizar estes serviços, utilize a Documentação de Integração. 


Suporte a aplicativos Mobile

...

Deck of Cards
idHabilitar Widget Mobile
Card
id1
labelEditar Página


 

Com usuário administrador acessa a opção Editar página.

Image Modified 


 
Card
id2
labelSelecionar as widgets


Na parte superior direita da widget que deseja habilitar a visualização em aplicativos móveis, clique no ícone ao lado do cadeado.

 

Image Modified

 

 


 
Card
id3
labelPublicar a página


Publique as alterações e acesse a página a partir do aplicativo móvel.

 

 



Webservices RM

Os widgets Aniversariantes e Organograma fazem acesso a serviços do ERP RM utilizando o protocolo SOAP, conforme os detalhes abaixo:

 


Widget Aniversariantes

Mount Point: /wsDataServer/IwsDataServer

DataServerName: RhuPessoaData

CampoDescrição
birthDayDia do nascimento
birthMonthMês do nascimento
fullNameNome completo

...

Dica

Aqui temos um exemplo que lê a tabela de funcionários do ERP e cria registros de formulário no formulário de aniversariantes do Kit Intranet 


Widget Organograma
Âncora
organogramaRM
organogramaRM

...

Mount Point: /wsDataServer/IwsDataServer

DataServerName: FopSubordinadosData

CampoDescrição
userCodeCódigo do usuário no RM
emailEmail do usuário
nameNome do usuário

...


Desenvolvimento sobre a plataforma

...

Para modificar o comportamento das dos widgets do kit-intranet Kit Intranet de modo que se adequem melhor a sua situação, pode-se tomar como base o guia para criar um widget que busque conteúdo.