Integración De Tableros Kanban En Una Herramienta Que Apoya La Gestión Ágil Del Trabajo
Total Page：16
File Type：pdf, Size：1020Kb
Escola Tècnica Superior d’Enginyeria Informàtica Universitat Politècnica de València Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo Trabajo Fin de Grado Grado en Ingeniería Informática Autor: Pablo Jiménez Izquierdo Tutor: Patricio Letelier Torres Curso 2018-2019 Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo 2 Dedicatoria Primero de todo, me gustaría dedicar este trabajo a mi familia, por brindarme la oportunidad de estudiar este maravilloso grado y apoyarme siempre que lo he necesitado. También quiero acordarme de todos los profesores que he tenido durante el grado. Sin ellos hoy no estaría aquí. Por último, también quiero dedicárselo a todos mis compañeros que he ido conociendo a lo largo de estos cuatro maravillosos años, sin ellos no habría sido igual. 3 Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo Agradecimientos En primer lugar, me gustaría agradecer a mi tutor Patricio Letelier Torres por su ayuda y dedicación durante todo el proyecto, solucionando cualquier dificultad que me ha ido surgiendo a lo largo de todo este tiempo. También quiero agradecer a Marc Pérez – Serrano por brindarme ayuda a la hora de la integración en Worki. Por último, pero no por ello menos importante, agradecer a todas las personas que han estado día a día apoyándome durante la realización del trabajo Gracias. 4 Resumen Los métodos ágiles han cambiado la forma de trabajar de las empresas softWare. Entre las más populares destacan Scrum, Extremme Programming o Kanban. De estos tres métodos, Kanban es uno de los que más ha crecido en los últimos años y en el que nos centraremos para llevar a cabo este trabajo. Los tableros kanban son la técnica esencial del método Kanban, el tablero kanban es lo mejor para gestionar visualmente todo el flujo de trabajo. El objetivo de este TFG es desarrollar un tablero kanban para una herramienta de gestión ágil del trabajo: Worki. Palabras clave: tableros kanban, métodos ágiles, flujos de trabajo. Abstract Nowadays, agile methods have changed the Way that softWare companies Work. Among the most popular agile methodologies stand out Scrum, Extremme Programming or Kanban. About these three methods, kanban is one of the most that has grown in the last years and in Which We are going to focus this project. Kanban boards are the essential Way of the Kanban method, kanban boards are one of the best Ways to manage visually all the Workflow. The main goal is to develop a kanban board for an agile Work management tool: Worki. Keywords: kanban boards, agile methods, workflows. 5 Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo 6 Tabla de contenido Índice de figuras 9 Índice de tablas 11 1. Introducción 13 1.1 Objetivo 14 1.2 Estructura del trabajo 15 2. Métodos ágiles y visualización del trabajo 17 2.1 Metodologías tradicionales vs Metodologías ágiles 17 2.2 Método Kanban 20 2.3 Gestión visual del trabajo 25 2.4 Scrumboards 27 3. Diseño y uso de tableros Kanban 29 3.1 Workflows en el proceso de desarrollo de software 29 3.2 Características requeridas por workflows flexibles 31 3.3 Diseño básico de tableros kanban 33 3.4 Diseño de tablero kanban usando Sprints 35 4. Herramientas de apoyo para Tableros Kanban 39 4.1 Jira 39 4.2 Targetprocess 41 4.3 Pivotal Tracker 43 4.4 Tabla comparativa 44 5. Workflows y tablero Kanban en Worki 47 6. Tecnologías utilizadas 51 6.1 Angular 51 6.1.1 Instalación de un proyecto Angular 51 6.1.2 Estructura de una aplicación Angular 53 6.1.3 Visualización inicial del proyecto 55 6.2 CSS 56 6.2.1 Ejemplo CSS 56 7. Componentes para soporte Kanban 59 7.1 Syncfusion 59 7.2 DayPilot 61 7.3 DlhSoftTeam 62 7.4 JQWidgets 63 7.5 Tabla comparativa 64 7 Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo 8. Diseño e implementación de tablero kanban en Worki 67 8.1 Inicio 67 8.2 Fichas del tablero 68 8.3 Columnas 72 8.4 Orden de los ítems 73 8.5 Drag and drop de los items 74 8.6 Casos especiales 75 8.7 Como se obtienen los datos 76 8.8 Estructura del código 79 8.9 Resultado final 80 9. Conclusiones y trabajo futuro 83 Referencias 85 8 Índice de figuras Figura 1. Tablero Kanban con post-its. ...................................................................................................... 13 Figura 2. Tablero Kanban básico. .............................................................................................................. 15 Figura 3. Valores del manifiesto ágil ......................................................................................................... 19 Figura 4. Doce Principios del Manifiesto Ágil ........................................................................................... 20 Figura 5. Tablero Kanban con múltiples actividades. ................................................................................ 21 Figura 6. Tablero Kanban estableciendo WIP ........................................................................................... 22 Figura 7. Ejemplo de scrumboard .............................................................................................................. 27 Figura 8. Workflow básico para Scrum ...................................................................................................... 30 Figura 9. Workflow con roles tradicionales para Scrum ........................................................................... 31 Figura 10. Tablero Kanban ........................................................................................................................ 33 Figura 11. Tablero Kanban solapando varias columnas ........................................................................... 34 Figura 12. Tablero Kanban dividido en Product Backlog y Sprint Backlog .............................................. 36 Figura 13. Tablero Kanban añadiendo columna buffer ............................................................................. 37 Figura 14. Tablero kanban en Jira ............................................................................................................. 40 Figura 15. Tablero kanban en Jira ............................................................................................................. 41 Figura 16. Tablero kanban en Targetprocess ............................................................................................ 42 Figura 17. Tablero Kanban en Targetprocess ............................................................................................ 42 Figura 18. Tablero Kanban en Pivotal Tracker. ........................................................................................ 43 Figura 19. Visualización estándar en Worki .............................................................................................. 47 Figura 20. Asistente de instalación del proyecto Angular .......................................................................... 53 Figura 21. Estructura general de un proyecto Angular ............................................................................. 55 Figura 22. Visualización inicial del nuevo proyecto con Angular 7. ......................................................... 55 Figura 23. Código HTML del ejemplo ........................................................................................................ 57 Figura 24. Formulario de ejemplo ............................................................................................................. 57 Figura 25. Código CSS de ejemplo ............................................................................................................. 58 Figura 26. Visualización final del formulario de ejemplo. ......................................................................... 58 Figura 27. Swim lanes en la herramienta Syncfusion ................................................................................. 60 9 Integración de tableros Kanban en una herramienta que apoya la gestión ágil del trabajo Figura 28. Filtros en la herramienta Syncfusion ........................................................................................ 60 Figura 29. Tablero Kanban con la herramienta Syncfusion ...................................................................... 61 Figura 30. Tablero kanban con la herramienta DayPilot .......................................................................... 62 Figura 31. Tablero Kanban con la herramienta DlhSoftTeam .................................................................. 63 Figura 32. Tablero Kanban con la herramienta JQWidgets ...................................................................... 64 Figura 33. Tablero Kanban inicial ............................................................................................................. 67 Figura 34. Boceto con el estilo de la ficha ................................................................................................. 68 Figura 35. HTML para las fichas del tablero ............................................................................................. 71 Figura 36. Estilo CSS Figura 37. Estilo CSS ........................................................................... 71 Figura 38. Resultado final para el estilo de la ficha. ................................................................................. 72 Figura 39. Estilos para las columnas ......................................................................................................... 72 Figura