6.2 Taller Automatizacion de Procesos Con COBUSBPM

Taller de automatización de
procesos con COBUS BPM
© 2018 COBUS CIA LTDA

INTRODUCCIÓN
por COBUS CIA LTDA
En el siguiente taller se realizará un ejemplo de la automatización de un proceso de compras de

artículos de oficina, consistirá en un laboratorio paso a paso que abarcará diseño de formularios y
de procesos con sus distintos actores, responsabilidades, tiempos, integración de aplicaciones,
envío de mails, impresiones, etc.
Luego de este taller el usuario estará en capacidad de automatizar los procesos de su empresa que
no impliquen interacción con formularios externos, es decir cuando todos los formularios son
diseñados en la herramienta BPM.
Taller de automatización de procesos con
COBUS BPM
Todos los derechos reservados. Ninguna parte de esta obra puede ser reproducida de alguna
forma o medio, sea este gráfico, electrónico o mecánico, incluyendo fotocopia, grabación, o
mediante sistemas de almacenamiento y recuperación - sin el permiso escrito del editor.
Los productos que se mencionan en este documento son marcas comerciales registradas
por sus respectivos propietarios. El editor y el autor no pretenden estas marcas.
Si bien todas las precauciones se han tomado al elaborar este documento, el editor y el autor
no asumen responsabilidad alguna por errores u omisiones, ni por daños resultantes del uso
de la información contenida en este documento o del uso de los programas y código fuente
que puede acompañarlo. En ningún caso, el editor y el autor serán responsables de ninguna
pérdida de beneficios o cualquier otro daño comercial causado o presuntamente causado
directa o indirectamente por este documento.
Impreso: enero 2018 en (Cuenca, Ecuador)

4 Taller de automatización de procesos con COBUS BPM
Tabla de Contenidos
Módulo I DISEÑO DE FORMULARIO Y PROCESO 7

1 Descripción
...................................................................................................................................
del proceso 8
2 Ingreso
...................................................................................................................................
a la herramienta de creación de formularios 9
3 Creación
...................................................................................................................................
del formulario 10
4 Ingreso
...................................................................................................................................
al diseñador de procesos 30
5 Diseño
...................................................................................................................................
del proceso 31
Módulo II EJECUCIÓN DE TRÁMITE 55

1 Asignación
...................................................................................................................................
de permiso para inicializar un nuevo trámite 56
2 Creación
...................................................................................................................................
del trámite 58
3 Seguimiento
...................................................................................................................................
de trámite 64
4 Trámites
...................................................................................................................................
pendientes 67
5 Continuación
...................................................................................................................................
en la ejecución del trámite 68
Módulo III MODIFICACION DEL FORMULARIO Y DEL

PROCESO 78
1 Modificación
...................................................................................................................................
del formulario 79
2 Modificación
...................................................................................................................................
del proceso 83
Cambios formulario
.......................................................................................................................................................... 85
Impresión
.......................................................................................................................................................... 88
Mail .......................................................................................................................................................... 90
Subproceso
.......................................................................................................................................................... 94
Web services
.......................................................................................................................................................... 108
Código
.......................................................................................................................................................... 119
Módulo IV REVISIÓN DE MODIFICACIONES DEL

FORMULARIO Y DEL PROCESO 127
1 Revisión
...................................................................................................................................
de cambios formulario e impresión 128
2 Revisión
...................................................................................................................................
de cambios formulario y mail 130
3 Revisión
...................................................................................................................................
de subproceso 132
4 Revisión
...................................................................................................................................
de webservice 136
5 Revisión
...................................................................................................................................
de código 142
Módulo V MONITOR DE PROCESOS 147
Módulo VI INCORPORACIÓN DE CÓDIGO JAVA 151

1 Creación
...................................................................................................................................
del jar con java 152
2 Modificación
...................................................................................................................................
del proceso para aplicación del jar de java 158

Contenidos 5
Módulo VII ANEXOS 162

1 Parametrización
...................................................................................................................................
de cuentas de correo 163
2 Uso ...................................................................................................................................
de funciones, assemblies o webservices 164
5
DISEÑO DE FORMULARIO Y
PROCESO
Módulo I
DISEÑO DE FORMULARIO Y PROCESO 7

1.1 Descripción del proceso

El proceso empieza cuando un empleado de la organización realiza una solicitud de compra de
artículos de oficina, una vez que se registra la misma, el supervisor o jefe aprueba o rechaza
verificando los artículos que se solicitan. Si se rechaza el proceso termina, en el caso en el que se
aprueba irá al departamento de compras que se encargará de solicitar las cotizaciones respectivas, la
persona encargada de compras recibirá la cotización, entregará y pedirá al jefe de compras la
aprobación, una vez realizado este paso se procederá a recibir los productos adquiridos y
posteriormente a la recepción de la factura respectiva.
Pasos para llevar a cabo las actividades de compra:
1. Registrar solicitud de compra (8 horas).

2. Aprobar o rechazar solicitud de compra. En caso de no aprobarse la solicitud, puede ser
rechazada o puede solicitarse cambios en la solicitud (24 horas).
3. Solicitar Cotizaciones (8 horas).
4. Recibir Cotizaciones (8 horas).
5. Aprobar Cotizaciones (16 horas).
6. Recibir Productos (16 horas).
7. Procesar Factura (8 horas).

1.2 Ingreso a la herramienta de creación de formularios

1. Seleccionar del menú principal la opción AUTOMATIZACIÓN PROCESOS.
2. En el menú del lado izquierdo de la pantalla, escoja FORMULARIOS.
3. Haga clic en Mantenimiento y Diseño.

1.3 Creación del formulario

1. Dar clic en el botón
para crear un nuevo registro, poner el nombre ComprasEjemplo al formulario, una
descripción, y presionar el botón
para guardar, o cancele mediante

.
2. Presionar el botón
para llamar al diseñador de formularios.
3. Ingresar al diseño de formularios:
4. Seleccionar el control
de la barra de HERRAMIENTAS localizada al lado izquierdo del diseñador
de formularios y arrastrarla a la sección de diseño.

5. Modificar las propiedades Filas y Columnas del control agregado para especificar 2 columnas
y 3 filas.
6. Seleccionar tres veces el control

y posicionarlas dentro de la tabla HTML en la primera columna, cada una
en una fila.
7. Seleccionar la etiqueta de la primera fila y modificar la propiedad texto por el valor Fecha de
Solicitud.
8. Seleccionar las etiquetas de la segunda y tercera fila, modificar la propiedad Texto con los
valores Solicitante y Justificación de la Solicitud.
9. Agregar controles tipo Texto en la segunda columna de la tabla HTML tanto para la primera y
segunda fila, agregar un control tipo Multilínea en la tercera fila.
10. Modificar la propiedad: ID para el control Texto de la primera fila con el nombre de: txtfechasol.
11. Cambiar el valor de la propiedad ID con: txtsolicitante para el texto de la segunda fila.
12. Señalar el control multilínea y modificar el ID con el valor: mltjusti.
13. Aumentar en la primera fila la etiqueta Número solicitud y su respectivo control tipo Texto
como se indica, además modificar la propiedad Tipo del control Texto correspondiente a Fecha

de Solicitud a Fecha.
14. Agregar el control

a la sección de diseño del formulario.
15. Seleccionar la tabla de datos y modificar la propiedad Columnas con el valor 4.
16. Seleccionar la COLUMNA1 de la tabla de datos y modificar la propiedad Título con el valor
Producto.
17. Seleccionar el resto de columnas de la tabla de datos y colocar los títulos: Cantidad, Precio
Aprox. y Total Aprox.
18. Agregar controles de Texto en cada columna de la tabla de datos.
19. Poner el ID para cada control: txtproducto, txtcantidad, txtprecioaprox, txttotalaprox.
20. Modificar la propiedad Tipo a Entero para el control txtcantidad.
21. Cambiar en los controles txtprecioaprox y txttotalaprox la propiedad Tipo a Doble.

22. Agregar un Control Etiqueta, cuya propiedad Texto será: Producto Solicitado.
23. Añadir una tabla HTML formada por dos filas y una columna en la primera fila se colocará la
etiqueta Producto Solicitado y en la siguiente fila irá la tabla de datos.
24. Agregar un control botón en la misma celda de la tabla de datos, con el texto Calcular y el ID
btncalcular.
Este se utilizará para que el formulario realice un postback y se calculen las expresiones. Todas las
sentencias se calculan cada vez que la página realiza un postback.
25. Colocar una nueva tabla HTML formada por cuatro filas y dos columnas.
26. Agregar 4 etiquetas en cada fila de la primera columna de la tabla HTML.

27. Poner controles tipo Texto en la primera, segunda y cuarta fila de la segunda columna de la
tabla HTML. En la tercera fila colocar un control tipo Desplegable.
28. Modificar la propiedad Texto de las etiquetas agregadas a la tabla HTML con los valores: Total
Orden Aprox, Dirección de Entrega, Ciudad de Entrega, Fecha Posible de Entrega.
29. Cambiar el valor de la propiedad ID de los controles de texto y desplegable agregados con un
valor que permita identificar a los mismos.
30. Modificar en el texto que identifica a Total Orden Aprox la propiedad de Tipo a Doble.
31. Cambiar el valor de las propiedades Tipo Texto y Tipo Valor del control desplegable a Cadena
y Entero respectivamente.
32. Agregar ítems al control desplegable pulsando el ícono Items que se encuentra en la
propiedad Lista.

33. Colocar un nuevo ítem pulsando el ícono

, localizado en la parte superior de la figura, llenar el campo TEXTO con la palabra Cuenca y el
campo VALOR con la palabra 1; guardar los cambios dando clic en el botón de Aceptar
Registro.
34. Continuar agregando ítems siguiendo el proceso anterior.
35. Guardar los ítems agregados al control Desplegable pulsando el botón de Aceptar localizado
en la sección inferior.

36. Modificar la propiedad Tipo al valor Fecha, en el cuadro de texto que se encuentra al lado de la
etiqueta Fecha Posible de Entrega.
37. Crear una expresión para calcular el total aproximado de los productos, para ello se selecciona
el Texto Total Aprox, y se elige el icono
de la propiedad Valor Inicial.
Aquí se va a realizar una multiplicación entre txtcantidad por el txtprecioapr.
38. Seleccionar de la sección CAMPOS POR FORMULARIO la opción: (T)tabladatos1.(C)

txtcantidad.

39. Pulsar el botón Agregar que se encuentra en la parte inferior de Campos por Formulario, para
así enviarlo a la sección denominada expresión.
40. Repetir el mismo proceso realizado ahora con CAMPOS POR FORMULARIO la opción: (T)
tabladatos1.(C)txtprecioapr.
41. Aumentar el signo de multiplicación (*) entre los campos ingresados y Probar dicha expresión
ingresada.
42. Crear una expresión para visualizar el total aproximado de los productos, para ello se

selecciona el Texto Total Orden Aprox, y se elige el icono

de la propiedad Valor Inicial.
43. Seleccionar el campo, que permitirá realizar la suma de los productos que se ingresarán en la
tabla de datos.
44. Enviar el campo elegido a la sección de EXPRESIÓN y Probar la misma.

45. Agregar una nueva tabla HTML, formada por una columna y cuatro filas, para organizar los
controles ya creados y poner un identificador representativo en la propiedad ID.
46. Agregar un control Etiqueta en la primera fila que tenga el texto: Registrar solicitud de compra.
47. Modificar el estilo de la etiqueta cambiando el valor de la propiedad CssClass a Titulo.

48. Modificar también el estilo a toda la celda donde se colocó la etiqueta poniendo el valor Titulo
en la propiedad CssClass.
49. Colocar las tablas HTML creadas en los puntos anteriores dentro de las celdas de la última
Tabla HTML quedando de la siguiente manera:
50. Seleccionar cada una de las celdas de las secciones creadas.

51. Cambiar en todas las secciones de Registrar Solicitud de Compra la propiedad de Solo
Lectura de Falso a Verdadero.
52. Incluir una nueva tabla HTML con dos filas y dos columnas.
53. Agregar dos controles Etiquetas en la primera columna.
54. Colocar los controles de Selección y Multilínea en la segunda columna.
55. Modificar los textos de las dos etiquetas con los valores Aprobado y Comentario Negado.

56. Modificar la propiedad ID para los controles de Selección y Multilínea.
57. Guardar los cambios al formulario pulsando el ícono

para salir del diseñador de formularios y crear una lista predefinida que llenará los ítems del
control de selección.
58. Cerrar el diseñador de formularios pulsando el icono

en la ventana del navegador.
59. Ir al Menú FORMULARIOS.
60. Elegir la sección de mantenimiento de Listas pulsando el ícono que se muestra en la imagen.

61. Pulsar el botón de
62. Colocar el valor SI_NO en el campo LISTAS, seleccionar la opción Entero para el campo Tipo
Valor y pulsar el botón de Guardar.
63. Dar clic en el botón

y agregar los siguientes registros a la lista.
64. Regresar al diseño del formulario que se creó anteriormente y elegir el control de selección
que se encuentra al lado de la etiqueta de Aprobado, elegir la propiedad Tipo Valor y
Modificarla a Entero.
65. Escoger la propiedad Lista y de las opciones que se muestre elegir la creada: SI_NO.
66. Modificar el ancho del control Multilínea de Comentario Negado, seleccionando la propiedad
Ancho.
67. Aumentar dos filas en la tabla HTML principal modificando la propiedad Filas, en la primera fila
agregar una nueva etiqueta y en la segunda fila agregar la tabla HTML que tiene los campos
Aprobado y Comentario Negado.

68. Modificar la propiedad Texto de la etiqueta con el valor Aprobar solicitud de compra, modificar
la propiedad CssClass de la etiqueta y de la celda que contiene la etiqueta al valor Titulo.
69. Crear una nueva sección agregando cuatro nuevas filas a la tabla HTML principal, en la
primera fila poner el estilo Titulo en la propiedad CssClass, agregar una etiqueta en esa fila
que tenga el mismo estilo y con texto Solicitar Cotización. En la segunda fila agregar una
etiqueta con estilo CssClass Titulo y con texto Datos del proveedor. En la tercera fila incluir
una tabla HTML que tenga 3 filas y dos columnas con dos etiquetas en la primera columna que
tenga los textos Proveedor y Contacto, en la segunda columna irán dos controles Texto y uno
tipo Tabla de datos. La tabla de datos deberá tener 3 columnas con un cuadro de texto en
cada una y con los títulos E-Mail Contacto, Dirección, Teléfono. En la cuarta fila agregada a la
tabla HTML principal se debe agregar una tabla HTML con una fila y dos columnas, en la
primera columna colocar una etiqueta con el texto Fecha de Envío de Solicitud y en la segunda
columna un control Texto con la propiedad Tipo igual a Fecha. Establecer la propiedad ID en
todos los controles agregados a excepción de las etiquetas. Esta nueva sección quedará de la
siguiente manera:

70. Agregar una nueva sección al formulario incluyendo dos nuevas filas en la tabla HTML
principal. En la primera fila poner el estilo CssClass Titulo e incluir un control Etiqueta con el
mismo estilo y el texto Recibir Cotización. En la segunda fila agregar una tabla HTML con 4
filas y 2 columnas; en la primera columna agregar 4 etiquetas con los textos Vendedor, E-mail
Vendedor, Fecha de la Cotización y Total de la Cotización. En la segunda columna incluir un
control Desplegable y 3 Textos. En el segundo Texto colocar la propiedad Tipo igual a Fecha.
En el control Desplegable poner la propiedad Tipo Valor igual a Entero, pulsar el botón de Agregar
Ítems de la propiedad Lista y colocar los registros mostrados en la imagen.
Para agregar nuevos registros, se realiza el mismo proceso indicado anteriormente, para nuestra
lista se van a agregar los siguientes datos:
71. Colocar otra sección en el formulario agregando dos filas a la tabla HTML principal. En la
primera fila poner en la propiedad CssClass el valor Titulo y agregar un control Etiqueta con
el mismo valor de la propiedad CssClass y el texto Aprobar Cotización. En la segunda fila
agregar una tabla HTML con dos filas y dos Columnas; en la primera columna incluir dos
Etiquetas con los textos Fecha de Aprobación y Aprobador respectivamente; en la segunda
columna agregar dos controles Texto, en el primer texto colocar a la propiedad Tipo el valor

Fecha. Colocar la propiedad ID en los controles Texto con valores que los permitan identificar.
La sección debería quedar de la siguiente manera:
72. Incluir una nueva sección en el formulario agregando dos filas a la tabla HTML principal. En la
primera fila colocar la propiedad CssClass con el valor Titulo y agregar una etiqueta que
tenga el mismo valor en la propiedad CssClass y el texto Recibir productos. En la segunda fila
agregar una tabla HTML con dos filas y dos columnas; en la primera columna incluir dos
etiquetas con los textos Persona que recibe productos y Comentarios respectivamente; la
segunda columna tendrá un control Texto y uno Multilínea. Colocar las propiedades ID al
control Texto y Multilínea con valores que permitan identificar a los mismos. La sección
debería quedar como se muestra a continuación:
73. Agregar la última sección del formulario aumentando dos filas más a la tabla HTML principal.
En la primera fila colocar en la propiedad CssClass el valor Titulo y agregar una Etiqueta que
tenga el mismo valor en la propiedad CssClass y el texto Procesar Factura. En la segunda fila
agregar una tabla HTML con tres filas y dos columnas; en la primera columna colocar tres
controles tipo Etiqueta con los textos: Número Factura, Total Factura y Factura Pagada
respectivamente; en la segunda columna agregar dos controles tipo Texto y un check box.
Asignar las etiquetas con valores que los identifiquen. La sección debería quedar de la
siguiente manera:
74. Seleccionar cada una de las secciones del formulario a partir de la segunda actividad que es
Aprobar Solicitud de Compra.

75. Cambiar en la propiedad Visible de Verdadero a Falso en cada una de las secciones
elegidas.
El formulario completo quedaría de la siguiente manera:


76. Guardar los cambios realizados en el formulario.
77. Salir del Formulario pulsando el icono

de la ventana del navegador.

1.4 Ingreso al diseñador de procesos

2. En el menú del lado izquierdo de la pantalla, escoja PROCESOS.

1.5 Diseño del proceso

1. Pulsar el ícono
.
2. Ingresar los siguientes datos:

- NOMBRE: Compras.
- DESCRIPCIÓN: Proceso de compras.
- TIPO: Flujo de actividades.
- CANTIDAD ALERTA: El número 15.
- GRUPO: Se muestra una lista de grupos creados, escoger temporalmente cualquier grupo
para luego de la creación del grupo modificarlo.
3. Pulsar el botón de Aceptar
4. Pulsar la opción de PROCESOS en el menú del lado izquierdo de la pantalla.
5. Pulsar en la opción Grupos de la sección PROCESOS.
6. Dar clic en el ícono

de nuevo registro.
7. Ingresar los siguientes datos en la parte inferior:

- NOMBRE: Departamento de compras.
- DESCRIPCIÓN: Procesos del departamento de compras.

8. Pulsar el botón de guardar cambios
9. Regresar al listado de procesos y modificar el registro

que se agregó para colocarlo en el nuevo grupo.
10. Pulsar en el ícono

que levanta el diseñador de procesos.
11. Seleccionar de
el control TAREA
y luego Usuario
y arrastrarlo al área de diseño.
12. Seleccionar el control agregado.
13. Modificar el nombre dando clic sobre el texto Usuario0 y colocar el valor Registrar Solicitud de
Compra.

14. Pulsar en el ícono

que está dentro de Implementación para levantar la ventana de ÁMBITO.
15. Escoger el formulario creado para el ejemplo en la propiedad Formulario, este será el que
visualizará el usuario cuando se encuentre en dicha actividad.
16. Pulsar el botón

Cambios Formulario, levantará el diseñador de formulario, también se puede acceder a esta
opción dando doble clic sobre la actividad, cabe recalcar que los cambios que se realicen
afectarán solamente a la actividad seleccionada, es decir si se pone un control como
obligatorio será solo para ese paso.

17. Seleccionar la primera fila de la tabla HTML principal y cambiar el valor de la propiedad Solo
Lectura a Falso. Realizar lo mismo para las filas 2, 3 y 4.
18. Modificar el valor de la propiedad Obligatorio de los controles Texto Fecha de Solicitud,

Solicitante, Producto, Cantidad, Precio Aprox, Total Aprox, Dirección de Entrega, Ciudad de
Entrega, Fecha Posible de Entrega a Verdadero.
19. Guardar los cambios realizados en el formulario dando clic en el botón de Guardar.
20. Salir del diseñador de formularios presionando el icono

21. Guardar los cambios de la ventana ÁMBITO dando clic en
22. Agregar un nuevo usuario arrastrando el control a la sección de diseño. Colocar el nombre
Aprobar Solicitud de Compra dando clic sobre el texto y asignar el formulario Compras
Ejemplo desde la ventana ÁMBITO.
23. Seleccionar el usuario Aprobar Solicitud de Compra y hacer clic en

dentro de la propiedad Indicadores para modificar el valor de la propiedad Duración.
24. Modificar la propiedad TIPO seleccionando el valor Directo.
25. Efectuar las modificaciones necesarias en la propiedad VALOR y UNIDAD con los valores 24
y Horas respectivamente.

El formulario completo quedaría de la siguiente manera. Indicando que el tiempo máximo que
tendrá el usuario para realizar la actividad de Aprobar Solicitud de Compra será de 24 horas
laborables.
26. Guardar los cambios dando clic en
27. Seleccionar el usuario Aprobar Solicitud de Compra y hacer clic en

dentro de la propiedad Implementación para modificar el valor de la propiedad Responsable.
28. Se mostrará la ventana de BÚSQUEDA DE USUARIOS, hacer clic en el botón
para asignar un responsable de la lista que se presenta.
29. Seleccionar COBUSDOCU administrador de la lista dando clic en el botón

.

La propiedad responsable quedaría de la siguiente manera:
30. Guardar los cambios dando clic en
Las propiedades modificadas quedaran de la siguiente manera:
31. Efectuar las modificaciones necesarias en la propiedad Alertas Timers que está dentro de
Indicadores, dando clic en
.
32. Añadir en la opción de Porcentaje 50 y Enviar Mail a Aprobador, luego se debe agregar
selección con el icono

33. Repetir el mismo proceso solo que ahora se agregará de porcentaje 100 y Enviar tanto al
Aprobador como al Dueño del Proceso.
34. Realizar las modificaciones necesarias al formulario que se presentará en la actividad dando
doble clic sobre el elemento para levantar el diseñador de formularios.

35. Colocar en las propiedades de: Solo Lectura y Visible los valores de: Falso y Verdadero
respectivamente para las celdas de esta sección.
36. Colocar el valor de Verdadero en la propiedad Obligatorio del control Selección del campo
Aprobado.
37. Almacenar los cambios pulsando el botón de Guardar.

39. Colocar la actividad Registrar Solicitud de Compra al inicio de la línea de flujo del proceso,
seleccionando y arrastrando la actividad sobre la línea.
El diagrama de proceso quedará de la siguiente manera:

40. Unir las dos actividades agregadas al proceso seleccionando la segunda actividad Aprobar
Solicitud de Compra, dando clic y arrastrando hacia la línea de flujo del proceso.
41. Aumentar un nuevo control tipo Exclusivo arrastrándolo de la barra de herramientas al área de
diseño.
42. Seleccionar el control de condición y colocar en el texto el valor de ¿Es Aprobada?, dando clic
sobre el texto Exclusivo.
43. Enlazar la actividad Aprobar Solicitud Compra con la condición seleccionando la actividad,
posicionando el cursor sobre uno de los cuadrados de selección, haciendo clic y arrastrando
hacia la condición
44. Repetir el mismo procedimiento pero del control condición hacia el evento Fin.

45. Seleccionar el label de la condición ¿Es aprobada? Y cambiar al valor SI, dando clic sobre el
texto.
46. Colocar un nuevo control de tipo Cancelar Trámite arrastrándolo de

, dentro del área
Evento a la sección de diseño.
47. Colocar el nombre Solicitud Rechazada como el nombre de la Actividad.
48. Enlazar el control agregado con la condición, seleccionando la condición y arrastrando la

salida de la rama NO a la actividad Solicitud Rechazada.

49. Seleccionar el label de la condición ¿Es aprobada? Y cambiar al valor NO, dando clic sobre el
texto.
50. Agregar un control tipo Usuario con el nombre Solicitar Cotización y establecer las siguientes
propiedades:
- Duración: 8.
- Formulario de Ámbito: Compras Ejemplo.
- Responsable: COBUSDOCU administrador.

51. Dar doble clic sobre la actividad creada para levantar el diseñador de formularios, para hacer
esto primero se deberá asignar el formulario Compras Ejemplo desde la propiedad Ámbito.
52. Hacer que sea visible la sección de Solicitar cotización seleccionando las celdas de esta
sección y colocando la propiedad Visible en Verdadero para cada una de ellas.
53. Almacenar los cambios realizados al formulario para la actividad seleccionada pulsando el
botón de guardar.


55. Enlazar la rama del SI de la Condición con la nueva actividad Solicitar Cotización.
56. Seleccionar la condición ¿Es aprobada? Y pulsar el botón

de la propiedad Condición para indicar la expresión que se evaluará.
57. Seleccionar Expresión en la propiedad TIPO.

Expresión.

59. Seleccionar el nombre del formulario en campos del formulario y a continuación escoger el
campo que representa el radio button de Aprobado. Se debe escoger el que comienza con el
texto id para obtener el Valor del radio button en vez del Texto.
60. Presionar el botón Agregar una vez seleccionado el formulario y campo.

61. Colocar el texto .Value==1 luego del campo agregado para crear la expresión booleana la cual
indica que saldrá por la rama de SI cuando se ha seleccionado el valor sí, ya que dicha opción
tiene valor 1.
62. Pulsar el botón Probar, verificar el mensaje devuelto por el sistema que indica si la expresión
ingresada es correcta.
63. Guardar la expresión pulsando el botón
Si contiene un error estará deshabilitado el botón de Aceptar y no se podrán

almacenar los cambios.
64. Agregar un nuevo control tipo Usuario asignando el nombre Recibir Cotización y asignar las
siguientes propiedades:
- Duración: 8.

65. Modificar la propiedad Visible de las celdas de la sección Recibir cotización colocando el
valor Verdadero.
66. Almacenar los cambios realizados al formulario que se presentará en la actividad seleccionada
pulsando el botón de Guardar.

68. Enlazar la actividad Solicitar Cotización con la nueva actividad Recibir Cotización.

69. Agregar un nuevo control tipo Usuario y establecer el nombre Aprobar Cotización. Establecer
las siguientes propiedades:
- Duración: 16.

70. Ingresar al diseñador de formularios dando doble clic sobre la actividad creada y modificar la
propiedad Visible de la sección de Aprobar Cotización para que tenga el valor Verdadero.
71. Almacenar los cambios pulsando el botón de Guardar.

73. Enlazar la actividad Recibir Cotización con Aprobar Cotización.
74. Incluir un nuevo control tipo Usuario y establecer el nombre Recibir Productos. Colocar las
propiedades:
- Duración: 16.

75. Ingresar al diseñador de formularios dando doble clic sobre la actividad creada y modificar la
propiedad Visible de las celdas de la sección Recibir Productos al valor Verdadero para
mostrar esta sección en la actividad.
76. Almacenar los cambios pulsando el botón de guardar y posteriormente cerrar el diseñador de
formularios.
77. Enlazar la actividad Aprobar Cotización con la actividad Recibir Productos.

78. Colocar un nuevo control tipo Usuario asignando el nombre Procesar Factura y con las
siguientes propiedades:
- Duración: 8.
79. Ingresar al diseñador de formularios dando doble clic sobre la actividad creada y colocar la

propiedad Visible en Verdadero para las celdas de la sección de Procesar Factura.
80. Almacenar los cambios pulsando el botón de guardar y posteriormente hacer clic en el botón
de cerrar el navegador.
81. Enlazar las actividades Recibir productos con Procesar Factura.
82. Enlazar las actividades Procesar Factura con Fin.
El proceso diseñado queda de la siguiente manera:


EJECUCIÓN DE TRÁMITE
Módulo II
EJECUCIÓN DE TRÁMITE 55

2.1 Asignación de permiso para inicializar un nuevo trámite

2. En el menú del lado izquierdo de la pantalla, escoja PERMISOS.
3. Crear un nuevo registro pulsando el botón
4. Ingresar los datos Usuario: UCuenca David, Proceso: Compras, Rol: Inicializar Proceso y
pulsar el botón Aceptar.


2.2 Creación del trámite

1. Seleccionar del menú principal la opción PORTAL.
2. En el menú del lado izquierdo de la pantalla, escoja NUEVO.
3. Escoger el proceso Compras que se encontrará dentro del grupo Departamento de Compras
asignado.

para tratar de enviar el documento a la siguiente actividad; en el mensaje de confirmación

presione el botón de Aceptar.
Aparecerá un mensaje de validación porque no se ingresó datos para los controles obligatorios.

5. Ingresar los campos Fecha de Solicitud y Solicitante.
6. Agregar 3 registros a la tabla Producto Solicitado pulsando el botón

e ingresar la información.

7. Ingresar los siguientes campos: Total Orden Aprox, Dirección de Entrega, Ciudad de Entrega,
Fecha Posible de Entrega.
Esta actividad del proceso se visualiza de la siguiente manera.

8. Enviar el documento pulsando el siguiente botón:
9. Dar clic en el botón de aceptar del mensaje de confirmación.
10. Copiar el número de trámite del mensaje.


2.3 Seguimiento de trámite
1. Seleccionar la opción PORTAL.
2. Escoger el menú MIS TRAMITES.
3. Pulsar en el botón
y hacer clic sobre el ID correspondiente al trámite creado anteriormente para

realizar un seguimiento del mismo.
4. Pulsar el botón Generar.

5. Revisar la información del trámite como sus datos generales: Creado por, Fecha Inicio, Fecha
Máxima, Responsables Actuales, Proceso, Fecha Fin y Estado.
El gráfico muestra las actividades realizadas con color verde, la actividad actual con color azul y las
actividades por donde todavía no fluye el trámite aparecen con color negro.
Así mismo la tabla de detalle de actividades de la parte inferior donde mostrará información de la
realización de cada actividad: Nombre Actividad, Enviado A, Modificaciones (en el caso que se
haya modificado de responsable), Tramitado Por, Fecha Inicio (fecha-hora que llegó el trámite a la
actividad), Fecha Fin (fecha-hora en la que se finalizó la actividad), Fecha Máxima (fecha-hora
máxima en la que debe terminarse la actividad según la duración de la misma y calculada en base
al calendario laboral).

6. Pulsar el ícono
que se encuentra en la primera columna de la tabla de detalle para revisar los datos que se
ingresaron en dicha actividad.
7. Cerrar la ventana pop up que se levantó con los datos del formulario.

2.4 Trámites pendientes

1. Pulsar el menú PENDIENTES. En el diseño del proceso se especificó para todas las
actividades que se envíe al mismo usuario que estamos utilizando por lo tanto el trámite estará
en nuestra bandeja de trámites pendientes.
2. Seleccionar la opción Mis Tareas Pendientes.
3. Seleccionar el nombre del Proceso del cual se requiere conocer el trámite y presionar el botón
de Buscar.
4. Visualizar la tabla de trámites pendientes del proceso seleccionado y pulsar sobre el

hipervínculo del Id del Trámite.

2.5 Continuación en la ejecución del trámite

Ahora nos encontramos en la actividad Aprobar Solicitud de Compra por lo tanto aparecerá una
nueva sección que se especificó como visible para dicha actividad.
1. Realizar cambios en los campos del formulario que no se presentan como solo lectura y
seleccionar la opción Si en el campo Aprobado.

2. Dar clic en el botón de enviar.
3. Pulsar el botón de Aceptar en el mensaje de confirmación.
4. Copiar nuevamente el número de trámite del mensaje.
5. Realizar un seguimiento al trámite ingresando nuevamente a la interfaz de Detalle de

Actividades pulsando en el menú MIS TRÁMITES.
6. Clic sobre el número de trámite y pulsar el botón Generar.
7. Revisar los datos de seguimiento de trámite y verificar los íconos pintados de color verde y de
azul para saber las actividades que ya se realizaron y donde se encuentra actualmente el

trámite.
8. Seleccionar el ícono
de Formulario de la primera columna y fila de la tabla de detalle, se visualizan los datos que
llenó el formulario en la actividad Aprobar Solicitud de Compra.

9. Regresar al Listado de Trámites Pendientes mediante el menú de Pendientes.
10. Ingresar los datos de la sección Solicitar Cotización que aparece para la actividad actual.

11. Adjuntar documento, que representaría la solicitud de cotización, presionando el botón

para que se levante una ventana pop up de administración de archivos adjuntos.
12. Pulsar el botón de

para agregar un archivo adjunto.
13. Dar clic en el botón de examinar y seleccionar un archivo, poner una descripción y pulsar el
botón de guardar.
14. Cerrar la ventana pop up y verificar que ahora el formulario en su parte superior tiene el
archivo que se seleccionó.

15. Pulsar sobre el nombre del archivo que se adjuntó, se despliega una ventana pop up que
muestra el contenido del mismo.
16. Enviar el formulario pulsando sobre el ícono
y dando clic en Aceptar del mensaje de confirmación.

17. Realizar nuevamente un seguimiento al trámite en la ventana de Detalle de Actividades del

menú Mis Trámites.

18. Ir nuevamente al Listado de Trámites Pendientes dentro del módulo Portal, la opción
PENDIENTES y la subopción MIS TAREAS PENDIENTES y pulsar en el trámite que se está
ejecutando. Ingresar los datos de la sección Recibir Cotización.

19. Adjuntar un archivo que representará la Cotización dando clic sobre el botón
.
20. Enviar el documento pulsando el botón
y dar clic en Aceptar de la ventana de confirmación.
Si se desea se puede continuar ejecutando el trámite por las siguientes actividades para verificar el
comportamiento del formulario en cada una.

MODIFICACION DEL FORMULARIO
Y DEL PROCESO
Módulo III

MODIFICACION DEL FORMULARIO Y DEL PROCESO 79
3.1 Modificación del formulario

2. En el menú del lado izquierdo de la pantalla, escoja FORMULARIOS.
4. Pulsar el ícono
que levanta el diseñador de formularios.
5. Agregar un control Imagen seleccionando el icono

en el panel de HERRAMIENTAS y arrastrándola hacia la parte de
diseño.
6. Seleccionar el origen de la imagen dando clic sobre el botón

.

7. Pulsar el ícono
para agregar una nueva imagen en la galería de imágenes y pulsar en el botón de guardar
cambios.
8. Dar clic sobre la imagen cargada para seleccionarla.
9. Seleccionar la tabla HTML principal y aumentar una fila al comienzo de la tabla dando clic
derecho sobre la celda correspondiente y seleccionando la opción
del menú. Esta opción se utiliza para agregar filas en la cualquier

posición de la tabla; si se modifica directamente la propiedad Filas aumentando el valor, la
nueva fila aparecerá al final, en nuestro caso hay que ingresar al comienzo.
10. Establecer el dato 1 en la opción filas encima y colocar la imagen en la fila agregada.

11. Agregar una tabla HTML de 1 fila y cuatro columnas, dos etiquetas
y los controles especiales
y
para que se muestre automáticamente la fecha de creación y el
identificador del trámite. A las etiquetas y los controles especiales posicionarlos en la tabla
HTML como se muestra en la imagen.
12. Modificar las etiquetas agregadas:
Etiqueta1
- Texto: Fecha Creación.
- CssClass: Titulo.
- Color Borde: 339933.
Etiqueta2
- Texto: Número de Trámite.
- CssClass: Titulo.
- Color Borde: 339933.
13. Agregar una fila en la tabla HTML principal luego de la imagen, modificar la propiedad Css de
la fila con el valor TextoCalendarioLaborableHorario.

14. Agregar la tabla HTML creada recientemente a la fila.
15. Guardar los cambios realizados dando clic sobre

.
16. Salir del diseñador de formularios.

3.2 Modificación del proceso

4. Ingresar al diseño del proceso pulsando el botón

de nuestro proceso.
5. Seleccionar la actividad Aprobar Solicitud de Compra.


3.2.1 Cambios formulario

1. Dar doble clic sobre la actividad Aprobar Solicitud de Compra para levantar el diseñador de
formularios.
2. Agregar una validación para esta actividad para que sea obligatorio el campo comentario en el
caso que se niegue la compra. Seleccionar el control multilínea Comentario Negado y dar clic
en el ícono
de la propiedad
Validación.
3. Agregar la expresión de validación:

!{(T)Cabecera.(C)idrbtaprobado}.HasValue || {(T)Cabecera.(C)idrbtaprobado}.Value==1 ||({(T)
Cabecera.(C)idrbtaprobado}.Value==2 && {(T)Cabecera.(C)mltcomentapro}!= "") Donde los
valores que se encuentran entre {} corresponden a los campos del formulario que deben
agregarse seleccionándolos de la lista de Campos Por Formulario. En el campo mensaje error
colocar el texto “Ingresar el campo comentario”. Se debe notar que para nuestro ejemplo el
control de selección de aprobado se llama rbtaprobado pero en la expresión se hace referencia
a idrbtaprobado para obtener el valor del control, caso contrario devolvería el texto; esto aplica
para los controles selección y desplegable.

4. Revisar que la expresión ingresada esté correcta presionando el botón

si la evaluación de la expresión es exitosa entonces pulsar el botón
. Caso contrario revisar y corregir los errores.

5. Pulsar el botón
para guardar y salir del diseñador de formularios.

3.2.2 Impresión
1. Agregar un nuevo control de Impresión a la sección de diseño del proceso dando clic sobre el
icono
en la PALETA y seleccionar el icono
para agregar un servicio.
2. Modificar el nombre de la actividad a Imprimir Solicitud, dando clic sobre la misma.
3. Seleccionar el control y modificar la propiedad Tipo, dando clic sobre el icono
4. En la ventana TIPO modificar las propiedades Tipo y Formulario con los valores Impresión y
Compras Ejemplo.

5. Colocar el control impresión luego de la actividad Registrar Solicitud de Compra, para ello
eliminar la flecha que une las actividades Registrar Solicitud de Compra y Aprobar Solicitud de
Compra dando clic sobre la misma y presionando el botón ‘Supr’ o ‘Delete’.
6. Colocar el control impresión en medio de los dos usuarios y enlazarlos como se muestra en la
imagen.

3.2.3 Mail
1. Agregar un nuevo control de Mensaje a la sección de diseño del proceso dando clic sobre el
icono
para agregar un Mensaje.
2. Modificar el nombre de la actividad a Enviar Mail de Aprobación de Compra, dando clic

sobre la misma.
3. Seleccionar el control y modificar la propiedad Tipo Ejecución con el valor Dispara.
4. Seleccionar el control y modificar la propiedad Tipo(dispara), dando clic sobre el icono
5. En la ventana TIPO seleccionar la opción Mail de propiedad Tipo.

6. Pulsar el botón
de la propiedad Mensaje.
7. Ingresar el contenido que se enviará en el cuerpo del mail como en la imagen siguiente.
Considerar que en el texto {Cabecera92.C_Tramite} es un campo del formulario por lo tanto se
debe colocar seleccionándolo de las listas localizadas en la parte superior y pulsando el botón
Agregar. No se debe poner el mismo de la imagen porque será distinto dependiendo del Id que
asignó el sistema al formulario.
8. Guardar los cambios pulsando el botón
9. Indicar el correo electrónico a quien se va a enviar para ello seleccionar la propiedad Para del
Control Mail.

10. Especificar seleccionando el usuario a través de la lista Existentes, ingresando directamente en

el campo E-Mail o que el correo sea devuelto por una expresión o WebService. Para nuestro
ejemplo vamos a ingresar en el campo E-Mail, colocar su correo para que pueda revisar
cuando se envíe.
11. Clic sobre el icono
para agregar el correo.

12. Presionar el botón de

para guardar los cambios.
13. Ingresar la propiedad Título con el valor: Aprobación de compra.
14. Presionar el botón de

15. Colocar el control de Mail entre los controles ¿Es Aprobada? y solicitar Cotización.
16. Guardar y salir del proceso.

3.2.4 Subproceso
A continuación vamos primero a crear un proceso de Control que servirá para muchos procesos como
por ejemplo Compras, Permisos o Contratos, para nuestro ejemplo será un subproceso dentro del
proceso de compras.
1. Ir al diseñador de formulario, este formulario contendrá las siguientes características:
2. Diseñar el formulario.

3. Agregar a la Lista Desplegable en la sección de Datos Generales, los siguientes ítems:
4. Cambiar la propiedad de Auto PostBack de la Lista Desplegable a Verdadero.
5. Cambiar la propiedad de Tipo Valor de la Lista Desplegable a Entero.
6. Agregar para las siguientes secciones del formulario una expresión que modifique la Propiedad
Visible, ya que dependerá de la opción que se seleccione de la Lista Desplegable.
Seleccionar la siguiente sección:
7. Insertar la Expresión a las secciones seleccionadas dentro de la propiedad Visible, esta es:

8. Continuar con las siguientes secciones:
9. Ingresar la expresión:
10. Elegir la sección de Contratos.
11. Ingresar la expresión:

12. Seleccionar el campo tipo control y cambiar la propiedad Solo Lectura a Verdadero.
13. Guardar los cambios realizados y Salir del Formulario.
14. Ingresar en el menú CÓDIGO.
15. Ingresar en la Sección de Funciones.
16. Crear una función para Validar la Cédula en el formulario creado. Esta función se describe a
continuación:
- Tipo: System.Boolean.
- Nombre: Validar Cédula.
- Contenido: {
if (strCedula.Length == 10)
{
String[] array = {strCedula.Substring(0, 1),
strCedula.Substring(1, 1),
strCedula.Substring(9, 1)};
int num = array.Length;
if (num == 10)
{
int total = 0;
int digito = int.Parse(array[9]) * 1;
for (int i = 0; i < (num - 1); i++)
{
int mult = 0;
if ((i % 2) != 0)
total = total + (int.Parse(array[i]) * 1);

else
{
mult = int.Parse(array[i]) * 2;
if (mult > 9)
total = total + (mult - 9);
else
total = total + mult;
}
}
double decena = total / 10;
decena = Math.Floor(decena);
decena = (decena + 1) * 10;
int final = ((int)decena - total);
if ((final == 10 && digito == 0) || (final == digito))
return true;
else
return false;
}
else
{
return false;
}
}
else
return false;
}
17. Indicar los parámetros de esta función:
- Índice: 0
- Nombre: strCedula.
- Tipo: System.String.
18. Guardar tanto la tabla de Parámetros y la tabla de Funciones mediante el icono

19. Regresar al formulario Control y seleccionar la propiedad de validación

del Texto Cédula.
20. Seleccionar la función ValidarCedula del listado de funciones ya agregarla a la expresión,

reemplazar el parámetro por el campo de cédula del formulario seleccionándolo y agregando a
la expresión.
21. Guardar y Salir del Formulario.
22. Crear un nuevo proceso con las características siguientes:
23. Diseñar el proceso, la primera actividad se muestra a continuación:

24. Modificar en Cambios Formulario, la propiedad de Visible a Falso, en la actividad denominada

Control.
25. Guardar los cambios realizados en el formulario y salir.
26. Crear un nuevo Usuario con las siguientes características:

27. Modificar en Cambios Formulario, la propiedad de Solo Lectura a Verdadero, en la actividad

denominada Datos Generales.
28. Guardar los cambios realizados y salir del Formulario.
29. Añadir una Herramienta Exclusivo.
30. Agregar una Herramienta Cancelar.
31. Enlazar la actividad Inicio con la actividad Ingreso Datos.
32. Enlazar la actividad Ingreso Datos con la actividad Revisión Control.
33. Asignar un responsable de la actividad Revisión Control dentro de la propiedad Responsable.

34. Enlazar la actividad Revisión Control con la actividad ¿Es aprobada?
35. Enlazar la actividad ¿Es aprobada? Con la actividad Negar Control y cambiar el label al valor
NO.
36. Enlazar la actividad ¿Es aprobada? Con la actividad Fin y cambiar el label al valor SI.
37. Ingresar la siguiente Condición en la actividad ¿Es aprobada?:

El diseño final del proceso es:
38. Regresar al proceso Padre que es el de Compras y agregar un control tipo Subproceso
proceso dando clic sobre el icono

39. Establecer el nombre de Control Compras dando doble clic sobre la actividad y en la
propiedad Proceso seleccionar SubprocesoControl.

40. Seleccionar la propiedad Enlace Datos para pasar datos del formulario al subproceso dando
clic en
.
41. Elegir el id de la lista desplegable que en este caso se denomina Cabecera204.iddptipocontrol.
42. Seleccionar el icono Ingresar una constante
y cargar esta con el valor que corresponde a Compras en la Lista Desplegable que es 1.
43. Escoger el botón Aceptar para guardar los cambios realizados.
44. Seleccionar ahora el campo del nombre del empleado que es: Cabecera204.txtempleado.

45. Elegir ahora el icono de campos de los formularios
y elegir el nombre del Formulario y el campo respectivo.
46. Guardar los cambios con el botón
47. Enlazar el control Subproceso después del control Mail.

48. Guardar los cambios realizados y salir del Proceso.

3.2.5 Web services
A continuación se va a exportar los datos de la solicitud de compras a otra base de datos, lo vamos
a realizar mediante un WebService, los WebServices que soporta el sistema son los de formato
WSDL.
1. Aumentar una tabla en una base de datos externa, para nuestro ejemplo crearemos una base
de datos en PostgreSql y añadir la nueva tabla que tendrá la información de las compras
aprobadas.
2. Dar clic derecho sobre Base de Datos y se selecciona Nueva Base de Datos.
3. Indicar los datos para la nueva base de datos.

4. Crear una tabla mediante el siguiente script.
CREATE TABLE "SolicitudCompra"

(
"IdSolicitud" character varying(20),
"FechaSolicitud" timestamp without time zone,
"JustificacionSolicitud" character varying(30),
"TotalOrden" double precision,
"DireccionEntrega" character varying(20),
"CiudadEntrega" character varying(20),
"FechaEntrega" timestamp without time zone,
"Solicitante" character varying(25)
)
WITH (
OIDS=FALSE
);
ALTER TABLE "SolicitudCompra"
OWNER TO postgres;

5. Ejecutar el script creado.
6. Crear en Visual Studio un nuevo proyecto con el nombre WebServicePrueba de tipo

ASP.NET Web Service Application, seleccionando el framework .NET Framework 3.5.

7. Agregar una referencia al Assembly que permitirá la conexión a la base de datos.
8. Agregar un nuevo servicio web a la solución de tipo Web Service (ASMX) con el nombre
Service1.
9. Ingresar el siguiente código de creación, los parámetros de conexión al servidor pueden variar:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;

using System.Web.Services.Protocols;
using System.Xml.Linq;
using Npgsql;
namespace WebServicePrueba
{
/// <summary>
/// Summary description for Service1
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the
following line.
// [System.Web.Script.Services.ScriptService]
public class Service1 : System.Web.Services.WebService
{
//CREAMOS UNA VARIABLE DEL TIPO NPGSQLCONNECTION
public NpgsqlConnection conexion = new NpgsqlConnection("Server = 127.0.0.1;
Port=5432;User Id=postgres;Password=admin;Database=\"Compras\";Encoding=UTF8");
[WebMethod]
public string ingresar(string idsolicitud, DateTime fechasolicitud, string
justificacionsolicitud, double totalorden, string direccionentrega, string ciudadentrega, DateTime
fechaentrega, string solicitante)
{
conexion.Open();
string sql = "insert into \"SolicitudCompra\" values('" + idsolicitud + "','" + fechasolicitud
+ "','" + justificacionsolicitud + "','" + totalorden + "','" + direccionentrega + "','" + ciudadentrega
+ "','" + fechaentrega + "','" + solicitante + "');";
NpgsqlCommand command = conexion.CreateCommand();
command.CommandText = sql;
command.ExecuteReader();
conexion.Close();
return "OK";
}
}
}
10. Ejecutar el WebService.

11. Copiar el URL que generó: http://cobusbpm.cobus.com.ec/WebServicePrueba/Service1.asmx
Regresar al Proceso Compras y agregar un control tipo WebService, dando clic sobre el
icono
, arrastrándolo sobre el área de diseño.

12. Dar clic sobre el texto del control WebService y asignar el nombre Guardar Solicitud.
13. Pulsar el botón

de la propiedad Tipo.
14. Seleccionar WebService en la propiedad Tipo de la ventana que se levantó.
15. Pulsar sobre el icono

de la propiedad Valor.
16. Ingresar la dirección del servicio web en el campo URL y seleccionar el método ‘ingresar’.

17. Ingresar la expresión que va a llenar el primer parámetro pulsando el botón

.

18. Seleccionar de las listas de campos por formulario el de nuestro ejemplo.
19. A continuación se va a escoger el campo de acuerdo al parámetro en que nos encontremos,

en este caso el campo es el siguiente:

20. Escoger de la segunda lista el campo que contiene el id del trámite y dar clic sobre el botón
21. Pulsar el botón Probar para verificar si la expresión y el valor devuelto son correctos.
22. Revisar el mensaje.
23. Dar clic en el botón Aceptar para cerrar la ventana y guardar la expresión. Repetir los pasos
anteriores para seleccionar los siguientes parámetros con los campos correspondientes del
formulario.

24. Pulsar el botón Aceptar para guardar la referencia al WebService.
25. Enlazar el control WebService después del control de Subproceso.

3.2.6 Código
De la misma manera que se hizo con el webservice exportaremos información a otra base de
datos, para este caso lo haremos mediante un assembly.
1. Crear una tabla en la base de datos Compras, el script de esta tabla es:
CREATE TABLE "Factura"

(
"NumFactura" character varying(15),
"FechaFactura" timestamp without time zone,
"TotalFactura" character varying(20),
"PersonaRecibe" character varying(30)
)
WITH (
OIDS=FALSE
);
ALTER TABLE "Factura"
OWNER TO postgres;
2. Ejecutar el script creado.
3. Crear en Visual Studio un nuevo proyecto de tipo Biblioteca de Clase con el nombre
ClsAsembliesPrueba seleccionando el Framework .NET Framework 3.5.

4. Agregar una referencia al Assembly que permitirá la conexión a la base de datos.
5. Agregar en la clase el siguiente código, los parámetros de conexión al servidor pueden variar:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Npgsql;
using System.Data;

namespace ClsAsembliesPrueba
{
public class Class1
{
public static NpgsqlConnection conexion = new NpgsqlConnection("Server = 127.0.0.1;
Port=5432;User Id=postgres;Password=admin;Database=\"Compras\";Encoding=UTF8");
public static string ingresar(string NumFactura, DateTime? FechaFactura, string

TotalFactura, string PersonaRecibe)
{
conexion.Open();
string sql = "insert into \"Factura\" values('" + NumFactura + "','" + FechaFactura + "','"
+ TotalFactura + "','" + PersonaRecibe + "');";
NpgsqlCommand command = conexion.CreateCommand();

command.CommandText = sql;
command.ExecuteReader();
conexion.Close();
return "OK";
}
}
}
6. Realizar la compilación, seleccionando la opción Build que se localiza al dar clic derecho sobre
el nombre del proyecto, el .dll se creará dentro de la carpeta de nuestro proyecto, en la ruta
ClsAsembliesPrueba/bin/Debug/.

7. Seleccionar la opción Assemblies en la sección Código en el menú Automatización y

Procesos.
8. Agregar un nuevo registro dando clic sobre Seleccionar archivo y cargar el Assembly que se
compiló anteriormente, adicionalmente ingresar una descripción.

9. Actualizar el registro dando clic sobre
10. Regresar al diseñador de procesos y agregar un control tipo Script, dando clic sobre el icono
, arrastrándolo sobre el área de diseño.
11. Modificar el nombre con el valor Ingresar Factura dando doble clic sobre el texto.

12. Pulsar sobre el icono

de la propiedad Tipo.
13. Seleccionar la opción Código en el campo Tipo.
14. Dar clic sobre el icono

para definir una expresión.
15. Seleccionar TIPO DEVOLUCION como String.
16. Pulsar el botón de la propiedad Expresión para definir el código que se ejecutará en esta
actividad, en la ventana popup ingresar la expresión
“ClsAsembliesPrueba.Class1.ingresar(<numero factura>, <fecha factura>, <total factura>,
<persona recibe>)” donde se debe reemplazar los parámetros por los campos del formulario
seleccionándolos del listado que se encuentra en la parte superior de la ventana y pulsando el
botón de Agregar.
17. Pulsar el botón Probar y posteriormente el botón Aceptar.

18. Pulsar el botón Aceptar en la ventana TIPO.
19. Enlazar el control Script luego de la actividad Procesar Factura.
20. Guardar los cambios realizados dando clic sobre

.

REVISIÓN DE MODIFICACIONES
DEL FORMULARIO Y DEL
PROCESO
Módulo IV
REVISIÓN DE MODIFICACIONES DEL FORMULARIO Y DEL PROCESO 127

4.1 Revisión de cambios formulario e impresión

1. Seleccionar del menú principal la opción PORTAL.
2. En el menú del lado izquierdo de la pantalla, escoja NUEVO.
3. Escoger el proceso Compras que se encontrará dentro del grupo Departamento de Compras
asignado.
4. Visualizar la sección que se agregó en el formulario.
5. Enviar el formulario pulsando sobre el ícono
y dando clic en Aceptar del mensaje de confirmación.
6. Seleccionar la impresora y pulsar el botón de Aceptar.


4.2 Revisión de cambios formulario y mail
1. Ir al Listado de TAREAS PENDIENTES mediante el menú de Pendientes.
2. Visualizar en esta actividad que ya se genera el Número de Trámite automáticamente.
3. Ingresar los datos de la sección Aprobar Solicitud de Compra, se selecciona la opción de no

aprobación de la solicitud y tratar de enviar el formulario sin ingresar datos en el campo de
Comentario Negado.
4. El campo Comentario Negado estará en obligatorio si no se aprueba la solicitud.
5. Modificar el valor del campo Aprobado a ‘si’ para que continúe el trámite por la rama del SI y
pulsar el ícono de enviar el formulario.
6. Revisar el correo, donde se podrá verificar si el mail que se creó anteriormente, fue enviado
exitosamente.


4.3 Revisión de subproceso

1. Continuar con la siguiente actividad que en este caso sería la primera del subproceso que es
Ingreso Datos, revisar algunos de los datos de este formulario que se han llenado
automáticamente con la información del anterior y llenar los faltantes.
2. Seleccionar el icono de Enviar Formulario.
3. Revisar los datos de seguimiento de trámite y verificar los íconos pintados de color verde y de
azul para saber las actividades que ya se realizaron y donde se encuentra actualmente el
trámite.


4. Dar doble clic sobre la imagen del subproceso dentro del detalle de actividades, para así poder
dar seguimiento a las actividades del subproceso.
5. Continuar con la siguiente actividad que es Revisar Control.
6. Mostrar el detalle de seguimiento de trámite, una vez concluido las secciones del subproceso.


4.4 Revisión de webservice
1. Instalar y ejecutar como administrador la herramienta para depuración remota sobre Visual
Studio.
2. Seleccionar Options sobre la pestaña Tools
3. Configurar parámetros de conexión remota como se indica.

4. Verificar el estado de escucha del servidor.
5. En Visual Studio ir sobre la pestaña Tools y sobre Options, luego marcar la casilla para
habilitar el Framework .NET en la opción General de la propiedad Debugging

6. Seleccionar la carpeta del proyecto que se compiló, en la opción Symbols de Debugging y

aceptar los cambios dando clic sobre OK.

7. Adjuntar al proceso del WebService del servidor

8. Colocar un break point en Visual Studio y asegurarse que se esté ejecutando el WebService.
9. Ingresar una nueva solicitud en el Sistema COBUS BPM y hacer fluir la misma hasta el paso
del WebService donde debe parar en el break point agregado.
Al seleccionar el icono de Enviar Formulario se mostrará lo siguiente:

10. Comprobar los parámetros ingresados.
11. Pulsar F5 para que continué la ejecución al Sistema y revisar que los datos se hayan exportado
a la tabla.
12. Continuar con las siguientes secciones que son: Solicitar Cotización, Recibir Cotización,
Aprobar Cotización y Recibir Productos.

4.5 Revisión de código

Ahora vamos a revisar el correcto funcionamiento del nodo de código, igual que en el webservice
podemos también hacer un debug del assembly para verificar posibles errores, por lo tanto en
Visual Studio vamos a abrir el código del assembly y asociarlo al proceso que va a ejecutar ese
assembly. Para poder asociarlo es necesario que el assembly no haya tenido cambio alguno, se
recomienda que se compile nuevamente el assembly y se lo coloque en las carpetas bin del motor
del BPM y de interfaces para asegurarse de que el código es el mismo que el que está en
ejecución.
1. Copiar el archivo .dll y .pdb de la solución compilada en el servidor.
2. Ingresar en Visual Studio, abrir la solución que contiene el código del assembly que se agregó,
colocar un breakpoint en la función y elegir del menú de Debug la opción Attach to Process
o Asociar al proceso.
3. Seleccionar el Proceso que será encargado de ejecutar nuestro assembly, en nuestro caso lo
está ejecutando el IIS.

4. Cargar la ruta del proyecto en donde se creó el archivo .pdb para la depuración.

5. Colocar un breakpoint en el Assembly de Visual Studio.
6. Para evitar un error de tiempo máximo de respuesta de ping por parte de IIS para la aplicación
cobusbpm, aumentar el tiempo a 300 segundos en la configuración avanzada de IIS.

7. Enviar el documento en el sistema COBUS BPM hasta la última actividad que es “Procesar
Factura”, luego de este se ejecutará el Assembly y deberá entrar al breakpoint colocado.
8. Comprobar los parámetros ingresados.
9. Continuar con la ejecución del assembly para que se ingresen los datos en la tabla creada y
revisarlos.

MONITOR DE PROCESOS
Módulo V
MONITOR DE PROCESOS 147
Permite pausar, continuar, terminar o reversar un trámite.
1. Ingresar un nuevo trámite y hacerlo fluir por varios pasos del proceso.
2. Seleccionar del menú principal la opción ADMINISTRACION.
3. En el menú del lado izquierdo de la pantalla, escoja PANEL.
4. Haga clic en Monitor.
5. Ingresar en los filtros el proceso que se requiere consultar, así como el trámite respectivo.
6. Pausar primero la instancia del proceso mediante el icono

, aquí se mostrará que el estado está actualmente Suspendido.
7. Reiniciar la instancia del proceso, dando clic sobre el icono

, se indicará nuevamente que el trámite se envió exitosamente y el Estado regresará a Pendiente.

8. Visualizar que el trámite se envió de forma exitosa.
9. Seleccionar el icono
. para regresar a un paso anterior del trámite.
10. Elegir el icono de Regresar a este paso
en la actividad Aprobar Solicitud de Compra.

MONITOR DE PROCESOS 149
11. Visualizar que el trámite se envió de forma exitosa.
12. Terminar la instancia de proceso

, donde este finalizará definitivamente y no podrá realizarse ningún cambio.

INCORPORACIÓN DE CÓDIGO
JAVA
Módulo VI
INCORPORACIÓN DE CÓDIGO JAVA 151

6.1 Creación del jar con java

1. Crear un nuevo proyecto en eclipse llamado DBPostgres y dentro del proyecto un paquete de
nombre com.cobus.postgres y dentro del paquete una clase de nombre manejador con el
siguiente código, que permite la gestión de la base de datos.
package com.cobus.postgres;
import java.sql.*;
public class manejador
{
public static int Update(String sql,String urlconexion,String user,String pwd) throws Exception
{
//1 carga de la clase del driver
Class.forName("org.postgresql.Driver");
//2 crear el objeto conexion
Connection con=DriverManager.getConnection(urlconexion,user,pwd);
//3 crear el objeto consulta
Statement stmt=con.createStatement();
//4 ejecutar consulta
Integer afectados = stmt.executeUpdate(sql);
//5 cerrar la conexion
con.close();
return afectados;
}
}
2. Crear dos carpetas dentro del proyecto como se indica, en la carpeta librerías se especifica
las librerías referenciadas del proyecto y en publicaciones el jar que se exportara para subir al
sistema bpm.
3. Copiar el driver de postgres dentro de la carpeta librerías.
4. Dar clic derecho sobre la carpeta librerías en eclipse y actualizar pulsando sobre Refresh
5. Verificar la librería agregada
6. Clic derecho sobre el jar y sobre la opción Build Path seleccionar la subopcion Add to Build
Path

7. Verificar la existencia de la librería en la sección Referenced Libraries
8. Guardar y dar clic derecho sobre el proyecto para seleccionar la opción Export
9. Seleccionar JAR file dentro de la carpeta Java y dar clic sobre Next para continuar con la
exportación
10. Seleccionar la clase manejador para exportar
11. Seleccionar la carpeta donde se exportará el jar, esta es la carpeta publicaciones de nuestro
proyecto y el nombre asignado será manejador.
12. Dejar los demás parámetros por defecto y hacer clic sobre el botón Finish para finalizar la
exportación.

13. Verificar la creación del jar que se exportó, debe estar dentro de la carpeta publicaciones del
proyecto.
14. Crear un nuevo proyecto con el nombre ingreso, paquete com.cobus,ingreso y con una
clase factura
15. En la clase factura agregar el siguiente código
package com.cobus.ingreso;
import java.text.SimpleDateFormat;
import com.cobus.postgres.manejador;
public class factura

{
//Para poder hacer depuracion por medio de mensajes
static String sms="";
public static String ingresar(String NumFactura, String FechaFactura, String TotalFactura,
String PersonaRecibe)
{
try {
sms += "Parametros recibidos: "+NumFactura+", "+FechaFactura+",
"+TotalFactura+", "+PersonaRecibe+"\n";
//conversion de formato de fecha
SimpleDateFormat format = new SimpleDateFormat("dd'/'MM'/'yyyy");
java.util.Date parsed=null;
parsed = format.parse(FechaFactura);
java.sql.Date fechafact = new java.sql.Date(parsed.getTime());
//conexion con la base de datos
String urlconexion = "jdbc:postgresql://201.238.150.30:5432/Compras";
String user = "postgres";
String pwd = "admin";
String sql = "insert into \"Factura\" values('" + NumFactura + "','" + fechafact + "','" +
TotalFactura + "','" + PersonaRecibe + "');";
manejador.Update(sql, urlconexion, user, pwd);
} catch (Exception ex) {
sms += "Error:\n"+"Message: "+ex.getMessage()+"\n"+"Detalle: "+ex.toString()
+"\n";
return sms;
}
return "OK";
}
}

16. Crear las carpetas librerías y publicaciones dentro del proyecto
17. Agregar las librerías a utilizar en la carpeta librerías, la primera será el driver de postgres y la
segunda el jar que exportamos anteriormente llamado manejador.
18. Agregar al path del proyecto cada librería, para esto hacer clic sobre cada jar y seleccionar la
subopcion Add to Build Path que está dentro de la opción Build Path.
19. Verificar si se agregaron los jars en la sección Referenced libraries del proyecto.
20. Exportar el proyecto a formato jar dentro de la carpeta publicaciones.
22. En el menú del lado izquierdo de la pantalla, escoja CODIGO.
23. Dar clic sobre el icono de Jars.
24. En la sección MANTENIMIENTO DE JARS hacer clic sobre el icono

para agregar el jar al sistema
25. Clic sobre Seleccionar archivo y subir el jar del driver de la base de datos y presionar sobre el
icono
26. Agregar el siguiente jar que será manejador
27. Agregar una referencia al driver de postgres que se subió anteriormente dando clic sobre el
icono
en la sección REFERENCIA y seleccionar el jar que representa al driver de postgres.

28. Dar clic sobre

para guardar la referencia asignada y verificar si ha sido agregado.
29. Dar clic sobre

en la sección de la lista de jars para guardar los cambios y verificar los jars agregados.
30. Agregar el jar ingresar y dos referencias, una al driver de postgres y otra al manejador de
postgres como se indica.

6.2 Modificación del proceso para aplicación del jar de java

3. Modificar el proceso Compras, para ello dar clic sobre

para levantar el diseñador de procesos.
4. Clic sobre el elemento Ingresar Factura
5. Clic sobre el icono

dentro de la propiedad Tipo de Implementación
6. Dar clic sobre

del campo Valor para modificar la expresión.
7. Copiar la expresión: com.cobus.ingreso.factura.ingresar({Cabecera193.txtnumerofact},

({Cabecera193.txtfechafact}.Value).ToString("dd/MM/yyyy"), {Cabecera193.txttotalfact},

{Cabecera193.txtpersonarecprod}) dentro de la sección expresión.
8. Dar clic sobre el botón probar para validar la expresión
9. Guardar los cambios dando clic sobre el botón aceptar en las ventanas emergentes
EXPERSIONES y TIPO.
10. Guardar el proceso dando clic sobre

en el diseñador de procesos y cerrar la ventana.
11. Empezar un nuevo trámite en el proceso compras dentro del módulo portal.
12. Continuar con el tramite hasta el proceso Procesar Factura e ingresar datos para procesar la
factura
13. Enviar el documento y verificar la ejecución del jar recibiendo un mensaje satisfactorio.


ANEXOS
Módulo VII

ANEXOS 163
7.1 Parametrización de cuentas de correo

En la sección de constantes se establecen los valores del servidor de correo.
•ServidorMail: Servidor de mail de la cuenta de correo que utilizará COBUS BPM.

•FromMail: Cuenta de correo desde la cual se enviará el mail.
•MailNombreUsuario: Nombre de usuario con el que se conectará al servidor de mail.
•MailPassword: Password de la cuenta.
•MailRequiereAutentificacion: Si el servidor de mail requiere autentificación deberá tener el
valor 1 caso contrario 0.
•MailUsarSSL. Si el servidor de correo usa SSL deberá tener el valor 1 sino 0.
•MailValidarCertDig. En caso de que el servidor de correo requiera la validación de un
Certificado Digital se deberá poner el valor 1 caso contrario 0.
•MailDominio: Si está dentro de un dominio se lo debe indicar con esta constante.
•PuertoMail: Puerto del servidor de SMTP.

7.2 Uso de funciones, assemblies o webservices

A continuación se procede a describir algunas consideraciones que deben tener en cuenta para
que el programador pueda escoger la manera más adecuada de insertar código en el BPM.
Como punto de partida debemos revisar los estándares del cliente y a seguir en el proyecto.
1. WEBSERVICES
Pros
No importa el tipo de tecnología en la que se realizan, pueden ser consumidos por
cualquier herramienta de programación.
Permiten generar buses de servicios para que sean consumidos por otras
aplicaciones.
Necesarios en una arquitectura SOA.
Contras
Más lento con respecto al uso de Funciones o Assemblies.
Para modificar su código se necesita compilar nuevamente el proyecto y subirlo al
servidor web.
2. FUNCIONES
Pros
Mayor rapidez que los WebServices.
Su código es fácilmente modificable desde las interfaces del BPM.
Contras
No permite realizar depuraciones.
El código está a la vista de cualquier usuario que tenga permisos de administrador.
Es una herramienta propia de COBUS BPM por lo que no permite que sea expuesto o
reutilizable para otras aplicaciones.
3. ASSEMBLIES
Pros
Mayor rapidez que los WebServices.
Si permite realizar depuraciones mientras se ejecuta el BPM para encontrar problemas
de programación.
Contras
Para modificar su código se necesita compilar nuevamente el proyecto y subirlo al
BPM.
Los assemblies corresponde a una tecnología propietaria de una casa comercial por lo
que solo podrán ser utilizados por las herramientas de programación de la misma.
RESUMEN
Depende principalmente de los estándares del cliente, para casos que se tenga la libertad de
seleccionar la tecnología se recomienda el uso de Assemblies en la mayoría de métodos que
permiten una ejecución rápida de los formularios y los procesos además brindando opciones
de depuración para una programación más fácil.
Los métodos donde su código vaya a tener cambios durante el tiempo de vida de los procesos
se deberían crear como funciones que permiten una fácil modificación del mismo.

ANEXOS 165
En el caso en que el cliente posea estándares de programación con arquitectura SOA se

recomienda crear en WebServices solamente los métodos que podrán ser consumidos por
varias aplicaciones y el resto crearlos como assemblies o funciones dependiendo del caso.

6.2 Taller Automatizacion de Procesos Con COBUSBPM

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

6.2 Taller Automatizacion de Procesos Con COBUSBPM

Cargado por

Copyright:

Formatos disponibles

Taller de automatización de

procesos con COBUS BPM

© 2018 COBUS CIA LTDA

En el siguiente taller se realizará un ejemplo de la automatización de un proceso de compras de

Impreso: enero 2018 en (Cuenca, Ecuador)

Módulo I DISEÑO DE FORMULARIO Y PROCESO 7

Módulo II EJECUCIÓN DE TRÁMITE 55

Módulo III MODIFICACION DEL FORMULARIO Y DEL

Módulo IV REVISIÓN DE MODIFICACIONES DEL

Módulo V MONITOR DE PROCESOS 147

Módulo VI INCORPORACIÓN DE CÓDIGO JAVA 151

© 2018 COBUS CIA LTDA

Módulo VII ANEXOS 162

© 2018 COBUS CIA LTDA

© 2018 COBUS CIA LTDA

1.1 Descripción del proceso

Pasos para llevar a cabo las actividades de compra:

1. Registrar solicitud de compra (8 horas).

© 2018 COBUS CIA LTDA

1.2 Ingreso a la herramienta de creación de formularios

2. En el menú del lado izquierdo de la pantalla, escoja FORMULARIOS.

3. Haga clic en Mantenimiento y Diseño.

© 2018 COBUS CIA LTDA

1.3 Creación del formulario

para guardar, o cancele mediante

3. Ingresar al diseño de formularios:

© 2018 COBUS CIA LTDA

6. Seleccionar tres veces el control

12. Señalar el control multilínea y modificar el ID con el valor: mltjusti.

© 2018 COBUS CIA LTDA

14. Agregar el control

15. Seleccionar la tabla de datos y modificar la propiedad Columnas con el valor 4.

18. Agregar controles de Texto en cada columna de la tabla de datos.

19. Poner el ID para cada control: txtproducto, txtcantidad, txtprecioaprox, txttotalaprox.

20. Modificar la propiedad Tipo a Entero para el control txtcantidad.

21. Cambiar en los controles txtprecioaprox y txttotalaprox la propiedad Tipo a Doble.

© 2018 COBUS CIA LTDA

26. Agregar 4 etiquetas en cada fila de la primera columna de la tabla HTML.

© 2018 COBUS CIA LTDA

© 2018 COBUS CIA LTDA

33. Colocar un nuevo ítem pulsando el ícono

34. Continuar agregando ítems siguiendo el proceso anterior.

© 2018 COBUS CIA LTDA

Aquí se va a realizar una multiplicación entre txtcantidad por el txtprecioapr.

38. Seleccionar de la sección CAMPOS POR FORMULARIO la opción: (T)tabladatos1.(C)

© 2018 COBUS CIA LTDA

© 2018 COBUS CIA LTDA

selecciona el Texto Total Orden Aprox, y se elige el icono

44. Enviar el campo elegido a la sección de EXPRESIÓN y Probar la misma.

© 2018 COBUS CIA LTDA

47. Modificar el estilo de la etiqueta cambiando el valor de la propiedad CssClass a Titulo.

© 2018 COBUS CIA LTDA

50. Seleccionar cada una de las celdas de las secciones creadas.

© 2018 COBUS CIA LTDA

53. Agregar dos controles Etiquetas en la primera columna.

54. Colocar los controles de Selección y Multilínea en la segunda columna.

© 2018 COBUS CIA LTDA

56. Modificar la propiedad ID para los controles de Selección y Multilínea.

57. Guardar los cambios al formulario pulsando el ícono

58. Cerrar el diseñador de formularios pulsando el icono

59. Ir al Menú FORMULARIOS.

© 2018 COBUS CIA LTDA

61. Pulsar el botón de

63. Dar clic en el botón