rodolpho
9.7 KiB
title: Seu Negócio + Rápido e Eficiente: Criação de Página no Fluig Sem Código source: https://tdn.totvs.com/pages/viewpage.action?pageId=953014428 path: \Plataforma Documentação técnica\Palestras - Universo TOTVS\Universo TOTVS 2025\Seu Negócio + Rápido e Eficiente Criação de Página no Fluig Sem Código.md
Palestrantes
Alyson
Alexandre
Rafael
Apresentação: Seu Negócio + Rápido e Eficiente: Criação de Página no Fluig Sem Código
📘 Guia Fluig – Criação de Páginas com Widgets padrões e do Kit Intranet
Este guia ensina como importar o Kit Intranet, criar páginas específicas (Indústria, Logística e Recursos Humanos) e configurar os principais widgets visuais e funcionais do Fluig.
📦 Importando o Kit Intranet
- Acesse o menu Painel de Controle > Importar/Exportar páginas> Importar página.
- Clique em Selecionar Arquivo e envie o arquivo
.zipdo Kit Intranet:
👉 [Kit Intranet](../../Configuração/Apps e Mashups/Kit Intranet.md) - Clique em Importar e aguarde a confirmação de sucesso.
🏭 Página: Indústria
Criando a Página
📄 Criando a Página
-
Vá em Painel de Controle > Minhas Páginas> Nova Página.
-
Preencha:
- Título: Indústria
- URL: industria
-
Escolha o layout desejado.
-
Clique em Salvar e Editar Conteúdo.
Adicionando Widgets
🧱 Adicionando Widgets
🎞️ Slideshow
- Arraste o widget Slideshow para a área desejada.
- Selecione imagens ou configure caminho no GED.
- Clique em Salvar.
📋 Listar Registros de Datasets
- Arraste o widget Listar Registros de Datasets.
- Clique em Editar Widget.
- Escolha o dataset relacionado à produção/estoque.
- Configure os campos a exibir, filtros e nome de exibição.
- Clique em Salvar.
- Arraste o widget Editor de Conteúdo.
- Digite textos, instruções ou notícias internas.
- Use o ícone de corrente para adicionar links.
- Clique em Salvar.
- Arraste o widget de Processos favoritos.
- Escolha os processos desejados.
- Configure filtros e ordenações.
- Clique em Salvar.
- Arraste o widget Links Úteis.
- Adicione nome e URL de sistemas, documentos etc.
- Clique em Salvar.
📋 Cardápio
- Arraste o widget Cardápio
- Configure o formulário
- Clique em Salvar.
🚛 Página: Logística
Criando a Página
📄Criando a Página
-
Vá em Painel de Controle > Páginas > Nova Página.
-
Preencha:
- Título: Logística
- URL: logistica
-
Escolha o layout.
-
Clique em Salvar e Editar Conteúdo.
Adicionando Widgets
🧱Adicionando Widgets
- Arraste o widget Endereço Web.
- Clique em Editar Widget.
- Insira a URL externa (ex: painel de rastreamento).
- Defina a altura do iframe.
- Clique em Salvar.
- Arraste o widget Mural de Avisos.
- Configure a fonte de dados (avisos recentes ou dataset).
- Defina quantidade e ordenação.
- Clique em Salvar.
📊 Gráfico de Processos e Tarefas
- Arraste o widget.
- Escolha o tipo de gráfico (pizza, barra).
- Selecione os processos e filtros desejados.
- Clique em Salvar.
- Arraste o widget.
- Configure por status, processo ou usuário.
- Defina a quantidade de itens.
- Clique em Salvar.
🎞️ Slideshow
- Arraste o widget.
- Clique em Editar Widget.
- Selecione imagens logísticas ou operacionais.
- Defina tempo de transição e clique em Salvar.
- Arraste o widget.
- Insira textos, orientações ou procedimentos.
- Use hiperlinks para documentos, formulários e portais.
- Clique em Salvar.
🧑💼Página: Recursos Humanos
Criando a Página
📄 Criando a Página
-
Acesse Painel de Controle > Páginas > Nova Página.
-
Preencha:
- Título: Recursos Humanos
- URL: recursos-humanos
-
Escolha um layout com 2 ou 3 colunas.
-
Salve e edite o conteúdo.
Adicionando Widgets
🧱 Adicionando Widgets
- Arraste o widget Aniversariantes.
- Configure dataset com datas de nascimento.
- Filtre por mês atual.
- Clique em Salvar.
[📆 Adicionar ao Calendário](../../Configuração/Apps e Mashups/Widget Adicionar ao calendário.md) *
- Arraste o widget.
- Adicione nome do evento, data, horário e descrição.
- Permite exportar para Google/Outlook.
- Clique em Salvar.
- Arraste o widget.
- Configure link de sistemas externos (benefícios, folha, etc).
- Defina altura e salve.
- Arraste o widget Listar registros de Dataset
- Escolha o dataset (colaboradores, treinamentos, férias).
- Defina os campos visíveis e filtros.
- Clique em Salvar.
- Arraste o widget.
- Configure com dataset de convênios (nome, tipo, contato).
- Salve.
🎞️ Slideshow
- Arraste o widget Slideshow
- Adicione imagens de campanhas internas.
- Defina tempo de exibição e salve.
*****Para importar a widget Adicionar ao calendário siga as instruções deste material: [Widget Adicionar ao calendário](../../Configuração/Apps e Mashups/Widget Adicionar ao calendário.md)
✅ Publicação
Após configurar cada página:
-
Clique em Publicar Página.
-
Acesse pelos seguintes caminhos:
https://<seudominio>/portal/p/industriahttps://<seudominio>/portal/p/logisticahttps://<seudominio>/portal/p/recursos-humanos
Treinamentos gratuitos para ajudar nessa jornada:
- Adapte seu layout ao novo construtor de páginas
- Trilha iniciando o desenvolvimento de Portais com o Totvs Fluig Plataforma
-
WCM - Gestão de portais
-
TOTVS Fluig Dev Start
-
Como fazer - Instalar Eclipse 2019-R9 + Fluig Studio
-
Iniciando o desenvolvimento de widgets
-
Preferências da widget, como salvar e recuperar os dados
-
Templates Mustache em widgets, aprenda a desenvolver
-
- Style Guide - Modal