Project

General

Profile

Wiki » History » Version 4

« Previous - Version 4/69 (diff) - Next » - Current version
antonella butron, 10/07/2025 10:47 AM


Wiki del Proyecto: Redmine

Integrantes

  • Antonella Butrón Fuentes
  • Mayling Álvarez Vargas
  • Hilda Albarracin Huarachi
  • Ana Gutierrez

Índice


Introducción

Redmine es una plataforma de gestión de proyectos y seguimiento de incidencias basada en la web, que permite administrar proyectos y tareas de forma eficiente. En este proyecto, se ha utilizado el diseño Frutiger Aero para la interfaz, buscando ofrecer una experiencia visual moderna y funcional, compatible con el estilo de comunicación visual de la marca.


Planificación

La planificación del proyecto se estructuró en varias fases, las cuales incluyen:

1. Análisis de requerimientos: Identificación de las necesidades del equipo y los usuarios finales.
2. Diseño: Creación de los wireframes y diseño de la interfaz basados en el estilo Frutiger Aero.
3. Desarrollo: Implementación de las funcionalidades de Redmine y la integración con el estilo visual deseado.
4. Pruebas: Validación de la funcionalidad y usabilidad del sistema.
5. Despliegue: Implementación en el entorno de producción.


Organización

El equipo de trabajo se organizó en tres roles principales:

1. Desarrolladores: Encargados de la codificación y aseguramiento de la calidad.
2. Diseñadores: Responsables de la creación de la interfaz visual utilizando los principios de Frutiger Aero.
3. Gestores de Proyecto: Supervisaron el avance de las tareas, cronograma y coordinación con los usuarios finales.


Arquitectura

La arquitectura de Redmine sigue un patrón basado en Model-View-Controller (MVC), lo que permite una separación clara entre los datos, la lógica de negocio y la presentación. Esto facilita la escalabilidad y el mantenimiento del sistema.

  • Modelo: Maneja la lógica y los datos del sistema.
  • Vista: La interfaz de usuario que presenta los datos al usuario final.
  • Controlador: Gestiona las peticiones del usuario y las responde con la vista apropiada.

Además, se han integrado tecnologías como Ruby on Rails, JavaScript y CSS para el diseño de la interfaz.


Interfaz

La interfaz se ha diseñado bajo los principios del estilo Frutiger Aero, con una tipografía limpia, colores suaves y un enfoque en la simplicidad visual. Los elementos gráficos como iconos y botones están optimizados para mejorar la usabilidad y la experiencia de usuario.

  • Tipografía: Se utiliza la tipografía Frutiger Aero para una legibilidad óptima.
  • Colores: Paleta de colores suaves y contrastantes que favorecen la legibilidad y la jerarquización de la información.
  • Diseño Responsivo: La interfaz es completamente adaptativa, lo que permite su uso en distintos dispositivos, desde computadoras hasta dispositivos móviles.

Código Utilizado

El proyecto utiliza varios lenguajes y tecnologías para lograr su funcionalidad. Estos son los más relevantes:

  • Ruby on Rails: Framework utilizado para desarrollar el backend de Redmine.
  • HTML/CSS: Tecnologías utilizadas para estructurar y estilizar la interfaz de usuario.
  • JavaScript: Usado para mejorar la interactividad de la interfaz, como en la validación de formularios y la visualización dinámica de datos.
  • jQuery: Librería JavaScript utilizada para simplificar el manejo de eventos y manipulaciones de la DOM.
  • Bootstrap: Framework CSS que proporciona una base sólida para el diseño responsivo.

Conclusión

Este proyecto busca implementar Redmine de una manera eficiente, con un enfoque en la usabilidad y el diseño visual bajo el estilo Frutiger Aero. Con una arquitectura sólida y bien estructurada, se espera que el sistema sea fácil de usar y de mantener, adaptándose a las necesidades de los usuarios y facilitando la gestión de proyectos.