Wiki » History » Version 6
Version 5 (antonella butron, 10/07/2025 10:48 AM) → Version 6/69 (antonella butron, 10/07/2025 11:03 AM)
/* Fondo Turquesa Pastel 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* 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 toda la wiki */ 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.
#wiki {
background-color: #A7D8D3; /* color turquesa pastel */
color: #333; /* color 2. *Diseño*: Creación de texto oscuro 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:
* *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.
---
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.
/* Fondo ---
h2. Código Utilizado
El proyecto utiliza varios lenguajes y tecnologías para lograr su funcionalidad. Estos son los enlaces más relevantes:
* **Ruby on Rails**: Framework utilizado para desarrollar el backend de Redmine.
* **HTML/CSS**: Tecnologías utilizadas para estructurar y texto destacado */ estilizar la interfaz de usuario.
#wiki * **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 {
color: #00AEEF; /* 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 azul claro es uno de los principales colores de Frutiger Aero y se utiliza para resaltar enlaces */
} y botones.
/* Fondo %span(style="color:#1E2A47") Azul oscuro: Se usa en los títulos y secciones importantes.
%span(style="color:#F1F1F1") Gris claro: Ideal para las el fondo de secciones de encabezado */
#wiki h1, #wiki h2, #wiki h3 {
background-color: #1E2A47; /* azul y áreas secundarias.
%span(style="color:#333") Texto principal: Un color oscuro para los encabezados */
color: #FFF; /* texto blanco en los encabezados */
}
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* 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 toda la wiki */ 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.
#wiki {
background-color: #A7D8D3; /* color turquesa pastel */
color: #333; /* color 2. *Diseño*: Creación de texto oscuro 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:
* *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.
---
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.
/* Fondo ---
h2. Código Utilizado
El proyecto utiliza varios lenguajes y tecnologías para lograr su funcionalidad. Estos son los enlaces más relevantes:
* **Ruby on Rails**: Framework utilizado para desarrollar el backend de Redmine.
* **HTML/CSS**: Tecnologías utilizadas para estructurar y texto destacado */ estilizar la interfaz de usuario.
#wiki * **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 {
color: #00AEEF; /* 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 azul claro es uno de los principales colores de Frutiger Aero y se utiliza para resaltar enlaces */
} y botones.
/* Fondo %span(style="color:#1E2A47") Azul oscuro: Se usa en los títulos y secciones importantes.
%span(style="color:#F1F1F1") Gris claro: Ideal para las el fondo de secciones de encabezado */
#wiki h1, #wiki h2, #wiki h3 {
background-color: #1E2A47; /* azul y áreas secundarias.
%span(style="color:#333") Texto principal: Un color oscuro para los encabezados */
color: #FFF; /* texto blanco en los encabezados */
}
mejorar la legibilidad del texto.