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