Lienzo de diseño en Jitterbit Integration Studio
Introducción
El tela de diseño es el área central cuando se abre un proyecto y funciona como el espacio de trabajo principal donde se diseñan visualmente las integraciones. Esta página cubre los elementos de la interfaz de usuario que están presentes en el tela de diseño, así como los conceptos clave que se deben comprender mientras se trabaja en el tela de diseño.
Para acceder al tela de diseño, primero abra un proyecto. En un proyecto abierto, el tela de diseño es el área central ubicada a la derecha del panel del proyecto y a la izquierda de la paleta de componentes de diseño, debajo de la barra de herramientas del proyecto:
Diseño de encabezado de lienzo
Estos elementos están presentes en la parte superior del tela de diseño:
-
Pestañas de Flujo de trabajo: Se accede a los Flujos de trabajo desde las pestañas ubicadas en la parte superior del tela de diseño. Se pueden crear flujos de trabajo adicionales haciendo clic en el botón Nuevo icono de flujo de trabajo. El nuevo flujo de trabajo se abre en una nueva pestaña dentro del tela de diseño. Los Flujos de trabajo se numeran secuencialmente en el orden en que se crean, como 1.0, 2.0, 3.0, etc. Si reordena los flujos de trabajo, esta secuencia numérica se ajusta en consecuencia (consulte Reordenar flujos de trabajo en Creación y diseño de Flujo de trabajo).
-
Estado de guardado: El estado de guardado automático se muestra en la parte superior izquierda del tela de diseño. Estos estados están disponibles:
- Guardado: Todos los elementos del proyecto se guardan tal como están configurados actualmente.
- Guardando: El proyecto se está guardando actualmente. Este estado se produce solo después de que se hayan realizado cambios.
-
Última despliegue: Se muestra la fecha y la hora en que se implementó por última vez cualquier parte del proyecto. Si aún no se implementó ninguna parte del proyecto, no se muestra nada aquí.
-
Prueba la nueva interfaz de usuario: Cuando está activada, aparece una versión beta de una interfaz de usuario rediseñada para el tela de diseño y la paleta de componentes de diseño se vuelve visible. Para enviar comentarios sobre el nuevo diseño, comuníquese con el Equipo de productos Jitterbit.
-
Contraer todas las operaciones o Expandir todas las operaciones: alterna la visualización de todas las operaciones dentro del flujo de trabajo actual a una vista condensada o expandida (consulte Expandir o contraer operaciones en Creación y configuración de operaciones).
-
Resaltar elementos no válidos: Alterna la visualización de elementos no válidos (consulte Validez del Flujo de trabajo, Validez de la operación, o Validez del componente, respectivamente).
-
Acciones: Haga clic en el Icono del menú de acciones para abrir el menú de acciones del tela de diseño (vea menú de acciones del lienzo de diseño más adelante en esta página).
Elementos del lienzo de diseño
La función principal del tela de diseño es contar con un espacio de trabajo donde diseñar visualmente flujos de trabajo. Cada flujo de trabajo se compone de una colección de operaciones que se utilizan como herramienta para su conveniencia a fin de ayudar a separar las diferentes partes del proyecto.
Los Flujos de trabajo se diseñan colocando y configurando operaciones en el tela de diseño. Los elementos del lienzo de diseño son los elementos que aparecen visualmente en el tela de diseño para ayudarlo a diseñar un flujo de trabajo, incluidos los siguientes:
- Zonas de caída para operaciones y para otros componentes utilizados como pasos de operación
- Operaciones y los componentes utilizados como pasos de operación dentro de ellos
- Notificaciones que están vinculadas desde operaciones
- Referencias de operaciones que están fuera del flujo de trabajo actual y vinculados desde una operación en el flujo de trabajo actual
- Líneas que conectan operaciones vinculadas, secuencias de comandos y notificaciones
A continuación se describe cada uno de esos elementos del tela de diseño. Para obtener información adicional sobre el diseño de flujos de trabajo, consulte Creación y diseño de Flujo de trabajo.
Zonas de caída
Una área de inserción es una representación visual de dónde se puede colocar una operación u otro componente en el tela de diseño. Hay dos tipos de zonas de colocación: zonas de colocación de operación y zonas de colocación de componentes:
-
Área de inserción de operaciones: Las zonas de colocación de operaciones indican dónde se puede colocar una operación. Una área de inserción de operaciones se muestra permanentemente en la parte inferior del tela de diseño después de la última operación. Para mostrar zonas de colocación de operación adicionales, pase el cursor sobre las operaciones existentes. Cuando hace clic para seleccionar una área de inserción de operaciones, se muestra con un borde azul que delinea la área de inserción y permanece seleccionada hasta que cambia el foco:
-
Área de inserción de componentes: Las zonas de colocación de componentes indican dónde se pueden colocar otros componentes que se pueden usar como pasos de operación en una operación existente. Para mostrar una área de inserción de componentes, pase el cursor hacia la izquierda o la derecha de un etapa de operación en una operación existente en el tela de diseño. Cuando hace clic para seleccionar una área de inserción de componentes, se muestra con un borde azul que delinea la área de inserción y permanece seleccionada hasta que cambia el foco:
Hay un menú de acciones disponible en cada área de inserción. Tanto las zonas de colocación de operación como las zonas de colocación de otros componentes muestran los mismos elementos de menú, como se describe en menú de acciones de la zona de colocación más adelante en esta página.
Operaciones
Las operaciones se representan visualmente en el tela de diseño mediante un área rectangular dinámica con un fondo gris.
Una operación consta de estos elementos:
Leyenda
①Nombre de la operación
②Barra de acción de operación
③Pasos de la operación
④Estado de ejecución
⑤Estado de despliegue
Nombre de la operación
La sección superior izquierda de una operación consta del nombre de la operación proporcionado por el usuario. Cuando crea una nueva operación, su nombre predeterminado es Nueva operación. Las operaciones nuevas posteriores con nombres predeterminados se agregan con un número incrementado entre paréntesis. Los nombres de las operaciones deben ser únicos y no deben contener barras diagonales (/) o dos puntos (:) Para cambiar el nombre de una operación, consulte Cambio de nombre de flujos de trabajo, operaciones y pasos de operación más adelante en esta página.
Barra de acción de operación
La barra de acción de la operación aparece en la parte superior derecha de una operación al pasar el cursor sobre operación y consta de este conjunto de íconos:
| Icono | Descripción |
|---|---|
Contrae la operación en una vista más pequeña y condensada (consulte Expandir o contraer operaciones en Creación y configuración de operaciones). Este icono se muestra solo cuando la operación está expandida. | |
Expande la operación en la vista estándar (vea Expandir o contraer operaciones en Creación y configuración de operaciones). Este icono se muestra solo cuando la operación está contraída. | |
Implementa la operación y sus dependencias (vea Despliegue en Despliegue y ejecución de operaciones). | |
| Implementa y ejecuta la operación y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de la operación). | |
| Ejecuta una operación ya implementada y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de operaciones). | |
Abre la configuración de la operación en la pestaña Opciones, donde puede configurar la opción Habilitar registro de depuración hasta (consulte Opciones de operación).
| |
| Coloca una copia del componente en el portapapeles y elimina el componente original del proyecto (vea Reutilización de componentes). | |
| Coloca una copia del componente en su portapapeles (vea Reutilización de componentes). | |
| Abre el menú de acciones de la operación, que se describe más adelante en esta página. |
Pasos de la operación
Cada operación que ya se ha configurado con pasos de operación incluye una representación visual de esos pasos. Cada paso está representado por un rectángulo que muestra un icono que representa el componente, debajo del cual se encuentra el nombre del componente:
-
Barra de acciones: Cada etapa de operación tiene una barra de acciones a la que se puede acceder al pasar el cursor sobre el etapa de operación. Cada elemento del menú se describe en Barra de acciones del componente más adelante en esta página.
-
Icono de complemento: Las actividades que se han configurado con un complemento que se ejecuta al ejecutar la operación muestran un Icono de complemento en la parte superior derecha del etapa de operación. Para obtener más información, consulte Complementos agregados a una actividad.
-
Icono de escucha: Las actividades de escucha se muestran con un icono que indica el estado de la escucha. Para obtener más información, consulte Servicio de escucha página.
-
Una página azul El icono de escucha indica que la escucha está habilitada para esta actividad.
-
Un icono gris El icono de oyente indica que la escucha no está habilitada para esta actividad.
-
-
Eventos habilitados/eventos deshabilitados: Después de desplegar una operación que contiene una actividad de escucha, aparece un botón de alternancia. El botón de alternancia se puede utilizar para habilitar o deshabilitar la escucha de eventos para esa operación. Para obtener más información, consulte Servicio de escucha página.
Estado de ejecución
En determinadas circunstancias, la sección inferior de una operación tiene el estado de tiempo de ejecución de la operación y la opción de cancelar la operación:
-
Estado de la operación: Después de que una operación se haya enviado con éxito a la cola de operación, el estado de la operación en tiempo real se informa en la parte inferior de la operación. Para obtener más detalles, consulte Estado de la operación en Despliegue y ejecución de operaciones.
-
Cancelar: Visible solo cuando el estado de la operación es Enviada, Recibida, Pendiente o En ejecución. Haga clic para enviar una solicitud al agente para cancelar la operación. Al hacer clic en Cancelar se envía una solicitud al agente para detener la operación y se muestra un estado Cancelación solicitada junto al estado de la operación en tiempo real:
Nota
Las operaciones que tienen un estado Cancelación solicitada aún pueden ejecutarse.
Estado de despliegue
El estado de desplegar de cada operación se muestra en la sección inferior de cada operación:
- Sin desplegar: Indica que la operación tiene cambios sin desplegar (vea Despliegue en Despliegue y ejecución de operaciones).
- Implementado: Indica que la versión actual de la operación está implementada.
Seleccionar operaciones y pasos de operación
Para seleccionar una operación, haga clic en el fondo de la operación. La operación seleccionada se muestra con un borde azul que la delimita. En este ejemplo, se ha seleccionado toda la operación Obtener pedidos aprobados de NetSuite:
Para seleccionar un etapa de operación, haga clic en la representación visual del paso. El etapa de operación seleccionado se muestra con un borde azul que delimita el componente. En este ejemplo, se selecciona la transformación Map NS Sales Orders:
Notificaciones
Una representación visual de una notificación aparece automáticamente en el tela de diseño cuando enlace una notificación correo mediante la acción de operación Enviar notificación Correo. Más abajo, en Líneas, se proporciona información adicional sobre la visualización de enlaces.
La notificación correo se muestra con un fondo gris. Dentro del área de fondo, la notificación correo está representada por un rectángulo que muestra un icono, debajo del cual se encuentra el nombre de la notificación por correo electrónico. Para seleccionar una notificación correo, haga clic en la representación visual de la misma. La notificación correo seleccionada se muestra con un borde azul que delimita el componente:
Para conocer las acciones del menú disponibles en una notificación correo, consulte menú de acciones del componente más adelante en esta página.
Referencias de operaciones
Las operaciones que existen fuera del flujo de trabajo actual pueden referenciarse desde una operación del flujo de trabajo actual. Cuando se vincula una operación de este tipo, aparece automáticamente una representación visual de la operación externa en el tela de diseño del flujo de trabajo actual. A continuación, en [Líneas](#designcanvas-lines, se proporciona información adicional sobre la visualización de vínculos.
La referencia de operación contiene íconos de formas que sirven como representación general de los pasos de la operación.
Una operación que existe en el proyecto actual, pero no existe en otro flujo de trabajo, se muestra con un Icono de operación con solo el nombre de la operación:
Una operación que existe en otro flujo de trabajo se muestra con un icono de flujo de trabajo y el nombre del flujo de trabajo, seguido de un Icono de operación y nombre de la operación. Haga clic en la referencia de la operación para abrir el flujo de trabajo en el que existe la operación:
Líneas
Las líneas que conectan operaciones vinculadas, secuencias de comandos y notificaciones aparecen automáticamente en el tela de diseño. Las operaciones vinculadas se pueden configurar mediante acciones de operación o utilizando el RunOperation función.
Condición de éxito
Se muestra una línea verde para una condición En caso de éxito y aparece a la izquierda de las operaciones o correos vinculados:
En condición de falla
Se muestra una línea roja para una condición En caso de error y aparece a la derecha de las operaciones o correos vinculados:
En condición de falla de SOAP
Se muestra una línea naranja para una condición En caso de error de SOAP y aparece a la derecha de las operaciones o correos vinculados:
RunOperation función
Se muestra una línea gris para una operación llamada desde un secuencia de comandos utilizando el RunOperation Función y comienza el etapa de operación utilizando la función. Aparece una línea gris a la izquierda de las operaciones o correos vinculados:
Un Se muestra un círculo abierto en una operación contraída para indicar visualmente que el secuencia de comandos que llama a la operación vinculada se origina en un componente contraído:
Menús de acciones
Los menús de acciones a los que se puede acceder desde el tela de diseño incluyen aquellos para el tela de diseño, los componentes y las zonas de colocación.
Menú de acciones del lienzo de diseño
Haga clic en el Icono del menú de acciones en la parte superior derecha del tela de diseño para abrir un menú con estas acciones:
| Elemento del menú | Descripción |
|---|---|
 | Deshacer revierte tu última acción (vea Deshacer y rehacer en Integration Studio permisos, colaboración y guardado). |
 | Rehacer revierte tu última acción Deshacer (vea Deshacer y rehacer en Integration Studio permisos, colaboración y guardado). |
| Desplegar muestra estas acciones de menú:
|
 | Migrar abre la pantalla de migración del proyecto, donde puedes elegir el ambiente de destino (vea Migración del proyecto). |
 | Historial del proyecto abre un panel en el lado derecho del diseñador de proyectos donde puede ver eventos del historial del proyecto, etiquetar eventos y restaurar proyectos (consulte Historial del proyecto). |
Acciones de componentes
Para abrir el menú de acciones de una operación, realice una de estas acciones:
- Haga clic derecho en cualquier lugar de la barra de acción de la operación.
- Haga clic en el icono del menú de acciones en la parte superior derecha de una operación.
Coloque el cursor sobre un etapa de operación (actividades, transformaciones o secuencias de comandos) y reciba notificaciones correo para ver su barra de acciones.
Algunas acciones están disponibles solo en ciertos tipos de componentes, como se detalla en las subsecciones siguientes:
- Operaciones: El menú de acciones para operaciones (que se muestra en la imagen de la izquierda) tiene elementos únicos como Configuración, Duplicar, Ejecutar, Ver registros, Cambiar nombre, Ver dependencias, Agregar al grupo y Eliminar, y submenús únicos para Desplegar. También incluye acciones comunes como Cortar, Copiar y Eliminar.
- Actividades, herramientas y notificaciones correo: El menú de acciones de estos componentes (que se muestra en la imagen de la derecha) comparte las mismas acciones, incluidas Ver/Editar, Cortar, Copiar, Cambiar nombre y Eliminar.
Menú de acciones de operación
Barra de actividades y acciones de herramientas
Operaciones
Estos elementos están disponibles en el menú de acciones de una operación:
| Elemento del menú | Descripción |
|---|---|
 | Configuración abre la configuración de la operación, que contiene tres pestañas:
|
 | Publicar como API abre un cuadro de diálogo para configurar y publicar un API Manager API personalizada que se utilizará para exponer la operación para el consumo (vea Publicar como API). La cantidad de APIs a las que está asignada la operación se muestra junto a este elemento del menú. Esta acción solo es visible cuando la operación no tiene cambios no implementados. |
| Duplicado muestra estas acciones del menú (vea Reutilización de operaciones):
|
| Desplegar muestra estas acciones del menú:
|
 | Ejecutar ejecuta una operación ya implementada y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de operaciones). |
 | Ver registros abre la pantalla de registro de operación, que incluye registros de esta operación y de cualquier operación secundaria que se haya implementado y ejecutado (consulte Registros de operaciones). |
 | Cambiar nombre posiciona el cursor en el nombre de la operación para que usted pueda realizar las modificaciones necesarias. |
 | Ver dependencias cambia la vista en el panel del proyecto para mostrar cualquier otra parte del proyecto de la que dependa la operación específica (consulte Dependencias de la operación, eliminación y remoción). |
 | Agregar al grupo abre un cuadro de diálogo para crear un nuevo grupo personalizado o para agregar el componente a un grupo existente (consulte Grupos de componentes). |
 | Eliminar elimina permanentemente el componente (vea Dependencias de la operación, eliminación y remoción). |
 | Eliminar elimina la operación del tela de diseño. Cualquier otra referencia a la operación, como dentro de secuencias de comandos, transformaciones o ajustes de configuración, no se ve afectada (consulte Dependencias de la operación, eliminación y remoción). |
Actividades, herramientas y notificaciones correo
La barra de acciones para actividades, herramientas y notificaciones correo comparten las mismas acciones:
| Icono | Descripción |
|---|---|
| Editar abre la pantalla de configuración del componente. Para obtener más detalles sobre la configuración, consulte el componente correspondiente en Conectores, Secuencias de comandos, o Transformaciones. | |
| Cortar coloca una copia del componente en el portapapeles y elimina el componente original del proyecto (vea Reutilización de componentes). | |
| Copiar coloca una copia del componente en su portapapeles (vea Reutilización de componentes). | |
| Cambiar nombre posiciona el cursor en el nombre de la actividad o herramienta para que usted pueda realizar las modificaciones necesarias. | |
| Eliminar elimina el componente como un etapa de operación de la operación. Cualquier otra referencia al componente, como dentro de secuencias de comandos, transformaciones o ajustes de configuración, no se ve afectada (consulte Dependencias, eliminación y remoción de componentes). |
Menú de acciones de la zona de colocación
Las zonas de colocación de operaciones siempre están visibles en el tela de diseño. Para mostrar la área de inserción de un componente que se puede usar como etapa de operación, pase el cursor hacia la izquierda o hacia la derecha de un etapa de operación en una operación existente en el tela de diseño.
Haga clic en una área de inserción para abrir su menú de acciones. Tanto las zonas de colocación de operación como las zonas de colocación de otros componentes muestran los mismos elementos de menú:
Menú de acciones de la Área de inserción de operaciones
Menú de acciones de la Área de inserción de componentes
| Elemento del menú | Descripción |
|---|---|
 | Nuevo Secuencia de comandos crea un nuevo secuencia de comandos como paso en una operación nueva o existente (vea Tipos de Secuencia de comandos y creación). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación. |
 | Nueva Transformación crea una nueva transformación como un paso en una operación nueva o existente (vea Creación y configuración de Transformación). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación. |
 | Pegar crea un duplicado de una actividad, secuencia de comandos, operación o notificación correo que se encuentra en el portapapeles como un nuevo componente al que hace referencia una operación nueva o existente (consulte Reutilización de componentes). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación. El nombre predeterminado del nuevo componente utiliza el nombre del componente original al que se le añade - Copiar. Los duplicados posteriores se añaden con un número incrementado entre paréntesis. |
Cambiar el flujos de trabajo, operaciones y pasos de operación
Para cambiar el nombre de un flujo de trabajo desde el tela de diseño, haga doble clic en el nombre en la pestaña de flujo de trabajo en la parte superior del tela de diseño:
Las operaciones, actividades y herramientas se pueden renombrar desde sus pantallas de configuración individuales o mediante la acción Cambiar nombre desde sus respectivos menús de acciones.
Operaciones de reordenamiento
Las operaciones en el mismo flujo de trabajo se pueden reordenar arrastrándolas y soltándolas en el tela de diseño.
Haga clic y mantenga presionado en cualquier parte de una operación para seleccionarla y arrastrarla por encima o por debajo de otras operaciones dentro del flujo de trabajo:
Esta acción tiene un efecto en cascada al renumerar las operaciones que se encuentran por encima o por debajo de ella en el árbol del proyecto.
Consejo
Mientras arrastra una operación por el tela de diseño, puede utilizar la tecla Escape (ESC) de su teclado para cancelar el movimiento.