Proyecto de prácticas

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Proyecto de prácticas"

Xavier Montes Rojo
hace 7 años
Vistas:

reutilizada de la manera que el usuario quiera para sus proyectos musicales o audiovisuales (música, cine,

1 Proyecto de prácticas Pedro J. Alés Pérez Antonio Cano González 1.Descripción del proyecto Objetivos Ofrecemos servicio de música libre de copyright a través de la web para ser reutilizada de la manera que el usuario quiera para sus proyectos musicales o audiovisuales (música, cine, videojuegos ). Se puede escuchar y descargar música de forma gratis. El usuario sube sus creaciones para que puedan ser oídas y descargadas y a su vez darse a conocer en la industria.

2 Contexto El mundo que rodea al cine y videojuego siempre necesita de música para acompañar las diferentes fases del producto, esta página facilita al creador de contenido obtener de manera gratuita toda esta música para los fines que desee. Si la página alcanza éxito sería una buena plataforma para ser una lanzadera de artistas, los artistas se podrían ayudar entre sí mediante comentarios y puntuaciones. Podría ser una página referente en cuanto a la creación de bandas sonoras en el mundo audiovisual. También se puede usar para simplemente escuchar música alternativa a toda la demás. Referentes Soundcloud.com Es una red social para músicos, en la cual se les proporcionan canales para la distribución de su música. Algo similar a Start My Song o a Songpull, con la diferencia de que aquí la idea es mostrar la música ya terminada, lista para ser escuchada. SoundCloud analiza la canción y su onda sonora, con el objetivo de que cualquiera que la esté escuchando pueda dejar su comentario en un momento determinado del audio. Una gran diferencia con nuestra página es que no posee solo música libre de copyright. Spotify.com Spotify ofrece la transferencia de archivos de audio por Internet a través de la combinación de servidor basado en la difusión en flujo y en la transferencia red de pares (P2P) en la que participan los usuarios. Una conexión a Internet de 256 kbit/s es suficiente, y la tasa de bits de las pistas es de 320 kbit/s. Los archivos de audio se pueden reproducir bajo demanda, como si estuvieran en el disco duro del usuario. Las canciones se guardan en la caché del software para evitar consumir más ancho de banda, al repetir las canciones una y otra vez. Utiliza el códec de audio Vorbis Ogg. A diferencia de spotify nuestra web ofrecerá servicios completamente gratuitos enfocados a artistas y productores.

3 2.Propuesta de trabajo: cómo se ha hecho? Relación de tareas, procedimientos o técnicas necesarios para llevarlo a cabo. Primero, hemos desarrollado nuestras ideas para poder llevarlas a cabo y no fueran desproporcionadas. Segundo, comenzamos con el esquema estructurando nuestros bloques de la página principal con sus menús correspondientes Tercero, hicimos los registros de usuario. Cuarto, desarrollamos la carga y descarga de música y su reproducción. Quinto, desarrollamos los métodos para subir las fotos de artistas y canciones y enlazarlo todo con carpetas y nuestra base de datos. Sexto, búsqueda de música libre para comenzar con una pequeña base de datos. 3. Recursos necesarios: quién o con qué vamos a realizar el proyecto? Relación de materiales y recursos (materiales y humanos) necesarios. Para el desarrollo de la web utilizaremos Atom, es un editor de texto y código, libre y de código abierto, desarrollado por GitHub. Existen versiones para todos los sistemas operativos, y tiene la posibilidad de añadir más funcionalidades instalando distintos plugins escritos en Node.js. La mayoría de los paquetes tienen licencias de software libre y son mantenidos y construido por la comunidad de desarrollo. Atom está basado en Chromium y escrito en CoffeeScript. Necesitamos un hosting (gratuito), proporcionado por un compañero de nuestra carrera tecnoactivity.es Dos personas con conocimientos básicos de html, php y css. Librerías css. Bootstrap, proporciona un conjunto de hojas de estilo que proveen definiciones básicas de estilo para todos los componentes de HTML. Esto otorga una uniformidad al navegador y al sistema de anchura, da una apariencia moderna para el formateo de los elementos de texto, tablas y formularios. Ordenadores con conexión a internet.

4 4. Diseño preliminar Diagrama de flujo de la aplicación. Mockups: Ahora os mostraremos una serie de mock-ups que ayudaran a comprender y facilitar nuestro proyecto de página web: Comenzaremos con la página principal: (Nota: solo los usuarios podrán subir y descargar archivos, para escucharlos no será necesario)

5 Header: se empleara como acceso directo a distintos enlaces: (página principal, categorías, artistas, subir canción, registro.) Contenido: Aparecerán las novedades de los estilos de música que han subido los usuarios los cuales si pinchan en el enlace podrán acceder al archivo y escucharlo. Footer: se podrá consultar información de nuestra página web así como enviar sugerencias. Registro:Quien quiera ser usuario de la página web deberá rellenar un pequeño formulario

6 Categorías: esta página mostrara todos los estilos de música que se pueden encontrar en freefm al pinchar sobre ellas accederás a los archivos guardados de cada género.

7 Estilos: Esta página mostrara todas las canciones del estilo que en categorías se había seleccionado. Si se pincha sobre ellas se podrá escuchar y descargar el archivo seleccionado. Música: En esta página será necesario ser usuario para poder descargar la canción o sonido seleccionado, aparecerá la imagen de la canción, el nombre de la canción y un enlace de descarga.

8 Buscar artista: buscador que listará los artistas para conocer los archivos que los usuarios han subido a la página al hacer click sobre ellos, nos enviará a artista(siguiente mock-up).

9 Artista: Mostrará la foto de perfil del usuario así como las canciones subidas por él, las cuales direccionarán a música para escucharlas/descargarlas.

10 Subir canción: A esta página solo podrán acceder los usuarios de freefm la cual permitirá subir una canción darle un nombre y una imagen.

5. Calendario de ejecución: cuándo van a ser realizadas las tareas? 6. Distribución del trabajo y responsabilidades de trabajo: Cómo se han distribuido el trabajo y módulos?

12 5. Calendario de ejecución: cuándo van a ser realizadas las tareas? 6. Distribución del trabajo y responsabilidades de trabajo: Cómo se han distribuido el trabajo y módulos? Distribución del trabajo: Pedro Alés encargado de: header y sus funciones, categorías, registros, login, almacenar archivos en base de datos. Antonio Cano encargado de: footer, artistas, subir música, descargar música, buscar archivos en base de datos. Diseño de la página realizado en común. Todas las páginas.php, módulos y funciones realizadas se han revisado, dado el visto bueno, apoyado y entendido por los dos componentes del grupo.

7. Documentación de Sprints de SCRUM Vemos en la gráfica que hemos llevado bien el trabajo llegando a su punto límite previsto con algún altibajo

Documentación para realizar todo el proyecto. 3.Creación diseño index.php puesta de acuerdo de la página principal. 4.

13 7. Documentación de Sprints de SCRUM Vemos en la gráfica que hemos llevado bien el trabajo llegando a su punto límite previsto con algún altibajo por el camino. Nuestro sprint de proyecto se subdivide en diferentes hitos. 1.Planificación del trabajo a realizar, diseños y métodos. 2.Documentación para realizar todo el proyecto. 3.Creación diseño index.php puesta de acuerdo de la página principal. 4.Creación estilos css, diseño del producto en general, estilos, colores 5.Bases de datos usuarios, creación de bases de datos. 6.Operabilidad usuarios y registro, conexiones con la base de datos.

14 7.Categorías página, creación de la página principal del menú categorías. 8.Introducción imágenes por formulario a carpeta. 9.Imágenes y bases de datos, obtener imágenes de carpeta a través de base de datos. 10.Visualización e implementación imágenes en paginas. 11.Optimización usuarios registrados, reviso sistema usuarios registrados. 12.Uploads usuarios, restricciones, no registrados no admite descarga. 13.Formularios de búsquedas de artistas. 14.Estilos visuales. 15.Testeo. 16.Rellenar con algo de contenido para hacerlo más visual. Página principal: 8. Descripción del software Aparecerá la música que los usuarios han ido subiendo. Por orden de subida. Las más recientes de varias categorías.

15 Login y registro: En la página de login accedemos a introducirnos en la sesión de nuestra página con nuestro nombre de usuario y contraseña. Si no tenemos podemos registrarnos fácilmente dando a registrar.

Categorías: Pinchando sobre ellas se accede

canciones que tiene la base de datos según

16 Categorías: Pinchando sobre ellas se accede a las canciones de los distintos estilos de música guardados en la base de datos. Estilo de música: Lista las distintas canciones que tiene la base de datos según la categoría seleccionada o volver a la página anterior.

17 Música sin registro: Si se está registrado no se puede descargar la música. Música con registro: Buscar artista: Buscador que localiza en la base de datos todos los artistas que tengan en su nombre lo escrito en el buscador

18 Lista de artistas: Lista el nombre y del artista y direcciona a los archivos subidos por el artista elegido en la lista. Artista: Muestra la foto de perfil y las canciones que el usuario ha subido a la página, direcciona a musica.php

Subir canción con registro: Formulario el cual se le dá un nombre, una

19 Subir canción sin registro: Si no se está registrado no se puede acceder a la página. No aparece en el header. Subir canción con registro: Formulario el cual se le dá un nombre, una imagen y un estilo. La imagen y canción se guarda en carpetas del host y los nombres en la base de datos.

Documentos relacionados

MANUAL DE USO DE LA PLATAFORMA E-FOREM

MANUAL DE USO DE LA PLATAFORMA E-FOREM Bienvenido y bienvenida a eforem, la plataforma de teleformación de FOREM Si es la primera vez que realizas un curso en e-forem, esta presentación te ayudará a conocer