@extends('layouts.client')

@section('content')
    <style type="text/css">ol {
            margin: 0;
            padding: 0
        }

        table td, table th {
            padding: 0
        }

        .c1 {
            color: #000000;
            font-weight: 400;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 11pt;
            font-family: "Arial";
            font-style: normal
        }

        .c0 {
            padding-top: 0pt;
            padding-bottom: 0pt;
            line-height: 1.15;
            orphans: 2;
            widows: 2;
            text-align: left;
            height: 11pt
        }

        .c4 {
            color: #000000;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 11pt;
            font-family: "Arial";
            font-style: normal
        }

        .c6 {
            color: #000000;
            text-decoration: none;
            vertical-align: baseline;
            font-size: 14pt;
            font-family: "Arial";
            font-style: normal
        }

        .c5 {
            padding-top: 0pt;
            padding-bottom: 0pt;
            line-height: 1.15;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        .c3 {
            background-color: #ffffff;
            max-width: 451.4pt;
            padding: 72pt 72pt 72pt 72pt
        }

        .c8 {
            color: #1155cc;
            text-decoration: underline
        }

        .c7 {
            color: inherit;
            text-decoration: inherit
        }

        .c2 {
            font-weight: 700
        }

        .title {
            padding-top: 0pt;
            color: #000000;
            font-size: 26pt;
            padding-bottom: 3pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        .subtitle {
            padding-top: 0pt;
            color: #666666;
            font-size: 15pt;
            padding-bottom: 16pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        li {
            color: #000000;
            font-size: 11pt;
            font-family: "Arial"
        }

        p {
            margin: 0;
            color: #000000;
            font-size: 11pt;
            font-family: "Arial";
            max-width: 70%;
            margin-bottom: 20px;
        }

        h1 {
            padding-top: 20pt;
            color: #000000;
            font-size: 20pt;
            padding-bottom: 6pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        h2 {
            padding-top: 18pt;
            color: #000000;
            font-size: 16pt;
            padding-bottom: 6pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        h3 {
            padding-top: 16pt;
            color: #434343;
            font-size: 14pt;
            padding-bottom: 4pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        h4 {
            padding-top: 14pt;
            color: #666666;
            font-size: 12pt;
            padding-bottom: 4pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        h5 {
            padding-top: 12pt;
            color: #666666;
            font-size: 11pt;
            padding-bottom: 4pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            orphans: 2;
            widows: 2;
            text-align: left
        }

        h6 {
            padding-top: 12pt;
            color: #666666;
            font-size: 11pt;
            padding-bottom: 4pt;
            font-family: "Arial";
            line-height: 1.15;
            page-break-after: avoid;
            font-style: italic;
            orphans: 2;
            widows: 2;
            text-align: left
        }
        img{
            margin-bottom: 30px;
        }


    </style>

    <p class="c5"><span class="c2">GUNTREF</span><span>&nbsp;</span><span class="c1">Sistema de Gesti&oacute;n de la Comunicaci&oacute;n UNTREF</span>
    </p>
    <p class="c5"><span>Est&aacute; est&aacute; basado en la l&oacute;gica operativa de </span><span class="c8"><a
                    class="c7" href="mailto:mesadenoticias@untref.edu.ar">mesadenoticias@untref.edu.ar</a></span><span class="c1">, pero su finalidad es sistematizar todo el proceso desde el requerimiento hasta su finalizaci&oacute;n, teniendo conocimiento y seguimiento de las etapas de producci&oacute;n que intervienen.</span>
    </p>
    <p class="c0"><span class="c6 c2"></span></p>
    <p class="c5"><span class="c6 c2">Usuarios Cliente</span></p>
    <p class="c0"><span class="c4 c2"></span></p>
    <p class="c5"><span class="c2">1_ Registro en el sistema</span><span class="c1"><br>Para poder realizar tr&aacute;mites debe registrarse en:</span>
    </p>
    <p class="c5"><span class="c8"><a class="c7"
                                      href="http://guntref.untrefswap.xyz/register">http://guntref.untrefswap.xyz/register</a></span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 220.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(1).png" src="{{URL::to('/')}}/images/image8.png"
                    style="width: 602.00px; height: 220.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">2_ Ingreso al sistema</span></p>
    <p class="c5"><span class="c8"><a class="c7"
                                      href="http://guntref.untrefswap.xyz/login">http://guntref.untrefswap.xyz/login</a></span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 481.00px; height: 290.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz.png" src="{{URL::to('/')}}/images/image9.png"
                    style="width: 481.00px; height: 290.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">3_ Cambio de contrase&ntilde;a</span></p>
    <p class="c5"><span>Para cambiar al contrase&ntilde;a, tiene que seleccionar el nombre de usuario en la esquina superior derecha de la pantalla, e ingresar en la opci&oacute;n &ldquo;Panel de Usuario&rdquo;, o bien acceder directamente a este link </span><span
                class="c8"><a class="c7"
                              href="http://guntref.untrefswap.xyz/cambiarPass">http://guntref.untrefswap.xyz/cambiarPass</a></span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 595.00px; height: 600.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz132.png" src="{{URL::to('/')}}/images/image6.png"
                    style="width: 595.00px; height: 600.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">4_ Creaci&oacute;n de Perfil</span></p>
    <p class="c5"><span class="c1">Por cuestiones de validaci&oacute;n y optimizaci&oacute;n de los recursos de la universidad, para poder generar tareas es necesario generar un Perfil. Un perfil se puede registrar por cualquier usuario pero deben registrarse bajo el nombre y mail de los directores, coordinadores o responsables de &aacute;rea o unidad acad&eacute;mica de la universidad.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 349.33px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(3).png" src="{{URL::to('/')}}/images/image2.png"
                    style="width: 602.00px; height: 349.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span><span><br></span></p>
    <p class="c0"><span class="c4 c2"></span></p>
    <p class="c5"><span class="c2">5_ Creaci&oacute;n de Tareas<br></span><span class="c1">Al ingresar al sistema, tenemos en pantalla un bot&oacute;n &ldquo;Crear Tarea&rdquo;. Si se clickea nos env&iacute;a a la vista de creaci&oacute;n de tareas que presenta diferentes opciones seg&uacute;n el requerimiento que se tenga.</span>
    </p>
    <p class="c5"><span class="c2">Mesa de noticias</span><span class="c1">, es para solicitar difusi&oacute;n a trav&eacute;s de las herramientas de comunicaci&oacute;n que posee la UNTREF. El formulario es igual al que se enviaba anteriormente por mail, pero ahora se ingresa directamente al sistema. Tiene campos obligatorios a completar para ser aceptada la informaci&oacute;n. <br></span>
    </p>
    <p class="c5"><span class="c2">Actualizaci&oacute;n WEB</span><span>, es para modificar, subir o bajar contenidos en los distintos sitios de la UNTREF. Es necesario enviar la url del sitio o p&aacute;gina a modificar.</span><span
                class="c4 c2"><br></span></p>
    <p class="c5"><span class="c2">Gesti&oacute;n de email institucional</span><span class="c1">, es para todo lo relacionado a las cuentas @untref.edu.ar, altas, bajas, reseteos de clave e inconvenientes con las cuentas.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c2">Otros</span><span class="c1">, est&aacute; destinado a otras tareas que no se encuentran incluidas en las opciones anteriores pero deben ser gestionadas a trav&eacute;s de las v&iacute;as institucionales.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 454.67px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(4).png" src="{{URL::to('/')}}/images/image1.png"
                    style="width: 602.00px; height: 454.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span>Para generar tareas es necesario contar con un perfil (Ver punto 4). En caso de no tenerlo generado, al hacer click en una de las opciones de tareas, reenv&iacute;a a la vista de creaci&oacute;n de perfil.</span><span
                class="c2"><br></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">6_ Seguimiento de tareas</span></p>
    <p class="c5"><span class="c1">Una vez que una tarea fue creada, se puede conocer el estado en que se encuentra la misma al reingresar al sistema, o desde la opci&oacute;n &ldquo;Ver Tareas&rdquo;
    del men&uacute; &ldquo;Tareas&rdquo;. <br>Al ingresar en el listado de tareas generadas, adem&aacute;s de ver el estado de la tarea, tambi&eacute;n es posible tener interacci&oacute;n con la gesti&oacute;n de comunicaci&oacute;n mediante comentarios en la tarea.</span>
    </p>
    <p class="c0"><span class="c4 c2"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 264.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(5).png" src="{{URL::to('/')}}/images/image11.png"
                    style="width: 602.00px; height: 264.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c6 c2">Usuarios de gesti&oacute;n y operaci&oacute;n interna</span></p>
    <p class="c0"><span class="c6 c2"></span></p>
    <p class="c5"><span class="c6 c2">L&iacute;nea de producci&oacute;n</span></p>
    <p class="c5"><span class="c4 c2">Las distintas tareas que se realizan para los requerimientos de comunicaci&oacute;n y difusi&oacute;n se categorizaron en unidades funcionales (como equipos de trabajos con campos de acci&oacute;n espec&iacute;ficos) para su &oacute;ptima traducci&oacute;n a la l&oacute;gica de sistema.</span>
    </p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 52.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(6).png" src="{{URL::to('/')}}/images/image5.png"
                    style="width: 602.00px; height: 52.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c2 c6"></span></p>
    <p class="c5"><span class="c2">7_ Panel de tareas<br></span><span class="c1">Todas las tareas que los clientes carguen al sistema aparecen en esa p&aacute;gina. Al acceder se muestran listadas las que est&aacute;n en la unidad funcional que act&uacute;a como mesa de entradas (ingreso), para ser evaluadas, aprobadas o rechazadas y ser enviadas a la siguiente unidad dentro de la l&iacute;nea de producci&oacute;n seg&uacute;n corresponda al pedido.</span>
    </p>
    <p class="c5"><span class="c1">En esta vista se puede ver la l&iacute;nea completa de unidades funcionales que participan de la producci&oacute;n de contenidos y piezas de comunicaci&oacute;n. Las tareas que el cliente genera, activan autom&aacute;ticamente l&iacute;neas de producci&oacute;n espec&iacute;ficas seg&uacute;n el pedido (Por ejemplo un pedido de mesa de noticias genera autom&aacute;ticamente tareas de mailing, redes y web), para optimizar el flujo y resoluci&oacute;n del requerimiento.<br>Al clickear en una unidad funcional, se puede ver las tareas que se est&aacute;n trabajando ah&iacute;.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 178.67px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(7).png" src="{{URL::to('/')}}/images/image12.png"
                    style="width: 602.00px; height: 178.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c4 c2"></span></p>
    <p class="c5"><span class="c2">8_ </span><span class="c4 c2">Creaci&oacute;n de tareas</span></p>
    <p class="c5"><span class="c1">Las tareas que genera un usuario interno de GUNTREF son complementarias a tareas generadas por un cliente. Por ejemplo si se agrega una pieza a la difusi&oacute;n de un evento, el cliente lo comunica en la tarea que ya gener&oacute;, mediante un comentario, pero internamente la unidad funcional Ingreso, crea una tarea relacionada a la tarea original, en la que incluye este agregado y lo categoriza para que entre en la l&iacute;nea de producci&oacute;n.</span>
    </p>
    <p class="c5"><span>El proceso es, ingresar en la pesta&ntilde;a de la unidad funcional y hacer click en la opci&oacute;n &ldquo;Crear Tarea&rdquo;. En el formulario que se muestra, pide el perfil del cliente (Para filtrar la cantidad de resultados) y luego muestra en un selector, todas las tareas generadas por ese perfil, para asociar la nueva tarea, con la que corresponda. Luego elige la categor&iacute;a a la que corresponde la tarea para que arme la l&iacute;nea de producci&oacute;n autom&aacute;tica.</span>
    </p>
    <p class="c5"><span class="c1">Si debe generar una tarea como &aacute;rea o unidad acad&eacute;mica de la universidad, debe generar un perfil con los datos del responsable y cargar el requerimiento como lo hace un usuario cliente (Ver punto 4 y 5)</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">9_ Subtareas</span></p>
    <p class="c5"><span class="c1">Lo l&iacute;deres de unidades funcionales, tienen a su cargo miembros de equipo a los que les pueden asignar tareas espec&iacute;ficas dependientes de las que crean los clientes. Cada tarea que ingresa en una unidad funcional le muestra al l&iacute;der una opci&oacute;n &ldquo;Crear subtarea&rdquo;
    que le permite asignarle a alguien de su equipo la realizaci&oacute;n de la tarea original completa o una parte de ella. Tambi&eacute;n puede asignarle a distintos miembros del equipo diferentes subtareas de una misma tarea, para sacar provecho de sus aptitudes o repartir la carga de la resoluci&oacute;n de forma organizada.</span>
    </p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 250.67px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(8).png" src="{{URL::to('/')}}/images/image4.png"
                    style="width: 602.00px; height: 250.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">10_ Etiquetado</span></p>
    <p class="c5"><span class="c1">En casos de tareas en las que es necesaria la participaci&oacute;n de integrantes de diferentes unidades funcionales, para consultor&iacute;a, propuestas o alternativas, o para poner al tanto simplemente, es posible etiquetar a un usuario para que reciba una notificaci&oacute;n que le indique que lo solicitan en una tarea. </span>
    </p>
    <p class="c5"><span class="c1">Para utilizarlo hay que ingresar a la tarea en cuesti&oacute;n y en el campo &ldquo;Etiquetar Usuarios&rdquo;, ingresar nombre y apellido del usuario que se quiere etiquetar. El campo es predictivo por lo que ingresando las primeras letras del nombre, trae como resultados los que coinciden con lo ingresado. Alternativamente, tambi&eacute;n muestra el listado de todos los usuarios internos que tiene registrados el sistema (no clientes).</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 561.00px; height: 195.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(9).png" src="{{URL::to('/')}}/images/image10.png"
                    style="width: 561.00px; height: 195.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c4 c2">11_ Pase de tareas</span></p>
    <p class="c5"><span class="c1">Cuando una unidad funcional completa lo que tiene asignado de una tarea, debe pasarla a la siguiente unidad para que contin&uacute;e con la l&iacute;nea de producci&oacute;n. Las tareas tienen establecido un &ldquo;camino&rdquo;
    seg&uacute;n el requerimiento que incluye. Por ejemplo la categor&iacute;a flyer (que se genera autom&aacute;ticamente en el caso de carga de un evento) tiene el siguiente camino:</span>
    </p>
    <p class="c5"><span class="c1">Ingreso &gt; Correcci&oacute;n &gt; Edici&oacute;n &gt; UNTREF Media &gt; Aprobaci&oacute;n.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c1">Para enviar la tarea de una unidad a otra, hay que estar dentro de la tarea y en la parte superior de la pantalla donde se ve la l&iacute;nea de producci&oacute;n, hacer click en la unidad funcional siguiente y elegir la opci&oacute;n &ldquo;Enviar tarea&rdquo;.</span>
    </p>
    <p class="c5"><span class="c1">Tambi&eacute;n es posible en casos donde la informaci&oacute;n o el requerimiento tiene un faltante o necesita algo adicional, enviar la tarea de vuelta hacia atr&aacute;s en la l&iacute;nea de producci&oacute;n, haciendo el mismo proceso que el anterior, pero seleccionando a una unidad funcional previa.</span>
    </p>
    <p class="c5"><span class="c1">Tanto al enviar hacia adelante o hacia atr&aacute;s, el sistema permite agregar un comentario para que el l&iacute;der de la otra unidad pueda comprender r&aacute;pidamente el estado de la tarea.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 144.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(10).png" src="{{URL::to('/')}}/images/image7.png"
                    style="width: 602.00px; height: 144.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span class="c2">12_ Notificaciones</span></p>
    <p class="c5"><span class="c1">Cuando sucede algo dentro de una tarea, quienes tienen relaci&oacute;n directa con ella reciben una notificaci&oacute;n en su panel de usuario. Las mismas se representan en la parte superior de la pantalla en el bot&oacute;n &ldquo;Notificaciones&rdquo;. A la derecha de la palabra hay un n&uacute;mero que indica la cantidad de notificaciones sin leer que tiene el usuario.</span>
    </p>
    <p class="c5"><span class="c1">Al hacer click en el bot&oacute;n, se redirige a la vista de notificaciones que se organiza en 3 pesta&ntilde;as. No le&iacute;das, le&iacute;das y archivadas (&eacute;stas &uacute;ltimas son las que el usuario decide dar por terminadas y pasa a un registro pero ya no las utiliza)</span>
    </p>
    <p class="c5"><span class="c1">Los eventos que disparan notificaciones son: creaci&oacute;n de tarea, cambio de estado, edici&oacute;n, etiquetado y pase de tarea. Lo mismo sucede con las subtareas a excepci&oacute;n del pase, que no es posible entre unidades.</span>
    </p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c5"><span
                style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 274.00px; height: 86.00px;"><img
                    alt="Screenshot-2017-10-19 http guntref untrefswap xyz(11).png" src="{{URL::to('/')}}/images/image3.png"
                    style="width: 274.00px; height: 86.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
                    title=""></span></p>
    <p class="c0"><span class="c1"></span></p>
    <p class="c0"><span class="c1"></span></p>
@endsection