Tempo 2010 Aplicación Web de TimeSheet. Descripción Tempo, en el ambiente musical, significa estar en el mismo ritmo o tiempo. Tempo 2010 es una aplicación.

Presentación del tema: "Tempo 2010 Aplicación Web de TimeSheet. Descripción Tempo, en el ambiente musical, significa estar en el mismo ritmo o tiempo. Tempo 2010 es una aplicación."— Transcripción de la presentación:

1 Tempo 2010 Aplicación Web de TimeSheet

2 Descripción Tempo, en el ambiente musical, significa estar en el mismo ritmo o tiempo. Tempo 2010 es una aplicación web desarrollado en Java donde se gestionarán las hojas de tiempo en proyectos. La comunicación entre la interfase y la base de datos se debe de realizar por medio de webservices. Debe de utilizar MySQL, Tomcat Application server, Java, [AGREGAR LO QUE SEA NECESARIO] para su desarrollo. Se debe de entregar el código, base de datos, manuales de instalación de los componentes, manuales de instalación del ambiente de desarrollo, manuales de usuario y [AGREGAR LO QUE SEA NECESARIO]

3 Administrador Pagina de Inicio La pagina de inicio para el rol de administrados sera desplegando la lista de usuarios. El boton de home es un boton que cuando se presiona despliega un menu con las opciones de “Administracion de Projecto”, “Administracion de recursos” y “Configuracion”. Y cuando entre a un modulo diferente, en el boton del menu aparecera una “palomita”.

4 Administrador Administración de usuarios En esta pagina se listaran los usuarios del sistema donde se verá el nombre, correo y nivel de acceso (System Administrator, Project Manager y Team Member). Con los check buttons, se pueden realizar las acciones de Editar Usuario y Borrar Usuario. Se puede dar click en casa usuario y enviarlo a una pantalla donde muestre los detalles Los componentes de formas son “Radio Buttons”.

5 Administrador Administración de usuarios En esta pantalla se muestran los detalles de cada usuario dentro del sistema. Se pueden realizar las operaciones de edición, renovar el contraseña y borrar al usuario para el usuario que se esta mostrando. También se puede enviar a la pantalla de crear nuevo usuario o a la pagina donde se muestran los usuario.

6 Administrador Administración de usuarios En esta pantalla es para resetear el password de un usuario. Debe de capturar los campos de texto. Presionar “Cancelar” para descartar los cambios. Presionar “Guardar”p”ara guardar el nuevo password. Las validaciones son que las dos cajas de texto denben de contener el mismo texto. Los componentes deben de ser “Password Textbox

7 Administrador Administración de usuarios Si se quiere borrar un usuario, debe existir una confirmación y con la opción de cancelar la acción.

8 Administrador Administración de usuarios En la pantalla de creación se deben de capturar todos los campos: – Nombre (Text box) – Apellido Paterno (Text box) – Usuario (Text box) – Email (Text box, con validación de correo electrónico) – Nivel de Acceso (Combo box con la lista de los 3 niveles de acceso mas “N/A”, donde existe el usuario pero no tiene acceso) Si se presiona cancelar, se descartan los cambios. Todos los campos son obligatorios. Si se presiona salvar, se genera un nuevo id y se guardan los datos capturados en los campos que se editaron.

9 Administrador Administración de usuarios En la pantalla de edición por usuario se puede editar todos los campos: – Nombre (Text box) – Apellido Paterno (Text box) – Usuario (Text box) – Email (Text box, con validación de correo electrónico) – Nivel de Acceso (Combo box con la lista de los 3 niveles de acceso mas “N/A”, donde existe el usuario pero no tiene acceso) Si se presiona cancelar, se descartan los cambios. Todos los campos son obligatorios. Si se presiona salvar se guardan los datos capturados en los campos que se editaron.

10 Nota Administración de usuarios Cuando se tenga rol de administrador, se pueden dar de alta los tres tipos de rol. Si se es “Project Manager”, solo puede dar de alta “Team Members” y “Project Manager”. Si se es “Team Members” no puede dar de alta usuarios.

11 Administrador Configuracion En esta pagina se despliegan las opciones de: – Lenguaje Tiene dos opciones – Toma los idiomas del navegador, si no encuentra Ingles o Español, toma por defecto el Ingles, dependiendo de navegador se muestra el idioma. – Un combo box con Ingles y Español, segun el idioma selecionado muestra el sistema para todos los roles. – Hora generales Donde se dan de alta, bajas y cambios las Horas Generales en las hojas de tiempo de los Miembros de equipo.

12 Aviso Las siguientes funcionalidades también están habilitadas para el rol de administrador.

13 Administrador de proyectos Pagina de Inicio La pagina de inicio para el rol de Administrador de Proyectos sera desplegando la lista de proyectos que administra el usuario. El boton de home es un boton que cuando se presiona despliega un menu con las opciones de “Administracion de Projecto” y “Administracion de recursos”. Y cuando entre a un modulo diferente, en el boton del menu aparecera una “palomita”. Debera de desplegar una sección de “Accesos Rapidos”, donde contendrá una liga que lo enviará a un listado de las hojas de tiempo que debe de aprobar.

14 Administrador de proyectos Administración de proyectos En esta pantalla se mostrara la lista de proyectos dentro del sistema. Las columnas son: – Id – Nombre – Fecha de fin – Status Desde esta pantalla se pueden realizar las acciones de crear, editar y borrar un proyecto. Las opciones de editar y borrar se activas cuando un checkbox esta seleccionado. Dando un click en la lista de proyecto, sobre el nombre del proyecto deseado, va a la pantalla de detalles del proyecto. En la parte superior derecha, se debe de desplegar el nombre del usuario que esta loggeado en el sistema. Los componentes son “Radio Buttons”.

15 Administrador de proyectos Administración de proyectos Cuando se selecciona un proyecto dentro del listado, lo envía a esta pantalla donde se le muestra el detalle del proyecto. Se mostrara: – El nombre del proyecto como titulo – Después la descripción – En un apartado de “Información de proyecto” se muestra: La descripción del proyecto El Id El dueño o Project Manager Status Fecha de fin. Desde esta pantalla se pueden hacer las acciones de editar y borrar el proyecto que se esta desplegando. También se puede realizar la acción de crear nuevo proyecto. Los componentes son “Radio Buttons

16 Administrador de proyectos Administración de proyectos En esta pantalla se esta realizando la captura de un nuevo proyecto. Los datos que se deben de capturar son: – Proyecto – Descripción – Fecha de fin – Status – Administrador de proyecto Todos los campos son obligatorios Si se presiona ”Cancelar”, se descartan los cambio y se regresa al listado de proyectos. Si se presiona “Guardar”, se genera un nuevo id de proyecto y se guarda la información. De esta pagina solo se puede regresar al listado de proyectos.

17 Administrador de proyectos Administración de proyectos En esta pagina se pueden modificar los datos de un proyecto. Ningún campo puede quedar vacio. Si se presiona “Cancelar”, se descartan los cambios y se regresa a la pagina de listado de proyectos. Se puede borrar el proyecto si se selección “borrar proyecto”. Los cambios se guardan si se presiona “Guardar”.

18 Administrador de proyectos Administración de Tareas Si se quiere borrar un proyecto, debe existir una confirmación y con la opción de cancelar la acción.

19 Administrador de proyectos Administración de Tareas Para agregar tareas a un proyecto, solo se podrá hacer desde la pagina de detalles del proyecto. Se podrán dar de alta, eliminar y borrar tareas, así como ver los detalles de una tarea si se le da click en una de ellas. Los componentes son “Radio Buttons”.

20 Administrador de proyectos Administración de Tareas En esta pantalla se muestra el detalle por tarea. Se muestra el nombre de la tarea, Nombre del proyecto, Descripción de la tarea. En una segunda sección se muestra el status, donde aparece: – Una barra de porcentaje, donde muestra el porcentaje de avance capturado por el usuario. – El estatus (Nuevo, En Progreso o Completado) – El icono en ROJO, AMARILLO o VERDE; se definen de acuerdo al anexo estatus en tareas.xlsx. – El usuario a quien fue asignada la tarea. En la tercera sección se muestran: – Las Fechas planeada. – Las fechas proyectadas de acuerdo al porcentaje capturado por el usuario. En color dependiendo de la misma operación con la que se determinan los iconos. – La fecha real de inicio.

21 Administrador de proyectos “Mis Aprovaciones” En esta pantalla se presentará las hojas de tiempo que el project manager debe de revisar, para aprobar o rechazar. Debe de mostrar un listado, agrupado por usuario, con las fechas del periodo de la hoja de tiempo, total de horas, estatus y el usuario. La columna de las fechas del periodo debe de tener una liga que lo mande a la hoja de tiempo del usuario. La columna del usuario debe de tener una liga que lo mando a la pagina de información del usuario.

22 Administrador de proyectos Hoja de tiempo a aprobar

23 Administrador de proyectos Aprobación del horas de tiempo por proyecto Existe una liga que se llama tiempo, donde se mostrara una lista con los usuarios participantes en el proyecto. Cuando le da click a un usuario aparecerá la hoja de tiempo por mes del usuario de ese proyecto. Cuando selecciona un mes se despliega la hoja de tiempo con las tareas del proyecto en cuestión en modo lectura. En caso de que existiera un comentario dado por el miembro de equipo, en la caja de texto donde lo escribió, al project manager le aparecerá un triangulo en la esquina inferior derecha, que si le da click aparecerá el texto que se escribió. Hay un botón de aprobar, uno de rechazar y cancelar. Se aprueba y cambia el estatus de las horas de proyecto a Aprobado. Se avisa al miembro de equipo. Rechazar, se pone en Abierto la hoja de tiempo y se le notifica al usuario. Cancelar, regresa al listado de horas del usuario por proyecto.

24 Administrador de proyectos Administración de Tareas En esta pantalla en la parte superior, aparece el titulo de “Nueva Tarea” e inmediata mente después el titulo del proyecto al que vamos a agregar la tarea. Se debe capturar el nombre, descripción, status, porcentaje, feche de inicio y fin; y a quien se le asigna la tarea. Los componentes de las fechas deben de desplegar un calendario con fecha y hora para que se asigne a la caja de texto. El componente de usuario es un combo box donde se desplegaran los usuarios previamente cargado. Si se presiona “Cancelar” se descarta lo capturado y se regresa a la descripción del proyecto donde esta el listado de las tareas. Si se presiona “Guardar”, se genera un Id para la tarea y se guarda la información capturada.

25 Administrador de proyectos Administración de Tareas En esta pantalla se editan los detalles de las tareas. En el campo de porcentaje, solo deben de ir únicamente dígitos El estatus es un combo box donde contiene Nuevo, En Progreso y Completo. El combo de usuario, debe de tener los usuarios previamente capturados. Y las fechas debe de tener un componente de calendario para poder selección la fecha deseada. Si se presiona “Cancelar”, se descartan los cambios y regresa a la pagina del listado de tareas. Si se presiona “Guardar”, se salvan los datos capturados.

26 Administrador de proyectos Administración de Tareas Si se quiere borrar un usuario, debe existir una confirmación y con la opción de cancelar la acción.

27 Miembros de Equipo Pagina Inicial La pagina de inicio para los usuario del rol “Miembro de Equipo” consta de un tabulador de dos pestañas: Mis Proyectos. Aqui se enlistaran todos los proyecto en los que esta participando el usuario Mis Hojas de Tiempo. Se mostraran por meses las hojas de tiempo que el usuario debe llenar. Estos meses deben de aparecer automaticamento de acuerdo a las fechas de las tareas asignadas o si tiene una tarea que no ha terminado. Las hojas de meses anteriores no deben de desaparecer.

28 Miembros de Equipo Lista de Proyectos Si en la pagina principal de rol “miembro de equipo” se le da click a un proyecto ira a la pagina de detalles del proyecto. Podrá ver los detalles del proyecto y el listado de tareas. El listado de tareas únicamente mostrara las tareas que estén asignadas al usuarios.

29 Miembros de Equipo Hoja de tiempo (1) Si en la pagina principal de rol “miembro de equipo” se le da click a una hoja de tiempo, lo mandara a donde debe de capturar las horas por tareas.

30 Miembros de Equipo Hoja de tiempo (2) Esta hoja de tiempo, tiene como titulo el nombre del usuario junto con el primer día del periodo que corresponde esta hoja de tiempo. En el reglón superior, alineado a la izquierda, se desplegara el primer y el ultimo día del periodo de esta hoja de tiempo en el formato “Nombre del día completo DD/Nombre del Mes/YYYY. Del lado derecho del renglón, estarán las semanas del mes al que corresponde la hoja de tiempo, con flechas a los extremos para navegar a través de las semanas; o seleccionar los números de la semana para ser desplegados en la sección inmediata inferior. En el siguiente renglón alineado a la izquierda, se presentan los encabezados los días de la semana empezando por el domingo y terminando el sábado, abreviados a dos letras. Y debajo de los días de las semanas están el numero del mes de la hoja de tiempo junto con el mes en numero (dd/mm). Hasta el extremo derecho hay un titulo que dice “Total” donde es la sumatoria de las horas de las tareas de ese mes. A continuación se presentan las tareas que son responsabilidad del usuario agrupadas por proyecto. Por cada tarea aparecerá una caja de texto por cada día de la semana donde únicamente se capturará las horas dedicadas a la tarea en números decimales positivos mayor a cero (0.0) y menor o igual a veinticuatro (24.0), en un formato de uno a dos enteros y un decimal. En la celda del nombre de la tarea, aparece un text box para capturar el porcentaje de progreso de la tarea y combo box donde se encuentran los estatus de una tarea (Nueva, En progreso y Completa). El porcentaje debe ser un numero positivo entero entre uno y cien. Si el porcentaje es mayor a cero y menor a cien, el estatus se debe de poner en automático en “En progreso” y si se captura el numero cien, el estatus debe estar en “Completo”. Al final del renglón, se encuentra la sumatoria del numero de horas dedicada en la tarea en la semana. Al final del agrupado de tareas por proyecto, se desplegara un conjunto de tipo de horas generales previamente configurados donde por día de la semana también contendrá una celda para capturar las horas dedicadas. Al fina se presenta el ultimo renglón donde se realiza la sumatoria de horas por día y en la ultima celda la sumatoria del mes. El botón de “Guardar para después” almacena los cambios, deja el status de la hora en “abierto” y lo regresa al listado de hojas de tiempo. Si presiona enviar, cambia el estado de la hoja a “En aprobación” y lo pone disponible a los Project Managers según los proyectos que administra. Con esto, la próxima vez que entre a esta hoja de tiempo debe de aparecer en modo lectura. Una Hoja de tiempo es aprobada cuando todos los administradores de proyecto en los que participa el usuario han aprobado las horas. Si se presiona Cancelar se descartan los cambios hecho en la hoja de tiempo y se regresa al listado de hojas de tiempo.

31 Ingresar y Salir de Tempo En la pantalla de login se pide un usuario y contraseña. Hay una liga donde se pregunta si “se olvido la contraseña?” si se ingresa a esa liga se pide un correo y, si existe en el sistema, se envia a la dirección dada una liga donde permite ingresar la nueva contraseña para el usuario del correo. En cualquier momento de la aplicación, en la parte superior derecha hay una liga que dice Salir. Si se da click se cierra la sesión y muestra la pagina de logeo de tempo 2010.

32 GRACIAS Cualquier duda o comentario comunicarse con Carlos Benavides (carlos.benavides@societao.com).