Usar el editor
El editor de Mapaflow es un canvas interactivo donde puedes construir diagramas de procesos arrastrando y conectando nodos. Esta guía te muestra todas sus funcionalidades.
Partes del editor
Panel de nodos (izquierda)
Contiene todos los tipos de nodos disponibles. Arrastra cualquiera al canvas para añadirlo al diagrama.
Canvas (centro)
El espacio de trabajo principal. Aquí colocas nodos, los conectas con aristas y organizas el flujo del proceso.
Panel de propiedades (derecha)
Al seleccionar un nodo o arista, aparecen sus propiedades editables: etiqueta, descripción, hipervínculos y estilo.
Barra superior (toolbar)
Acceso rápido a: guardar, deshacer/rehacer, historial de versiones, exportar y volver al panel.
Operaciones básicas
Añadir un nodo
- 1Localiza el tipo de nodo en el panel izquierdo.
- 2Arrastra el nodo hasta la posición deseada en el canvas.
- 3Suelta el botón del ratón para colocarlo.
Conectar dos nodos
- 1Pasa el cursor sobre el nodo de origen hasta que aparezcan los puntos de conexión azules.
- 2Haz clic y arrastra desde un punto de conexión hasta el nodo destino.
- 3Suelta cuando el nodo destino quede resaltado.
Editar un nodo
- 1Haz clic en el nodo para seleccionarlo.
- 2El panel de propiedades (derecha) mostrará sus atributos.
- 3Edita la etiqueta, la descripción o añade hipervínculos. Los cambios se reflejan en tiempo real.
Mover nodos
- 1Haz clic y arrastra el nodo a la nueva posición.
- 2Para mover varios a la vez, selecciónalos con Ctrl + clic y luego arrastra cualquiera de ellos.
Eliminar elementos
- 1Selecciona el nodo o arista que quieres eliminar.
- 2Pulsa la tecla Supr o Backspace.
- 3También puedes usar el menú contextual (clic derecho) → "Eliminar".
Deshacer / Rehacer
- 1Usa Ctrl + Z para deshacer el último cambio.
- 2Usa Ctrl + Y o Ctrl + Shift + Z para rehacer.
- 3Los botones de deshacer/rehacer también están en la barra superior.
Zoom y navegación
- 1Rueda del ratón o pellizco en trackpad para hacer zoom.
- 2Clic y arrastra en el fondo del canvas para desplazarte.
- 3Doble clic en el fondo para ajustar la vista a todos los nodos.
Menú contextual
Haz clic derecho sobre cualquier nodo o arista para acceder al menú contextual. Desde ahí puedes:
Hipervínculos en nodos
Cada nodo puede tener uno o varios hipervínculos asociados. Esto permite enlazar directamente a recursos externos como documentos en Google Drive, páginas de tu ERP, manuales o cualquier URL.
- 1Selecciona el nodo al que quieres añadir un enlace.
- 2En el panel de propiedades, busca el campo "Hipervínculos".
- 3Haz clic en "Añadir enlace" e introduce la URL y una etiqueta descriptiva.
- 4Guarda el diagrama. El nodo mostrará un indicador visual de que tiene enlaces.
- 5Los lectores (VISUALIZADOR) pueden hacer clic en el nodo para abrir los enlaces.
Edición en masa
Cuando tienes varios nodos del mismo tipo y quieres cambiar su estilo o propiedades de forma simultánea, usa el panel de edición en masa:
Selección múltiple
Mantén Ctrl mientras haces clic en varios nodos, o dibuja un rectángulo de selección arrastrando en el fondo del canvas.
Panel de edición en masa
Con varios nodos seleccionados, el panel de propiedades mostrará opciones comunes: cambiar color, etiqueta o tipo.
Aplicar cambios
Los cambios se aplican a todos los nodos seleccionados simultáneamente.
Historial de versiones
Cada vez que guardas el diagrama se crea una versión nueva. Puedes ver el historial completo y restaurar cualquier versión anterior.
- 1Haz clic en el icono de historial en la barra superior del editor.
- 2Se abrirá el panel de versiones con la lista cronológica de cambios.
- 3Haz clic en cualquier versión para previsualizar su estado.
- 4Si quieres restaurar esa versión, haz clic en "Restaurar". Se creará una nueva versión con el estado anterior.
Acceso según rol
| Rol | Ver | Editar | Guardar | Exportar | Historial |
|---|---|---|---|---|---|
| ADMIN | ✓ | ✓ | ✓ | ✓ | ✓ |
| CREADOR | ✓ | ✓ | ✓ | ✓ | ✓ |
| VISUALIZADOR | ✓ | — | — | ✓ | — |