Menú

SynthIA

Música a tu ritmo, conocimiento a tu medida.

Descripción del proyecto:

SynthIA no es solo tu asistente virtual, sino también una compañera confiable para descubrir nuevos géneros musicales. Si estás cansado de escuchar lo mismo de siempre y no sabes qué más poner, SynthIA te ofrece recomendaciones basadas en tus gustos musicales. Con su ayuda, podrás explorar nuevos géneros, canciones y artistas que se adapten a lo que te gusta. Además, te brinda acceso instantáneo a la letra de las canciones, información detallada sobre tus artistas favoritos y hasta un poco de historia de la música.

En SynthIA, tomamos en cuenta el gusto musical de cada persona, por lo que ofrecemos una amplia variedad de canciones. Esto permite a los usuarios descubrir nuevos géneros y artistas, sin importar la plataforma de música que utilicen. De esta manera, garantizamos que cada persona pueda expandir sus horizontes musicales y encontrar algo que le guste, siempre con un toque personalizado.

Lo que nos diferencia de otras inteligencias artificiales es nuestra capacidad para proporcionar toda la información que los oyentes buscan. Nos aseguramos de que los usuarios no se queden sin el conocimiento musical que necesitan. Esto incluye datos sobre canciones, artistas y géneros, cubriendo cualquier curiosidad que puedan tener mientras disfrutan de su música favorita.

SynthIA nació de la idea de que muchas veces no tenemos toda la información que queremos cuando escuchamos una canción. Decidimos combinar la funcionalidad de un reproductor de música con la capacidad de ofrecer información completa sobre la música que escuchas. Así, no solo disfrutas de tus canciones, sino que también aprendes sobre ellas de una manera entretenida.

SynthIA es un universo musical que te permitirá escuchar y aprender sin límites. Además, si olvidas alguna recomendación que te haya dado, no te preocupes: SynthIA guarda un historial de chats. De esta forma, siempre podrás revisar tus interacciones previas y recuperar cualquier información o sugerencia que hayas recibido.

Instrucciones de uso:

Nuestra IA no es muy diferente de muchas otras en cuanto a la búsqueda, simplemente es necesario poner en la barra de búsqueda aquella duda que tengas relacionada con la música o ritmos musicales variados y la IA será la encargada de responderlas y de proporcionarte la información pertinente.

Al ingresar a la pagina mediante la URL estarás en el menú principal en el cual puedes escoger si iniciar sesión si cuentas con una cuenta o registrarte si no cuentas con una.

menu



Si no tienes una cuenta, al seleccionar la opción «Regístrate» serás redirigido a una pestaña para ingresar tus datos y crear una cuenta que te permitirá acceder a la IA. Aquí deberás proporcionar un nombre de usuario para ser identificado en la plataforma, un correo electrónico para recibir novedades sobre innovaciones en IA, una contraseña segura para proteger tu cuenta y tu edad, ya que nuestra política no permite el acceso a menores de edad.

registro



Esta es la pestaña de inicio de sesión. Una vez creada tu cuenta, podrás ingresar tus datos aquí para acceder a la página principal, donde podrás interactuar directamente con la IA.

Inicio



En esta pestaña podrás interactuar con nuestra IA, SynthIA. A través de consultas SQL, podrás pedirle a SynthIA información detallada sobre una canción específica o, si lo prefieres, buscar por el nombre de un álbum para ver todas sus canciones. Luego, podrás seleccionar la canción de la que deseas conocer más detalles.

SynthIA

En el chat de la IA, puedes realizar consultas usando palabras clave para obtener la información que necesitas. Por ejemplo, en la imagen a continuación, se muestra una consulta sobre la canción Beth, incluyendo el nombre del autor y su fecha de lanzamiento, y la IA responde con los detalles solicitados. Si olvidas pedir algún dato, puedes hacer otra pregunta en un nuevo mensaje para recibir la información adicional.

Captura

Aunque esto no es todo lo que esta puede hacer, ya que además podemos encontrar nuestra Dashboard en la que se encuentran algunas otras características aunque la mayoría no tienen una funcionalidad real y están ahí para algunos cambios a futuro, pero no nos centraremos en eso ahora, las por ahora funciones que están dentro de la Dashboard que se encuentra en el lado izquierdo son: 

  • Cambiar tema: Es un botón que se encuentra bajando un poco en la Dashboard y que tiene la función de cambiar el tono de la página de un claro a un color oscuro
  • Eliminar Usuario: También encontrándose abajo en la dashboard, tiene como función la de eliminar toda la información del usuario si este lo desea, dándole la oportunidad de crear otro usuario o simplemente dejar de usar nuestra IA.
  • Configuración: Esta opción tiene como función principal la de cambiar y actualizar los datos del usuario siempre que este lo desee, pero aunque diga configuración tenemos planeado cambiar tanto el icono como el nombre para que sea más sencillo para el usuario el poder buscar, y igual que las otras 2 opciones esta se encuentra en la parte de abajo de la dashboard.
  • Ocultar: Se encuentra al final de la dashboard y tiene como función principal la de cerrar la dashboard, comprimiendola y dejando solamente los iconos de las demás funciones, además del icono de flecha para poder volver a abrir la dashboard si así se desea.
  • Micrófono: Él se encuentra al lado del campo de texto y tiene la función por ahora de que cuando el usuario hable se escriba aquello que el usuario dijo por el micrófono, permitiendo al usuario evitar el tener que escribir textos increíblemente largos y tediosos. 

SynthIA: aporte a la Sociedad

SynthIA es una herramienta desarrollada para mejorar la experiencia musical de sus usuarios, permitiéndoles descubrir y explorar nuevos artistas, bandas y canciones de manera sencilla. Esta inteligencia artificial ofrece una gran cantidad de información detallada sobre la música, incluyendo el álbum al que pertenece una canción, la letra, el género musical y enlaces directos para escucharla. Además, la plataforma también proporciona descripciones de las canciones, imágenes relacionadas y permite realizar búsquedas personalizadas, ya sea por el nombre de la canción, el artista, el álbum o incluso por fragmentos de la letra.

SynthIA es una herramienta desarrollada para mejorar la experiencia musical de sus usuarios, permitiéndoles descubrir y explorar nuevos artistas, bandas y canciones de manera sencilla. Esta inteligencia artificial ofrece una gran cantidad de información detallada sobre la música, incluyendo el álbum al que pertenece una canción, la letra, el género musical y enlaces directos para escucharla. Además, la plataforma también proporciona descripciones de las canciones, imágenes relacionadas y permite realizar búsquedas personalizadas, ya sea por el nombre de la canción, el artista, el álbum o incluso por fragmentos de la letra.

Además de ofrecer recomendaciones personalizadas, SynthIA está equipada para mantener conversaciones fluidas con los usuarios, lo que enriquece la experiencia de exploración musical. Esta capacidad conversacional permite que los usuarios profundicen en el mundo de la música, haciendo preguntas sobre canciones, álbumes o cualquier aspecto relacionado con la música que deseen explorar. SynthIA actúa como una guía para descubrir y entender mejor lo que escuchan.

Para quienes buscan enriquecer su conocimiento musical, SynthIA se convierte en un compañero ideal. No solo ofrece nuevas experiencias auditivas, sino que también les proporciona una herramienta interactiva para ampliar sus horizontes musicales. De esta manera, los usuarios pueden disfrutar de la música mientras aprenden sobre ella de una manera entretenida y personalizada, haciendo de cada sesión con la IA una experiencia única y enriquecedora.

Tecnologías Usadas:

En este proyecto utilizamos ampliamente herramientas como XAMPP, HTML, CSS, PHP, MySQL, JavaScript y algunas librerías adicionales. Estas tecnologías fueron esenciales para el desarrollo del sitio web y la inteligencia artificial (IA) integrada en la plataforma.

Empleamos HTML y CSS para diseñar la interfaz de la IA, asegurándonos de que la página no solo fuera visualmente atractiva, sino también intuitiva y fácil de usar. A esto le añadimos videos de fondo y algunas animaciones para darle un toque estético que captara la atención de los usuarios y mejorara su experiencia de navegación.

Por otro lado, PHP fue fundamental para darle funcionalidad a la IA, ya que facilitaba la conexión con la base de datos y permitía la ejecución de inyecciones y modificaciones en la misma. Combinamos el uso de PHP con JavaScript, lo que nos permitió añadir diversas funcionalidades interactivas que hicieron la página mucho más dinámica. Además, JavaScript nos permitió trabajar con el método AXIOS, una herramienta que mejoró tanto la seguridad como la eficacia en la gestión de nuestra base de datos.

AXIOS resultó ser un método muy útil, ya que nos ofreció ventajas significativas en el manejo de datos: facilitó la recepción, el envío y la eliminación de información, y nos permitió trabajar con la devolución de promesas, entre otras capacidades. Gracias a las lecciones aprendidas en clase y al apoyo del profesor, pudimos implementar este método de manera exitosa en nuestras bases de datos.

Aunque hasta ahora hemos utilizado principalmente estos lenguajes y técnicas, eso no significa que estemos limitados. Podemos implementar nuevas funcionalidades en el futuro usando estos mismos lenguajes o técnicas adicionales, así como librerías derivadas que amplíen las capacidades de nuestra plataforma.

Presentación Equipo y Aprendizajes

Nuestro equipo de trabajo estuvo conformado por 6 integrantes los cuales son:

Oswaldo

Oswaldo Enrique Daza Marín

Desarrollador BackEnd-FrontEnd

Con este proyecto aparte de trabajar en equipo aprendí sobre todo lo que trae una pagina web y que esta no es solo algo superficial si no que es algo mas incontables cosas que se deben de tener en cuenta a la hora de crear una pagina para que esta aparte de segura funcione y todo esto fue posible gracias a la materia back-end que es el tema principal de este proyecto, por el cual yo y todos mis compañeros nos esmeramos tanto para que este salga a flote y sea algo innovador y unico

Miguel

Miguel Ángel Giraldo Castrillón

Documentador

Lo que aprendí durante todo el proyecto fue el uso de PHP y como se puede complementar con otros lenguajes como JS para poder implementar técnicas nuevas. Si hablamos de algunas problemáticas que tuvimos podemos decir que fue la cantidad de veces que tuvimos que crear y eliminar la base de datos por diversos problemas, además del problema que llegamos a tener a la hora de documentar  ya que algún que otro integrante tenía dificultades a la hora de poder realizar algún punto o simplemente se le daba tan mal que no podía hacerlo.

Ivan

Iván Jiroth Jojoa Romero

Tester

Con este proyecto me di cuenta que hacer una inteligencia artificial no es tan fácil como usarla y que al momento de tener errores solucionarlos era muy complicado a la vez que también pude generar más conocimientos sobre códigos de programación que se habían visto a lo largo de la carrera con la ayuda del gran docente sterling.

Mario

Mario Andrés Morales Arias

Base De Datos

Con este proyecto aprendí que una página web no solo es lo que se ve superficialmente si no también lo que hay mas atrás, el BackEnd es lo que le da corazón a toda una página todo lo que no vemos que pasa detrás de cada acción que se hace en la página y el como se necesita de un equipo para poder llevar a cabo una idea ya que solo una persona no se puede encarar de todo se necesita distribuir el trabajo para que un proyecto salga a flote.

Mateo

Mateo Giraldo Cardona

Diseñador

Lo que aprendí del proyecto principalmente fue el trabajo en equipo y el cómo repartir las tareas para que sea más eficiente. En cuanto la aplicación aprendí mucho más sobre bases de datos ya que en esta se necesitaba insertar muchos datos (1000 mínimo al principio) en pocas palabras todas las cosas que se enfocan en el Back-End.

Grajales

Miguel Grajales

N/A

Con este trabajo aprendí en unos nuevos códigos de programación el trabajo en equipo en cómo crear una IA y en cómo crear cada opción y funcionalidad de ella y como como poder repartir los trabajos para cada integrante

Visita nuestra IA – SynthIA

¡Te invitamos a descubrir un mundo musical completamente nuevo y emocionante con SynthIA! Nuestra IA está diseñada para ayudarte a encontrar artistas, canciones y álbumes que encajen perfectamente con tus gustos. Además, mientras disfrutas de tu música favorita, podrás explorar la historia y los detalles detrás de cada canción, haciendo que la experiencia sea aún más enriquecedora. ¡No te quedes solo con lo conocido, prueba SynthIA y expande tus horizontes musicales!

Con recomendaciones personalizadas y un vasto conocimiento musical, SynthIA te llevará por un viaje inolvidable en el que siempre querrás regresar. ¡Pruébala hoy! Puedes buscar canciones por nombre, letra o álbum, y disfrutar de una experiencia completamente interactiva. Nuestra IA no solo es un reproductor de música, es tu guía en un mundo musical lleno de sorpresas.

Nos encantaría conocer tu opinión, así que no dudes en compartir tus comentarios. Queremos hacer que tu aventura musical con SynthIA sea aún mejor. ¡La música está más cerca de lo que piensas, solo tienes que descubrirla con nosotros!

Recursos y Referencias

¿Qué es una IA?

1. Corporativa, I. (n.d.). ¿Somos conscientes de los retos y principales aplicaciones de la Inteligencia Artificial? Iberdrola. https://www.iberdrola.com/innovacion/que-es-inteligencia-artificial

Más sobre Seguridad Informática

Visita este link que nos ayudó a mejorar nuestros conocimientos sobre la seguridad informática y así poder encriptar las contraseñas que generan los usuarios en sus cuentas.
https://www.grupocibernos.com/blog/control-de-contrasenas-en-la-seguridad-informatica

Axios y como funciona

Empezando | Axios Docs. (n.d.). https://axios-http.com/es/docs/intro
Guaña, J. C. (2022, July 14). Cómo usar Axios con React: La guía definitiva (2021). freeCodeCamp.org. https://www.freecodecamp.org/espanol/news/como-usar-axios-con-react/

Puedes compartir en:

14 comentarios

  1. ¡Felicidades al equipo por este increíble logro! Su dedicación y creatividad han dado como resultado un proyecto excepcional.

  2. Espero con ansias que salga oficialmente, me encantaría poder usarla✨🫂, espero que lleguen muy lejos con este proyecto

    • Me parece un proyecto innovador, nos permite estar a la vanguardia en la ciencia y la tecnología, mil gracias por esa dedicación.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *