Wiki » History » Version 7
Version 6 (antonella butron, 10/07/2025 11:03 AM) → Version 7/69 (antonella butron, 10/07/2025 11:04 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** /* Fondo Turquesa Pastel para toda 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. wiki */
2. *Diseño*: Creación #wiki {
background-color: #A7D8D3; /* color turquesa pastel */
color: #333; /* color 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 texto oscuro 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 /* Fondo 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 enlaces y estilizar la interfaz de usuario. texto destacado */
* **JavaScript**: Usado #wiki a {
color: #00AEEF; /* color azul claro para mejorar la interactividad de la interfaz, como en la validación de formularios y la visualización dinámica de datos. enlaces */
* **jQuery**: Librería JavaScript utilizada }
/* Fondo para simplificar el manejo las secciones de eventos y manipulaciones de la DOM. encabezado */
* **Bootstrap**: Framework CSS que proporciona una base sólida #wiki h1, #wiki h2, #wiki h3 {
background-color: #1E2A47; /* azul oscuro 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 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 encabezados */
color: #FFF; /* texto blanco 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.
---
encabezados */
}
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** /* Fondo Turquesa Pastel para toda 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. wiki */
2. *Diseño*: Creación #wiki {
background-color: #A7D8D3; /* color turquesa pastel */
color: #333; /* color 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 texto oscuro 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 /* Fondo 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 enlaces y estilizar la interfaz de usuario. texto destacado */
* **JavaScript**: Usado #wiki a {
color: #00AEEF; /* color azul claro para mejorar la interactividad de la interfaz, como en la validación de formularios y la visualización dinámica de datos. enlaces */
* **jQuery**: Librería JavaScript utilizada }
/* Fondo para simplificar el manejo las secciones de eventos y manipulaciones de la DOM. encabezado */
* **Bootstrap**: Framework CSS que proporciona una base sólida #wiki h1, #wiki h2, #wiki h3 {
background-color: #1E2A47; /* azul oscuro 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 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 encabezados */
color: #FFF; /* texto blanco 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.
---
encabezados */
}