Mapaflow
Documentação
Usar o editor
Documentação
Editor de diagramas

Utilizar o editor

O editor do Mapaflow é um canvas interactivo onde podes construir diagramas de processos arrastando e ligando nós. Este guia mostra-te todas as suas funcionalidades.

Partes do editor

Painel de nós (esquerda)

Contém todos os tipos de nós disponíveis. Arrasta qualquer um para o canvas para o adicionar ao diagrama.

Canvas (centro)

O espaço de trabalho principal. Aqui colocas nós, ligás-los com arestas e organizas o fluxo do processo.

Painel de propriedades (direita)

Ao seleccionar um nó ou aresta, aparecem as suas propriedades editáveis: etiqueta, descrição, hiperligações e estilo.

Barra superior (toolbar)

Acesso rápido a: guardar, desfazer/refazer, histórico de versões, exportar e voltar ao painel.

Operações básicas

Adicionar um nó
  • 1Localiza o tipo de nó no painel esquerdo.
  • 2Arrasta o nó para a posição pretendida no canvas.
  • 3Larga o botão do rato para o colocar.
Ligar dois nós
  • 1Passa o cursor sobre o nó de origem até aparecerem os pontos de ligação azuis.
  • 2Clica e arrasta de um ponto de ligação até ao nó de destino.
  • 3Larga quando o nó de destino ficar realçado.
Editar um nó
  • 1Clica no nó para o seleccionar.
  • 2O painel de propriedades (direita) mostrará os seus atributos.
  • 3Edita a etiqueta, a descrição ou adiciona hiperligações. As alterações reflectem-se em tempo real.
Mover nós
  • 1Clica e arrasta o nó para a nova posição.
  • 2Para mover vários ao mesmo tempo, selecciona-os com Ctrl + clique e depois arrasta qualquer um deles.
Eliminar elementos
  • 1Selecciona o nó ou aresta que queres eliminar.
  • 2Prime a tecla Delete ou Backspace.
  • 3Também podes usar o menu de contexto (clique direito) → "Eliminar".
Desfazer / Refazer
  • 1Usa Ctrl + Z para desfazer a última alteração.
  • 2Usa Ctrl + Y ou Ctrl + Shift + Z para refazer.
  • 3Os botões de desfazer/refazer também estão na barra superior.
Zoom e navegação
  • 1Roda do rato ou gesto de pinça no trackpad para fazer zoom.
  • 2Clica e arrasta no fundo do canvas para te deslocar.
  • 3Duplo clique no fundo para ajustar a vista a todos os nós.

Menu de contexto

Clica com o botão direito sobre qualquer nó ou aresta para aceder ao menu de contexto. A partir daí podes:

Editar propriedades
Duplicar elemento
Eliminar
Copiar estilo
Ver hiperligações
Seleccionar ligados

Hiperligações em nós

Cada nó pode ter uma ou várias hiperligações associadas. Isto permite ligar directamente a recursos externos como documentos no Google Drive, páginas do teu ERP, manuais ou qualquer URL.

  1. 1Selecciona o nó ao qual queres adicionar uma ligação.
  2. 2No painel de propriedades, procura o campo "Hiperligações".
  3. 3Clica em "Adicionar ligação" e introduz o URL e uma etiqueta descritiva.
  4. 4Guarda o diagrama. O nó mostrará um indicador visual de que tem ligações.
  5. 5Os leitores (função VISUALIZADOR) podem clicar no nó para abrir as ligações.

Edição em massa

Quando tens vários nós do mesmo tipo e queres alterar o estilo ou as propriedades de forma simultânea, usa o painel de edição em massa:

Selecção múltipla

Mantém Ctrl enquanto clicas em vários nós, ou desenha um rectângulo de selecção arrastando no fundo do canvas.

Painel de edição em massa

Com vários nós seleccionados, o painel de propriedades mostrará opções comuns: alterar cor, etiqueta ou tipo.

Aplicar alterações

As alterações são aplicadas a todos os nós seleccionados simultaneamente.

Histórico de versões

De cada vez que guardas o diagrama é criada uma nova versão. Podes ver o histórico completo e restaurar qualquer versão anterior.

  1. 1Clica no ícone de histórico na barra superior do editor.
  2. 2O painel de versões abrirá com a lista cronológica de alterações.
  3. 3Clica em qualquer versão para pré-visualizar o seu estado.
  4. 4Se quiseres restaurar essa versão, clica em "Restaurar". Será criada uma nova versão com o estado anterior.

Acesso por função

FunçãoVerEditarGuardarExportarHistórico
ADMIN
CREADOR
VISUALIZADOR