Toggle navigation
Centro de Ayuda
Precios
Contáctanos
Blog
Tutorial de Q-flow
<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection2"> <h1><a name="_Toc106435884"></a><a name="_Toc92531031"></a><a name= "_Toc92259326"></a><a name="_Toc92258893"></a><a name= "_Toc92181714"></a><a name="_Toc92181555"></a><a name= "_Toc92180943"></a><a name="_Toc91588610"></a><a name= "_Toc91495571"></a><a name="_Toc91495311"></a><a name= "_Toc91495167"></a><a name="_Toc91495092"></a><a name= "_Toc61592562"><span lang="ES" xml:lang= "ES">Objetivo</span></a></h1> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El objetivo de este documento es introducir al usuario a la utilización de Q-flow mediante un ejemplo práctico en el que se explica paso a paso cómo diseñar y ejecutar un proceso simple en Q-flow.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para seguir este tutorial, es necesario tener instalado Q-flow. Si no lo tiene instalado en su equipo, instálelo utilizando el instalador Express. El manual de la instalación Express explica cómo hacerlo.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Por explicaciones más detalladas acerca de los temas aquí presentados y otros temas, puede consultar en los manuales de Q-flow.</span></p> <h1><a name="_Toc61592563"></a><a name="_Ref504636763"><span lang= "ES" xml:lang="ES">Descripción del proceso</span></a></h1> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El proceso que implementaremos con Q-flow es un proceso de autorización de gastos. Los actores del proceso son los siguientes:</span></p> <p class="MsoNormalCxSpMiddle" style= 'margin-top:6.0pt;margin-right:0cm; margin-bottom:6.0pt;margin-left:35.7pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Solicitante:</span></b> <span lang="ES" xml:lang="ES">es quien solicita la autorización de gastos y por lo tanto el iniciador del proceso de negocio.</span></p> <p class="MsoNormalCxSpMiddle" style= 'margin-top:6.0pt;margin-right:0cm; margin-bottom:6.0pt;margin-left:35.7pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Encargado de compras:</span></b><span lang="ES" xml:lang="ES">es la primera persona encargada de aprobar o rechazar el gasto solicitado por el solicitante y la única en casos en los cuales el monto sea menor a 500 dólares.</span></p> <p class="MsoNormal" style= 'margin-top:6.0pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:35.7pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Gerente de compras:</span></b> <span lang="ES" xml:lang="ES">es la segunda persona encargada de aprobar o rechazar el gasto solicitado en casos en los cuales el monto sea mayor o igual a 500 dólares.</span></p> <p class="MsoNormal" style= 'margin-top:6.0pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:35.7pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Director:</span></b> <span lang= "ES" xml:lang="ES">es, junto al gerente de compras, encargado de aprobar o rechazar el gasto solicitado en los cuales el monto sea mayor o igual a 1000 dólares.</span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-36.0pt'><span lang="ES" xml:lang= "ES">El proceso es iniciado por el solicitante, quien ingresa la solicitud de autorización de gastos. En el ingreso de dicha solicitud, el solicitante especifica la razón de la compra, cuales son los productos y el monto del gasto que pretende realizar para cada uno de ellos. Además, puede adjuntar una imagen de cada producto.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">La solicitud de gastos debe ser aprobada por diferentes personas dependiendo del monto del gasto. Si el monto total no es superior a 500 dólares, sólo se necesita la aprobación del encargado de compras. En caso de que éste exceda los 500 dólares, se necesita además la aprobación del gerente de compras y</span> <span lang="ES-UY" xml:lang= "ES-UY">si el monto es superior</span> <span lang="ES" xml:lang= "ES">a 1000 dólares, también deberá ser aprobado por el director.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En cualquiera de las aprobaciones, si el tiempo de respuesta es mayor a 24 horas, se considera que la solicitud fue rechazada.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En cualquier caso, se debe notificar mediante un e-mail al solicitante cual fue el resultado de su solicitud.</span></p> <h1><a name="_Toc61592564"><span lang="ES" xml:lang="ES">Diseño del proceso</span></a></h1> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para diseñar el proceso usaremos el Diseñador Web.</span></p> <h2><a name="_Toc61592565"></a><a name="_Toc405826321"><span lang= "ES" xml:lang="ES">Ingreso al Diseñador</span></a> <span lang="ES" xml:lang="ES">Web</span></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Al ingresar por primera vez al Diseñador Web (por defecto</span> <a href= "http://localhost/QflowBPMWeb"><span lang="ES" xml:lang= "ES">http://localhost/QflowBPMWeb</span></a><span lang="ES" xml:lang="ES">), aparece una ventana como la que se puede ver en la</span> <span lang="ES" xml:lang="ES">Figura 1</span><span lang= "ES" xml:lang="ES">. Esta ventana permite iniciar su sesión en el servidor de Q-flow:</span></p> <p class="MsoNormal" style= 'margin-top:0cm;margin-right:0cm;margin-bottom:0cm; margin-left:35.7pt;margin-bottom:.0001pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Nombre de usuario:</span></b> <span lang="ES" xml:lang="ES">Aquí debe estar el nombre de usuario que su organización le asignó.</span></p> <p class="MsoNormal" style= 'margin-top:0cm;margin-right:0cm;margin-bottom:0cm; margin-left:35.7pt;margin-bottom:.0001pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" style='font-family:Symbol' xml:lang= "ES">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span lang="ES" xml:lang="ES">Contraseña:</span></b> <span lang= "ES" xml:lang="ES">Aquí debe introducir su contraseña privada para iniciar sesión en Q-flow.</span></p> <p class="MsoNormal" style= 'margin-top:0cm;margin-right:0cm;margin-bottom:0cm; margin-left:35.7pt;margin-bottom:.0001pt;line-height:normal'> <span lang="ES" xml:lang="ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez ingresados estos campos, haga clic en entrar para iniciar sesión en el Diseñador Web.</span></p> <p class="MsoNormal" align="left" style= 'margin-bottom:0cm;margin-bottom:.0001pt; text-align:left;line-height:normal'> <span lang="ES" xml:lang="ES">También permite autenticarse con cuenta de Microsoft y Google (sólo en caso de que el usuario exista en el sistema de Q-flow). Si estas opciones no aparecen, puede ver el manual de “Instalación y configuración” para configurarlas.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Adicionalmente, tiene la opción de elegir la instancia en donde el usuario iniciará sesión, para ello debe hacer clic en el botón <i>“Cambiar”</i> (</span><span lang="ES" xml:lang="ES">Figura 1</span><span lang= "ES" xml:lang="ES">). Si esta opción no aparece, puede ver el manual de “Administración y monitoreo del sistema” para configurarlo.</span></p> <p class="MsoNormal" style='page-break-after:avoid'><img width= "335" height="294" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image007.jpg" align= "left" hspace="12" alt="image" /><img width="337" height="290" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image008.jpg" align= "left" hspace="12" alt="image" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233456"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">1</span> <span lang="ES" xml:lang="ES">Iniciar sesión (izquierda) y selección de Tenant (derecha)</span></p><br><br> <p class="MsoBodyText"><span lang="ES" xml:lang="ES">Cuando ingresa por primera vez, en la parte inferior aparecerá un cartel informando sobre el uso de cookies (</span><span lang="ES-US" xml:lang="ES-US">Figura 2</span><span lang="ES" xml:lang="ES">). Puede ver la información de las cookies utilizadas haciendo clic en “<i>política de cookies</i>”. Si el usuario continua navegando por el sitio, se asumirá que acepta las cookies. Para cerrar el mensaje y que no se vuelva a mostrar, el usuario debe apretar el botón “Aceptar”.</span></p> <p class="MsoBodyText" style='page-break-after:avoid'><img border= "0" width="616" height="287" id="Picture 13" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image009.jpg" alt= "image" name="Picture 13" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref60913711"></a><a name="_Ref60913731"><span lang= "ES-US" xml:lang="ES-US">Figura</span></a> <span lang="ES-US" xml:lang="ES-US">2</span> <span lang="ES" xml:lang="ES">Página principal del BPM</span></p> <p class="MsoCaption"><span lang="ES" xml:lang= "ES"> </span></p> <h2><a name="_Toc405826322"></a><a name="_Toc61592566"><span lang= "ES" xml:lang="ES">Creación de la plantilla de proceso</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para crear una plantilla de proceso:</span></p> <p class="MsoNormalCxSpMiddle" style= 'margin-top:6.0pt;margin-right:0cm; margin-bottom:6.0pt;margin-left:35.7pt;text-indent:-17.85pt;line-height:normal'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic con el botón derecho del ratón sobre un paquete en el explorador de soluciones, que se encuentra a la izquierda de la pantalla. Inicialmente, el explorador de soluciones se encuentra oculto, puede abrirlo haciendo clic en el ícono</span> <img border="0" width="15" height= "16" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image010.png" alt= "image" /><span lang="ES" xml:lang="ES">. Si recién está empezando a trabajar con Q-flow, el único paquete disponible es el paquete Raíz.</span></p> <p class="MsoNormal" align="left" style= 'text-align:left;page-break-after:avoid'><a name= "_Ref503947261"><span lang="ES" xml:lang="ES">En el menú contextual que se muestra, seleccionar la opción “Agregar sub paquete” (</span></a><span lang="ES-UY" xml:lang="ES-UY">Figura 3</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="left" style= 'text-align:left;page-break-after:avoid'><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoCaption" align="center" style= 'text-align:center;page-break-after: avoid'><a name= "_Ref364938724"><img border="0" width="239" height="386" id= "Picture 27" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image011.png" alt= "image" name="Picture 27" /></a></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref27727917"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">3</span> <span lang="ES-UY" xml:lang="ES-UY">Explorador de soluciones y menú para agregar un nuevo sub paquete</span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang= "ES-UY"> </span></p> <ol style='margin-top:0cm' start="2" type="1"> <li class="MsoNormalCxSpFirst" style= 'margin-top:6.0pt;margin-bottom:6.0pt; line-height:normal'> <span lang="ES" xml:lang="ES">Ingrese el nombre (para este ejemplo usaremos el nombre “Tutorial”) y si lo desea una breve descripción del paquete y haga clic en el tic que se encuentra arriba a la derecha del panel.</span></li> <li class="MsoNormalCxSpMiddle" style= 'margin-top:6.0pt;margin-bottom:6.0pt; line-height:normal'> <span lang="ES" xml:lang="ES">Haga clic con el botón derecho del ratón sobre el sub paquete que recién creó en el explorador de soluciones.</span></li> <li class="MsoNormalCxSpLast" style= 'margin-top:6.0pt;margin-bottom:6.0pt; line-height:normal'> <span lang="ES" xml:lang="ES">En el menú contextual que se muestra, seleccionar la opción “Agregar plantilla de proceso” (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 4</span><span lang="ES" xml:lang="ES">).</span></li> </ol> <p class="MsoBodyText"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoCaption" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "231" height="385" id="Picture 11" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image012.jpg" alt= "image" name="Picture 11" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503947975"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">4</span> <span lang="ES-UY" xml:lang="ES-UY">Explorador de soluciones y menú para agregar una nueva</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span></p> <ol style='margin-top:0cm' start="5" type="1"> <li class="MsoNormalCxSpFirst" style='text-align:left'><span lang= "ES" xml:lang="ES">Se mostrará un formulario como el de la</span> <span lang="ES" xml:lang="ES">Figura 5</span><span lang="ES" xml:lang="ES">. Seleccione “Plantilla BPMN vacía” e ingrese el nombre y, si lo desea, una breve descripción del proceso.</span></li> <li class="MsoNormalCxSpLast" style='text-align:left'><span lang= "ES" xml:lang="ES">Haga clic en el botón “Aceptar” del formulario.</span></li> </ol> <p class="MsoCaption" align="center" style='text-align:center'> <span lang="ES-UY" xml:lang="ES-UY"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES-UY" style='font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES-UY"> </span><span style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black'><img border="0" width="177" height="233" id="Picture 21" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image013.jpg" alt= "image" name="Picture 21" /></span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233491"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">5</span> <span lang="ES" xml:lang="ES">Crear una</span> <span lang="ES-UY" xml:lang="ES-UY">nueva</span> <span lang="ES" xml:lang= "ES">plantilla de proceso</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">Luego de hacer esto veremos que apareció en el explorador de soluciones una plantilla de proceso con el nombre que ingresamos. La misma se muestra debajo del paquete sobre el que hicimos inicialmente clic con el botón derecho.</span> <span lang="ES" xml:lang="ES">Debajo de esta</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span> <span lang="ES" xml:lang="ES">hay también una versión de plantilla que se llama “1.0”, la cual se creó automáticamente con la</span> <span lang="ES" xml:lang= "ES">plantilla de proceso</span><span lang="ES" xml:lang="ES">. La</span> <span lang="ES" xml:lang="ES">Figura 6</span> <span lang= "ES" xml:lang="ES">muestra el explorador de soluciones luego de haber sido creado la</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="168" height="0"></td> </tr> <tr> <td></td> <td><img width="280" height="138" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image014.png" alt= "Title: Nueva plantilla de proceso creada" /></td> </tr> </table> <br clear="all" /> <span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="EN-US"> </span><span lang="EN-US" style= 'font-size:0pt;line-height:107%; font-family:"Times New Roman",serif;color:black;border:none black 1.0pt; padding:0cm;background:black;layout-grid-mode:line' xml:lang="EN-US"> </span> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233506"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">6</span> <span lang="ES" xml:lang="ES">Nueva plantilla de proceso creada</span></p> <h2><a name="_Toc61592567"><span lang="ES" xml:lang="ES">Pasos del proceso</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Nuestro objetivo, ahora que ya hemos creado una</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span> <span lang="ES" xml:lang= "ES">con su respectiva versión, es editar esta última para crear el proceso que definimos en la sección</span> <span lang="ES" xml:lang="ES">Descripción del proceso</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para editar una versión de</span> <span lang="ES" xml:lang="ES">plantilla</span> <span lang="ES" xml:lang="ES">es necesario primero desprotegerla. Al desprotegerla, el usuario se asegura de que es el único que le está realizando modificaciones. Para desproteger la versión de la plantilla:</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic con el botón derecho en la versión de</span> <span lang="ES" xml:lang= "ES">plantilla</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="left" style= 'margin-left:35.7pt;text-align:left; text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione “Desproteger”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El ícono de la versión de plantilla cambiará para mostrar que la versión de plantilla ha sido desprotegida, como se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 7</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="182" height="0"></td> </tr> <tr> <td></td> <td><img width="254" height="99" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image015.png" alt= "Title: Versión de plantilla desprotegida" /></td> </tr> </table> <br clear="all" /> <span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="EN-US"> </span> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233519"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">7</span> <span lang="ES" xml:lang="ES">Versión de</span> <span lang="ES" xml:lang="ES">plantilla</span> <span lang="ES" xml:lang= "ES">desprotegida</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El diseño de proceso es el diagrama que representa el proceso de negocio. Está compuesto por pasos y conexiones entre estos pasos, que determinan el orden en que éstos deberían darse en un proceso. Para ver el diseño de proceso, haga doble clic sobre la versión de la plantilla.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Entonces se abrirá un documento con el nombre de la</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span> <span lang="ES" xml:lang= "ES">y de la versión. Este documento ya contiene dos pasos: un paso de inicio y un paso de fin (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura 8</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="38" height="0"></td> </tr> <tr> <td></td> <td><img width="551" height="76" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image016.png" alt= "Title: Diagrama de una nueva plantilla de proceso " /></td> </tr> </table> <br clear="all" /> <span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="EN-US"> </span> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504396028"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">8</span> <span lang="ES-UY" xml:lang="ES-UY">Diagrama de una nueva</span> <span lang="ES" xml:lang="ES">plantilla de proceso</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para agregar pasos al documento de diseño de proceso disponemos de la barra de herramientas (</span><span lang="ES" xml:lang="ES">Figura 9</span><span lang="ES" xml:lang="ES">).</span> <span lang="ES-UY" xml:lang="ES-UY">La misma se encuentra</span> <span lang="ES" xml:lang="ES">en la zona izquierda del diseñador y para que se muestre por completo, se debe estar trabajando en una versión de plantilla desprotegida.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Un paso se puede agregar al documento, arrastrándolo desde la barra de herramientas al diagrama.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="65" height="571" id="Picture 33" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image017.png" alt= "image" name="Picture 33" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233534"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">9</span> <span lang="ES" xml:lang="ES">Barra de herramientas</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Existen muchos tipos de paso, pero para implementar el proceso que queremos, sólo necesitaremos algunos de ellos, que se describen a continuación.</span></p> <h3><a name="_Toc61592568"><span lang="ES" xml:lang="ES">Evento de inicio</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Un paso que es indispensable en todo proceso es el evento de “Inicio”. Este paso es el punto de entrada del proceso y como tal, sólo puede haber uno en el proceso. Representa el momento en que el usuario que inicia el proceso completa los datos necesarios para el inicio del</span> <span lang="ES-UY" xml:lang="ES-UY">mismo</span> <span lang="ES" xml:lang="ES">en el formulario web y da inicio al nuevo flujo. Cuando se crea una nueva</span> <span lang="ES" xml:lang= "ES">plantilla de proceso</span><span lang="ES" xml:lang="ES">, la nueva versión que se crea automáticamente incluye un evento de inicio.</span></p> <h3><a name="_Toc61592569"><span lang="ES" xml:lang="ES">Evento de fin</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Otro paso que es fundamental es el evento de “Fin”, el cual marca la finalización del proceso. Es posible tener más de un evento de fin en el proceso y utilizar cada uno para marcar un fin de proceso diferente. Por ejemplo, en nuestro proceso tenemos un “Fin aprobada” en que la solicitud de gasto es aprobada y un “Fin rechazada”, en que la solicitud es rechazada. Cuando se crea una nueva</span> <span lang= "ES" xml:lang="ES">plantilla de proceso</span><span lang="ES" xml:lang="ES">, ésta ya viene con un evento de fin, dado que todo proceso debe tener al menos uno.</span></p> <h3><a name="_Toc61592570"><span lang="ES" xml:lang="ES">Compuerta exclusiva</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una compuerta exclusiva sirve para evaluar condiciones del proceso y continuar por uno de los diferentes caminos posibles, según el resultado de la evaluación. En particular, en nuestro proceso puede utilizarse para evaluar el monto del gasto solicitado. En caso que dicho gasto sea menor a 500, deberá ser aprobado por el encargado de compras. Si el gasto se encuentra entre 500 y 1000, se necesitará una aprobación adicional del gerente general. Finalmente, si el gasto es mayor a 1000, la aprobación adicional debe ser realizada por el gerente general y por el director. También lo utilizaremos para evaluar las respuestas de los distintos participantes del proceso, quienes deciden si se aprueba o no el gasto.</span></p> <h3><a name="_Toc61592571"><span lang="ES" xml:lang="ES">Tarea de usuario</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una tarea de usuario permite interactuar con usuarios mediante el envío de una pregunta que debe ser respondida. La pregunta y las posibles respuestas a ella son definidas en el diseño del proceso. En nuestro proceso utilizaremos pasos de este tipo para preguntar al encargado de compras, gerente de compras y director si aprueban el gasto del solicitante.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Cuando una tarea de usuario define un vencimiento, es necesario incluir un evento temporizador de borde, a partir del</span> <span lang="ES-UY" xml:lang="ES-UY">cual,</span> <span lang="ES" xml:lang="ES">se definirá el flujo cuando dicho vencimiento se cumpla y se desee seguir un curso alternativo.</span></p> <h3><a name="_Toc61592572"><span lang="ES" xml:lang="ES">Tarea de notificación a usuario</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una tarea de notificación a usuario envía una notificación de Q-flow y en caso de estar correctamente configurado, un mensaje de correo electrónico a los usuarios. En el proceso que estamos implementando podemos usar estos pasos para notificar al solicitante el resultado de su solicitud.</span></p> <h3><a name="_Toc61592573"><span lang="ES" xml:lang="ES">Tarea de fórmula</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Un paso de fórmula permite asignarle valores a datos de aplicación y roles del proceso, dependiendo de una o más condiciones definidas dentro del mismo paso. En nuestro proceso utilizaremos pasos de este tipo para calcular el monto total de todas las líneas que haya introducido el solicitante y seleccionar qué personas deben aprobar o rechazar el gasto dependiendo del gasto.</span></p> <h2><a name="_Toc61592574"><span lang="ES" xml:lang="ES">Dibujo del proceso</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para dibujar el proceso se empieza por arrastrar desde la barra de herramientas al documento de diseño del proceso los pasos que se van a utilizar y conectar estos pasos.</span> <span lang="ES" xml:lang="ES">Esto nos lleva a implementar el proceso de manera “left-right” o de izquierda a derecha: primero construimos el esqueleto del proceso, dejando los detalles para después.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">La plantilla del proceso que se creó ya incluye un</span> <span lang="ES-UY" xml:lang="ES-UY">evento</span> <span lang="ES" xml:lang="ES">de inicio, de modo que no es necesario agregar uno. Pero podemos cambiarle el nombre a “Solicitar gasto”, haciendo doble clic en el nombre. También es posible cambiarlo en la ventana de propiedades (</span><span lang="ES-US" xml:lang="ES-US">Figura</span> <span lang="ES" xml:lang="ES">10</span><span lang="ES" xml:lang= "ES">). Esta ventana se abre al hacer doble clic en el</span> <span lang="ES-UY" xml:lang="ES-UY">evento</span> <span lang="ES" xml:lang="ES">de inicio. Para guardar los cambios en dicha ventana, debemos hacer clic en el ícono de tic.</span></p> <p class="MsoCaption" align="center" style='text-align:center'></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="170" height="0"></td> </tr> <tr> <td></td> <td><img width="295" height="301" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image018.png" alt= "Title: Ventana de propiedades" /></td> </tr> </table> <br clear="all" /> <a name="_Ref180233563"><span class= "MsoIntenseEmphasis"><span lang="ES-UY" style='font-style:normal' xml:lang="ES-UY">Figura</span></span></a> <span lang="ES" xml:lang= "ES">10</span> <span lang="ES" xml:lang="ES">Ventana de propiedades</span> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego, arrastramos una actividad desde la barra de herramientas al diagrama. Si se pone sobre la flecha que conecta el evento de inicio con el de fin, la tarea será la primera en ejecutarse una vez que se inicie el flujo. La</span> <span lang="ES" xml:lang= "ES">Figura 11</span> <span lang="ES" xml:lang="ES">muestra cómo queda el diagrama una vez conectados los pasos de inicio y la tarea.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "561" height="111" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image019.png" alt= "Title: Nueva actividad entre los eventos de inicio y de fin " /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503955104"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">11</span> <span lang="ES-UY" xml:lang="ES-UY">Nueva</span> <span lang="ES" xml:lang="ES">actividad</span> <span lang="ES-UY" xml:lang="ES-UY">entre los eventos de inicio y de fin</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Podemos renombrar la tarea en el momento que la agregamos al diagrama o haciendo doble clic sobre ella, en nuestro caso la llamaremos “</span><span lang="ES-UY" xml:lang="ES-UY">Calcular monto total” para poder identificarla más fácilmente cuando agreguemos más pasos al flujo</span> <span lang="ES-US" xml:lang= "ES-US">(</span><span lang="ES-US" xml:lang="ES-US">Figura 12</span><span lang="ES-UY" xml:lang="ES-UY">). El nombre que se asigna en la tarea se conserva una vez que se cambia el tipo.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "420" height="113" id="Picture 15" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image020.png" alt= "Title: Renombrar nombre de actividad" name="Picture 15" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504655281"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">12</span> <span lang="ES-UY" xml:lang="ES-UY">Renombrar nombre de actividad</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">A continuación, se cambiará la actividad por una tarea de fórmula, la cual se encargará de calcular el total del monto de todos los productos que el solicitante haya ingresado. Para hacer esto, se debe seleccionar la tarea mediante un clic. Esta acción abre una pequeña barra de herramientas con 4 íconos a la derecha de la tarea (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 13</span><span lang="ES" xml:lang="ES">). Al seleccionar la primera opción, se desplegará un menú con las distintas actividades disponibles en Q-flow (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura 14</span><span lang="ES" xml:lang="ES">). Al seleccionar “Tarea de fórmula”, veremos que aparece el ícono de dicha actividad y el nombre se actualiza.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "571" height="166" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image021.png" alt= "Title: Barra de herramientas de la actividad" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503953136"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">13</span> <span lang="ES-UY" xml:lang="ES-UY">Barra de herramientas de la</span> <span lang="ES" xml:lang= "ES">actividad</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "269" height="225" id="Picture 17" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image022.png" alt= "Title: Tipos de actividades disponibles en Q-flow 4.1" name= "Picture 17" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503965553"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">14</span> <span lang="ES-UY" xml:lang="ES-UY">Tipos de actividades disponibles en Q-flow 5.0</span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang="ES-UY">Luego, colocaremos una nueva actividad a continuación de la tarea de fórmula, la cual representará la aprobación por parte del encargado de compras y la nombraremos como “¿Aprueba encargado de compras?”. Para esto, cambiaremos el tipo de actividad por una tarea de usuario, de la misma forma que hicimos con el paso de fórmula anterior resultando en un diagrama similar al de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 15</span><span lang= "ES-UY" xml:lang="ES-UY">.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "546" height="106" id="Picture 23" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image023.png" alt= "Title: Diagrama con la tarea de usuario" name="Picture 23" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504655616"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">15</span> <span lang="ES-UY" xml:lang="ES-UY">Diagrama con la tarea de usuario</span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang="ES-UY">La aprobación del encargado de compras puede tener dos resultados: o bien la solicitud es aprobada y se continúa con el proceso, o bien la solicitud es rechazada y se debe notificar al solicitante y finalizar el proceso. Las diferentes ramas que el proceso puede tomar luego del paso, se evaluarán en base a la respuesta de la tarea de usuario. Para esto, es necesario crear una compuerta exclusiva.</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">Es posible que en este momento, no tengamos más espacio para seguir agregando pasos. El diseñador de procesos web permite desplazar uno o más ítems a la vez dentro del diagrama de varias maneras, en este caso, seleccionaremos el paso de fin y lo arrastraremos hacia la derecha para generar más espacio y así poder agregar nuevos pasos. Q-flow lo ayuda a mantener alineados los ítems mediante una línea naranja, pero usted puede decidir si desea mantenerlos de esta forma o desplazarlos hacia cualquier posición en el área de dibujo. Si desea seleccionar más de un paso, puede hacerlo manteniendo la tecla control apretada mientras hace clic en los distintos pasos. Otra forma de mover más de un paso a la vez, es con la herramienta de crear/eliminar espacio.</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">A continuación, crearemos la compuerta exclusiva. Este paso permite evaluar varias condiciones y decidir por qué camino debe continuar la ejecución del flujo, dependiendo de los resultados de las mismas. Para esto, se debe arrastrar el ícono de compuerta exclusiva desde la barra de herramientas al diagrama. A esta compuerta la nombraremos “¿Aprueba?” y lo haremos de la misma forma que nombramos el evento de inicio, haciendo doble clic en el nombre que aparece debajo del paso en el diagrama. El diagrama debería verse similar a la</span> <span lang="ES-UY" xml:lang= "ES-UY">Figura 16</span><span lang="ES-UY" xml:lang= "ES-UY">.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "616" height="123" id="Picture 29" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image024.png" alt= "Title: Diagrama luego de agregar compuerta exclusiva" name= "Picture 29" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504655947"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">16</span> <span lang="ES-UY" xml:lang="ES-UY">Diagrama luego de agregar compuerta exclusiva</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">Luego, veremos cómo especificar la respuesta que lleva a cada camino. Por ahora, nos limitaremos a trazar los caminos. Primero trazaremos el camino del rechazo de la solicitud. Este camino debe llevar a una tarea de notificación a usuario, que le envía un mensaje al solicitante, indicando que se rechazó su solicitud. Para crearla, debemos repetir el mismo proceso que con las actividades anteriores, agregando una actividad desde la barra de herramientas, renombrándola por “notificación a usuario” y cambiando el tipo de tarea por una de notificación. También debemos tener un evento de fin que finalice el proceso. Como ya tenemos el evento de fin que se crea automáticamente al crear el proceso, utilizaremos ése, aunque lo renombraremos como “Rechazo compra” para indicar que corresponde a la finalización de un proceso que terminó en un rechazo. En la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 17</span> <span lang="ES-UY" xml:lang="ES-UY"> vemos cómo va quedando nuestro proceso.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="97" id="Picture 18" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image025.png" alt= "Title: Proceso hasta la tarea de notificación a usuario por rechazo" name="Picture 18" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503966218"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">17</span> <span lang="ES-UY" xml:lang="ES-UY">Proceso hasta la tarea de notificación a usuario por rechazo</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">A continuación</span><span lang="ES" xml:lang="ES">, debemos trazar el camino del proceso para el caso en que el encargado de compras aprueba el gasto. En ese caso, la aprobación del gerente de compras y del director podrían ser necesarias, pero eso depende del monto del gasto. Es necesario evaluar entonces, mediante una nueva compuerta exclusiva, si el monto se encuentra entre 500 y 1000 dólares e incluir en la rama correspondiente otra tarea de usuario, que representa la aprobación del gerente de compras; o si el monto es mayor o igual a 1000 dólares, hacer una nueva rama en la que respondan tanto el gerente de compras como el director.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para crear una nueva rama saliente de la compuerta exclusiva, puede seleccionar dicha compuerta y hacer clic en la opción de compuerta exclusiva, esto creará una nueva compuerta exclusiva que se encontrará unida a la primera compuerta (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura 18</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "527" height="293" id="Picture 20" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image026.png" alt= "Title: Proceso con una nueva rama saliendo de la compuerta exclusiva" name="Picture 20" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503966334"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">18</span> <span lang="ES-UY" xml:lang="ES-UY">Proceso con una nueva rama saliendo de la compuerta exclusiva</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Agregamos al documento de diseño entonces, dos nuevas ramas. Cada una cuenta con un paso de fórmula, en los que luego asignaremos los destinatarios que deberán aprobar o rechazar el gasto dependiendo del monto. Para hacer esto, podemos seleccionar la compuerta exclusiva y elegir la opción “Agregar tarea” del menú contextual del paso. A estas tareas las llamaremos “Debe aprobar Gerente de compras” y “Deben aprobar gerente de compras y director”. También es posible agregarle nombre a las conexiones entre pasos haciendo doble clic en las flechas. A estas últimas dos las nombraremos “</span><span lang="ES-UY" xml:lang="ES-UY">Monto entre 500 y 1000</span><span lang="ES" xml:lang="ES">” y “Monto > 1000” respectivamente. El proceso debería ser similar al de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 19</span><span lang="ES" xml:lang= "ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img width="615" height= "285" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image027.png" alt= "Title: Proceso con nombres en las conexiones y 2 nuevas tares de fórmulas" /><br clear="all" /> </p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref503967689"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">19</span> <span lang="ES-UY" xml:lang="ES-UY">Proceso con nombres en las conexiones y 2 nuevas tares de fórmulas</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">En este punto del proceso, tal vez desee guardar los cambios de forma que no se pierda lo realizado hasta el momento en caso de alguna eventualidad. Podemos lograr esto haciendo clic en el ícono de guardar, localizado a la derecha del diagrama</span> <span lang= "ES" xml:lang="ES">(</span><span lang="ES" xml:lang="ES">Figura 20</span><span lang="ES-UY" xml:lang="ES-UY">). Adicionalmente, debajo del botón de guardar se encuentra el botón de exportar el diagrama, tanto como imagen o como archivo en notación BPMN.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><span lang="ES-UY" xml:lang="ES-UY"> </span><img border="0" width="41" height= "108" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image028.png" alt= "image" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504471379"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">20</span> <span lang="ES-UY" xml:lang="ES-UY">Botones de exportar diagrama y guardar</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de esto, procederemos a crear una nueva tarea de usuario que llamaremos “Aprobación gerencial”, en la que tanto el gerente de compras como el director deberán responder, en caso de que ellos deban intervenir en el flujo. Para esto, se puede seleccionar cualquiera de las dos tareas de fórmula. Seleccionar la herramienta de nueva tarea, renombrarla al nombre mencionado y cambiarle el tipo a tarea de usuario. Para hacer que la segunda tarea de fórmula continúe hacia la nueva tarea de usuario, basta con seleccionar dicha tarea de fórmula y seleccionar la herramienta de “Conectar usando conexión o asociación” y hacer clic sobre la nueva tarea de usuario. Las tareas deberían quedar conectadas de forma similar a la de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 21</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "615" height="363" id="Picture 100" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image029.png" alt= "Title: Las 2 tareas de fórmula conectadas a la misma tarea de usuario" name="Picture 100" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504991844"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">21</span> <span lang="ES-UY" xml:lang="ES-UY">Las 2 tareas de fórmula conectadas a la misma tarea de usuario</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez más, debemos evaluar la respuesta que hagan los usuarios, por lo que debemos crear una nueva compuerta exclusiva que se encargará de enviar el flujo por el camino correspondiente, dependiendo de las respuestas de la tarea anterior.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Si el gerente general rechaza el gasto, se notifica al solicitante de la misma manera que con el rechazo del encargado de compras. Para eso, conectamos la nueva compuerta exclusiva a la notificación que ya habíamos creado anteriormente. El flujo debería quedar similar al de la</span> <span lang="ES" xml:lang="ES">Figura 22</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="617" height="408" id="Picture 101" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image030.png" alt= "Title: Proceso con rechazo de la gerencial" name= "Picture 101" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504991861"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">22</span> <span lang="ES" xml:lang="ES">Proceso con rechazo de la gerencial</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Como verá, la conexión entre la compuerta exclusiva y la notificación del rechazo pasa por arriba del paso de fin. El diseñador de procesos de negocio web de Q-flow permite modificar el camino que recorren todas las conexiones de forma simple, para esto, hacer clic y mantener presionado sobre el punto que desea modificar, esto creará un nuevo punto de quiebre. Podemos modificar el camino de las conexiones cuantas veces sea necesario. La</span> <span lang= "ES-UY" xml:lang="ES-UY">Figura 23</span> <span lang="ES" xml:lang= "ES">muestra un paso a paso para crear puntos de quiebre en la conexión entre dos pasos.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="134" id="Picture 103" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image031.png" alt= "Title: Conexión entre aprueba y notificación modificada" name= "Picture 103" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504656066"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">23</span> <span lang="ES-UY" xml:lang="ES-UY">Conexión entre aprueba y notificación modificada</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Resta por definir el camino “exitoso” del proceso, es decir, el camino en el cual la solicitud de gastos es aprobada. En ese caso, es necesario notificar al solicitante que su solicitud fue aprobada y finalizar el proceso.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para hacer esto, arrastramos una tarea de notificación que llamaremos “Notificar aprobación” y un evento de fin que llamaremos “Apruebo compra” desde la barra de herramientas. La solicitud se aprueba si pasa la aprobación gerencial, por lo que se debe crear una conexión de salida del paso de aprobación de la gerencia, al nuevo paso de notificación. Esto se hace de la misma forma que hicimos anteriormente, haciendo clic en la compuerta exclusiva de la aprobación gerencial y seleccionando la herramienta de “Conectar usando conexión o asociación”. El resultado debería ser similar al de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 24</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "275" height="371" id="Picture 24" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image032.png" alt= "Title: Compuerta exclusiva con la conexión a aprobación de compra" name="Picture 24" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504480640"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">24</span> <span lang="ES-UY" xml:lang="ES-UY">Compuerta exclusiva con la conexión a aprobación de compra</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Además, si al momento de evaluar el monto, éste no es mayor a 500 dólares, la solicitud estará aprobada, ya que en ese caso el único aprobador necesario sería el encargado de compras. Por lo tanto, desde la compuerta exclusiva que evalúa si se debe hacer la aprobación gerencial y quiénes deben participar de la misma, se debe trazar una conexión hasta el nuevo paso de notificación a la cual le agregaremos la etiqueta “Monto < 500” tal como muestra la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 25</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="269" id="Picture 30" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image033.png" alt= "Title: Se llega a la notificación de aprobación de compra por 2 caminos diferentes" name="Picture 30" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504032768"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">25</span> <span lang="ES-UY" xml:lang="ES-UY">Se llega a la notificación de aprobación de compra por 2 caminos diferentes</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Q-flow nos permite definir una conexión por defecto en caso de que no se cumpla ninguna condición dentro de la compuerta exclusiva. Para esto, debemos seleccionar la conexión correspondiente a “Monto < 500” y cambiar el tipo de conexión (con la herramienta de Cambiar tipo) y seleccionar conexión por defecto. La</span> <span lang= "ES-UY" xml:lang="ES-UY">Figura </span><span lang="ES-UY" xml:lang= "ES-UY">26</span><span lang="ES" xml:lang="ES">muestra la conexión por defecto, este tipo de conexión se ve por una línea en diagonal que corta la conexión entre la compuerta exclusiva y la tarea de notificar aprobación.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "271" height="320" id="Picture 31" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image034.png" alt= "Title: Conexión por defecto (“Monto < 500”)" name= "Picture 31" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504482565"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">26</span> <span lang="ES-UY" xml:lang="ES-UY">Conexión por defecto (“Monto < 500”)</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El diseño del proceso debería quedar similar al de la</span> Figura 27<span lang= "ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="1" height="0"></td> </tr> <tr> <td></td> <td><img width="615" height="261" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image035.png" alt= "Title: Grafo del proceso" /></td> </tr> </table> <br clear="all" /> <span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="EN-US"> </span> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504398620">Figura</a> 27 Grafo del proceso</p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Falta tener en cuenta el tiempo de vencimiento de las aprobaciones. Luego de 1 día, si no hay respuesta de los aprobadores, se debe rechazar la solicitud. Las tareas de usuario permiten este comportamiento agregándole un evento temporizador de borde, el cual se agrega al diagrama arrastrando el ícono del círculo amarillo (evento intermedio) en la barra de herramientas y poniendo sobre la tarea de usuario a la que se le quiere agregar, como muestra la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 28</span><span lang="ES" xml:lang="ES">. </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "104" height="103" id="Picture 14" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image036.png" alt= "Title: Tarea de usuario con evento de borde" name= "Picture 14" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504033319"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">28</span> <span lang="ES-UY" xml:lang="ES-UY">Tarea de usuario con evento de borde</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez hecho esto, debemos cambiar el tipo de evento a uno de temporizador de borde seleccionando el evento y modificándolo con la herramienta de cambiar tipo. Luego, conectaremos el evento temporizador (es importante que la conexión sea desde el evento temporizador y no la tarea de usuario) con la tarea de notificar el rechazo (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 29</span><span lang="ES" xml:lang="ES">). Repetir esto para las dos tareas de usuario del proceso.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "615" height="123" id="Picture 36" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image037.png" alt= "Title: El evento temporizador de borde con su conexión a la notificación de rechazo del gasto" name="Picture 36" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504033720"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">29</span> <span lang="ES-UY" xml:lang="ES-UY">El evento temporizador de borde con su conexión a la notificación de rechazo del gasto</span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El grafo del proceso debe quedar similar al de la</span> <span lang="ES" xml:lang="ES">Figura 30</span><span lang="ES" xml:lang= "ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img width="627" height= "248" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image038.png" alt= "Title: Diagrama del proceso" /><br clear="all" /> <span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="EN-US"> </span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233682"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">30</span> <span lang="ES" xml:lang="ES">Diagrama del proceso</span></p> <h2><a name="_Toc61592575"><span lang="ES" xml:lang="ES">Datos de aplicación</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Los datos de aplicación proveen información estructurada del proceso. Cada dato está asociado a un dominio, el cual determina los posibles valores que el dato puede tomar (texto, número, etc.) y el control que se mostrará en el sitio web para el dato (cuadro de texto, combo box, etc.).</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Pueden ser modificados a lo largo del proceso, tanto por usuarios como por Q-flow en pasos de ejecución automática (aquellos que no requieren intervención del usuario).</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En pasos interactivos, como por ejemplo la tarea de usuario, se define un “alcance” para el dato. El alcance especifica si un dato puede ser modificado en determinado paso, si es mostrado, pero no se puede modificar o si está ausente en ese paso.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En nuestro proceso, al utilizar la tarea de usuario, suponemos que el monto está en un dato de aplicación. Las compuertas exclusivas y las tareas de fórmula son pasos de ejecución automática que pueden evaluar condiciones que requieren consultar datos de aplicación. Por lo tanto, en este proceso creamos un dato de aplicación que represente el monto total de los productos.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El dominio predeterminado para datos es “Texto”. En este caso queremos que el dato tenga el dominio “Número”. Esto permite, entre otras cosas, que se valide que sólo se ingresen valores numéricos para el dato. Para agregar un dato de aplicación:</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic con el botón derecho sobre la plantilla de proceso en el explorador de soluciones.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione la opción “Desproteger”.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic con el botón derecho sobre la plantilla de proceso en el explorador de soluciones nuevamente.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">4.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione la opción “Ítems” y luego haga clic en “Datos de aplicación” (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 31</span><span lang="ES" xml:lang= "ES">).</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">5.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En el nuevo panel que se abrió, haga clic en el ícono “+”.</span></p> <p class="MsoNormal" align="left" style= 'margin-left:35.7pt;text-align:left; text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">6.<span style= 'font:7.0pt "Times New Roman"'> </span></span></p> <table cellpadding="0" cellspacing="0"> <tr> <td width="111" height="0"></td> </tr> <tr> <td></td> <td><img width="404" height="70" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image039.png" alt= "Title: Menú para agregar un dato de aplicación" /></td> </tr> </table> <br clear="all" /> <span lang="ES" xml:lang="ES">Ingrese un nombre, dominio y opcionalmente una descripción para el dato y haga clic en ícono del tic (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 32</span><span lang="ES" xml:lang="ES">).</span> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref364853731"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">31</span> <span lang="ES-UY" xml:lang="ES-UY">Menú para agregar un dato de aplicación</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><span lang="ES" xml:lang= "ES"> </span><img border="0" width="296" height="548" id= "Picture 141" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image040.png" alt= "image" name="Picture 141" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref364853988"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">32</span> <span lang="ES-UY" xml:lang="ES-UY">Creación de un dato de aplicación</span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang= "ES-UY"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de hacer esto, veremos que se agregó el dato a la lista de datos de la plantilla de proceso (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura 33</span><span lang="ES" xml:lang="ES">). Notar que el documento de diseño de proceso aún está abierto, pero se puede acceder a él haciendo clic en su solapa (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 34</span><span lang="ES" xml:lang= "ES">).</span></p> <p class="MsoCaption" align="center" style= 'text-align:center;page-break-after: avoid'><a name= "_Ref180233790"><img border="0" width="616" height="105" id= "Picture 19" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image041.jpg" alt= "image" name="Picture 19" /></a></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref27728281"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">33</span> <span lang="ES-UY" xml:lang="ES-UY">Documento de datos de aplicación</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES-UY" xml:lang="ES-UY"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES-UY" xml:lang="ES-UY"> </span><img border="0" width="335" height= "58" id="Picture 143" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image042.png" alt= "image" name="Picture 143" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504035975"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">34</span> <span lang="ES-UY" xml:lang="ES-UY">Solapas abiertas</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Otro dato de aplicación que podría ser útil en el proceso, es uno que permita a los aprobadores realizar comentarios para que los lea el solicitante. Éste se podría utilizar para brindar una explicación en caso de rechazo de la solicitud. El dominio más apropiado para este dato es “Área de texto”, el cual tiene un control ideal para ingresar textos de largo considerable. Por lo tanto, creamos este dato de manera similar a la que creamos el dato anterior, pero dándole el nombre “Comentario” y asignándole el dominio “Área de texto”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Además de estos datos, serán necesarios agregar datos para detallar cada producto que se desee agregar al gasto. Para esto, debemos crear tres datos de aplicación nuevos. Estos datos, deberán tener varios valores, dependiendo de cuántos productos distintos desee agregar el solicitante. Por esto, debemos permitir que los datos admitan múltiples valores y pertenezcan a un bloque de línea común, de manera que queden asociados entre sí. Crearemos los datos “Nombre” y “Monto” del dominio Texto y Número respectivamente, ambos pertenecientes al bloque de línea “Productos” y con la casilla “Acepta múltiples valores” marcada (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 35</span><span lang="ES" xml:lang= "ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" xml:lang="ES"> </span><img border="0" width="290" height="546" id="Picture 59" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image043.png" alt= "image" name="Picture 59" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504037223"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">35</span> <span lang="ES-UY" xml:lang="ES-UY">Dato monto que acepta múltiples valores con el bloque de línea al que pertenece</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El tercer dato de aplicación correspondiente al bloque de productos es la imagen del producto. Q-flow posee un dominio de datos del tipo documento que permite adjuntar cualquier archivo, pero en nuestro caso, queremos sólo archivos del tipo imagen. Por esta razón, utilizaremos un dominio de datos creado por nosotros mismos.</span> <span lang="ES-UY" xml:lang="ES-UY">Los dominios de datos se agregan de forma similar a los datos de aplicación</span><span lang="ES" xml:lang="ES">. Para agregar un dominio de datos:</span></p> <ol style='margin-top:0cm' start="1" type="1"> <li class="MsoNormalCxSpMiddle" style='text-align:left'><span lang= "ES" xml:lang="ES">Haga clic con el botón derecho sobre la plantilla de proceso en el explorador de soluciones (la plantilla de proceso debe estar en modo desprotegido).</span></li> </ol> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione la opción “Ítems” y luego haga clic en “Dominios de datos”.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En el nuevo panel que se abrió, haga clic en el ícono “+”.</span></p> <p class="MsoNormal" align="left" style= 'margin-left:35.7pt;text-align:left; text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">4.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Ingrese un nombre, tipo de control y tipo de dato, opcionalmente agregue una descripción para el dominio y haga clic en ícono del tic (</span><span lang="ES-US" xml:lang= "ES-US">Figura 36</span><span lang="ES-US" xml:lang= "ES-US">)</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'margin-left:18.0pt;text-align:center; page-break-after:avoid'> <span lang="ES" xml:lang="ES"> </span><img border="0" width= "296" height="423" id="Picture 145" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image044.png" alt= "image" name="Picture 145" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504657314"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">36</span> <span lang="ES-UY" xml:lang="ES-UY">Configuración de un dominio de datos</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Haciendo doble clic en el dominio de datos, puede acceder a las opciones. Seleccionando el ícono</span> <img border="0" width="19" height= "20" id="Picture 4" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image045.png" alt= "elipsis" name="Picture 4" /><span lang="ES" xml:lang="ES">que se encuentra a la derecha, puede acceder a las opciones avanzadas del dominio. En nuestro caso, debemos seleccionar el tipo de control Documento, el cual nos permite adjuntar archivos al proceso y tipo de dato “Texto”. Adicionalmente, desplegaremos el panel de “Propiedades” haciendo clic sobre él y dentro de la solapa de Restricciones, agregaremos la siguiente expresión regular: “*.jpg; *.png; *.gif; *.jpeg” (sin las comillas). Esto nos permitirá limitar el tipo de documentos que se adjuntan, para que se admitan únicamente de este tipo de extensiones. También le agregaremos el siguiente mensaje de error: “El documento ingresado debe ser una imagen” como muestra la</span> <span lang="ES-UY" xml:lang= "ES-UY">Figura 37</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "307" height="155" id="Picture 5" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image046.png" alt= "Title: Restricciones del dominio de datos Imagen" name= "Picture 5" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504038294"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">37</span> <span lang="ES-UY" xml:lang="ES-UY">Restricciones del dominio de datos Imagen</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez creado el dominio de datos, podemos crear un nuevo dato de aplicación llamado Imagen con las mismas características que Nombre y Monto, pero con el dominio de datos Imágenes que creamos anteriormente (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 38</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><span lang="ES" xml:lang="ES"> </span><img border="0" width="246" height="453" id="Picture 147" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image047.jpg" alt= "image" name="Picture 147" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504038762"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">38</span> <span lang="ES-UY" xml:lang="ES-UY">Propiedades del dato de aplicación "Imagen"</span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang= "ES-UY"> </span></p> <p class="MsoBodyText"><span lang="ES-UY" xml:lang= "ES-UY">Finalmente, agregaremos un nuevo dato de aplicación que será una justificación del gasto para que el solicitante pueda explicar las razones por las cuales desea efectuar el gasto. Lo llamaremos “Justificación de compra”, será del dominio de datos “Área de texto”. En este caso, no pertenecerá a ningún bloque de línea ni permitirá valores múltiples.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "616" height="222" id="Picture 44" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image048.jpg" alt= "image" name="Picture 44" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <span lang="ES-UY" xml:lang="ES-UY">Figura</span> <span lang= "ES-UY" xml:lang="ES-UY">39</span> <span lang="ES-UY" xml:lang= "ES-UY">Datos de aplicación creados</span></p> <h2><a name="_Toc61592576"><span lang="ES" xml:lang="ES">Roles de proceso</span></a></h2> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">Los roles de proceso se utilizan como destinatarios para los pasos interactivos. Los roles se asocian a usuarios y será a quienes Q-flow les asigna una tarea cuando un proceso llega a un paso interactivo. En el caso de nuestro proceso tenemos cuatro roles:</span></p> <p class="MsoListParagraphCxSpFirst" style='text-indent:-18.0pt'> <span lang="ES-UY" style='font-family:Symbol' xml:lang= "ES-UY">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES-UY" xml:lang="ES-UY">Solicitante, que es quien inicia el proceso pidiendo la aprobación de un gasto.</span></p> <p class="MsoListParagraphCxSpMiddle" style='text-indent:-18.0pt'> <span lang="ES-UY" style='font-family:Symbol' xml:lang= "ES-UY">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES-UY" xml:lang="ES-UY">Encargado de compras, que aprobará o rechazará la solicitud.</span></p> <p class="MsoListParagraphCxSpMiddle" style='text-indent:-18.0pt'> <span lang="ES-UY" style='font-family:Symbol' xml:lang= "ES-UY">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES-UY" xml:lang="ES-UY">Gerente de compras, a quién se le solicita su aprobación en el caso de que el monto sea mayor a los 500 dólares.</span></p> <p class="MsoListParagraphCxSpLast" style='text-indent:-18.0pt'> <span lang="ES-UY" style='font-family:Symbol' xml:lang= "ES-UY">·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES-UY" xml:lang="ES-UY">Director, a quién se le solicita su aprobación en el caso de que el monto sea mayor a los 1000 dólares.</span></p> <p class="MsoNormal"><span lang="ES-UY" xml:lang="ES-UY">Los roles de proceso se agregan de forma similar a los datos de aplicación y dominios de datos. Para agregar un rol a la versión de proceso:</span></p> <ol style='margin-top:0cm' start="1" type="1"> <li class="MsoNormalCxSpMiddle" style='text-align:left'><span lang= "ES" xml:lang="ES">Haga clic con el botón derecho sobre la plantilla de proceso en el explorador de soluciones (la plantilla de proceso debe estar en modo desprotegido).</span></li> <li class="MsoNormalCxSpMiddle" style='text-align:left'><span lang= "ES" xml:lang="ES">Seleccione la opción “Ítems” y luego haga clic en “Roles de proceso”.</span></li> <li class="MsoNormalCxSpMiddle" style='text-align:left'><span lang= "ES" xml:lang="ES">En el nuevo panel que se abrió, haga clic en el ícono “+”.</span></li> <li class="MsoNormalCxSpMiddle" style='text-align:left'><span lang= "ES" xml:lang="ES">Ingrese un nombre, miembros del rol, si el rol permitirá múltiples usuarios y opcionalmente una descripción para el rol y haga clic en ícono del tic.</span></li> </ol> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:36.0pt;text-align: left'><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormalCxSpMiddle"><span lang="ES" xml:lang="ES">Para el rol “Solicitante” agregaremos como miembro el rol de sistema “Iniciador”. Una vez iniciado el proceso, Q-flow asignará a este rol el usuario que lo haya iniciado.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para asignar el usuario al rol del proceso, en la ventana de propiedades del rol (</span><span lang="ES" xml:lang="ES">Figura 41</span><span lang= "ES" xml:lang="ES">). Para ello, diríjase al cuadro correspondiente a “</span><span lang="ES-UY" xml:lang="ES-UY">Miembros del rol</span><span lang="ES" xml:lang="ES">”.</span></p> <p class="MsoNormalCxSpMiddle" style= 'margin-left:35.7pt;text-indent:-17.85pt; page-break-after:avoid'> <span lang="ES-UY" xml:lang="ES-UY">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Comience a escribir “Iniciador” Q-flow le mostrara un cuadro de sugerencias con los miembros de su organización y otros roles (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura </span><span lang="ES-UY" xml:lang= "ES-UY">40</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormalCxSpLast" align="center" style= 'margin-left:17.85pt;text-align: center;page-break-after:avoid'> <img border="0" width="278" height="188" id="Picture 48" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image049.png" alt= "Title: Miembros del rol con su correspondiente cuadro de sugerencias" name="Picture 48" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504554128"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">40</span> <span lang="ES-UY" xml:lang="ES-UY">Miembros del rol con su correspondiente cuadro de sugerencias</span></p> <p class="MsoNormalCxSpFirst" style= 'margin-left:35.7pt;text-indent:-17.85pt; page-break-after:avoid'> <span lang="ES-UY" xml:lang="ES-UY">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione la opción Iniciador del cuadro (</span><span lang="ES" xml:lang="ES">Figura 41</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormalCxSpMiddle" style= 'margin-left:35.7pt;text-indent:-17.85pt; page-break-after:avoid'> <span lang="ES-UY" xml:lang="ES-UY">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Luego haga clic en el tic para confirmar los cambios realizados en el rol.</span></p> <p class="MsoNormalCxSpMiddle" style='page-break-after:avoid'> <span lang="ES-UY" xml:lang="ES-UY"> </span></p> <p class="MsoNormalCxSpLast" align="center" style= 'margin-left:35.7pt;text-align: center;page-break-after:avoid'> <span lang="ES-UY" style= 'font-size:0pt; line-height:107%;font-family:"Times New Roman",serif;color:black;border:none black 1.0pt; padding:0cm;background:black;layout-grid-mode:line' xml:lang="ES-UY"> </span><span lang="ES-UY" xml:lang= "ES-UY"> </span><img border="0" width="288" height="460" id= "Picture 150" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image050.png" alt= "image" name="Picture 150" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233835"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">41</span> <span lang="ES" xml:lang="ES">Ventana de propiedades del rol de proceso “Solicitante”</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Repetiremos el proceso para los roles “Encargado de compras”, “Gerente de compras” y “Director”, pero seleccionando su propio usuario dentro de la organización, para que usted sea quien reciba las preguntas en las distintas tareas de usuario que ya hemos creado anteriormente. Esto nos permitirá iniciar el proceso y contestar tanto la pregunta que va dirigida al encargado de compras como la que va dirigida a la aprobación gerencial.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Si el proceso se implementara en el mundo real, al rol “Encargado de compras” habría que asignarle el usuario correspondiente al encargado de compras y a los roles “Gerente de compras” y “Director” habría que asignarles el usuario correspondiente al gerente de compras y director respectivamente. Esas cuentas de usuario se crean en el administrador del modelo organizacional.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para que tanto el “Gerente de compras” como el “Director” puedan responder la tarea, debemos crear un rol que contenga a los mismos, al cual llamaremos “Aprobador gerencial” con las particularidades de que el nuevo rol permitirá tener múltiples usuarios asignados (marcar la casilla al crear el rol) y no tendrá ningún usuario asignado por el momento, esto lo haremos más adelante en las tareas de fórmula agregadas en el proceso.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="198" id="Picture 70" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image051.jpg" alt= "image" name="Picture 70" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <span lang="ES-UY" xml:lang="ES-UY">Figura</span> <span lang= "ES-UY" xml:lang="ES-UY">42</span> <span lang="ES-UY" xml:lang= "ES-UY">Todos los roles del proceso creados</span></p> <h2><a name="_Toc61592577"><span lang="ES" xml:lang="ES">Detallar el proceso</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Ahora que tenemos definido el esqueleto del proceso y los recursos que éste involucra, restan por configurar los pasos, para que tengan el comportamiento deseado y utilicen los roles y datos que definimos.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Comencemos revisando cada uno de los pasos y viendo las propiedades que necesitamos configurar en cada uno.</span></p> <h3><a name="_Toc61592578"><span lang="ES" xml:lang="ES">Solicitar gasto</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En este paso, el iniciador del proceso debe ser capaz de ingresar varios productos con su costo correspondiente y si lo desea, su foto, además de una justificación de por qué quiere realizar dicho gasto. Los datos y roles que participan en cada paso se definen dentro del alcance del paso. Para configurar esto, se debe ingresar a los ajustes avanzados del paso haciendo doble clic sobre él y luego haciendo clic en el ícono</span> <img border="0" width="19" height="20" id= "Picture 115" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image052.png" alt= "image" name="Picture 115" /><span lang="ES" xml:lang= "ES"> . Luego se debe abrir la pestaña de “Alcance”. Entonces se muestra una pestaña como la de la</span> <span lang= "ES-UY" xml:lang="ES-UY">Figura 43</span><span lang="ES" xml:lang= "ES">. Allí se listan los datos de aplicación que definimos anteriormente junto con el alcance que tienen en el paso. El alcance predeterminado es “Ausente” y para los datos “Justificación de compra”, “Monto” y “Nombre” debemos cambiarlos a “Requerido”, de manera que el usuario que inicia el proceso deba ingresar un valor para el dato.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" xml:lang="ES"> </span><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family: "Times New Roman",serif;color:black;border:none black 1.0pt;padding:0cm; background:black;layout-grid-mode:line' xml:lang="ES"> </span><img border="0" width="616" height="271" id="Picture 51" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image053.png" alt= "Title: Alcance de datos" name="Picture 51" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233885"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">43</span> <span lang="ES" xml:lang="ES">Alcance de datos</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Esto se logra seleccionando las casillas correspondientes a cada uno de estos datos y haciendo clic en el botón “Requerido” (la opción de más a la izquierda). Luego de este cambio debemos seleccionar el dato “Imagen” y se lo pone en alcance “Editable” de modo que el solicitante pueda adjuntar una imagen pero que no esté obligado a hacerlo si no lo desea. Finalmente, en la configuración de instancias de línea, deben estar seleccionadas las casillas de permitir la adición y eliminación además de cambiar el número mínimo de instancias de 0 a 1, esto se logra haciendo doble clic en el 0 de dicha columna y cambiándolo por un 1 (</span><span lang= "ES-UY" xml:lang="ES-UY">Figura 44</span><span lang="ES" xml:lang= "ES">), de forma que el solicitante deba ingresar al menos un producto junto con todos los datos requeridos para dicho producto. El alcance del paso debería verse similar al de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 45</span><span lang="ES" xml:lang="ES">. Haga clic en el tic del paso para confirmar los cambios realizados al alcance del paso.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "612" height="71" id="Picture 152" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image054.png" alt= "image" name="Picture 152" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504552279"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">44</span> <span lang="ES-UY" xml:lang="ES-UY">Configuración de la instancia de línea</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "614" height="357" id="Picture 156" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image055.png" alt= "image" name="Picture 156" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504043790"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">45</span> <span lang="ES-UY" xml:lang="ES-UY">Estado final del alcance de los datos y del bloque de línea de los productos</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Un cambio adicional que se puede hacer al paso, es cambiar la bandera al inicio. Este campo proporciona información adicional del estado del proceso al momento de iniciar el paso. Para cambiar la bandera hay que abrir el panel de propiedades (haciendo doble clic en el paso) y editar el campo “Bandera al inicio”, ingresando la palabra “Autorizando”, como se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 46</span><span lang="ES" xml:lang="ES">. Este cambio no es necesario para el funcionamiento del proceso, pero nos será útil a la hora de utilizar las funcionalidades de estadísticas de Q-flow. Haga clic en el tic del paso para confirmar los cambios realizados al paso de inicio.</span></p> <p class="MsoBodyText"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" xml:lang="ES"> </span><span lang="ES" style= 'font-size:0pt;line-height:107%; font-family:"Times New Roman",serif;color:black;border:none black 1.0pt; padding:0cm;background:black;layout-grid-mode:line' xml:lang="ES"> </span><img border="0" width="616" height="402" id="Picture 72" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image056.jpg" alt= "image" name="Picture 72" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233899"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">46</span> <span lang="ES" xml:lang="ES">Ventana de propiedades del paso Ingreso solicitud</span></p> <h3><a name="_Toc61592579"></a><a name="_Ref504555480"></a><a name= "_Ref504397489"><span lang="ES" xml:lang="ES">Calcular monto total</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En este paso realizaremos la suma de los montos de todos los productos y se lo asignaremos al dato “Monto total”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para esto, debemos entrar a los ajustes del paso y expandiendo la vista de “Fórmula”. Dentro de la tabla de operaciones, que se encuentra vacía, debemos agregar una nueva operación con el botón “+” (</span><span lang="ES-US" xml:lang="ES-US">Figura 47</span><span lang="ES-US" xml:lang="ES-US">).</span> <span lang= "ES" xml:lang="ES">Esta acción abrirá un panel llamado “Constructor de expresión de fórmula”.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="100" id="Picture 73" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image057.jpg" alt= "image" name="Picture 73" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504552657"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">47</span> <span lang="ES-UY" xml:lang="ES-UY">Tabla de fórmulas</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el constructor de expresión de fórmula, debemos escribir el ítem de destino, que en este caso es el dato “Monto total”. En el cuadro de operando, utilizaremos el dato “Monto” que contiene todos los montos de los productos ingresados y en transformación utilizaremos “Sum” de modo que se sumen los valores de la</span> <span lang= "ES-US" xml:lang="ES-US">variable (</span><span lang="ES-US" xml:lang="ES-US">Figura 48</span><span lang="ES-US" xml:lang= "ES-US">).</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "512" height="451" id="Picture 56" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image058.png" alt= "Title: Constructor de expresión de fórmula" name= "Picture 56" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504552671"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">48</span> <span lang="ES-UY" xml:lang="ES-UY">Constructor de expresión de fórmula</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Al hacer clic en el tic, veremos que la tabla de operaciones del paso de fórmula se actualizó con la nueva fórmula que recién creamos. Hacer clic en el tic de este panel guarda los cambios del paso.</span></p> <h3><a name="_Toc61592580"><span lang="ES" xml:lang="ES">¿Aprueba encargado de compras?</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">A la primera tarea de usuario la llamaremos “¿Aprueba encargado de compras?” y le realizaremos los siguientes ajustes de forma tal que, en este paso, el encargado de compras pueda responder si aprueba o no el gasto. Para tomar la decisión se puede basar en el monto de éste e ingresar un comentario explicando su decisión. No puede, sin embargo, modificar el monto ingresado.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para lograr esto, es necesario cambiar el alcance del paso (de manera similar a como se hizo en el paso “Ingreso solicitud”), haciendo que los datos “Nombre”, “Monto”, “Imagen”, “Justificación” y “Monto total” tengan el alcance “Sólo lectura” (si los datos tienen el alcance “Ausente”, el encargado de compras no podrá verlo), y que el dato “Comentario” tenga el alcance “Editable</span><span lang="ES-US" xml:lang="ES-US">” (</span><span lang="ES-US" xml:lang= "ES-US">Figura 49</span><span lang="ES-US" xml:lang= "ES-US">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "615" height="240" id="Picture 6" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image059.png" alt= "Title: Alcance de los distintos datos para la tarea" name= "Picture 6" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504729807"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">49</span> <span lang="ES-UY" xml:lang="ES-UY">Alcance de los distintos datos para la tarea</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Además, hay que configurar la pregunta y las respuestas a la misma, en la próxima compuerta exclusiva, configuraremos cómo continúa el flujo en base a estas respuestas.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Las propiedades del mensaje de la tarea de usuario se editan en la solapa “Mensaje” de la pestaña de propiedades. El campo “Asunto” representa el título de la pregunta y el asunto del e-mail que es enviado al usuario de la tarea. Lo editamos poniendo el texto “Solicitud de gasto de”. Además, usaremos la funcionalidad de “Insertar etiqueta” para insertar una etiqueta que diga el nombre del usuario “Solicitante” al final del asunto. Nuevamente Q-flow nos ofrece un cuadro que nos da sugerencias a medida que escribimos texto. Para activarlo hay que escribir “#” dentro del cuadro de asunto o apretar el botón a la derecha del recuadro de mensaje y escribiremos “Solicitante”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Con esto, se agregará al asunto la etiqueta “#%Role:"Solicitante"%#”. Durante la ejecución del proceso, Q-flow reemplazará esa etiqueta por el nombre del miembro del rol “Solicitante”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El destinatario de la tarea debe ser el rol “Encargado de compras”. Para ingresar el destinatario:</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione el recuadro de texto para ingresar el destinatario.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Comience a escribir “Encargado de compras”.</span></p> <p class="MsoNormal" align="left" style= 'margin-left:35.7pt;text-align:left; text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Seleccione el rol “Encargado de compras” del recuadro.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Las respuestas a la pregunta se configuran en la subsección “Respuestas”. Para este paso queremos dos posibles respuestas: “Apruebo” y “Rechazo”. Para agregar las respuestas:</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic en “+”.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Ingrese el valor y la clave de la respuesta. La clave predeterminada es igual al valor, y no es necesario cambiar esto.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En la</span> <span lang="ES" xml:lang="ES">Figura 50</span> <span lang="ES" xml:lang="ES">se muestra cómo debería quedar la solapa “Mensaje” de las propiedades del paso.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" xml:lang="ES"> </span><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family: "Times New Roman",serif;color:black;border:none black 1.0pt;padding:0cm; background:black;layout-grid-mode:line' xml:lang="ES"> </span><img border="0" width="616" height="299" id="Picture 158" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image060.jpg" alt= "image" name="Picture 158" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233956"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">50</span> <span lang="ES" xml:lang="ES">Panel de propiedades del paso “¿Aprueba encargado de compras?” - Mensaje</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El vencimiento de la pregunta se configura en la solapa “Control de tiempos” a la cual se accede desde el panel de configuración avanzado del paso (se abre con el botón</span> <img border="0" width="19" height="20" id="Picture 116" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image052.png" alt= "image" name="Picture 116" /><span lang="ES" xml:lang="ES">). Queremos crear una acción temporal de tipo “vencimiento” que se dispare una vez transcurrido un día después del envío de la pregunta.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para crear la nueva acción temporal (</span><span lang="ES-UY" xml:lang= "ES-UY">Figura 51</span><span lang="ES" xml:lang="ES">):</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic en “+”.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En el panel “Configuración de acción temporizada”, seleccione “Vencimiento” (la opción de más a la derecha).</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En “Información de tiempo”, seleccione “Tiempo fijo”. Ingrese “1” en la cantidad de unidades de tiempo y seleccione “Días” como unidad de tiempo.</span></p> <p class="MsoNormal" align="left" style= 'margin-left:35.7pt;text-align:left; text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">4.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic en el tic para agregar la acción a la tabla de control de tiempos.</span></p> <p class="MsoNormal" align="center" style= 'margin-left:35.7pt;text-align:center; page-break-after:avoid'> <span lang="ES" style= 'font-size:0pt;line-height:107%; font-family:"Times New Roman",serif;color:black;border:none black 1.0pt; padding:0cm;background:black;layout-grid-mode:line' xml:lang="ES"> </span><img border="0" width="494" height="547" id="Picture 75" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image061.png" alt= "image" name="Picture 75" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504054889"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">51</span> <span lang="ES-UY" xml:lang="ES-UY">Creación de vencimiento</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de hacer esto la acción temporal aparecerá en la lista de acciones temporales del paso. En la</span> <span lang="ES" xml:lang= "ES">Figura 52</span> <span lang="ES" xml:lang="ES">se muestra el submenú de “Control de tiempos”, luego de haber creado la acción temporal.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="103" id="Picture 77" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image062.jpg" alt= "image" name="Picture 77" /> <span style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line'> </span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180233987"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">52</span> <span lang="ES" xml:lang="ES">Menú de propiedades del paso ¿Aprueba encargado de compras? - Control de tiempos</span></p> <p class="MsoNormal"><span lang="ES" style= 'color:#92D050;background:red' xml:lang="ES"> </span></p> <h3><a name="_Toc61592581"><span lang="ES" xml:lang= "ES">¿Aprueba?</span></a></h3> <p class="MsoNormal" style='page-break-after:avoid'><span lang="ES" xml:lang="ES">En este paso definiremos si es necesario evaluar si el gerente de compras y el director deben responder la tarea o debemos notificarle el rechazo al solicitante. Para esto, debemos abrir la configuración avanzada del paso de compuerta exclusiva y expandir la solapa “avanzado”. Aquí podremos ver que nos muestra las dos conexiones que tiene este paso (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 53</span><span lang="ES" xml:lang="ES">). Esto nos permite definir las condiciones que queremos que se cumplan para que el flujo continúe por dicho paso.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="217" id="Picture 104" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image063.jpg" alt= "image" name="Picture 104" /><img border="0" width="616" height= "172" id="Picture 61" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image064.png" alt= "Title: Compuerta exclusiva con los 2 pasos por los que continúa - Description: avanzado" name="Picture 61" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504117602"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">53</span> <span lang="ES-UY" xml:lang="ES-UY">Compuerta exclusiva con los 2 pasos por los que continúa</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Debemos agregar para cada paso una nueva condición que dependiendo de la respuesta a la pregunta del paso anterior, se vaya en una dirección o la otra. Para el paso de “Tarea de notificación a usuario”, agregaremos una nueva condición con el botón de “+Condición” y comenzaremos a escribir “¿Aprueba el encargado de compras?” y seleccionaremos dicha tarea en el cuadro autocompletado. Entonces, en el segundo cuadro de texto comenzaremos a escribir la respuesta que deseamos, en este caso “Rechazo” como muestra la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 54</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "621" height="27" id="Picture 134" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image065.jpg" alt= "image" name="Picture 134" /><img border="0" width="618" height= "72" id="Picture 132" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image066.jpg" alt= "image" name="Picture 132" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504731089"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">54</span> <span lang="ES-UY" xml:lang="ES-UY">Configuración de la compuerta exclusiva para la tarea "Notificar rechazo" con su cuadro de autocompletado</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span lang="ES" xml:lang="ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para la compuerta exclusiva, repetiremos estos mismos pasos pero cambiaremos la respuesta del segundo cuadro de texto por “Apruebo”. La configuración de la compuerta exclusiva debería quedar similar a la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 55</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoBodyText"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "616" height="155" id="Picture 25" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image067.jpg" alt= "image" name="Picture 25" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504118519"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">55</span> <span lang="ES-UY" xml:lang="ES-UY">Compuerta exclusiva correctamente configurada</span></p> <h3><a name="_Toc61592582"><span lang="ES" xml:lang="ES">Compuerta exclusiva</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El siguiente paso a configurar es similar al paso anterior, la diferencia es que lo configuraremos en dependencia de un dato de aplicación en lugar de una tarea. En este caso, veremos dos de los tres pasos a los cuales está conectada esta compuerta, ya que la tarea de notificación fue configurada como conexión por defecto cuando diseñamos el flujo. El proceso continuará por esta conexión cuando no se cumpla ninguna de las condiciones anteriores. Configurar las conexiones dependiendo del dato de aplicación es similar a cuando se evalúa una tarea de usuario.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Debemos ingresar a la configuración avanzada de la compuerta exclusiva y para “Debe aprobar gerente de compras”, agregaremos una nueva condición. En el primer recuadro, debemos seleccionar el dato “Monto total”, cambiaremos igual por “Mayor a” y en el segundo recuadro escribiremos “500”. Luego, debemos agregar una segunda condición a esta misma tarea, la cual también tendrá el dato “Monto total”, pero con la condición “Menor o igual a” y en el segundo recuadro “1000”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para “Deben aprobar gerente de compras y director”, debemos agregar una única condición, nuevamente con el dato “Monto total” pero con la condición “Mayor a” y luego “1000”. El resultado debería ser similar al de la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 56</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "615" height="172" id="Picture 26" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image068.jpg" alt= "image" name="Picture 26" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504120669"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">56</span> <span lang="ES-UY" xml:lang="ES-UY">Configuración de la segunda compuerta exclusiva</span></p> <h3><a name="_Toc61592583"><span lang="ES" xml:lang="ES">Debe aprobar gerente de compras</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En este paso, configuraremos el rol aprobador gerencial para que sea el mismo que el rol de “gerente de compras”. Para hacer esto, debemos agregar una nueva operación de la misma manera que cuando configuramos el paso “</span><span lang="ES" xml:lang="ES">Calcular monto total</span><span lang="ES" xml:lang="ES">”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Dentro del “Constructor de expresión de fórmula”, podemos también seleccionar un rol. En este caso, debemos seleccionar el “Aprobador gerencial” y en el operando, seleccionaremos el rol “Gerente de compras”</span> <span lang="ES-US" xml:lang= "ES-US">(</span><span lang="ES-US" xml:lang="ES-US">Figura 57</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "510" height="377" id="Picture 64" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image069.png" alt= "Title: Constructor de expresión de fórmula para el Gerente de compras" name="Picture 64" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504556423"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">57</span> <span lang="ES-UY" xml:lang="ES-UY">Constructor de expresión de fórmula para el Gerente de compras</span></p> <h3><a name="_Toc61592584"><span lang="ES" xml:lang="ES">Deben aprobar gerente de compras y director</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En este paso, configuraremos el rol aprobador gerencial al igual que en el paso anterior, sólo que, tendrá tanto el rol del “Gerente de compras”, como el de “Director”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el “Constructor de expresión de fórmula”, seleccionaremos al “Aprobador gerencial” y en el operando, seleccionaremos el rol “Gerente de compras” de la misma forma que hicimos con el paso anterior, pero esta vez, además cambiaremos el operador por “+”. Hacer esto nos permitirá agregar un nuevo operando, al cual le asignaremos el rol “Director</span><span lang="ES-US" xml:lang= "ES-US">” (</span><span lang="ES-US" xml:lang="ES-US">Figura 58</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "509" height="486" id="Picture 65" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image070.png" alt= "Title: Constructor de expresión de fórmula para el Gerente de compras y el Director" name="Picture 65" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504556475"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">58</span> <span lang="ES-UY" xml:lang="ES-UY">Constructor de expresión de fórmula para el Gerente de compras y el Director</span></p> <h3><a name="_Toc61592585"><span lang="ES" xml:lang="ES">Aprobación gerencial</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Este paso comparte muchas características con el paso “¿Aprueba encargado de compras?”, Q-flow le permite copiar pasos incluida su configuración. Puede hacer esto borrando el paso “Aprobación gerencial” y luego seleccionando el paso “¿Aprueba encargado de compras?” y presionando “Control + C” para copiar y luego “Control + V” para pegar. Luego en la configuración, debemos ajustarle el nombre, para que vuelva a ser “Aprobación gerencial” y cambiar el destinatario de la tarea (en la pestaña de “Mensaje”) para que sea el “Aprobador gerencial”. De esta manera, la tarea notificará a todos los usuarios que estén en el rol del aprobador gerencial, que pueden ser solo el gerente de compras o el gerente y el director. También, dentro de la pestaña de mensaje, debemos cambiar el criterio de respuesta múltiple a “todos los usuarios han contestado” para que la tarea sólo pueda continuar una vez que todos los aprobadores hayan respondido en lugar de sólo uno</span> <span lang="ES-US" xml:lang="ES-US">(</span><span lang="ES-US" xml:lang="ES-US">Figura 59</span><span lang="ES" xml:lang= "ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "308" height="164" id="Picture 66" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image071.png" alt= "Title: Criterio de respuesta múltiple" name="Picture 66" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504557096"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">59</span> <span lang="ES-UY" xml:lang="ES-UY">Criterio de respuesta múltiple</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez configurada la tarea, debemos volver a unir la tarea con las conexiones que tenía anteriormente. Recuerde que la conexión entre la tarea de usuario y la de notificación correspondiente a notificar el rechazo, se hace desde el evento temporizador de borde y no desde la tarea en sí misma. Nuevamente el proceso debe verse de forma similar al de la</span> <span lang="ES" xml:lang= "ES">Figura 30</span><span lang="ES" xml:lang="ES">.</span></p> <h3><a name="_Toc61592586"><span lang="ES" xml:lang= "ES">¿Aprueba?</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para esta compuerta exclusiva, debemos agregar nuevamente las condiciones para cada paso. En “Notificar rechazo” agregaremos una nueva condición en la primer casilla, debemos seleccionar el paso “Aprobación gerencial” y en la segunda casilla la respuesta “Rechazo”. Para la segunda tarea, también utilizaremos el paso “Aprobación gerencial”, pero en este caso, debemos cambiar la opción “Algún usuario contesto” por “Todos los usuarios contestaron” ya que queremos que se apruebe el gasto si y sólo si todos los participantes de la aprobación aprueban el gasto. Finalmente, en la segunda casilla seleccionaremos “Apruebo” como muestra</span> <span lang="ES-US" xml:lang="ES-US">la</span> <span lang="ES-US" xml:lang="ES-US">Figura 60</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="148" id="Picture 45" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image072.jpg" alt= "image" name="Picture 45" /><a name="_Ref504557592"><b><span lang= "ES-UY" style='font-size:9.0pt;line-height: 107%;color:#4F81BD' xml:lang="ES-UY">Figura</span></b></a> <b><span lang="ES-UY" style= 'font-size:9.0pt;line-height:107%;color:#4F81BD' xml:lang= "ES-UY">60</span></b><b><span lang="ES-UY" style= 'font-size:9.0pt;line-height:107%;color:#4F81BD' xml:lang= "ES-UY">Configuración de paso compuerta exclusiva para la aprobación gerencial</span></b></p> <p class="MsoNormal" align="left" style= 'text-align:left;page-break-after:avoid'><span lang="ES" xml:lang= "ES"> </span></p> <h3><a name="_Toc61592587"><span lang="ES" xml:lang="ES">Notificar rechazo</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Este paso, se debe configurar correctamente para que el solicitante reciba una notificación de Q-flow, que indique que la solicitud ha sido rechazada. Para lograr esto, hay que editar las propiedades “Asunto del mensaje” y “Destinatarios”, que se encuentran en la pestaña “Mensaje”, dentro del menú de propiedades del paso.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Esto se hace de manera análoga a como ya se hizo en las tareas de usuario. En el asunto, ingrese “Su solicitud ha sido rechazada” y seleccione el rol “Solicitante” como destinatario. La pestaña de propiedades del paso, con estos cambios, se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 61</span><span lang="ES" xml:lang= "ES">.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="616" height="166" id="Picture 68" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image073.png" alt= "Title: Menú de propiedades del paso Notificar rechazo – Mensaje" name="Picture 68" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234085"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">61</span> <span lang="ES" xml:lang="ES">Menú de propiedades del paso Notificar rechazo – Mensaje</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Además, hay que cambiar el alcance de los datos en el paso, pues se quiere que el solicitante pueda ver todos los datos involucrados en este proceso. Esto se hace cambiando el alcance de los datos en el paso a “Sólo lectura”.</span></p> <h3><a name="_Toc61592588"><span lang="ES" xml:lang="ES">Notificar aprobación</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Este paso se configura igual que el paso “Notificar rechazo”, salvo que el nombre del paso debería ser “Notificar aprobación” y el asunto “Su solicitud ha sido aprobada”.</span></p> <h3><a name="_Toc61592589"><span lang="ES" xml:lang="ES">Rechazo compra</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Este es el paso que marca el fin del proceso cuando la solicitud es rechazada. Se puede utilizar la “</span><span lang="ES-UY" xml:lang= "ES-UY">Bandera al inicio”</span> <span lang="ES" xml:lang= "ES">para distinguir los procesos que finalizaron en este paso de los que terminaron en el otro paso de fin.</span></p> <p class="MsoNormal" style='page-break-after:avoid'><span lang="ES" xml:lang="ES">Abra la ventana de propiedades del paso y escriba “Rechazada” en el campo “Bandera al inicio”. Además, se puede chequear la opción “Progreso = 100%” para que, al terminar, el flujo quede marcado con un progreso de 100%.</span></p> <p class="MsoNormal" style='page-break-after:avoid'><img border="0" width="616" height="358" id="Picture 40" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image074.jpg" alt= "image" name="Picture 40" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <span lang="ES" xml:lang="ES">Figura</span> <span lang="ES" xml:lang="ES">62</span> <span lang="ES" xml:lang="ES">Menú de propiedades del paso Rechazo compra</span></p> <h3><a name="_Toc61592590"><span lang="ES" xml:lang="ES">Apruebo compra</span></a></h3> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Este paso se configura igual que el paso “Rechazo compra”, salvo que el nombre es distinto y la bandera se debería cambiar por “Aprobada”.</span></p> <p class="MsoBodyText"><span lang="ES" xml:lang="ES">El diseño final del proceso debería verse similar al de la</span> <span lang= "ES-UY" xml:lang="ES-UY">Figura 63</span><span lang="ES" xml:lang= "ES">.</span></p> <p class="MsoBodyText" align="center" style= 'text-align:center;page-break-after: avoid'><img border="0" width= "615" height="243" id="Picture 8" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image075.png" alt= "Title: Diseño final del proceso" name="Picture 8" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref504138555"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">63</span> <span lang="ES-UY" xml:lang="ES-UY">Diseño final del proceso</span></p> <h2><a name="_Toc61592591"><span lang="ES" xml:lang="ES">Puesta en producción</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Ahora que el proceso está terminado, es tiempo de protegerlo y pasarlo a producción.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Proteger la versión de la plantilla es importante, ya que los cambios que se han guardado mientras estuvo desprotegida sólo se guardaron para quien modificó la plantilla y no se han guardado aún en la base de datos de Q-flow. Antes de proteger la versión de la plantilla, deberá proteger la plantilla del proceso, que es el lugar donde fueron guardados los roles y datos de la aplicación. Para protegerlos, haga clic con el botón derecho del ratón sobre el paquete en el explorador de soluciones y seleccione en el menú la opción “Proteger”. Al hacerlo aparecerá un diálogo que le solicitará el ingreso de un comentario, puede ingresar el texto que le parezca apropiado, por ejemplo “primera versión”. Alternativamente, puede proteger y desproteger paquetes con el menú lateral que se encuentra a la izquierda del explorador de soluciones. El ícono de la flecha en diagonal hacia abajo y la derecha representa la desprotección de un paquete, mientras que ícono con la flecha en diagonal hacia arriba y la izquierda representa la protección de un paquete. Para más información acerca del menú lateral, consulte el manual de usuario.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Finalmente, para que se puedan iniciar procesos de la versión de la plantilla desde el sitio web, es necesario marcar la versión recién creada como la versión en producción del proceso. Esto se logra haciendo clic con el botón derecho en la versión de la plantilla en el explorador de soluciones y haciendo clic en “Asignar como versión en producción”. Luego de hacer esto, la versión de la plantilla en el explorador de soluciones aparecerá en negrita, tal como se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 64</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="174" height="57" id="Picture 71" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image076.png" alt= "Title: Versión de la plantilla en producción" name= "Picture 71" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234472"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">64</span> <span lang="ES" xml:lang="ES">Versión de la plantilla en producción</span></p> <h1><a name="_Toc61592592"><span lang="ES" xml:lang="ES">Ejecución del proceso</span></a></h1> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Esta sección describe cómo ejecutar el proceso.</span></p> <h2><a name="_Toc61592593"><span lang="ES" xml:lang="ES">Ingreso al Sitio Web</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para iniciar procesos, usaremos el sitio web de Q-flow. Ingresamos en él accediendo con el navegador a</span> <a href= "http://localhost/qflow"><span lang="ES" xml:lang= "ES">http://localhost/qflow</span></a> (suponiendo que Q-flow fue instalado con el instalador Express o que, por lo menos, el usuario está trabajando en la computadora en la que se instaló el sitio).</p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Si el usuario actual de Windows es el que se utilizó en la instalación, se ingresará al sitio automáticamente, pues se usa seguridad integrada. En cambio, si el usuario actual no tiene permisos, se pedirán las credenciales de un usuario que sí los tenga, tal como se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 65</span><span lang="ES" xml:lang="ES">. En ese caso, se debe ingresar el nombre y la contraseña de un usuario que tenga permisos para ingresar al sitio web.</span></p> <p class="MsoNormal" align="left" style= 'margin-bottom:0cm;margin-bottom:.0001pt; text-align:left;line-height:normal'> <span lang="ES" xml:lang="ES">También permite</span> <span lang= "ES" style='background:white' xml:lang="ES">autenticarse</span> <span lang="ES" xml:lang="ES">con cuenta de Microsoft y Google (solo en caso de que el usuario exista en el sistema de Q-flow)</span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Adicionalmente, tiene la opción de elegir la instancia en donde el usuario iniciará sesión, para ello debe hacer clic en el botón <i>“Cambiar”</i> (</span><span lang="ES" xml:lang="ES">Figura 65</span><span lang= "ES" xml:lang="ES">). Si esta opción no aparece, puede ver el manual de “Administración y monitoreo del sistema” para configurarlo.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img width="288" height= "1" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image077.jpg" align= "left" hspace="12" alt="image" /><span lang="EN-US" style= 'font-size:0pt;line-height:107%;font-family: "Times New Roman",serif;color:black;border:none black 1.0pt;padding:0cm; background:black;layout-grid-mode:line' xml:lang="EN-US"> </span><img border="0" width="265" height= "247" id="Picture 160" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image078.jpg" alt= "image" name="Picture 160" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234489"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">65</span> <span lang="ES" xml:lang="ES">Pedido de credenciales (izquierda) y selección de Tenant (derecha)</span></p> <h2><a name="_Toc61592594"><span lang="ES" xml:lang="ES">Inicio de un proceso</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Ahora ya estamos en el sitio web de Q-flow, el cual se muestra en la</span> <span lang="ES-MX" xml:lang="ES-MX">Figura 66</span><span lang="ES" xml:lang="ES">. El sitio web permite ejecutar todo tipo de operaciones relacionadas con los procesos en ejecución. Algunas de estas operaciones son: iniciar un proceso, responder preguntas o tareas pendientes y ver notificaciones recibidas.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Comencemos por iniciar un proceso de la plantilla que acabamos de crear. Para esto iremos a “Iniciar proceso”, que está en el menú de la izquierda. Allí se muestra una lista con todas las plantillas de proceso que tienen una versión en producción.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Si hace clic en una plantilla de la lista, el usuario es dirigido a la página de inicio del proceso. Allí se ingresa la información general del proceso y valores para los datos de aplicación que se marcaron como editables en el paso de inicio de la versión de plantilla. El formulario a completar se muestra en la</span> <span lang="ES" xml:lang="ES">Figura 67</span><span lang="ES" xml:lang="ES">. Una vez que ingresemos los datos haremos clic en “Iniciar” para comenzar el proceso.</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span lang="ES" xml:lang="ES"> </span><img border="0" width= "471" height="212" id="Picture 34" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image079.jpg" alt= "image" name="Picture 34" /></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234512"><span lang="ES-MX" xml:lang= "ES-MX">Figura</span></a> <span lang="ES-MX" xml:lang= "ES-MX">66</span> <span lang="ES" xml:lang="ES"><a name= "_Hlk60913427">Página principal del sitio web de Q-flow</a></span></p> <p class="MsoBodyText"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img width="633" height="1" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image080.png" alt= "Title: Formulario de inicio del proceso para la plantilla creada" /><br clear="all" /> </p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234525"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">67</span> <span lang="ES" xml:lang="ES">Formulario de inicio del proceso para la plantilla creada</span></p> <h2><a name="_Toc61592595"><span lang="ES" xml:lang="ES">Responder preguntas</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de iniciado el proceso, Q-flow muestra una página con información del proceso que fue iniciado. Esta página muestra información detallada del proceso, la cual está separada en varias solapas. En particular, resulta interesante observar la solapa “General”, que muestra una tabla con información general del proceso y la solapa “Diseño” (</span><span lang="ES-UY" xml:lang="ES-UY">Figura 68</span><span lang="ES" xml:lang="ES">), que muestra el diagrama del proceso y qué pasos se han ejecutado. En esta última solapa se puede observar que el proceso está en el paso “¿Aprueba encargado de compras?”. El proceso se quedará en este paso hasta que la pregunta sea respondida o se cumpla el vencimiento.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para ir al formulario que se usa para responder la pregunta podemos hacer clic en el paso de pregunta en la solapa “Diseño” y luego en la tarea mostrada en la tabla “Tareas del paso”. Una alternativa es hacer clic en el vínculo “Tareas activas del proceso”, que se encuentra en el menú de páginas relacionadas en la esquina superior derecha y doble clic sobre la fila mostrada en la vista.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">El formulario de respuesta de la pregunta se muestra en</span> <span lang="ES" xml:lang="ES">la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 69</span><span lang="ES" xml:lang="ES">.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Allí, el encargado de compras puede ver en el campo “Asunto” el nombre del usuario solicitante (recordar que habíamos usado una etiqueta) y el monto del gasto solicitado. También puede ingresar un comentario en el campo “Comentarios”. Luego, debe elegir cuál es su respuesta, seleccionando “Apruebo” o “Rechazo” en la lista en la que se puede seleccionar la respuesta. Finalmente, debe confirmar su respuesta, haciendo clic en “Responder”. Ingrese un comentario y responda la pregunta con la respuesta “Apruebo”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang= "ES"> </span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="617" height="279" id="Picture 35" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image081.jpg" alt= "image" name="Picture 35" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234559"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">68</span> <span lang="ES" xml:lang="ES">Detalles del</span> <span lang="ES" xml:lang="ES">proceso</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span></p> <p class="MsoNormal" style='page-break-after:avoid'><a name= "_Ref180234573"><span style= 'border:none black 1.0pt;padding:0cm;background:black'><img border= "0" width="616" height="350" id="Picture 120" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image082.jpg" alt= "image" name="Picture 120" /></span></a></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref27725753"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">69</span> <span lang="ES-UY" xml:lang="ES-UY">Formulario de respuesta de la pregunta</span></p> <h2><a name="_Toc61592596"><span lang="ES" xml:lang= "ES">Observación de notificaciones</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de responder la pregunta, diríjase nuevamente a la página de detalles del proceso. Observe en la solapa “Diseño” que el proceso ha terminado de ejecutar el paso “</span><span lang="ES-UY" xml:lang= "ES-UY">¿Aprueba encargado de compras?</span><span lang="ES" xml:lang="ES">” y el grafo continuó automáticamente, dependiendo del monto que haya ingresado en la tarea, si el monto que ingreso es menor a 500 dólares, la tarea debería haber avanzado hasta el paso “Notificar aprobación”, en caso que haya ingresado un valor mayor a 500 dólares, la tarea debió haber avanzado hasta el paso “Aprobación general” y deberá responder esta tarea para poder completar el proceso.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Una vez contestadas todas las tareas de usuario del proceso, si accede a la solapa “General”, puede observar que el “Estado” es “Finalizado”. Esto indica que el proceso ha terminado su ejecución.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Queda por ver la notificación enviada al solicitante, en la cual se indica que su solicitud de gasto ha sido aprobada. Esta notificación puede verse haciendo clic en el paso “Notificar aprobación” en el diseño y luego haciendo clic en la notificación en el panel “Tareas del paso”. En la</span> <span lang="ES" xml:lang="ES">Figura 70</span> <span lang="ES" xml:lang="ES">se muestra el formulario de la notificación. Allí, el solicitante ve en el asunto que su solicitud ha sido aprobada. También puede ver el comentario que ingresó el aprobador y el monto del gasto que había solicitado.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Se recomienda, en este momento, ejecutar un buen número de procesos, probando los diferentes caminos que definimos en el diseño del proceso. Por ejemplo, ejecutar procesos donde el monto sea mayor a 500, 1000, etc. y dar respuestas diferentes a las preguntas de aprobación de la solicitud de gastos.</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><span style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black'><img border="0" width="615" height="443" id="Picture 122" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image083.jpg" alt= "image" name="Picture 122" /></span></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234606"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">70</span> <span lang="ES" xml:lang="ES">Formulario de la notificación</span></p> <h2><a name="_Toc61592597"><span lang="ES" xml:lang= "ES">Vistas</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Podemos crear una vista personalizada que muestre solamente los procesos del proceso que acabamos de crear (la vista “Procesos”, que ya viene predefinida, muestra todos los procesos). Para ir a la página donde se crean las vistas haga clic en “Vistas”, en el menú lateral de Q-flow. Una vez que haya hecho clic en ese vínculo, Q-flow muestra una página con las vistas disponibles.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para crear una vista de procesos, haga clic en el botón “+”. Al hacer esto, se mostrará la página de selección de paquete y tipo de ítems que listará la vista como se muestra en la</span> <span lang="ES-UY" xml:lang="ES-UY">Figura 71</span><span lang="ES" xml:lang="ES">. El paquete por defecto es el “Raíz” y se dejará ese valor. Como queríamos una vista sobre procesos, en el panel de la derecha hay que seleccionar el ítem “Procesos” y luego hacer clic en “Continuar”. Esto nos lleva a la página de edición de la nueva vista.</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <img border="0" width="616" height="314" id="Picture 50" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image084.jpg" alt= "image" name="Picture 50" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref465677424"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">71</span> <span lang="ES-UY" xml:lang="ES-UY">Selección de paquete e ítem para una nueva vista</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el panel “Detalles” ingrese, en el campo “Nombre”, “Solicitudes de gasto”, y marque la opción “Vista destacada”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el panel “Filtros” agregaremos un filtro para que la vista sólo muestre procesos de la plantilla que creamos anteriormente. Para agregar un filtro:</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">1.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">Haga clic en el botón “+” del panel “Filtros”. Eso hace que Q-flow despliegue una tabla con tres solapas.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">2.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En la solapa “Columnas de sistema”, haga doble clic sobre el elemento “Nombre de la plantilla”. Al hacerlo se agregará una fila en el árbol de filtros más abajo.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'margin-left:35.7pt;text-align: left;text-indent:-17.85pt'> <span lang="ES" xml:lang="ES">3.<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span lang="ES" xml:lang="ES">En la fila agregada, deje el operador por defecto (“igual”) y en el campo a la derecha del operador ingresar el valor “Tutorial”.</span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'text-align:left'><span lang="ES" xml:lang="ES"> </span></p> <p class="MsoNormalCxSpMiddle" align="left" style= 'text-align:left'><span lang="ES" xml:lang="ES">Luego de esto, la página debería verse como en la</span> Figura 72<span lang="ES" xml:lang="ES">. Haga clic en “Listo” para crear la nueva vista. Note que la vista aparece en el menú lateral, bajo el grupo “Vistas”. Al hacer clic en ese vínculo, podrá ver el listado de elementos de la vista (</span><span lang="ES" xml:lang="ES">Figura 73</span><span lang="ES" xml:lang="ES">).</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="526" id="Picture 89" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image085.png" alt= "Title: Configuración de una vista" name="Picture 89" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234637">Figura</a> 72 <span lang="ES" xml:lang= "ES">Configuración de una vista</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><img border="0" width= "616" height="225" id="Picture 91" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image086.png" alt= "Title: Listado de la vista" name="Picture 91" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234650"><span lang="ES" xml:lang= "ES">Figura</span></a> <span lang="ES" xml:lang="ES">73</span> <span lang="ES" xml:lang="ES">Listado de la vista</span></p> <h2><a name="_Toc61592598"><span lang="ES" xml:lang= "ES">Gráficas</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Podemos crear gráficas personalizadas para realizar un seguimiento a más alto nivel de los procesos.</span> <span lang="ES" xml:lang= "ES">Agregaremos una gráfica que muestre los procesos de la plantilla que creamos, discriminando por su bandera.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Para crear una gráfica de procesos hay que acceder al vínculo gráficas del menú lateral y seguir el mismo procedimiento que en la creación de una vista. Luego de haber seleccionado el paquete “Raíz” y el ítem “Procesos” nos encontramos con la página de edición de la nueva gráfica.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el panel “Detalles” ingrese, en el campo “Nombre”, “Procesos por bandera”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el panel “Apariencia” seleccione el tipo de gráfica “Columnas agrupadas” como se muestra en la</span> <span lang="ES-UY" xml:lang= "ES-UY">Figura 74</span><span lang="ES" xml:lang="ES">. En “Medida” seleccione “Cantidad” como tipo de agregación y haga clic el botón de la barra debajo de “Columna” para desplegar los tipos de columnas disponibles. Haga doble clic en el elemento “ID correlativo del proceso” de la solapa “Columnas de sistema” para que cuente la cantidad de procesos distinguiéndolos por su identificador.</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <img border="0" width="616" height="492" id="Picture 98" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image087.png" alt= "Title: Creación de una gráfica: detalles y selección de apariencia" name="Picture 98" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref465680151"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">74</span> <span lang="ES-UY" xml:lang="ES-UY">Creación de una gráfica: detalles y selección de apariencia</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">En el panel “Dimensiones” haga clic en el botón “+” para agregar como dimensión la columna “Bandera del proceso”. Selecciónela haciendo doble clic en la lista.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Debemos incluir columnas que formarán parte de la vista generada a partir de la información de la gráfica y que nos brinden información útil sobre cada proceso. Para hacerlo, en el panel “Columnas” haga clic en el botón “+” y de la misma forma que con las dimensiones, se agregue las columnas “ID correlativo del proceso”, “Nombre del proceso”, “Fecha de inicio del proceso”, “Estado del proceso” y “Bandera del proceso”.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Por último, si queremos que la gráfica refleje los datos de los procesos de la plantilla que creamos, se debe agregar un filtro por nombre de plantilla de la misma forma que se hizo para la vista anterior.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Finalmente, la página debería verse como en la</span> <span lang="ES-UY" xml:lang= "ES-UY">Figura 75</span><span lang="ES" xml:lang="ES">. Para finalizar la creación de la gráfica haga clic en “Listo”.</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <img border="0" width="616" height="424" id="Picture 102" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image088.png" alt= "Title: Creación de una gráfica: configuración de medida, dimensiones y columnas" name="Picture 102" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref465680165"><span lang="ES-UY" xml:lang= "ES-UY">Figura</span></a> <span lang="ES-UY" xml:lang= "ES-UY">75</span> <span lang="ES-UY" xml:lang="ES-UY">Creación de una gráfica: configuración de medida, dimensiones y columnas</span></p> <h2><a name="_Toc61592599"><span lang="ES" xml:lang="ES">Tablero de control principal</span></a></h2> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Se dispone de un tablero de control en la página principal de Q-flow, en el que se puede tener información útil al alcance de la mano. Es posible añadir vistas, indicadores y gráficas que estarán siempre actualizadas.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Agregaremos al tablero de control principal la vista y la gráfica que creamos. Para hacerlo, primero hay que ir a la página de inicio, haciendo clic en el logo de Q-flow, que está en el cabezal. Luego hay que hacer clic en el botón con ícono de lápiz para editar el tablero, que se encuentra en la parte superior derecha de la página principal. Se mostrará una tabla con tres solapas que lista los elementos que se pueden agregar al tablero, y debajo de ella un área que oficiará de contenedor donde se incluirán los elementos, como se muestra en la</span> Figura 76<span lang="ES" xml:lang= "ES">. En la solapa “Vistas” navegaremos hasta el elemento “Solicitud de gasto” y lo agregaremos al área inferior arrastrándolo, con doble clic, con la opción “Agregar del menú contextual del elemento o con el botón “+” de la tabla. De la misma forma, en la solapa “Gráficas” seleccionamos la gráfica “Procesos por bandera” y la agregamos al tablero.</span></p> <p class="MsoNormal"><span lang="ES" xml:lang="ES">Luego de hacer esto, se pueden modificar la disposición y dimensiones de la gráfica y la vista en el tablero para que ocupen todo el ancho de la página y tengan el largo suficiente para visualizar todo el contenido. Finalmente, para guardar los cambios haga clic en el botón con el ícono de disquete que se encuentra en la parte superior derecha de la página y el tablero de control principal se verá similar al de la</span> Figura 77<span lang="ES" xml:lang= "ES">.</span></p> <p class="MsoNormal"><img border="0" width="615" height="290" id= "Picture 54" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image089.jpg" alt= "image" name="Picture 54" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234672">Figura</a> 76 <span lang="ES" xml:lang= "ES">Modificación del tablero de control principal</span></p> <p class="MsoNormal" align="center" style= 'text-align:center;page-break-after:avoid'><span lang="ES" style= 'font-size:0pt;line-height:107%;font-family:"Times New Roman",serif; color:black;border:none black 1.0pt;padding:0cm;background:black;layout-grid-mode: line' xml:lang="ES"> </span><img border="0" width="616" height="407" id="Picture 58" src= "Qf500006ESP-Tutorial%20de%20Q-flow-v1.0_files/image090.jpg" alt= "image" name="Picture 58" /></p> <p class="MsoCaption" align="center" style='text-align:center'> <a name="_Ref180234685">Figura</a> 77 <span lang="ES" xml:lang= "ES">Tablero de control principal modificado</span></p> </div>
Contents
Topics
Search
Objetivo
Descripción del proceso
Diseño del proceso
Ingreso al Diseñador Web
Creación de la plantilla de proceso
Pasos del proceso
Evento de inicio
Evento de fin
Compuerta exclusiva
Tarea de usuario
Tarea de notificación a usuario
Tarea de fórmula
Dibujo del proceso
Datos de aplicación
Roles de proceso
Detallar el proceso
Solicitar gasto
Calcular monto total
¿Aprueba encargado de compras?
¿Aprueba?
Compuerta exclusiva
Debe aprobar gerente de compras
Deben aprobar gerente de compras y director
Aprobación gerencial
¿Aprueba?
Notificar rechazo
Notificar aprobación
Rechazo compra
Apruebo compra
Puesta en producción
Ejecución del proceso
Ingreso al Sitio Web
Inicio de un proceso
Responder preguntas
Observación de notificaciones
Vistas
Gráficas
Tablero de control principal
Aprobación gerencial
Apruebo compra
Calcular monto total
Compuerta exclusiva
Compuerta exclusiva
Creación de la plantilla de proceso
Datos de aplicación
Debe aprobar gerente de compras
Deben aprobar gerente de compras y director
Descripción del proceso
Detallar el proceso
Dibujo del proceso
Diseño del proceso
Ejecución del proceso
Evento de fin
Evento de inicio
Gráficas
Ingreso al Diseñador Web
Ingreso al Sitio Web
Inicio de un proceso
Notificar aprobación
Notificar rechazo
Objetivo
Observación de notificaciones
Pasos del proceso
Puesta en producción
Rechazo compra
Responder preguntas
Roles de proceso
Solicitar gasto
Tablero de control principal
Tarea de fórmula
Tarea de notificación a usuario
Tarea de usuario
Vistas
¿Aprueba encargado de compras?
¿Aprueba?
¿Aprueba?
Generated with
chmProcessor
Generated with
chmProcessor