Crear un formulario web de proceso empresarial de Oracle Integration

Puede utilizar el editor de formularios web de proceso de Oracle Integration Enterprise para crear formularios para las tareas manuales e iniciar eventos de formulario sin tener que utilizar reglas de script. En los formularios web, puede configurar eventos en controles que puedan activar condiciones, acciones o llamadas de conector REST cuando se activen.

Creación de una aplicación simple

Los formularios web permiten a las personas interactuar con un proceso de negocio. Por ejemplo, un formulario puede iniciar una aplicación o utilizarse en una tarea humana. Puede crear una aplicación simple para utilizarla en un formulario de aprobación de proceso.

1. Vaya a la página inicial, haga clic en Creador de procesos, haga clic en Crear y, a continuación, haga clic en Nueva aplicación.
2. En el cuadro de diálogo Crear aplicación, introduzca el nombre que desea asignar a la aplicación de proceso y, a continuación, haga clic en Crear.
3. En la página Crear proceso, seleccione Iniciar con un formulario.
4. En la ventana Crear proceso, introduzca el nombre que desea asignar al proceso y haga clic en Crear.
5. Agregue una tarea Aprobar Human al proceso y asígnele un nombre, como Aprobar.

Crear un Formulario Web

Puede crear un formulario para gestionar flujos de proceso. El formulario también aparece para los usuarios responsables de aprobar o rechazar la solicitud.

1. En el proceso, abra las propiedades del formulario de inicio. Haga clic en el icono Start y, a continuación, en el menú de acciones. (Observe cómo atenúa el comando Open Form, porque aún no hay ningún formulario asociado al elemento de flujo). Seleccione Abrir Propiedades.
2. En el campo Título, introduzca el nombre que desea proporcionar al formulario.
3. Haga clic en Crear nuevo formulario en el campo Formulario y seleccione Nuevo formulario web.
4. En el cuadro de diálogo Crear nuevo formulario web, introduzca el nombre que ha asignado al formulario en el campo Nombre y, a continuación, haga clic en Crear.

   En el panel Propiedades, observe cómo el campo Formulario identifica el nuevo formulario.

5. Haga clic en el icono Editar formulario.

   El editor de formularios web se abre en un nuevo separador cuyo título es el introducido para el formulario.

   El editor contiene un lienzo central en el que se construye el formulario arrastrando y soltando controles de las paletas en el lienzo. El panel Propiedades permite seleccionar la configuración. El panel Datos muestra los atributos de datos para los controles del formulario.

Agregar y configurar controles

Puede agregar controles desde la paleta básica y la paleta avanzada a un formulario de aprobación de proceso.

1. Agregue y configure campos de nombre en el lienzo del formulario en una fila. Por ejemplo, para agregar el nombre y apellido de la información del usuario, arrastre un control de texto de entrada desde la paleta básica al lienzo. Arrastre otro control de texto de entrada junto al primer control.

   Al arrastrar, un cuadro con un esquema de puntos muestra dónde puede colocar el control, como junto a, entre o debajo de otro control. Cuando se suelta, los controles se ajustan en una cuadrícula invisible para crear espacio. (Puede colocar hasta 12 controles en una fila en el formulario).

   Para reposicionar un control, arrastre su mango con un punto y suéltelo en una nueva ubicación. Los controles a su alrededor se ajustan en consecuencia. A medida que edite, haga clic en Deshacer y en Rehacer según sea necesario.

2. Seleccione el primer control de texto. Observe cómo los separadores Properties son General y Styling. La configuración del separador se aplica al control seleccionado.
3. En el separador General, cambie el campo Nombre a FirstName y el campo Etiqueta a Nombre.
   El campo Nombre se aplica al propio control y el campo Etiqueta determina su nombre mostrado.
4. Repita los pasos 2 y 3 para cambiar el nombre del segundo control a LastName y su etiqueta a Last Name (Apellido). Con este método puede agregar todos los campos que necesite en el formulario.
5. Cambie entre las propiedades de control y formulario haciendo clic en un área en blanco del lienzo de formulario.

   Tenga en cuenta que los separadores Propiedades cambian a Formulario y Presentación, y ahora se aplican a todo el formulario en lugar del control seleccionado. Haga clic en un control y los separadores cambian a General y Estilo, y se aplican al control.

   Observe también que el panel Data muestra los atributos de datos con los mismos nombres que los controles (pero con diferentes mayúsculas). Estos atributos se crearon automáticamente al agregar cada control. Esto ocurre cuando se selecciona el campo Enlace automático en el separador Formulario. Estos atributos contienen los datos de carga útil (de trabajo) del formulario mientras se ejecuta el proceso.

6. Haga clic en Guardar para guardar el formulario.

Agregar una vista alternativa para aprobadores

Puede agregar una vista alternativa del formulario que se mostrará a los aprobadores de los procesos.

1. En el panel Propiedades, haga clic en el separador Presentación. (Si en su lugar ve los separadores General y Estilo, seleccione primero un área en blanco del lienzo para mostrar el separador Presentación).
2. En el campo Nombre, sustituya Principal (el nombre predeterminado) por el nombre que desea asignar al formulario, por ejemplo: Vendedores. Esta es la presentación por defecto que ya se ha creado.
   Una presentación es una vista única de un formulario. Un formulario puede contener varias presentaciones.
3. Haga clic en el separador Formulario. Observe que la tabla Presentations ahora muestra nuestra presentación como Empleados. La estrella indica que es la presentación predeterminada.
4. En la tabla Presentaciones, haga clic en Agregar para agregar una presentación. En el cuadro de diálogo Crear presentación, introduzca Aprobadores en el campo Nombre, seleccione Empleados en el campo Basado en y haga clic en Crear.
5. Utilice el campo Presentación en la parte superior del lienzo para cambiar entre las dos presentaciones.
6. Si desea que los campos de nombre de la presentación Aprobadores sean de solo lectura.
   1. Seleccione la presentación Aprobadores.
   2. Seleccione el campo Nombre. En el separador General, desplácese hacia abajo y seleccione Solo lectura. El campo se deja en blanco para indicar que su valor no se puede cambiar.
   3. Cambie el campo Last Name (Apellido) a solo lectura.

Cambiar la hoja de estilo del formulario

Para aplicar la marca de su organización, puede cargar y aplicar una hoja de estilo. Solo puede asignar una hoja de estilo a un formulario.

1. Haga clic en un área en blanco del formulario y, a continuación, haga clic en el separador Formulario del panel Propiedades.
2. Desplácese hacia abajo si es necesario y haga clic en Editar en el campo Hoja de estilos. Se abre la página Hojas de estilos.
3. Para cargar una hoja de estilo, haga clic en Cargar y seleccione un archivo de hoja de estilo (.css o .txt). En el área Hojas de estilos, haga clic en una hoja de estilo para aplicarla.
4. En el área Vista previa, haga clic en CSS para ver el formato de una hoja de estilo o en Formulario para obtener una vista previa.
5. Haga clic en la X para cerrar el explorador CSS y volver al formulario.

Vista previa del formulario

Los formularios que cree se adaptan automáticamente al tamaño de la pantalla, tanto si los usuarios finales los muestran en dispositivos móviles, tabletas o pantallas grandes.

1. En el editor de formularios web, haga clic en Vista previa.
2. En la ventana Vista previa, seleccione distintos tamaños de dispositivo para ver el formulario.
3. Introduzca valores de ejemplo en los controles del formulario y haga clic en Enviar.
   El campo de la parte inferior de la ventana muestra cómo las entradas de formulario (también denominadas valores de carga útil) se almacenan como atributos de datos y se utilizan en el proceso.
4. Haga clic en Close para cerrar la ventana Preview. Haga clic en Guardar.

Uso de formularios y presentaciones en un proceso

Puede configurar formularios de aprobación en diferentes procesos o tareas.

1. Haga clic en el separador Página inicial de la aplicación y, a continuación, en Formularios. Observe que el formulario aparece aquí.
   El panel Formularios muestra todos los formularios que se han creado para la aplicación, independientemente de si se utilizan. Tenga en cuenta que puede crear y utilizar formularios de tipo web y básico en una aplicación.
2. Haga clic en uno de los separadores de procesos.
3. Seleccione la tarea humana que ha creado para los aprobadores del proceso y haga clic en su menú de acción. Observe que el comando Open Form está atenuado porque aún no hay ningún formulario asociado a él. Seleccione Abrir Propiedades. El panel se expande para mostrar sus propiedades.
4. En el campo Formulario, seleccione el formulario de proceso estándar.
5. En el campo Presentación, seleccione la presentación Aprobadores que se mostrará para esta tarea.