Expressio Music

Índice

• 1. Preámbulo
• 2. Objetivos del proyecto
• 3. Características del proyecto
• 4. Procedimiento
• 5. Funcionalidades
• 6. Tecnologías utilizadas

1. Preámbulo

Bienvenido a Expressio Music: La Comunidad en Línea para Músicos y Amantes de la Música

Expressio Music es el lugar donde los amantes de la música pueden unirse para compartir sus talentos, conexiones y pasión por la música. Ofrecemos una plataforma única que reúne a músicos de todos los géneros y niveles de experiencia. Si amas la música y buscas una comunidad vibrante para conectar, crear y colaborar, ¡estás en el lugar correcto!

🎶 Perfil Musical: Construye tu perfil musical personalizado donde puedes destacar tus habilidades, experiencia laboral y logros en la industria. Comparte tu viaje musical y conecta con otros músicos que comparten tus intereses y metas.

🎵 Publica tus Pensamientos Musicales: Expresa tus pensamientos, ideas y descubrimientos musicales a través de publicaciones creativas. Comparte tus últimas composiciones, momentos inspiradores o desafíos musicales que estás superando.

🎸 Conéctate a través de Eventos Musicales: Descubre y crea eventos musicales que unen a músicos de diferentes géneros y habilidades. Ya sea que necesites un bajista para tu banda o quieras formar un grupo para tocar en un evento, Expressio Music te conecta con personas que comparten tu entusiasmo por la música en vivo.

🤝 Construye Colaboraciones Musicales: Encuentra colaboradores para proyectos musicales emocionantes. Busca músicos con talentos complementarios y comienza a trabajar juntos en nuevas composiciones, grabaciones o actuaciones en vivo.

🎤 Amplía tu Red Musical: Explora grupos y comunidades dedicadas a diferentes géneros musicales. Conoce músicos con influencias similares y amplía tu red musical para futuras colaboraciones y amistades duraderas.

🎉 Eventos Únicos y Experiencias Musicales: Mantente al tanto de eventos exclusivos, talleres y oportunidades para mejorar tus habilidades y conocimientos musicales. Aprovecha la plataforma para aprender de expertos y maestros en la industria.

Expressio Music es más que una red social: es un espacio donde la música cobra vida y donde los músicos pueden unirse, compartir y crecer juntos. Únete a nuestra comunidad apasionada y sumérgete en un mundo de notas y acordes que te inspirarán a alcanzar nuevas alturas en tu viaje musical. ¡Exprésate a través de la música en Expressio Music!

2. Objetivos del proyecto

Expressio Music se esfuerza por reunir a músicos y amantes de la música en un espacio enriquecedor donde puedan conectar, colaborar y prosperar juntos en el mundo de la música.

Los objetivos generales de este proyecto son los siguientes

• Construir una Comunidad Musical Unida: Crear un espacio en línea donde músicos de diferentes géneros y niveles de experiencia puedan conectarse, interactuar y colaborar en proyectos musicales.

• Facilitar la Colaboración Musical: Proporcionar herramientas y recursos que permitan a los músicos encontrar colaboradores para proyectos musicales, desde la composición hasta la grabación y actuaciones en vivo.

• Fomentar el Crecimiento Profesional: Ofrecer oportunidades para que los músicos compartan sus experiencias laborales y logros, lo que puede ayudar a otros a aprender y crecer en sus carreras musicales.

• Facilitar la Búsqueda de Eventos Musicales: Proporcionar una plataforma donde los músicos puedan buscar y unirse a eventos musicales, desde actuaciones en vivo hasta audiciones y oportunidades de tocar con otros músicos.

• Ampliar Redes Musicales: Ayudar a los músicos a expandir sus redes profesionales y personales al conectarse con otros músicos, bandas y profesionales de la industria.

• Ofrecer Personalización de Perfil Profesional: Permitir a los usuarios crear perfiles personalizados donde puedan resaltar sus habilidades, géneros musicales favoritos y experiencias pasadas en la industria musical.

• Promover la Comunidad de Apoyo: Facilitar la creación de preguntas, dudas y respuestas entre los músicos para que puedan ayudarse mutuamente en sus desafíos musicales.

• Crear un Mercado Musical Integrado: Proporcionar a los músicos una plataforma para vender e intercambiar instrumentos y equipo de audio entre la comunidad musical.

• Simplificar el Acceso y Registro: Ofrecer opciones de inicio de sesión con nombre de usuario, correo electrónico y cuentas de Google para que los músicos puedan unirse fácilmente a la comunidad.

3. Características del proyecto

Expressio Music utiliza tecnologías modernas como Firebase, Vite y una arquitectura SPA para ofrecer a los músicos una plataforma completa y dinámica que fomenta la colaboración, la creatividad y el crecimiento en la comunidad musical.

Características de Expressio Music: La Red Social para la Comunidad Musical

• Autenticación y Almacenamiento en Firebase: Utiliza Firebase Authentication para permitir a los usuarios registrarse e iniciar sesión de manera segura. Además, Firebase Cloud Firestore se utiliza para almacenar perfiles de usuarios, publicaciones, eventos y detalles de colaboración musical.

• Arquitectura de Aplicación de Página Única (SPA): La aplicación se construye utilizando una arquitectura de SPA, lo que significa que las transiciones entre páginas son fluidas y rápidas, mejorando la experiencia del usuario.

• Vite para la Construcción Rápida: Se emplea Vite como el entorno de desarrollo para una construcción rápida y eficiente de la aplicación, lo que permite un flujo de trabajo más ágil para los desarrolladores.

• Perfiles Musicales Personalizados: Los usuarios pueden crear, actualizar y administrar sus perfiles musicales personalizados, incluyendo información sobre su experiencia, géneros favoritos, enlaces a muestras de música y más.

• Publicación de Eventos Musicales en Tiempo Real: Utiliza Firebase Cloud Firestore para permitir a los usuarios crear y compartir eventos musicales en tiempo real, lo que permite a otros músicos unirse y colaborar de manera instantánea.

• Colaboración Musical en Línea: Los usuarios pueden colaborar en proyectos musicales en línea, subir y compartir grabaciones, composiciones y otros archivos de audio, y trabajar juntos en tiempo real.

• Intercambio y Venta de Equipo Musical: Los músicos pueden publicar anuncios para vender, comprar e intercambiar instrumentos y equipo de audio en un mercado integrado dentro de la plataforma.

• Comunidad de Apoyo y Aprendizaje Integrada: Los usuarios pueden hacer preguntas, buscar consejos y compartir recursos educativos relacionados con la música, creando un ambiente de aprendizaje colaborativo.

• Diseño Responsivo y Móvil: La interfaz está diseñada para funcionar sin problemas en dispositivos móviles y de escritorio, garantizando una experiencia de usuario coherente.

• Optimización de Rendimiento con Vite: Gracias a Vite, la aplicación ofrece un alto rendimiento y velocidad de carga, brindando una experiencia fluida y rápida a los usuarios.

4. Procedimiento

Organización

En Expressio Music, valoramos la organización y la colaboración eficiente para asegurarnos de que nuestra plataforma brinde la mejor experiencia posible a nuestros usuarios. Para lograr esto, utilizamos dos herramientas poderosas: Trello y GitHub Projects.

En conjunto, Trello y GitHub Projects nos permiten mantener un flujo de trabajo ordenado y organizado, lo que resulta en una mayor productividad y una mejor coordinación entre los miembros del equipo. Estas herramientas nos ayudan a mantenernos al día con las tareas, identificar los posibles cuellos de botella y asegurarnos de que cada aspecto de Expressio Music esté en línea con nuestros objetivos y estándares de calidad.

Historias de usuario

Las historias de usuario en Expressio Music reflejan las necesidades y aspiraciones de la comunidad musical y su entorno. Estas historias están diseñadas para proporcionar una experiencia integral y satisfactoria a una amplia gama de usuarios, incluidos músicos, managers, marcas y otros profesionales del mundo musical.

Historia de usuario 1.

CREACIÓN DE PERFIL PROFESIONAL.

Descripción: "Como usuario de la red social Expressio Music, deseo contar con la funcionalidad de crear un perfil profesional que represente mi trayectoria y habilidades como músico, incluyendo a productores y managers. Este perfil me permitirá presentarme de manera completa y atractiva ante otros usuarios, fortaleciendo mi presencia en la comunidad musical y facilitando conexiones y colaboraciones."

Criterios de Aceptación:

• Desde la página de inicio de la red social, el usuario puede acceder a la función de crear un perfil.
• Durante la creación del perfil, el usuario puede ingresar su nombre y cargar una foto de perfil.
• Se proporciona la opción para agregar información relevante sobre la trayectoria y habilidades del usuario como músico, como experiencia previa, géneros musicales, instrumentos dominados, entre otros.
• La información ingresada por el usuario se presenta visualmente atractiva en su perfil.
• El perfil incluye opciones para editar y actualizar la información en cualquier momento, permitiendo mantenerlo actualizado.
• El perfil se muestra de manera pública para que otros usuarios puedan visualizarlo y acceder a la información del músico.
• Los cambios realizados en el perfil se almacenan de manera persistente, asegurando que la información se conserve correctamente y se recupere de forma precisa.

Beneficios: La funcionalidad de creación de perfil profesional brinda a los usuarios la oportunidad de presentar su identidad musical de manera completa y detallada. Esto fomenta la construcción de relaciones profesionales y colaborativas dentro de la comunidad musical, permitiendo que músicos, productores y managers se conecten de manera efectiva. La posibilidad de destacar la experiencia y habilidades en el perfil contribuye a un networking más sólido y a la exploración de oportunidades en el entorno musical.

Historia de usuario 2.

CREAR Y COMPARTIR PUBLICACIONES PERSONALIZADAS.

Descripción: "Como usuario de la red social Expressio Music, deseo contar con la capacidad de crear y compartir posts personalizados que me permitan comunicar mis ideas, experiencias o intereses con otros usuarios de la red. Esta funcionalidad me permitirá interactuar con la comunidad musical, expresar mis pensamientos y compartir contenido relevante."

Criterios de Aceptación:

• Desde la interfaz principal de la red social, el usuario puede acceder a la función de crear un nuevo post.
• El usuario tiene la opción de ingresar contenido al post en forma de texto.
• Los posts se almacenan y se muestran en el feed de la red social en orden cronológico inverso, presentando los posts más recientes primero.
• El usuario puede editar y actualizar el contenido del post después de haberlo creado.
• Se brinda la opción de eliminar un post específico que el usuario haya creado.
• Cada post incluye opciones para que otros usuarios puedan interactuar con él, como dar likes.
• El post muestra el número total de likes que ha recibido.
• El usuario tiene la capacidad de visualizar los posts creados por otros usuarios en el feed principal.
• Los posts persisten en la base de datos de manera que puedan ser recuperados y visualizados en futuras sesiones.

Beneficios: La funcionalidad de creación y compartición de posts personalizados enriquece la experiencia de usuario al permitirle expresarse de manera creativa y auténtica en la comunidad musical. Los usuarios pueden compartir sus logros, conocimientos y pensamientos con otros miembros, fomentando la interacción y la colaboración. La capacidad de interactuar con los posts a través de likes y comentarios facilita la formación de conexiones y el intercambio de ideas, promoviendo un ambiente colaborativo y participativo en la red social.

Historia de usuario 3.

CREACIÓN Y VISUALIZACIÓN DE EVENTOS.

Descripción: "Como usuario de la red social Expressio Music, deseo contar con la opción de visualizar eventos creados por otras personas, así como crear mis propios eventos. Esta funcionalidad me permitirá explorar oportunidades de colaboración, participar en eventos de interés y promover mis propias actividades musicales."

Criterios de Aceptación:

• Desde la interfaz principal de la red social, el usuario puede acceder a la sección de eventos.
• La sección de eventos presenta una lista de eventos creados por otros usuarios, incluyendo información relevante como el título, descripción, fecha y ubicación.
• El usuario tiene la capacidad de crear un nuevo evento, ingresando detalles como el título, descripción, fecha y ubicación.
• El usuario tiene la opción de editar y actualizar la información de los eventos creados por él mismo.
• Los eventos creados pueden ser eliminados por el usuario que los ha creado.
• Los eventos persisten en la base de datos de manera que puedan ser visualizados en futuras sesiones.

Beneficios: La inclusión de la funcionalidad de visualización y creación de eventos en la red social brinda a los usuarios la oportunidad de estar al tanto de eventos musicales relevantes y promover sus propias actividades. Esta característica fomenta la colaboración y el contacto entre músicos, productores y otros profesionales del ámbito musical, facilitando la organización y participación en eventos. La interacción con otros usuarios interesados en los eventos a través de comentarios y mensajería contribuye a la formación de conexiones y a la creación de oportunidades en la comunidad musical.

Historia de usuari 4.

REGISTRO Y ACCESO A LA RED SOCIAL CON CORREO, CONTRASEÑA Y GOOGLE.

Descripción:

"Como usuario interesado en unirme a la comunidad musical de Expressio Music, deseo tener la posibilidad de registrarme y acceder a la red social de dos formas: mediante el uso de mi correo electrónico y contraseña, así como a través de mi cuenta de Google. Esto me brindará flexibilidad y comodidad al momento de ingresar y utilizar la plataforma."

Criterios de Aceptación:

Registro con Correo y Contraseña.

• Desde la página de inicio de la red social, el usuario puede acceder a la opción de registro.
• Se presenta un formulario donde el usuario debe ingresar su nombre, correo electrónico y contraseña.
• El usuario puede completar el registro al hacer clic en el botón de SIGN UP.
• Si los datos ingresados son válidos, se crea una cuenta en la plataforma asociada al correo y contraseña proporcionados.

Acceso con Correo y Contraseña:

• En la página de inicio de la red social, el usuario puede acceder a la opción de SIGN IN.
• Se muestra un formulario donde el usuario debe ingresar su correo electrónico y contraseña.
• Al hacer clic en el botón de SIGN IN, se verifica la autenticidad de los datos ingresados y se permite el acceso a la plataforma.

Acceso con Google:

• En la página de inicio de la red social, el usuario puede acceder a la opción de inicio de sesión con Google.
• Al hacer clic en esta opción, se redirige al usuario a la página de inicio de sesión de Google.
• El usuario puede ingresar sus credenciales de Google y autorizar el acceso a la red social.
• Una vez autorizado, se establece la conexión con la cuenta de Google y se permite el acceso a la plataforma.

Beneficios: La implementación de opciones de registro y acceso mediante correo, contraseña y cuenta de Google en Expressio Music ofrece a los usuarios una experiencia flexible y versátil al interactuar con la plataforma. Esto facilita la incorporación de nuevos usuarios y les brinda la elección de un método de acceso conveniente para ellos. Además, garantiza la seguridad y protección de las cuentas de usuario al implementar procesos de autenticación confiables. La disponibilidad de múltiples opciones de acceso mejora la usabilidad y promueve la participación activa en la comunidad musical.

Diseño de lainterfaz de usuario

Uso de Figma para Prototipos de Alta y Baja Fidelidad en el Proyecto Expressio Music

En el proceso de diseño de la interfaz de usuario de Expressio Music, hemos empleado la plataforma de diseño colaborativo Figma para la creación de nuestros prototipos de alta y baja fidelidad.

Prototipo de Baja Fidelidad: En la fase de diseño inicial, utilizamos Figma para crear prototipos de baja fidelidad. Estos prototipos se centran en la estructura general de la interfaz, la disposición de los elementos y las interacciones básicas. Con Figma, pudimos esbozar rápidamente las ideas y conceptos clave, lo que nos permitió obtener una comprensión temprana de la navegación y el flujo de la aplicación. La ventaja de esta etapa de baja fidelidad es la agilidad, ya que nos permitió iterar y ajustar el diseño en función de las retroalimentaciones y cambios necesarios antes de avanzar.

Prototipo de Alta Fidelidad: Una vez que obtuvimos una dirección clara con nuestros prototipos de baja fidelidad, pasamos a crear prototipos de alta fidelidad utilizando Figma. Estos prototipos incluyen detalles visuales, estilos de diseño, tipografía, colores y elementos interactivos más avanzados. Figma nos permitió diseñar componentes reutilizables y establecer guías de diseño coherentes en toda la aplicación. Además, pudimos simular interacciones más complejas, como transiciones entre pantallas, animaciones y estados interactivos. Esto nos permitió tener una vista previa cercana de cómo se sentirá y se comportará la aplicación final.

Pruebas de Usabilidad

Los prototipos creados en Figma también desempeñaron un papel fundamental en las pruebas de usabilidad. Utilizamos los prototipos de alta fidelidad para simular la experiencia de los usuarios y llevar a cabo pruebas con personas reales. Esto nos permitió identificar posibles problemas de flujo, interacción y diseño antes de desarrollar la aplicación final. Las pruebas de usabilidad nos ayudaron a optimizar la experiencia del usuario y garantizar que la aplicación satisfaga las necesidades y expectativas de nuestros usuarios.

5. Funcionalidades

• Registro y Autenticación:

Posibilidad de registrarse utilizando correo electrónico y contraseña. Opción de registro y acceso rápido a través de cuentas de Google.

• Creación de Perfil Profesional:

Los usuarios pueden crear perfiles detallados que incluyen su nombre, foto de perfil y una descripción. La descripción puede incluir información sobre experiencia musical, géneros, instrumentos dominados y otras habilidades relevantes. Los perfiles permiten a los usuarios mostrar su trayectoria y habilidades musicales de manera profesional.

• Publicación de Contenido Personalizado:

Los usuarios pueden crear y compartir publicaciones personalizadas que incluyen texto. Las publicaciones se muestran en un feed en orden cronológico inverso, mostrando las más recientes primero. Los usuarios pueden editar y actualizar sus publicaciones después de haberlas creado. Opción de dar "likes" a las publicaciones y ver el número total de "likes".

• Creación y Visualización de Eventos:

Los usuarios pueden crear eventos, especificando título, descripción, fecha y ubicación. Los eventos creados se muestran en una sección dedicada, junto con detalles relevantes. Los usuarios pueden indicar su interés en eventos y ver la lista de otros usuarios interesados.

• Personalización y Colores Temáticos:

Capacidad de personalizar la apariencia de la interfaz mediante la selección de colores temáticos. Alternar entre dos diferentes esquemas de colores para una experiencia visual atractiva.

• Persistencia de Datos en tiempo real:

Todos los datos, perfiles, publicaciones y eventos se almacenan y actualizan en tiempo real en la base de datos, permitiendo una experiencia colaborativa y dinámica.

6. Tecnologías utilizadas

Las tecnologías utilizadas en el desarrollo de la red social "Expressio Music" están diseñadas para ofrecer una experiencia eficiente, segura y colaborativa para los usuarios, al tiempo que garantizan un rendimiento óptimo y una interfaz atractiva. Estas tecnologías se han seleccionado cuidadosamente para cumplir con los objetivos y requisitos específicos del proyecto. Algunas de las tecnologías clave utilizadas son:

• Firebase: Firebase se ha utilizado como plataforma integral para el backend de la aplicación. Proporciona una amplia gama de servicios, como autenticación de usuarios, almacenamiento de datos en tiempo real, hosting web y autenticación con Google. Firebase permite la gestión eficiente de datos y la interacción en tiempo real en toda la aplicación.

• Vite: Vite se ha elegido como el entorno de desarrollo para la construcción de la interfaz de usuario de la aplicación. Vite ofrece un entorno de desarrollo rápido y eficiente, permitiendo una rápida recarga en el navegador y un flujo de trabajo optimizado en el desarrollo frontend.

• Single Page Application (SPA): La arquitectura de aplicación de una sola página se ha implementado para garantizar una experiencia de usuario fluida y sin interrupciones. Esto permite que la aplicación funcione de manera eficiente, cargando solo los componentes necesarios cuando sea necesario y evitando la recarga completa de la página.

• HTML, CSS y JavaScript: Las tecnologías web fundamentales, como HTML para la estructura, CSS para el diseño y JavaScript para la interactividad, se han utilizado para construir la interfaz de usuario. Esto asegura que la aplicación sea accesible y funcione correctamente en una variedad de dispositivos y navegadores.

• Figma: Figma se ha empleado para diseñar tanto los prototipos de alta como baja fidelidad de la aplicación. Ha servido como herramienta para visualizar y iterar sobre la interfaz de usuario antes de la implementación, permitiendo una mejor comprensión de cómo interactuarán los usuarios con la aplicación y facilitando la identificación de posibles mejoras.

• Firestore: Firestore, la base de datos en tiempo real de Firebase, se ha utilizado para almacenar y sincronizar los datos de la aplicación, como perfiles de usuarios, publicaciones y eventos. Esto garantiza que la información esté disponible en tiempo real y se pueda acceder y actualizar de manera eficiente.

• Autenticación y Seguridad: Se ha implementado la autenticación de usuarios utilizando Firebase Authentication, lo que garantiza que solo los usuarios autorizados puedan acceder a la aplicación y sus funcionalidades. Se han implementado prácticas de seguridad para proteger los datos de los usuarios y prevenir vulnerabilidades.

• Git y GitHub: Se ha utilizado Git como sistema de control de versiones para rastrear y gestionar el código fuente. GitHub se ha empleado para alojar el repositorio de código, permitiendo la colaboración entre desarrolladores, la revisión de código y la gestión de problemas y solicitudes de funciones.