Índice

Sobre Widgets

Os Widgets widgets são componentes de tela que oferecem funcionalidades específicas na página Home ou para criação de novas páginas para recursos específicos em páginas ou comunidades para o acompanhamento de Tarefas, Processos ou Documentos, entre outros. A organização de cada cada widget nas  nas páginas é personalizável via edição de página.

Widgets Padrão

O TOTVS Fluig Plataforma possui diversos Widgets widgets padrão que podem ser utilizados para a composição de uma página pelo usuário. Na tabela abaixo são apresentados alguns Widgets widgets disponíveis:

ComponentesDescrição

Image Added	Documentos Favoritos

Permite acompanhar os documentos e pastas que foram marcados como favorito pelo usuário.  

Documentos Populares  

Permite acompanhar os documentos que foram mais acessados.Gráficos de DocumentosPermite acompanhar o gráfico com índices gerais dos documentos.

Gráficos de Processos 

Permite acompanhar o gráfico com índices gerais dos processos. 

Link ExternoPermite acompanhar as informações de um link externo da web.Palavras chaves

Permite ao usuário acessar palavras chaves que dão acesso a itens de navegação do portal.

Cada palavra chave tem a característica de ser atalho de acesso. As palavras chaves são

cadastradas, por exemplo, durante a publicação de documentos. 

Pendências

Permite acompanhar solicitações pendentes, atrasadas ou que estão em andamento.

Acompanhar documentos que devem ser aprovados ou que aguardam aprovação.  

Perspectiva de

Listas

Permite visualizar determinadas listas cadastradas no Fluig. Uma lista específica é adicionada no Widget,

e na página é possível consultar e adicionar dados nesta lista.   

Processos FavoritosPermite acompanhar os processos que foram marcados como favorito pelo usuário.  SociableRepresentação no sistema de todos objetos sociáveis, não perceptível a nível de usuário.Social AlertPermite acompanhar a central de notificações e alertas.

Social All Communities

Permite ao usuário acessar a página de administração de comunidades.  Social CardPermite visualizar o cartão de apresentação do usuário ou comunidade.  Social ChatPermite utilizar o comunicador interno do Fluig.  Social CommunityPermite visualizar o objeto da comunidade não perceptível a nível de usuário.  AdministrationPermite acompanhar a central de administração do Tenant Social.Social DenouncePermite acompanhar a central de administração de denúncias.Social GalleryPermite utilizar a interface social da galeria de imagens e vídeos.Social Navigation

Permite visualizar abas disponíveis na comunidade, navegação entre conteúdo:

Imagens, Vídeos, Documentos, entre outros.

Social PosterPermite utilizar a caixa de postagem de conteúdo de um usuário ou comunidade.Social ProfilePermite utilizar a central de edição de atributos do usuário.Social RelationPermite visualizar o objeto que mapeia os relacionamentos entre usuários e comunidades.Social SearchPermite visualizar a central de pesquisa de conteúdo.Social SharePermite visualizar o objeto de compartilhamento de conteúdo, não perceptível a nível de usuário.Social TimelinePermite acompanhar a dashboard de novidades do usuário ou comunidade.Editor HTMLPermite adicionar conteúdo HTML na página

Histórico

Permite acompanhar o histórico de acesso a documentos do usuário.

Widgets Customizados

Tenha acesso fácil aos documentos mais utilizados no dia a dia.
Image Added	Documentos Populares
	Veja quais são os documentos mais acessados. Informações Este widget possui compatibilidade para visualização no Fluig mobile.
Image Added	Processos Favoritos
	Inicie novas solicitações dos processos que você mais utiliza.
Image Added	Mural de Avisos
	Exiba avisos em páginas.
Image Added	Gráficos de Tarefas
	De forma visual, veja como estão suas pendências.
Image Added	Nova publicação
	Crie publicações em comunidades.
Image Added	Timeline
	Acompanhe as publicações de uma comunidades.
Image Added	Visualizador de gráficos
	Visualize gráficos de forma fácil e rápida. Informações Clique aqui para obter informações sobre como personalizar esse widget.
Image Added	Listar registros de datasets
	Visualize registros de datasets em suas páginas ou comunidades.
Image Added	Endereço Web
	Acesse endereços web de forma fácil e rápida. Informações Para que o widget Endereço Web renderize corretamente a URL solicitada, é necessário que o servidor de destino da URL aceite requisições do tipo cross-origin, ou seja, requisições realizadas por páginas web de domínios diferentes. Caso contrário, o seguinte erro será exibido no console do navegador: "Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://<URL_USADO_NA_WIDGET>. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente)" Informações Esta widget possui compatibilidade para visualização no Fluig mobile.
Image Added	Editor de conteúdo
	Personalize páginas e comunidades com o conteúdo desejado. Informações Esta widget possui compatibilidade para visualização no Fluig mobile. Nota title Atenção! Não é recomendada a utilização de JavaScript nesta widget.
Image Added	Mini launchpad
	Tenha acesso rápido a um app do TOTVS Identity. Informações Somente apps com usuário e senha definidos no TOTVS Identity são exibidos neste widget.
Image Added	Listas
	Visualize perspectivas de listas em suas páginas ou comunidades.
Image Added	Tarefas Pendentes
	Visualize suas pendências de maneira resumida.
Image Added	Favoritos sociais
	Tenha acesso fácil a contatos e comunidades que mais utiliza no dia a dia.
Image Added	Lista de conexões sociais
	Visualize suas conexões de comunidades, seguindo e seguidores.
Image Added	Informações Sociais
	Visualize as informações de perfil ou comunidade.
Image Added	Navegação de comunidades
	Navegue nas galerias de comunidades.
Image Added	Nuvem de Tags
	Visualize as tags mais populares de uma comunidade ou de toda a plataforma.
Image Added	Acesso Centralizado
	Tenha acesso fácil à rotinas de sistemas integrados ao Fluig Plataforma.
Image Added	Analytics
	Visualize gráficos e Dashboards do Analytics de forma fácil e rápida. Informações Esta widget possui compatibilidade para visualização no Fluig mobile.
Image Added	Consulta Rápida
	Tenha acesso rápido a relatórios simplificados.
Image Added	Aplicação ERP
	Integre aplicações do ERP e exiba informações de maneira simples, em formato de página completa.
Image Added	Container ERP
	Integre aplicações do ERP e exiba informações de maneira simples e compacta.
Image Added	Lista de desejos
	Visualize os treinamentos e trilhas que adicionou em sua lista de desejos.
Image Added	Evolução de aprendizado
	Acompanhe sua evolução em Turmas, Trilhas e Treinamentos que participou.
Image Added	Conquistas de aprendizado
	Visualize todas as suas conquistas nos Treinamentos, Trilhas e Turmas que participou, incluindo a quantidade de êxitos, comparada à média geral, habilidades principais (Top 5) e pontuações.
Image Added	Detalhe de conquistas
	Confira os detalhes das conquistas de Treinamentos, Trilhas e Turmas, e também suas habilidades.
Image Added	Quadro de avisos
	Visualize o quadro de avisos das Turmas e Disciplinas no qual já está matriculado.
Image Added	Conquistas
	Visualize suas conquistas a partir dos objetivos atingidos.
Image Added	Matriz de conhecimento
	Visualize graficamente seus conhecimentos com base nas pontuações conquistadas.
Image Added	Nível e experiência
	Acompanhe seu nível atual e suas experiências alcançadas.
Image Added	Perfil de conquistas
	Exiba todas as suas conquistas e troféus de maneira personalizada.
Image Added	Ranking
	Veja o ranking dos usuários com mais pontos a partir da participação ativa na rede.
Image Added	Troféus
	Navegue entre seus troféus conquistados e exiba-os em seu perfil.
Image Added	Adicionar ao calendário
	Crie e divulgue eventos facilmente. Os interessados podem adicioná-los à sua agenda com apenas um clique. Informações Esse widget está disponível na Fluig Store. Obtenha mais informações em Calendário.

Widgets Personalizados

Os widgets personalizados são desenvolvidos pelo próprio usuário por meio de templates de Os Widgets customizados são criados pelo próprio usuário por meio de templates de código. Por intermédio deles, o usuário pode fornecer conteúdo personalizado, renderizar componentes de ERP de ERP ou mesmo de outros sistemas de terceiros.  

É possível citar como exemplo de Widget Customizadowidget personalizado, o Widget de widget Resumo de Pedidos de Venda, que busca informações no no ERP e  e apresenta um totalizador para os usuários:

Image Modified

Utilizar Widgets

A seguir visualize como utilizar Widgets widgets em uma página. Movimente-se nas abas para acompanhar o passo a passo:Para acesso ao

...

...

...

...

...

Image Removed

...

...

...

Configuração de Widgets

A configuração dos widgets é realizada por meio da edição de página, na qual os widgets existentes

Image Removed

Para adicionar um Widget na página, clique e arraste o item da lista de Widgets para um dos slots livres. 

Image Removed

O Widget é adicionado à página. 

Image Removed

Para adicionar outros Widgets na página, repita o procedimento anterior. Importante saber que é possível adicionar Widgets somente em slots vazios. 

Image Removed

O segundo Widget é adicionado à página. 

Image Removed

Depois de adicionar os Widgets, para visualizar a página, clique no ícone Engrenagem e posteriormente em Visualizar.

Image Removed

A página é apresentada. 

Image Removed

Configuração de Widgets

Alguns Widgets necessitam de configuração para o correto funcionamento. Esta configuração é feita por meio do recurso Editar presente no menu de ações do Widget. Exemplos: Widgets Editor HTML, Perspectiva de Listas e Link Externo, entre outros. Abaixo segue as configurações do Widget Link Externo para edição:

Image Removed

Outra forma de configurar Widgets é por meio da tela de edição de página, no qual todos os Widgets adicionados na página são dispostos em modo de edição.

...

Image Removed

Os Widgets que permitem configuração apresentam o ícone Engrenagem. Clique nesse ícone e posteriormente em Editar.

Image Removed

O modo de edição do Widget é aberto.

Image Removed

Para o Widget Editor HTML insira um título e um conteúdo HTML através do editor gráfico. Após finalizado clique em Salvar, representado por um Disquete, no menu do editor gráfico.

Image Removed

Para visualizar a edição realizada no Widget, clique no ícone Engrenagem e posteriormente em Visualizar.

Image Removed

Note que agora o Widget possui um novo conteúdo. Nesta página ainda existe o Widget Perspectiva de lista que também necessita ser configurado, para isso acesse o modo de edição dele.

Image Removed

O modo de edição do Widget é aberto. Note que o modo de edição de cada Widget é diferente. Clique em Selecionar.

Image Removed

A tela Selecionar Perspectiva é aberta. Selecione uma lista, em seguida selecione uma perspectiva e para finalizar clique em Selecionar.

Image Removed

A configuração do Widget é finalizada

Image Removed

Ao acessar novamente a página, o Widget Perspectiva de lista apresenta uma lista dos contatos da empresa

Image Removed

...