Wiki del Proyecto: Redmine¶

Integrantes¶

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

---

Índice

• Introducción
• Planificación
• Organización
• Arquitectura
• Interfaz
• Código Utilizado

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

Introducción¶

%span(style="color:#1E2A47; font-weight:bold;") Redmine es una plataforma de gestión de proyectos y seguimiento de incidencias basada en la web. 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.

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

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.

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

Organización¶

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

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

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

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.

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

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.

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

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.

---

%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")

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.

---

Estilos y Colores¶

*️⃣ Azul Claro: %span(style="color:#00AEEF;font-weight:bold") Este color es uno de los principales colores de Frutiger Aero y se utiliza para resaltar enlaces y botones.

*️⃣ Azul Oscuro: %span(style="color:#1E2A47") Usado en los títulos y secciones importantes.

*️⃣ Gris Claro: %span(style="color:#F1F1F1") Ideal para el fondo de secciones y áreas secundarias.

*️⃣ Texto Principal: %span(style="color:#333") Un color oscuro para mejorar la legibilidad del texto.

---