Wiki » History » Version 5
Version 4 (antonella butron, 10/07/2025 10:47 AM) → Version 5/69 (antonella butron, 10/07/2025 10:48 AM)
h1. Wiki del Proyecto: Redmine
h2. Integrantes
* Antonella Butrón Fuentes
* Mayling Álvarez Vargas
* Hilda Albarracin Huarachi
* Ana Gutierrez
h2. Índice
* [[#introduccion|Introducción]]
* [[#planificacion|Planificación]]
* [[#organizacion|Organización]]
* [[#arquitectura|Arquitectura]]
* [[#interfaz|Interfaz]]
* [[#codigo-utilizado|Código Utilizado]]
---
h2. Introducción
*Redmine* Redmine es una plataforma de gestión de proyectos y seguimiento de incidencias basada en la web. 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 **Análisis de requerimientos*: requerimientos**: Identificación de las necesidades del equipo y los usuarios finales.
2. *Diseño*: **Diseño**: Creación de los wireframes y diseño de la interfaz basados en el estilo **Frutiger Aero**.
3. *Desarrollo*: **Desarrollo**: Implementación de las funcionalidades de Redmine y la integración con el estilo visual deseado.
4. *Pruebas*: **Pruebas**: Validación de la funcionalidad y usabilidad del sistema.
5. *Despliegue*: **Despliegue**: Implementación en el entorno de producción.
---
h2. Organización
El equipo de trabajo se organizó en tres roles principales:
* *Desarrolladores*: 1. **Desarrolladores**: Encargados de la codificación y aseguramiento de la calidad.
* *Diseñadores*: 2. **Diseñadores**: Responsables de la creación de la interfaz visual utilizando los principios de **Frutiger Aero**.
* *Gestores 3. **Gestores de Proyecto*: Proyecto**: Supervisaron el avance de las tareas, cronograma y coordinación con los usuarios finales.
---
h2. Arquitectura
La arquitectura de *Redmine* Redmine sigue un patrón basado en *Model-View-Controller (MVC)*, **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*: **Modelo**: Maneja la lógica y los datos del sistema.
* *Vista*: **Vista**: La interfaz de usuario que presenta los datos al usuario final.
* *Controlador*: **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*: **Tipografía**: Se utiliza la tipografía **Frutiger Aero** para una legibilidad óptima.
* *Colores*: **Colores**: Paleta de colores suaves y contrastantes que favorecen la legibilidad y la jerarquización de la información.
* *Diseño Responsivo*: **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* 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.
---
h3. Estilos y Colores
%span(style="color:#00AEEF;font-weight:bold") Azul claro: Este color es uno de los principales colores de Frutiger Aero y se utiliza para resaltar enlaces y botones.
%span(style="color:#1E2A47") Azul oscuro: Se usa en los títulos y secciones importantes.
%span(style="color:#F1F1F1") Gris claro: Ideal para el fondo de secciones y áreas secundarias.
%span(style="color:#333") Texto principal: Un color oscuro para mejorar la legibilidad del texto.
h2. Integrantes
* Antonella Butrón Fuentes
* Mayling Álvarez Vargas
* Hilda Albarracin Huarachi
* Ana Gutierrez
h2. Índice
* [[#introduccion|Introducción]]
* [[#planificacion|Planificación]]
* [[#organizacion|Organización]]
* [[#arquitectura|Arquitectura]]
* [[#interfaz|Interfaz]]
* [[#codigo-utilizado|Código Utilizado]]
---
h2. Introducción
*Redmine* Redmine es una plataforma de gestión de proyectos y seguimiento de incidencias basada en la web. 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 **Análisis de requerimientos*: requerimientos**: Identificación de las necesidades del equipo y los usuarios finales.
2. *Diseño*: **Diseño**: Creación de los wireframes y diseño de la interfaz basados en el estilo **Frutiger Aero**.
3. *Desarrollo*: **Desarrollo**: Implementación de las funcionalidades de Redmine y la integración con el estilo visual deseado.
4. *Pruebas*: **Pruebas**: Validación de la funcionalidad y usabilidad del sistema.
5. *Despliegue*: **Despliegue**: Implementación en el entorno de producción.
---
h2. Organización
El equipo de trabajo se organizó en tres roles principales:
* *Desarrolladores*: 1. **Desarrolladores**: Encargados de la codificación y aseguramiento de la calidad.
* *Diseñadores*: 2. **Diseñadores**: Responsables de la creación de la interfaz visual utilizando los principios de **Frutiger Aero**.
* *Gestores 3. **Gestores de Proyecto*: Proyecto**: Supervisaron el avance de las tareas, cronograma y coordinación con los usuarios finales.
---
h2. Arquitectura
La arquitectura de *Redmine* Redmine sigue un patrón basado en *Model-View-Controller (MVC)*, **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*: **Modelo**: Maneja la lógica y los datos del sistema.
* *Vista*: **Vista**: La interfaz de usuario que presenta los datos al usuario final.
* *Controlador*: **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*: **Tipografía**: Se utiliza la tipografía **Frutiger Aero** para una legibilidad óptima.
* *Colores*: **Colores**: Paleta de colores suaves y contrastantes que favorecen la legibilidad y la jerarquización de la información.
* *Diseño Responsivo*: **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* 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.
---
h3. Estilos y Colores
%span(style="color:#00AEEF;font-weight:bold") Azul claro: Este color es uno de los principales colores de Frutiger Aero y se utiliza para resaltar enlaces y botones.
%span(style="color:#1E2A47") Azul oscuro: Se usa en los títulos y secciones importantes.
%span(style="color:#F1F1F1") Gris claro: Ideal para el fondo de secciones y áreas secundarias.
%span(style="color:#333") Texto principal: Un color oscuro para mejorar la legibilidad del texto.