[PT] Spaceflow: Novo editor de fluxos

  1. 1. No menu lateral esquerdo do ENSPACE, clique em estrutura

    No menu lateral esquerdo do ENSPACE, clique em estrutura
  2. 2. Em seguida, clique em Spaceflow

    Em seguida, clique em Spaceflow
  3. 3. Na tela que se abrirá, clique em Criar

    Na tela que se abrirá, clique em Criar
  4. 4. Ao iniciar a criação de um novo Spaceflow, o primeiro passo é definir suas configurações fundamentais

    Ao iniciar a criação de um novo Spaceflow, o primeiro passo é definir suas configurações fundamentais
  5. 5. O nó de Início aparece no canvas por padrão em todos os novos Spaceflows criados. Ele serve como o ponto de partida obrigatório do seu fluxo

    O nó de Início aparece no canvas por padrão em todos os novos Spaceflows criados. Ele serve como o ponto de partida obrigatório do seu fluxo
  6. 6. Após o preenchimento das configurações, o nó de início será atualizado para exibir o texto descritivo do seu gatilho

    Após o preenchimento das configurações, o nó de início será atualizado para exibir o texto descritivo do seu gatilho
  7. 7. Para começar a conectar nós ao seu fluxo, você pode clicar no botão flutuante "Adicionar Nó"

    Para começar a conectar nós ao seu fluxo, você pode clicar no botão flutuante "Adicionar Nó"
  8. 8. No painel lateral que se abrirá, você verá todos os nós agrupados em seções

    No painel lateral que se abrirá, você verá todos os nós agrupados em seções
  9. 9. Você pode pesquisar pelo nome do nó que deseja

    Você pode pesquisar pelo nome do nó que deseja
  10. 10. Ou buscar o nó nos agrupamentos, expandindo a seção desejada

    Ou buscar o nó nos agrupamentos, expandindo a seção desejada
  11. 11. Como atalho para a adição de nós, você pode selecionar o semicírculo amarelo localizado à direita de um nó, qualquer seja ele, e arrastar sua conexão para um espaço vazio no canvas

    Como atalho para a adição de nós, você pode selecionar o semicírculo amarelo localizado à direita de um nó, qualquer seja ele, e arrastar sua conexão para um espaço vazio no canvas
  12. 12. O sistema exibirá um pequeno menu com todos os nós disponíveis para adição

    O sistema exibirá um pequeno menu com todos os nós disponíveis para adição
  13. 13. Selecione o nó desejado

    Selecione o nó desejado
  14. 14. O novo nó será criado automaticamente e já conectado ao nó anterior por meio de uma aresta

    O novo nó será criado automaticamente e já conectado ao nó anterior por meio de uma aresta
  15. 15. Para configurar a Aresta criada, posicione o mouse sobre ela e clique no botão que será exibido

    Para configurar a Aresta criada, posicione o mouse sobre ela e clique no botão que será exibido
  16. 16. Ao clicar, um menu de personalização será aberto, neste modelo

    Ao clicar, um menu de personalização será aberto, neste modelo
  17. 17. Escolha o formato da linha que melhor se adapta ao layout do seu fluxo

    Escolha o formato da linha que melhor se adapta ao layout do seu fluxo
  18. 18. Defina a cor e a espessura da linha para destacar caminhos específicos

    Defina a cor e a espessura da linha para destacar caminhos específicos
  19. 19. Se desejar, selecione a opção de linha tracejada ou ative a animação para indicar o sentido do fluxo de dados

    Se desejar, selecione a opção de linha tracejada ou ative a animação para indicar o sentido do fluxo de dados
  20. 20. Adicione um título à aresta se quiser facilitar a compreensão da lógica e das conexões entre os nós

    Adicione um título à aresta se quiser facilitar a compreensão da lógica e das conexões entre os nós
  21. 21. Caso deseje descartar as alterações realizadas e retornar à configuração original, clique no botão Redefinir

    Caso deseje descartar as alterações realizadas e retornar à configuração original, clique no botão Redefinir
  22. 22. Com seu fluxo pronto, para facilitar sua navegação no canvas, no canto inferior esquerdo do editor está disponível uma barra de ferramentas

    Com seu fluxo pronto, para facilitar sua navegação no canvas, no canto inferior esquerdo do editor está disponível uma barra de ferramentas
  23. 23. O primeiro botão é responsável por aproximar o canvas

    O primeiro botão é responsável por aproximar o canvas
  24. 24. O segundo botão tem a função de distanciar o canvas

    O segundo botão tem a função de distanciar o canvas
  25. 25. O terceiro botão do menu possui a função Ajustar Visão.

    O terceiro botão do menu possui a função Ajustar Visão.
  26. 26. Ao ser acionado, ele centraliza e enquadra todo o fluxo automaticamente, garantindo que todos os nós e conexões fiquem visíveis de uma só vez, independentemente da extensão do fluxo.

    Ao ser acionado, ele centraliza e enquadra todo o fluxo automaticamente, garantindo que todos os nós e conexões fiquem visíveis de uma só vez, independentemente da extensão do fluxo.
  27. 27. O quarto botão do menu é o Auto-Layout Vertical

    O quarto botão do menu é o Auto-Layout Vertical
  28. 28. Ele organiza automaticamente o seu fluxo como um diagrama, reordenando os nós para que sejam exibidos em uma estrutura vertical

    Ele organiza automaticamente o seu fluxo como um diagrama, reordenando os nós para que sejam exibidos em uma estrutura vertical
  29. 29. O quarto botão do menu é o Auto-Layout Horizontal

    O quarto botão do menu é o Auto-Layout Horizontal
  30. 30. Ele organiza automaticamente seu fluxo como um diagrama, reordenando os nós para que sejam exibidos em uma estrutura horizontal

    Ele organiza automaticamente seu fluxo como um diagrama, reordenando os nós para que sejam exibidos em uma estrutura horizontal
  31. 31. O último botão é o Minimapa

    O último botão é o Minimapa
  32. 32. O recurso de Minimapa oferece uma visão panorâmica de todo o fluxo em uma janela reduzida. Ele é especialmente útil para facilitar a navegação em fluxos extensos, permitindo que você se localize e se desloque rapidamente entre grandes grupos de nós

    O recurso de Minimapa oferece uma visão panorâmica de todo o fluxo em uma janela reduzida. Ele é especialmente útil para facilitar a navegação em fluxos extensos, permitindo que você se localize e se desloque rapidamente entre grandes grupos de nós