Wiki » History » Version 5
antonella butron, 10/07/2025 10:48 AM
| 1 | 4 | antonella butron | h1. Wiki del Proyecto: Redmine |
|---|---|---|---|
| 2 | 1 | antonella butron | |
| 3 | 4 | antonella butron | h2. Integrantes |
| 4 | 4 | antonella butron | |
| 5 | 4 | antonella butron | * Antonella Butrón Fuentes |
| 6 | 4 | antonella butron | * Mayling Álvarez Vargas |
| 7 | 4 | antonella butron | * Hilda Albarracin Huarachi |
| 8 | 4 | antonella butron | * Ana Gutierrez |
| 9 | 4 | antonella butron | |
| 10 | 4 | antonella butron | h2. Índice |
| 11 | 4 | antonella butron | * [[#introduccion|Introducción]] |
| 12 | 4 | antonella butron | * [[#planificacion|Planificación]] |
| 13 | 4 | antonella butron | * [[#organizacion|Organización]] |
| 14 | 4 | antonella butron | * [[#arquitectura|Arquitectura]] |
| 15 | 4 | antonella butron | * [[#interfaz|Interfaz]] |
| 16 | 4 | antonella butron | * [[#codigo-utilizado|Código Utilizado]] |
| 17 | 4 | antonella butron | |
| 18 | 4 | antonella butron | --- |
| 19 | 4 | antonella butron | |
| 20 | 4 | antonella butron | h2. Introducción |
| 21 | 4 | antonella butron | |
| 22 | 5 | antonella butron | *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. |
| 23 | 4 | antonella butron | |
| 24 | 4 | antonella butron | --- |
| 25 | 4 | antonella butron | |
| 26 | 4 | antonella butron | h2. Planificación |
| 27 | 4 | antonella butron | |
| 28 | 4 | antonella butron | La planificación del proyecto se estructuró en varias fases, las cuales incluyen: |
| 29 | 4 | antonella butron | |
| 30 | 5 | antonella butron | 1. *Análisis de requerimientos*: Identificación de las necesidades del equipo y los usuarios finales. |
| 31 | 5 | antonella butron | 2. *Diseño*: Creación de los wireframes y diseño de la interfaz basados en el estilo **Frutiger Aero**. |
| 32 | 5 | antonella butron | 3. *Desarrollo*: Implementación de las funcionalidades de Redmine y la integración con el estilo visual deseado. |
| 33 | 5 | antonella butron | 4. *Pruebas*: Validación de la funcionalidad y usabilidad del sistema. |
| 34 | 5 | antonella butron | 5. *Despliegue*: Implementación en el entorno de producción. |
| 35 | 4 | antonella butron | |
| 36 | 4 | antonella butron | --- |
| 37 | 4 | antonella butron | |
| 38 | 4 | antonella butron | h2. Organización |
| 39 | 4 | antonella butron | |
| 40 | 4 | antonella butron | El equipo de trabajo se organizó en tres roles principales: |
| 41 | 4 | antonella butron | |
| 42 | 5 | antonella butron | * *Desarrolladores*: Encargados de la codificación y aseguramiento de la calidad. |
| 43 | 5 | antonella butron | * *Diseñadores*: Responsables de la creación de la interfaz visual utilizando los principios de **Frutiger Aero**. |
| 44 | 5 | antonella butron | * *Gestores de Proyecto*: Supervisaron el avance de las tareas, cronograma y coordinación con los usuarios finales. |
| 45 | 4 | antonella butron | |
| 46 | 4 | antonella butron | --- |
| 47 | 4 | antonella butron | |
| 48 | 4 | antonella butron | h2. Arquitectura |
| 49 | 4 | antonella butron | |
| 50 | 5 | antonella butron | 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. |
| 51 | 4 | antonella butron | |
| 52 | 5 | antonella butron | * *Modelo*: Maneja la lógica y los datos del sistema. |
| 53 | 5 | antonella butron | * *Vista*: La interfaz de usuario que presenta los datos al usuario final. |
| 54 | 5 | antonella butron | * *Controlador*: Gestiona las peticiones del usuario y las responde con la vista apropiada. |
| 55 | 4 | antonella butron | |
| 56 | 4 | antonella butron | Además, se han integrado tecnologías como Ruby on Rails, JavaScript y CSS para el diseño de la interfaz. |
| 57 | 4 | antonella butron | |
| 58 | 4 | antonella butron | --- |
| 59 | 4 | antonella butron | |
| 60 | 4 | antonella butron | h2. Interfaz |
| 61 | 4 | antonella butron | |
| 62 | 4 | antonella butron | 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. |
| 63 | 4 | antonella butron | |
| 64 | 5 | antonella butron | * *Tipografía*: Se utiliza la tipografía **Frutiger Aero** para una legibilidad óptima. |
| 65 | 5 | antonella butron | * *Colores*: Paleta de colores suaves y contrastantes que favorecen la legibilidad y la jerarquización de la información. |
| 66 | 5 | antonella butron | * *Diseño Responsivo*: La interfaz es completamente adaptativa, lo que permite su uso en distintos dispositivos, desde computadoras hasta dispositivos móviles. |
| 67 | 4 | antonella butron | |
| 68 | 1 | antonella butron | --- |
| 69 | 1 | antonella butron | |
| 70 | 1 | antonella butron | h2. Código Utilizado |
| 71 | 1 | antonella butron | |
| 72 | 1 | antonella butron | El proyecto utiliza varios lenguajes y tecnologías para lograr su funcionalidad. Estos son los más relevantes: |
| 73 | 1 | antonella butron | |
| 74 | 1 | antonella butron | * **Ruby on Rails**: Framework utilizado para desarrollar el backend de Redmine. |
| 75 | 1 | antonella butron | * **HTML/CSS**: Tecnologías utilizadas para estructurar y estilizar la interfaz de usuario. |
| 76 | 1 | antonella butron | * **JavaScript**: Usado para mejorar la interactividad de la interfaz, como en la validación de formularios y la visualización dinámica de datos. |
| 77 | 1 | antonella butron | * **jQuery**: Librería JavaScript utilizada para simplificar el manejo de eventos y manipulaciones de la DOM. |
| 78 | 1 | antonella butron | * **Bootstrap**: Framework CSS que proporciona una base sólida para el diseño responsivo. |
| 79 | 1 | antonella butron | |
| 80 | 4 | antonella butron | --- |
| 81 | 4 | antonella butron | |
| 82 | 4 | antonella butron | h2. Conclusión |
| 83 | 4 | antonella butron | |
| 84 | 5 | antonella butron | 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. |
| 85 | 5 | antonella butron | |
| 86 | 5 | antonella butron | --- |
| 87 | 5 | antonella butron | |
| 88 | 5 | antonella butron | h3. Estilos y Colores |
| 89 | 5 | antonella butron | |
| 90 | 5 | antonella butron | %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. |
| 91 | 5 | antonella butron | |
| 92 | 5 | antonella butron | %span(style="color:#1E2A47") Azul oscuro: Se usa en los títulos y secciones importantes. |
| 93 | 5 | antonella butron | |
| 94 | 5 | antonella butron | %span(style="color:#F1F1F1") Gris claro: Ideal para el fondo de secciones y áreas secundarias. |
| 95 | 5 | antonella butron | |
| 96 | 5 | antonella butron | %span(style="color:#333") Texto principal: Un color oscuro para mejorar la legibilidad del texto. |