Wiki » History » Version 4
Version 3 (antonella butron, 10/07/2025 10:45 AM) → Version 4/69 (antonella butron, 10/07/2025 10:47 AM)
h1. Wiki del Proyecto: Redmine
h2. Integrantes
*
Antonella Butrón Fuentes
* Mayling Álvarez Vargas
* Hilda Albarracin Huarachi
* Ana Gutierrez
h2. Índice
Índice:
* [[#introduccion|Introducción]] Introducción
* [[#planificacion|Planificación]]
* [[#organizacion|Organización]]
* [[#arquitectura|Arquitectura]]
* [[#interfaz|Interfaz]]
* [[#codigo-utilizado|Código Utilizado]]
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
h2. Integrantes
*
Antonella Butrón Fuentes
* Mayling Álvarez Vargas
* Hilda Albarracin Huarachi
* Ana Gutierrez
h2. Índice
Índice:
* [[#introduccion|Introducción]] Introducción
* [[#planificacion|Planificación]]
* [[#organizacion|Organización]]
* [[#arquitectura|Arquitectura]]
* [[#interfaz|Interfaz]]
* [[#codigo-utilizado|Código Utilizado]]
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.
---
h2. 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.