private Canvas loadManual() {
VLayout layout = new VLayout();
layout.setWidth100();
layout.setHeight100();
final HTMLPane htmlPane = new HTMLPane();
htmlPane.setShowEdges(true);
//adding the direction of the manual
String contents = "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"><HTML><HEAD> <META HTTP-EQUIV=\"CONTENT-TYPE\" CONTENT=\"text/html; charset=windows-1252\"> <TITLE></TITLE> <META NAME=\"GENERATOR\" CONTENT=\"OpenOffice.org 3.3 (Win32)\"> <META NAME=\"AUTHOR\" CONTENT=\"Jose Vélez\"> <META NAME=\"CREATED\" CONTENT=\"20110224;11591400\"> <META NAME=\"CHANGEDBY\" CONTENT=\"David \"> <META NAME=\"CHANGED\" CONTENT=\"20110613;17234769\"> <STYLE TYPE=\"text/css\"> <!-- @page:left { margin-left: 1.8cm; margin-right: 2.2cm; margin-top: 2cm; margin-bottom: 2cm } @page:right { margin-left: 2.2cm; margin-right: 1.8cm; margin-top: 2cm; margin-bottom: 2cm } @page:first { margin-left: 2cm; margin-right: 2cm } P { margin-top: 0.4cm; margin-bottom: 0.21cm; line-height: 150%; text-align: justify } P.western { font-family: \"Verdana\", sans-serif; font-size: 10pt } P.cjk { font-size: 10pt } P.lista-western { font-family: \"Verdana\", sans-serif; font-size: 10pt } P.lista-cjk { font-size: 12pt } P.lista-ctl { font-family: \"Lohit Hindi\" } H1 { margin-top: 3cm; margin-bottom: 0.21cm; page-break-before: right } H1.western { font-family: \"Liberation Sans\", sans-serif; font-size: 19pt } H1.cjk { font-family: \"AR PL UMing HK\"; font-size: 16pt } H1.ctl { font-family: \"Lohit Hindi\"; font-size: 16pt } P.enumeración-1-western { margin-left: 1.9cm; text-indent: -0.4cm; margin-top: 0.2cm; font-family: \"Verdana\", sans-serif; font-size: 10pt } P.enumeración-1-cjk { margin-left: 1.9cm; text-indent: -0.4cm; margin-top: 0.2cm; font-size: 12pt } P.enumeración-1-ctl { margin-left: 1.9cm; text-indent: -0.4cm; margin-top: 0.2cm; font-family: \"Lohit Hindi\" } H1.anexo-western { font-family: \"Liberation Sans\", sans-serif; font-size: 19pt } H1.anexo-cjk { font-family: \"AR PL UMing HK\"; font-size: 16pt } H1.anexo-ctl { font-family: \"Lohit Hindi\"; font-size: 16pt } A:link { so-language: zxx } --> </STYLE> </HEAD> <BODY LANG=\"es-ES\" DIR=\"LTR\"> <H1 CLASS=\"anexo-western\" STYLE=\"page-break-before: always\">Manual de usuario</H1> <P CLASS=\"western\">A continuación, se va a presentar una demostración de uso de la aplicación. Pero, antes de comenzar a explicar su funcionamiento, cabe mencionarse que para el presente ejemplo, se ha partido de una base de datos completamente vacía, con la única excepción de un registro correspondiente al usuario administrador, cuyas credenciales son, como nombre de usuario<SPAN STYLE=\"background: transparent\">: </SPAN><SPAN LANG=\"zxx\"><I><SPAN STYLE=\"background: transparent\">ScrumManager</SPAN></I></SPAN><SPAN STYLE=\"background: transparent\">;</SPAN><SPAN STYLE=\"text-decoration: none\"><SPAN STYLE=\"background: transparent\"> y como contraseña</SPAN></SPAN><SPAN STYLE=\"background: transparent\">: </SPAN><SPAN LANG=\"zxx\"><I><SPAN STYLE=\"background: transparent\">scrum</SPAN></I></SPAN><SPAN STYLE=\"background: transparent\">.</SPAN></P> <P CLASS=\"western\">Una vez aclarado el punto de partida, a continuación se explicará paso a paso qué hacer para realizar las operaciones más básicas.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 0.- Acceso a la aplicación</FONT></FONT></P> <P CLASS=\"western\">Para acceder a la aplicación basta añadir la dirección donde está el servidor. Esta url, sin embargo, también es la que permite la administración en diferentes idiomas. Concretamente en español y en inglés, que es el idioma por defecto. Para ello, si se quiere acceder a la aplicación en castellano hay que añadir a la dirección el siguiente atributo: locale=es. Un ejemplo, se puede ver en la Figura 1. </P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/1.jpg\" NAME=\"Marco60\" ALT=\"Marco60\" ALIGN=BOTTOM></P><P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <BR><BR> </P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-before: always; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 1.- Autenticación</FONT></FONT></P> <P CLASS=\"western\">Antes de acceder a la aplicación el usuario deberá identificarse como tal. De esta forma, a partir de ese momento el usuario estará identificado, mostrándole información relativa a sí mismo, en caso de requerirse. Como la base de datos estará vacía, se accederá con el administrador creado inicialmente:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/2.jpg\" NAME=\"Marco34\" ALT=\"Marco34\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Sobre esta ventana cabe citarse que la contraseña que se introduzca aquí, será cifrada mediante MD-5, puesto que en la base de datos no se almacenará, en ningún caso, la contraseña en claro. Así pues, la política de seguridad seguida dotará al cliente de una mayor confiabilidad en la aplicación. Además, no supone ningún inconveniente al cliente, y le es completamentetransparente. Éste, simplemente deberá introducir el mismo nombre con el que se logueó cuando se registró. </P> <P CLASS=\"western\">En caso de que al intentar loguearse en la aplicación, las credenciales sean incorrectas, se mostrará un mensaje en la propia ventana, indicando el motivo:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/3.jpg\" NAME=\"Marco15\" ALT=\"Marco15\" ALIGN=BOTTOM></P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 2.- Elección inicial de funcionalidades</FONT></FONT></P><P CLASS=\"western\">Una vez logueado aparecerá la que será la ventana principal de la aplicación. Sobre ella, se desplegarán todas las ventanas que se necesiten para manejar la <SPAN STYLE=\"text-decoration: none\">aplicación.</SPAN> Así, se podrá abrir una u otra ventana desde la barra de herramientas que aparecerá en la parte superior de la pantalla:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/4.jpg\" NAME=\"Marco37\" ALT=\"Marco37\" ALIGN=BOTTOM></P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 3. - Creación y administración de usuarios</FONT></FONT></P> <P CLASS=\"western\">Para crear nuevos usuarios habrá que abrir el menú contextual desde el menú de usuarios. Esto se detalla en la siguiente figura:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/5.jpg\" NAME=\"Marco38\" ALT=\"Marco38\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Un vez hecho esto, aparecerá un formulario completamente vacío que habrá que rellenar con los datos con los que se desee creer al nuevo usuario:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/6.jpg\" NAME=\"Marco39\" ALT=\"Marco39\" ALIGN=BOTTOM></P> <P CLASS=\"western\">De este formulario, cabe mencionarse que la contraseña aparecerá cifrada. Asimismo, y como ya se ha mencionado en el primer paso, esta información no viajará en crudo, sino que antes de ser enviada al servidor, se cifrará de forma transparente al usuario.</P> <P CLASS=\"western\">Para continuar con el ejemplo, se creará un segundo usuario, que pertenecerá al primer usuario (Usuario1). Esto se indicará seleccionando Usuario1 del desplegable ofrecido en la opción Group. El resultado de ambas creaciones se verá en el grid principal de los usuarios, donde aparecerán dos nuevas filas correspondientes a los nuevos usuarios (ver Figura 7).</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/7.jpg\" NAME=\"Marco40\" ALT=\"Marco40\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Además, este grid permitirá la gestión de los usuarios que en él aparecen. Así, si se selecciona uno de ellos, y se abre el menú contextual (ver Figura 8), se podrá administrar un usuario. En concreto, caben citarse las siguientes funcionalidades:</P> <UL> <LI><P CLASS=\"enumeración-1-western\">Añadir nuevo usuario: que abrirá el formulario correspondiente para crear un nuevo usuario.</P> <LI><P CLASS=\"enumeración-1-western\">Ver usuario: abrirá la información de la persona seleccionada en una nueva ventana. Esta ficha recoge la información del usuario seleccionado, y se podrá acceder también a ella, haciendo doble click sobre el usuario deseado.</P> <LI><P CLASS=\"enumeración-1-western\">Borrar usuario: que permitirá borrar un usuario del sistema. Al igual que en el resto de la aplicación, cuando se desee borrar un usuario, se abrirá una ventana de alerta que pedirá la confirmación del borrado seleccionado.</P> </UL> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/8.jpg\" NAME=\"Marco41\" ALT=\"Marco41\" ALIGN=BOTTOM></P> <UL> <LI><P CLASS=\"enumeración-1-western\">Modificar usuario: abrirá en una nueva ventana un formulario con los datos del usuario seleccionado, listos para modificar.</P> </UL> <P CLASS=\"western\"><BR><BR> </P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 4.- Creación y administración de productos</FONT></FONT></P> <P CLASS=\"western\">Para crear productos, en primer lugar hay que abrir una ventana de gestión de productos, tal y como se ha explicado en el segundo paso. Una vez abierto, inicialmente este grid se encontrará vacío. De nuevo, con el botón derecho del ratón, se debe abrir el menú contextual y elegir la opción de crear un nuevo producto. Tras esto, aparecerá un formulario que deberá rellenarse. Por ejemplo: </P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/9.jpg\" NAME=\"Marco42\" ALT=\"Marco42\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Una vez rellenado, se pulsará aceptar, tras lo cuál se creará una nueva tupla en el grid de los productos. Esto se puede ver en la Figura 10:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/10.jpg\" NAME=\"Marco43\" ALT=\"Marco43\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como se aprecia en esta última figura, el grid recoge toda la información de interés del producto. En concreto, muestra las estimaciones inicial y actual, así como el estado y la descripción. Como se ha observado, en el formulario de la figura 9 no aparecía ningún campo en el que poner la estimación actual, esto es debido a que esta estimación se calculará dinámicamente cuando se creen tareas bajo su contexto. De nuevo, como en el grid de usuarios, se permitirá la gestión de los productos. En este caso el menú contextual será más amplio (ver Figura 11), y permitirá:</P> <UL> <LI><P CLASS=\"enumeración-1-western\">Añadir nuevos productos: que abrirá el formulario correspondiente para crear un nuevo producto.</P> </UL> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/11.jpg\" NAME=\"Marco44\" ALT=\"Marco44\" ALIGN=BOTTOM></P> <UL> <LI><P CLASS=\"enumeración-1-western\">Ver temas: abrirá en una ventana el gestor de temas. Mostrará únicamente los temas relativos al producto seleccionado. La figura 15 lo muestra.</P> <LI><P CLASS=\"enumeración-1-western\">Ver entregas: mostrará en una ventana el gestor de entregas, recogiendo únicamente las entregas relativas al producto seleccionado. La figura 18 tiene el árbol que aparecerá desde esta ventana.</P> <LI><P CLASS=\"enumeración-1-western\">Ver producto: abrirá una nueva ventana con la información del producto seleccionado. Esta ventana, constará de dos pestañas. Desde la primera de ellas, se accederá a la información propiamente dicha del producto, mientras que desde la segunda se accederá a la gestión de asignados. Para ver esta ventana, se puede ver la figura 13.</P> <LI><P CLASS=\"enumeración-1-western\">Borrar producto: borrará el producto seleccionado, desapareciendo al instante del grid principal.</P> <LI><P CLASS=\"enumeración-1-western\">Modificar producto: mostrará a través de una nueva ventana un formulario con los datos del producto seleccionado, listos para modificar. Cuando se modifique, lo hará también el grid. Por ilustrarlo, se va a modificar del producto previamente creado el estado, pasando a estar asignado y planeado. Tras realizar la modificación, el nuevo estado del grid será:</P> </UL> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/12.jpg\" NAME=\"Marco45\" ALT=\"Marco45\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Por último, se debe aclarar que el estado se mostrará de forma simplificada. Así, si está asignado aparecerá una A, si está planeado una P, y si está hecho una D.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 5.- Asignación de usuarios a productos</FONT></FONT></P> <P CLASS=\"western\">Como ya se ha mencionado en el apartado anterior, cuando se quiere asignar personas a productos, se hace a través de la ventana principal del producto específico. Así, en la Figura 13 se muestra la ventana desde la que se podrá realizar tal acción. </P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/13.jpg\" NAME=\"Marco46\" ALT=\"Marco46\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como se observa el árbol de personas libres está jerarquizado. Así, por ejemplo, Usuario2 aparece debajo de Usuario1, puesto que así fue definido. Supongamos que ahora se desea que el Usuario1 trabaje en el producto al que se desea asignar. Así, haciendo doble click sobre este usuario, o bien seleccionándolo y pulsando <SPAN LANG=\"zxx\"><I>enter</I></SPAN>, quedará asignado. La ventana aparecerá ahora así:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/14.jpg\" NAME=\"Marco47\" ALT=\"Marco47\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como se observa, el Usuario2 ha pasado automáticamente a ser asignado en el producto, puesto que dependía del primero. Por último, si se deseara desasignar a alguno de los usuarios relacionados con el proyecto, bastaría seleccionarlo y pulsar <SPAN LANG=\"zxx\"><I>enter</I></SPAN>, o bien hacer doble click.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 6.- Creación y gestión de temas</FONT></FONT></P> <P CLASS=\"western\">Desde la ventana principal de los productos, y tal y como se mencionó en el paso 4, se puede acceder a la gestión de temas, relacionados con el producto seleccionado. De esta forma, al acceder sobre el producto creado, se obtendrá una nueva ventana que permita esta administración de temas. </P> <P CLASS=\"western\">Inicialmente, la ventana de los temas aparecerá vacía a excepción de un nodo que será el del producto seleccionado, y que será el nodo raíz, y que recogerá la información relativa a éste. Así, utilizando el menú contextual sobre este nodo raíz, se podrá crear un tema. Cuando se seleccione esta opción del menú, se abrirá una ventana que contendrá un formulario. Una vez relleno y aceptado aparecerá en el árbol de la ventana principal (ver Figura 15). Además, ahora se podrán crear nuevos temas dentro de este tema, se podrán añadir historias debajo de los temas, modificar el tema seleccionado, o borrarlo. Todo ello, y como en las ventanas explicadas en pasos anteriores, se podrá realizar a través de un menú contextual, que aparecerá al pulsar el botón derecho sobre un tema.</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/15.jpg\" NAME=\"Marco48\" ALT=\"Marco48\" ALIGN=BOTTOM></P> <P CLASS=\"western\">De acuerdo a esta figura, se ha creado el tema Theme2 debajo del primer tema creado.</P> <P CLASS=\"western\">Asimismo, el menú contextual de los temas, historias y tareas tienen la opción de copiar, cortar y pegar. De esta manera, se podrá copiar árboles enteros de manera más sencilla. Incluso, como se explicará más delante, permitirá copiar información entre distintas ventanas.</P> <P CLASS=\"western\"><BR><BR> </P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 7.- Creación y gestión de entregas</FONT></FONT></P> <P CLASS=\"western\">Ya se ha mencionado que, a través de la ventana principal de productos, se puede acceder a la lista de entregas de un producto determinado. Así, se podrá acceder a la ventana de gestión de entregas que será muy similar a la de la detallada en el paso anterior.</P> <P CLASS=\"western\">Como en el caso anterior, en la ventana aparecerá únicamente el nodo correspondiente al producto seleccionado anteriormente. También igual que antes, desde ese nodo raíz se podrán crear entregas con el menú contextual asociado al mismo. Así, se creará una nueva entrega. Desde ella, se podrán crear nuevas entregas, que dependerán directamente del producto; añadir <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, relacionados con la propia entrega; modificar la información asociada de una entrega, borrarla, o acceder a su contenido desde otra ventana. Todo ello aparecerá en el correspondiente menú asociado.</P> <P CLASS=\"western\">Además, esta ventana al contener historias y tareas, también permite que se copien subárboles de un lado a otro. Para ilustrarlo con un ejemplo, se podría copiar un tema desde la ventana de entregas a la ventana de tareas explicada en el paso anterior.</P> <P CLASS=\"western\">Por último, como cada recurso de la aplicación, y tal y como se ha ido diciendo hasta ahora se podrá acceder a su ficha. En todos los casos se podrá acceder a través del menú contextual o pulsando dos veces sobre dicho recurso. La ficha en todos los casos será una pequeña ventana donde se recogerán los datos más relevantes de dicho recurso.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 8.- Creación y manejo de sprints</FONT></FONT></P> <P CLASS=\"western\">Los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN> son probablemente el recurso más importante de la metodología, y por tanto, también será el más interactivo y el que más funcionalidad recoja en esta aplicación. El <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> será muy útil para todos los usuarios de la aplicación. A unos les ayudará a administrar las entregas, y a otros les servirá para saber cuánto trabajo llevan hecho y cuánto les falta por hacer.</P> <P CLASS=\"western\">Asimismo, los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN> son locales y relativos a las entregas. Por lo tanto, la creación de los mismos se harán desde las ventanas de éstas, a través del menú contextual correspondiente. Desde estos menús se accederá al formulario de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, que tendrán una apariencia como la que se ve en la Figura 16. </P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/16.jpg\" NAME=\"Marco50\" ALT=\"Marco50\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como se puede ver en la anterior figura, un <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> deberá se completado mediante un nombre, una estimación inicial, su estado, la descripción, y las fechas de inicio y de fín. Al igual que en anteriores casos, la estimación actual se calculará conforme se creen tareas. Sobre estas últimas, y a fin de evitar errores de formato por parte del cliente, podrá ser rellenado mediante un pequeño calendario que aparecerá tras pulsar en el icono que tendrán al lado de las fechas. Este calendario es así:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/17.jpg\" NAME=\"Marco51\" ALT=\"Marco51\" ALIGN=BOTTOM></P> <P CLASS=\"western\">La creación de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, hará que aparezcan en la propia ventana de las entregas, tal y como se observa en la siguiente figura:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/18.jpg\" NAME=\"Marco49\" ALT=\"Marco49\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Respecto a la gestión de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, cabe mencionarse que puede realizarse desde dos ventanas:</P> <UL> <LI><P CLASS=\"enumeración-1-western\">Desde la ventana de gestión de entregas. Gracias al menú contextual asociado a este tipo de nodos, se podrá modificar o borrar un <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> concreto.</P> <LI><P CLASS=\"enumeración-1-western\">Desde una nueva ventana encargada de administrar los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>. A esta ventana se accederá desde la de gestión de entregas, desde el menú contextual de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>. De nuevo, la información se muestra en forma de árbol, y se permite modificar el <SPAN LANG=\"zxx\"><I>sprint</I></SPAN>. </P> </UL> <P CLASS=\"western\">Asimismo, desde ambas ventanas se podrán crear historias relacionadas con los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, pegar historias que se hayan creado en otras ventanas, como por ejemplo desde la de gestión de temas, así como el acceso a la gráfica <SPAN LANG=\"zxx\"><I>Burndown</I></SPAN>.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 9.- Administración de asignación de personas a sprints</FONT></FONT></P> <P CLASS=\"western\">Esto supone uno de los puntos más importantes en la administración de personas. Para poder realizar esta asignación, se dispone de una ventana que recogerá esta funcionalidad. Con el fin de acceder a ella, en el menú contextual de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, tanto desde la ventana específica de los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN>, como desde la ventana de gestión de entregas, se incluye la opción de acceder a la gestión de asignaciones.</P> <P CLASS=\"western\">La estructura de la ventana será común a la de asignación de trabajadores vinculados al producto, y que se explicó en el paso 5. De nuevo, en la parte de la izquierda aparecerán la gente libre, pero en este caso, esta gente libre serán aquellos que no estén asignados al <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> sobre el que se trabaja, pero que sí pertenezcan al producto del que depende el <SPAN LANG=\"zxx\"><I>sprint</I></SPAN>. Es decir, se deberá estar trabajando en el proyecto para poder ser asignado en el <SPAN LANG=\"zxx\"><I>sprint</I></SPAN>. La figura 19 muestra el resultado de asignar a Usuario2 al <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> Sprint1.</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/19.jpg\" NAME=\"Marco52\" ALT=\"Marco52\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Por último, respecto a información propia del usuario autenticado a la que se hacía referencia en el paso 1, puede verse en la barra de herramientas inicial. Así, para mostrar su funcionamiento, se recargará la página y se accederá desde el rol de Usuario 2, que es el que está asignado al Sprint1.</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/20.jpg\" NAME=\"Marco35\" ALT=\"Marco35\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Desde esta barra se podrá acceder rápidamente a los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN> desempeñados por un usuario, tanto a una ficha con su contenido, como a su ventana principal, que permita su control.</P> <P CLASS=\"western\"><BR><BR> </P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 10.- Creación y gestión de historias</FONT></FONT></P> <P CLASS=\"western\">Como se sabe, las historias se pueden crear en el contexto de los temas o de las entregas. En ambos casos, la creación se hará desde las ventanas principales de cada uno, a través del menú contextual de los temas y las entregas, respectivamente. La modificación y el borrado de las historias se hará desde esa misma ventana, con el menú contextual asociado a las historias que en ellas aparezcan. Asimismo, otro punto interesante tiene que ver con las opciones de copiar y cortar. Como ya se mencionó en otros puntos previos, se permite copiar entre ventanas. Esto es muy útil, puesto que puede interesar copiar temas, y todo el contenido que se encuentre debajo suya desde la ventana de temas a la de entregas, por ejemplo. Para esta demostración se creará una historia Story1 desde la ventana de entregas de Product1. Más concretamente, bajo Sprint1. El resultado de esta inserción, y de otras que se detallarán en posteriores pasos, se puede observar en la figura 21.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 11.- Creación y gestión de Tareas.</FONT></FONT></P> <P CLASS=\"western\">Las tareas suponen la división de las historias. Es por ello que solo se puedan crear bajo éstas. Así, tanto desde la ventana de gestión de temas, como en la de entregas, se podrán crear tareas desde las historias que haya. Para hacerlo, se ofrecerá la opción de añadir tarea en el menú contextual de dichas historias. Al darle te llevará a un formulario que una vez completado y aceptado, creará una tarea que aparecerá en la ventana desde la que se este trabajando. Por ejemplo, si se crea una tarea debajo de la historia Story1, creada en el punto anterior, se obtiene el siguiente árbol:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/21.jpg\" NAME=\"Marco54\" ALT=\"Marco54\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como se observa Task1 aparece debajo de Story1. Además, como se observa, el producto la entrega y el <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> han variado respecto al árbol que aparecía en la figura 18. Concretamente, se han actualizado sus valores de la estimación actual, que ahora han pasado a valer el valor que se le ha dado a esta estimación en la tarea. Para ver mejor su funcionamiento, ahora se va a crear una nueva tarea, Task2, bajo Story1, cuya estimación actual va a ser 5. De esta manera, los valores de este tipo de estimación de todos los recursos que se encuentran por encima de la tarea Task2, se actualizarán de la siguiente manera:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/22.jpg\" NAME=\"Marco36\" ALT=\"Marco36\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Este valor de la estimación actual no solo se actualizará al crear tareas, sino que también lo hará al actualizar o borrar a las mismas. Esto permitirá gestionar en todo momento la estimación actual de todos los recursos.</P> <P CLASS=\"western\">Por último, caben citarse las acciones que se podrán realizar desde el menú contextual de las tareas. Se podrá acceder a la ficha de la tarea, copiarla para pegarla bajo otras historias, modificarla, borrarla, o realizar reestimaciones.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 12.- Gestión de reestimaciones de tareas.</FONT></FONT></P> <P CLASS=\"western\">La gestión de reestimaciones se realizará desde una ventana propia creada para este propósito. Acceder a ella, se acaba de mencionar en el punto anterior: desde el menú contextual de una tarea. Cuando se accede a ella desde una tarea que no tiene reestimaciones el grid aparecerá vacío, permitiendo únicamente crear una reestimación nueva a través de un menú que aparecerá al pulsar el botón derecho del ratón. Cuando se le da a esta opción surge un formulario como el que se ve en la figura 23. En él, habrá que elegir la fecha de la reestimación así como la estimación de tiempo prevista.</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/23.jpg\" NAME=\"Marco55\" ALT=\"Marco55\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Una vez hecho, y aceptado, se crea una nueva reestimación, que aparecerá automáticamente en el grid de las reestimaciones, tal y como se ve en la siguiente figura:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/24.jpg\" NAME=\"Marco56\" ALT=\"Marco56\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Cabe mencionarse que la información referida a la fecha se muestra con total detalle. Además, el día aparecerá de acuerdo al idioma seleccionado. Así, en el ejemplo anterior, aparecerá “Tue” en inglés y “Mar” en castellano.</P> <P CLASS=\"western\">Por último, a través de esta ventana el usuario también podrá modificar o borrar una reestimación realizada, o bien añadir nuevas.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 13.- Gestión de trabajo realizado.</FONT></FONT></P> <P CLASS=\"western\">Es la última funcionalidad recogida en la aplicación. Al igual que las reestimaciones, surge en el contexto de las tareas, y será desde ellas, concretamente desde el menú asociado a este tipo de nodos, desde la que se accederá a la gestión de los mismos. De nuevo, igual que en el paso anterior, aparecerá un grid que será el que gestione los trabajos realizados. Cuando el usuario desee añadir el trabajo realizado, accederá a esta ventana, y desde allí, con el menú vinculado a la ventana, accederá a una ventana que contendrá un formulario que deberá completar para crear el trabajo realizado. Una vez hecho esto, se creará una nueva fila en el grid principal, tal y como se muestra en la siguiente figura:</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/25.jpg\" NAME=\"Marco57\" ALT=\"Marco57\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Como en casos anteriores, desde este grid se podrán crear nuevas tuplas de trabajo realizado, así como modificar o borrar otras ya creadas.</P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 14.- Análisis gráfico de los sprints</FONT></FONT></P> <P CLASS=\"western\">Una vez explicado todo lo anterior, ya se podrán gestionar proyectos. Sin embargo, hay una herramienta muy útil relacionada con la metodología ágil que aún no se ha explicado. Ésta es la gráfica <SPAN LANG=\"zxx\"><I>BurnDown</I></SPAN>, vinculada a los <SPAN LANG=\"zxx\"><I>sprints</I></SPAN> y relacionada con las tareas que existan debajo de ella. Para construir la gráfica, como se sabe, es necesario disponer de las reestimaciones de las tareas que haya debajo. Así, de Task1 y de Task2, a su vez se han creado todas las reestimaciones, correspondientes a los días que hay desde la fecha de inicio y la de fin del <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> sobre el que se está trabajando. Esta información se recoge en las siguientes imágenes.</P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/26.jpg\" NAME=\"Marco61\" ALT=\"Marco61\" ALIGN=BOTTOM></P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/27.jpg\" NAME=\"Marco53\" ALT=\"Marco53\" ALIGN=BOTTOM></P> <P CLASS=\"western\">Con estos datos, la gráfica ya tendrá más contenido. Para verla, se debe hacer desde el menú contextual del <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> que se quiera analizar. En este caso, desde Sprint1, obteniendo la siguiente gráfica. </P> <P CLASS=\"western\" ALIGN=CENTER><IMG SRC=\"images/28.jpg\" NAME=\"Marco58\" ALT=\"Marco58\" ALIGN=BOTTOM></P> <P CLASS=\"western\">De la gráfica cabe citarse que hay dos lineas: progreso ideal, y real. </P> <UL> <LI><P CLASS=\"enumeración-1-western\">El progreso ideal se forma con el valor de la estimación inicial del <SPAN LANG=\"zxx\"><I>sprint</I></SPAN> para la fecha inicial, y cero (es decir, que se habrá realizado completamente para la fecha final del mismo y que su avance habrá sido lineal).</P> <LI><P CLASS=\"enumeración-1-western\">El progreso real es más complejo. Así, por cada día lo que se hace es calcular la suma de las estimaciones de las tareas que conforman el <SPAN LANG=\"zxx\"><I>sprint </I></SPAN>(es decir, las reestimaciones de cada tarea, cada día), y en el caso de no haber estimación para una fecha, tomar la estimación inicial de dicha tarea.</P> </UL> <P CLASS=\"western\">Ambas lineas se podrán mostrar u ocultar con solo pulsar las casillas que aparecen, con el nombre de cada una, en la gráfica. </P> <P CLASS=\"western\"><BR><BR> </P> <P ALIGN=LEFT STYLE=\"margin-top: 0.42cm; margin-bottom: 0.21cm; line-height: 100%; page-break-after: avoid\"> <FONT FACE=\"Liberation Sans, sans-serif\"><FONT SIZE=4>Paso 15.- Acceso a ayuda y a ventana de autores</FONT></FONT></P> <P CLASS=\"western\">Para terminar, cabe destacarse que es posible acceder a una ventana de ayuda y a otra, donde ver los autores de este proyecto, a través del menú principal, que se mostró en la figura 4, en los botones situados más a la derecha.</P> <P CLASS=\"western\">Tras todos estos pasos, se podrá comprobar que la aplicación permite la administración básica de proyectos, siguiendo la metodología <SPAN LANG=\"zxx\"><I>Scrum</I></SPAN>. De esta manera, se está cumpliendo con el objetivo principal del proyecto.</P> <P CLASS=\"western\"><BR><BR> </P> </BODY></HTML>";
htmlPane.setContents(contents);
htmlPane.setContentsType(ContentsType.PAGE);
layout.addMember(htmlPane);
return layout;
}