Wiki » History » Version 8
Version 7 (antonella butron, 10/07/2025 11:04 AM) → Version 8/69 (antonella butron, 10/07/2025 11:09 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]]
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
h2. 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;")
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.
%{background:red}This text has 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;")
h2. 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;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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 red background.% las necesidades de los usuarios y facilitando la gestión de proyectos.
---
h3. 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.
---
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]]
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
h2. 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;")
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.
%{background:red}This text has 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;")
h2. 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;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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.
---
%span(style="background-color:#A7D8D3; padding: 15px; border-radius: 5px;")
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 red background.% las necesidades de los usuarios y facilitando la gestión de proyectos.
---
h3. 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.
---