P5 JOCBaesm Plantilla IEE830

5/16/2018 P5 JOCBaesm Plantilla IEE830 - slidepdf.com

http://slidepdf.com/reader/full/p5-jocbaesm-plantilla-iee830 1/14

Especificación de requisitos desoftware

Proyecto: IMvadersRevisión 30.12

Abril 2012



Ficha del documento

Fecha Revisión Autor Verificado dep. calidad.

01/04/12 30.12

Belén IniestaCristian VázquezJosé Miguel MontalbánOscar Ramírez

Documento validado por las partes en fecha: 03/04/12

Por el cliente Por la empresa suministradora

Fdo. D./ Dña. José Pérez Fdo. D./Dña. Belén Iniesta



Proyecto IMvadersEspecificación de requisitos de software

Rev. 30.12Pág. 2

Contenido

FICHA DEL DOCUMENTO 1 CONTENIDO 2 1 INTRODUCCIÓN 4 1.1 Propósito 4 1.2 Alcance 4 1.3 Personal involucrado 4 1.4 Definiciones, acrónimos y abreviaturas 5 1.5 Referencias 5 1.6 Resumen 5 2 DESCRIPCIÓN GENERAL 5 2.1 Perspectiva del producto 5 2.2 Funcionalidad del producto 5 2.3 Características de los usuarios 6 2.4 Restricciones 6 2.5 Suposiciones y dependencias 6 2.6 Evolución previsible del sistema 6 3 REQUISITOS ESPECÍFICOS 6 3.1 Requisitos comunes de los interfaces 6

3.1.1 Interfaces de usuario 6 3.1.2 Interfaces de hardware 7 3.1.3 Interfaces de software 7 3.1.4 Interfaces de comunicación 7

3.2 Requisitos funcionales 7 3.2.1 Requisito funcional 1 7 3.2.2 Requisito funcional 2 7 3.2.3 Requisito funcional 3 8 3.2.4 Requisito funcional 4 8 3.2.5 Requisito funcional 5 8 3.2.6 Requisito funcional 6 9 3.2.7 Requisito funcional 7 9 3.2.8 Requisito funcional 8 9 3.2.9 Requisito funcional 9 10 3.2.10 Requisito funcional 10 10 3.2.11 Requisito funcional 11 11 3.2.12 Requisito funcional 12 12




Rev. 30.12Pág. 3

3.2.13 Requisito funcional 13 12 3.3 Requisitos no funcionales 12

3.3.1 Requisitos de rendimiento 12 3.3.2 Seguridad 12 3.3.3 Fiabilidad 12 3.3.4 Disponibilidad 13 3.3.5 Mantenibilidad 13 3.3.6 Portabilidad 13

3.4 Otros requisitos 13 4 APÉNDICES 13




Rev. 30.12Pág. 4

1 Introducción

1.1 Propósito

Se ha redactado este documento con el fin de determinar los aspectos generales yespecificaciones que seguirá la aplicación de desarrollo, con el objetivo de satisfacer losrequerimientos que demande el cliente.El presente va dirigido a desarrolladores destinados a la codificación de la aplicación,con el fin de lograr una estructura sólida en cuanto a la entrega de un dispositivo quesiga los aspectos señalados en este documento.

1.2 Alcance

El proyecto IMvaders propone la realización de un videojuego de corte simple,

un arcade , comúnmente conocido como space ship shooter game .

El videojuego, se va a ofrecer en forma de minijuego en una web implementada enHTML5, CSS y JavaScript. Para la difusión de la misma, se tendrán en cuenta las redessociales y el posicionamiento en Google.

1.3 Personal involucrado

Nombre Belén Iniesta

Rol Jefe de proyecto

Categoría profesional Ingeniería Multimedia

Responsabilidades Encargada de proyecto, tester, gestión.

Información de contacto 666232323

Aprobación Aceptado

Nombre Oscar Ramírez

Rol Programador

Categoría profesional Ingeniería de sistemas informáticos

Responsabilidades Generar de código y pruebas unitarias



Nombre Cristian Vázquez

Rol Diseñador gráfico

Categoría profesional Diseño gráfico

Responsabilidades Creación de elementos multimedia



Nombre José Miguel Montalbán

Rol Programador WEB

Categoría profesional Diseño web y posicionamiento SEO

Responsabilidades Crear el conjunto DOM del sitio web






Rev. 30.12Pág. 5

1.4 Definiciones, acrónimos y abreviaturas

Sprite: Imagen que representa a un objeto del videojuego.

HTML5: Lenguaje programación que admite la inserción directa de audio y video sinnecesidad de flash.

CSS3: es un lenguaje usado para definir la presentación de un documento estructuradoescrito en HTML. El W3C (World Wide Web Consortium) es el encargado de formular laespecificación de las hojas de estilo que servirán de estándar para los agentes deusuario o navegadores.

JavaScript: Utilizado para crear pequeños programas que luego son insertados en unapágina web y en programas más grandes, orientados a objetos mucho más complejos.

PHP: Es un lenguaje de programación interpretado (Lenguaje de alto rendimiento),

diseñado originalmente para la creación de páginas web dinámicas.

1.5 Referencias

Referencia Titulo Ruta Fecha Autor

Wiki SM Proyecto IMvaders http://goo.gl/NFJTe Nov-2012

Roberto Gómez DavóPedro López GiménezCristian Vázquez

Wiki SM Memoria IMvaders http://goo.gl/psHq2 DIC-2012

Roberto Gómez DavóPedro López GiménezCristian Vázquez

1.6 ResumenEn la siguiente documentación se explicará todo detalle acerca del producto y sobre eldesarrollo de éste necesario para su producción. Detallando a qué tipo de usuarios estápensando ser destinado, incluyendo las características propias de él. El siguientedocumento amplía toda información desde la descripción de éste hasta funcionalidades,requisitos lógicos (hardware, software).

El documento está organizado con la idea de especificar primero una descripcióngeneral del producto donde se engloba todo lo relacionado con él. El siguiente puntosería los requisitos, en este apartado se explica detalladamente e intentado ser lo máspreciosos posibles para un perfecto entendimiento. Por último, otros requisitos

necesarios e información extra.

2 Descripción general

2.1 Perspectiva del productoEl producto resultante de IMVADERS va a ser un independiente, es decir, el conjunto delas funcionalidades va a ser completamente portable a diferentes servidores ya que nopertenece a ningún sistema mayor.

2.2 Funcionalidad del productoLas funcionalidades resumidas del producto se dividen en dos grandes grupo. Por un

lado vamos a encontrar el videojuego en sí, de una sola pantalla donde se vaincrementando su dificultad a medida que la cantidad de puntuación.

http://goo.gl/NFJTe

http://goo.gl/NFJTe

http://goo.gl/psHq2

http://goo.gl/psHq2

http://goo.gl/psHq2

http://goo.gl/NFJTe




Rev. 30.12Pág. 6

Por otro lado, dicho juego exportado en JavaScript se insertará en una WEB. La Web seimplementará en HTML5 CSS3 y JavaScript, e implementará varias secciones,formularios y sistema de registro. Todo ello integrado con las redes sociales.

2.3 Características de los usuarios

Tipo de usuario Cualquier persona de cualquier sexo o edad.

Formación Cualquiera, el videojuego no requiere conocimientos deningún tipo.

Habilidades Aptitudes básicas en la navegación por Internet y lossuficientes reflejos para manejar la nave.

Actividades El proyecto va dirigido a personas que suelen utilizarvideojuegos en red o que utilizan su tiempo libre para elocio.

2.4 RestriccionesEl videojuego será implementado en JavaScript con el fin de poder ejecutarlo en losprincipales navegadores, y la base de datos con las puntuaciones de los usuarios seimplementará mediante PHP.

2.5 Suposiciones y dependencias- El videojuego ha de funcionar en los principales navegadores, tanto en sus versiones

actuales como en sus versiones futuras.- En caso de que se produjera una saturación de los servidores donde se aloja el

videojuego que provocara una disminución del rendimiento de éste (como porejemplo, mostrarse a menos de 30 frames por segundo) y disminuyendo por tanto laexperiencia del usuario, habría que considerar el hecho de aumentar la capacidadde dichos servidores o no permitir la entrada a más usuarios una vez llegado al

límite de jugadores online.

2.6 Evolución previsible del sistema- A medida que aparezcan nuevas redes sociales con el tiempo, ha de ser posible

incorporarlas al videojuego para que aparezcan al final de cada partida, permitiendoal jugador compartir su puntuación a través de éstas. A su vez, ha de permitirseeliminar aquellas que no deseemos que se muestren.

- Ha de permitir el cambio de interfaz por otro más amigable, así como los sprites de lanave, enemigos, etc.

3 Requisitos específicos

3.1 Requisitos comunes de los interfacesA continuación se van a detallar todos los requisitos comunes de los interfaces:

3.1.1 Interfaces de usuario

Los requisitos sobre la interfaz del producto según los usuarios deberían tenerunos colores oscuros, simulando el espacio, mezclado con tierras terrestres,simulando a los planetas, además de unos colores llamativos para las navesespaciales.

La pantalla es en vertical simulando el espacio, fondo negro y puntos blancos

(estrellas), esta pantalla siempre permanece en movimiento, es dinámica.




Rev. 30.12Pág. 7

El estilo de la pantalla del juego tiene que ser sencillo, no demasiados objetos:asteroides, planetas, naves espaciales y pequeñas estrellas en el background.

3.1.2 Interfaces de hardwarePara que el sistema funcione, y con ello que los usuario puedan disfrutar

finalmente del producto se necesitan una serie de dispositivos hardware. Estosson:Un ordenador, o cualquier dispositivo electrónico capaz de conectarse a internet ycon suficientes recursos para apoyarlo.Además necesitamos un router, un dispositivo que nos permita conectarnos ainternet, ya que el juego es online.

3.1.3 Interfaces de softwareLos dispositivos software necesarios para el funcionamiento del producto es unsistema operativo cualquiera, y que éste tenga acceso a internet, ya que el juegoes online. No se necesita ningún SO específico, ni ningún navegador específico,aunque los más recomendable es el Chrome y otros navegadores compatibles.

Además, no es necesario ningún programa instalado.

3.1.4 Interfaces de comunicaciónPara que la comunicación sea posible, se necesita una conexión a internet, yaque sin ésta, el usuario no podría utilizar el producto. Para ello, se necesita unosrecursos esenciales, haciendo que la red sea lo suficientemente buena parasoportar la carga que conlleva el uso del videojuego.

3.2 Requisitos funcionalesLos requisitos funcionales que se van a detallar se dividen en dos grandes partes:

Una de ellas referida al videojuego en sí, donde se recogerán detalles de

implementación en el software GameMaker HTML 5. Por otro lado, se detallarán lospuntos clave para a creación del conjunto de la web.

3.2.1 Requisito funcional 1Número de requisito 1

Nombre de requisito Juego – Formato y Tecnologías

Tipo Requisito Restricción

Fuente del requisito

Prioridad del requisito Alta/Esencial Media/Deseado Baja/ Opcional

El videojuego será implementado utilizando GameMaker HTML5, el cual generará

automáticamente el JavaScript listo para insertar en el sitio web.El tamaño y resolución del mismo será 600x800 pixeles.


Nombre de requisito Juego – Validez de entradas




Al cargar el videojuego, se debe comprobar si el dispositivo desde el que seaccede es el adecuado para que funcione correctamente. Los requisitos mínimos

para la correcta entrada de datos son: PC / MAC con un navegador y acceso a Internet.

Disponer de un ratón correctamente funcional y al menos botón izquierdo.




Rev. 30.12Pág. 8

Disponer de un teclado tipo alfanumérico común desde el cual se podráncontrolar funcionalidades que a continuación se detallan.

En caso de no disponer de alguno de estos, por ejemplo, dado el caso de intentaracceder desde un dispositivo con pantalla táctil, lanzar un mensaje de errorimpidiendo el uso de la aplicación.


Nombre de requisito Juego – Carga del videojuego y menú principal




Se tiene que implementar un barra que indique el estado en porcentaje (%) decaga del juego, pudiéndose añadir el logo en escala de grises e ir coloreando amedida que carga el juego. Tras la carga, aparecerá un menú principal conalgunas opciones:

Botón de comenzar juego: será muy llamativo, incorporando efectos

mouseover y sonido al clicar en él. La información que se debe mostrar en esta pantalla serán las

instrucciones del juego y los controles, control de sonido (espacio activa ydesactiva) y pausa (botón p) para pausa en la partida.


Nombre de requisito Juego – Tutorial inicial




Se debe detectar que dicho usuario es la primera vez que accede al juego, de serasí se le ayudará a conoces el funcionamiento básico de controles, saludo,mejoras, enemigos o cualquier otro elemento del juego. También se le debepermitir salir o rechazar dicho tutorial.

3.2.5 Requisito funcional 5

Número de requisito 5

Nombre de requisito Juego – Funcionamiento nave de usuario




Se desarrollarán dos sprites de la nave del jugador que se irán intercambiando demodo que simule la potencia de los reactores de propulsión.Por otro lado, el control del objeto jugador será implementado mediante el ratón,podrá moverse tanto en el eje X como en el eje Y, sin limitación en el espacio.El disparo se realizará con el botón izquierdo del ratón, e irá dirigido solo a lolargo del eje Y, por tanto X será constante y vendrá dado por la posición en X dela nave. Esto generará un objeto de tipo bala, que tendrá opciones de colisión.

Bocetos previos:




Rev. 30.12Pág. 9


Nombre de requisito Juego – Funcionamiento naves enemigas




Las naves enemigas serán similares al objeto nave usuario, pero seráncontrolada automáticamente. Todas de ellas aparecerán desde la parte superiorde la pantalla y desaparecerán por la parte baja. Aparecerán aleatoriamente yalgunas de ellas solo viajarán en línea recta a través del eje Y, otras contrayectoria parabólica. Dispararán objetos de tipo bala con una frecuencia quedependerá de los parámetros de dificultad.Si un enemigo colisiona con una bala del usuario desaparece al momento.

Bocetos previos:



Nombre de requisito Juego – Salud




La nave dispondrá de un contador de salud. Se mostrará en la esquina superiorderecha y tendrá forma de nave con aspecto de control de mando:

100% Barra completa, color azul.

75% Barra ¾, color amarillo.

50% Barra ½, color naranja.

25% Barra ¼, color rojo

Como se intuye, la nave del usuario podrá recibir hasta 4 toques antes de queacabe el juego. Una vez acabado, se debe dirigir al menú principal.



Nombre de requisito Juego – Puntuación y Ranking




Cada vez que el jugador abate a una nave enemiga se sumarán 10 puntos alScore, situado en la esquina superior derecha.

Al acabar el juego, dicha puntuación se reflejará en una base de datos quegenerará un ranking con las puntuaciones más altas.




Rev. 30.12Pág. 10


Nombre de requisito Juego – Dificultad del Videojuego




La dificultad del videojuego, es decir, la cantidad de enemigos, la velocidad, lainteligencia a la que saldrán irá aumentando.Pasados los 150 puntos, aparecerá una lluvia de asteroides, donde rocas iránpasando por toda la pantalla durante unos 10 segundos. Esto se repetirá despuéscada 500 puntos.Por otro lado, al llegar a los 400 puntos aparecerá de vez en cuando una naveenemiga más potente, la cual se deberá derrotar al hacer impactar en ella 3balas. Después, este tipo de nave aparecerá cada 150 puntos.



Nombre de requisito Web – Tecnologías utilizadas




Los requisitos que se detallan a continuación se implementarán utilizando:La web estará diseñada utilizando 3 tecnologías diferentes, cada una depende dela otra para que funcione como se espera:

HTML5: El contenido de la web se implementará en HTLM5 ya que es el lenguajeprogramación web más moderno, actualmente en crecimiento, aunque ya figura

como estándar de la web. Las novedades que presenta respecto a HTMLanteriores es una simplificación de sintaxis, nuevas etiquetas. Además, admite lainserción directa de audio y video sin necesidad de flash.

CSS3: es un lenguaje usado para definir la presentación de un documentoestructurado escrito en HTML. El W3C (World Wide Web Consortium) es elencargado de formular la especificación de las hojas de estilo que servirán deestándar para los agentes de usuario o navegadores. CSS3, que permite diseñarla interfaz de un contenido HTML5 mediante la creación de reglas que se aplicana las diferentes divisiones del contenido.

JavaScript: es un lenguaje con muchas posibilidades, utilizado para crearpequeños programas que luego son insertados en una página web y en

programas más grandes, orientados a objetos mucho más complejos. ConJavaScript podemos crear diferentes efectos e interactuar con nuestros usuarios,como por ejemplo, cambiar el valor del color de una celda al pasar el ratón porencima, entre otros muchos usos.

Por supuesto, se pretende que dicho DOM sea compatible con los navegadoresmás utilizados.




Rev. 30.12Pág. 11

El boceto y estructura de la web es el siguiente:


Nombre de requisito Web – HTML




La web se compondrá de las siguientes páginas:

Index: La página principal contendrá la información básica y el acceso atodas las demás secciones.

Minijuego: En esta sección se introducirá el videojuego en JS.

Ranking: Aquí se mostrarán las 10 puntuaciones más altas actualmente yuna cuenta atrás hasta el próximo domingo a las 23:59:59.

Concurso semanal: Se mostrará un resumen con el top 3 actualmente y lacuenta atrás, además de explicar el premio semanal.

Próximos concursos: Se detallarán próximos concursos.

Eventos especiales: Información y elementos multimedia de eventospasados y futuros.

Contacto: información de contacto y formulario de contacto.




Rev. 30.12Pág. 12

Además, se deberá implementar un sistema de usuario LOGIN visible entodas las páginas, donde un usuario registrado accede con su Nick ycontraseña.


Nombre de requisito Web – CSS




La maquetación de la web será parecida a este esquema anterior.Los colores utilizados serán básicamente el negro, el blanco y el negro. Latipografía debe ser moderna y acorde con el tema, teniendo en cuenta losprincipios de usabilidad y accesibilidad.



Nombre de requisito Web – JavaScript




El JavaScript en la web será el básico: modificar enlaces mouseover, manejarPHP para la base de datos y formularios y sincronización con redes sociales.

3.3 Requisitos no funcionales3.3.1 Requisitos de rendimiento- El tiempo de carga del no ha de superar los 15 segundos.- El videojuego ha de funcionar con un mínimo de 30 frames por segundo

durante toda su ejecución.

3.3.2 Seguridad- Cada usuario tendrá su propio Nick , el cual será único y servirá de

identificación para evitar que existan dos usuarios en la base de datos condistintas puntuaciones.

- Cada jugador podrá guardar únicamente su mayor puntuación en la base de

datos.- Los usuarios no registrados no podrán guardar su puntuación en la base de

datos.- En caso de desconexión del servidor por error, se guardará un backup

temporal de los usuarios que permitirá retomar la partida con el progreso queéste llevaba cuando se produjo la desconexión.

3.3.3 Fiabilidad- Con el fin de asegurar una buena experiencia al usuario, los servidores no

admitirán a más jugadores por encima de su capacidad.- Cada usuario podrá acceder a sus estadísticas, progresos, etc. así como

guardar puntuaciones únicamente tras ingresar su contraseña.- Cada usuario tendrá un máximo de tres intentos fallidos al ingresar sucontraseña. En caso de agotarse dichos intentos, no podrá volver a intentariniciar sesión tras pasados 10 minutos.




Rev. 30.12Pág. 13

3.3.4 Disponibilidad- Será posible el acceso al videojuego siempre y cuando los servidores no

estén saturados o el sistema se encuentre en mantenimiento.- El videojuego podrá ser jugado tanto por usuarios registrados como no

registrados.

- Cada usuario registrado podrá acceder a sus estadísticas, progreso, etc. aliniciar sesión.

3.3.5 MantenibilidadCada cierto tiempo, será posible actualizar la versión del videojuego, incluyendouna nueva interfaz, nuevos enemigos, armas, etc.Estas actualizaciones se realizarán por parte del equipo de desarrollo.Dichas actualizaciones se realizarán cada tres meses, salvo que se presentenbugs (errores) que requieran una temprana solución. Si se da el caso, seprocederá a actualizar el videojuego con una nueva versión que solvente dichosfallos.A su vez, se realizará una comprobación diaria por parte de los desarrolladores,

los cuales verificaran si todo funciona correctamente.

3.3.6 Portabilidad- El videojuego ha de poder ejecutarse en cualquier navegador sin distinción de

plataforma donde se ejecuta (PC, MAC, etc.) ni del sistema operativoincorporado.

- La base de datos se podrá migrar a otro motor de base de datos y mantenertodas las puntuaciones ya guardadas.

3.4 Otros requisitosOtro requisito independiente al resto es la creación y puesta a punto de las redessociales. Dichos perfiles deben contener la información básica en un principio y para

poder obtenerlos, el proyecto necesita un correo para el registro.

Es necesario:

Twitter: @IMvaders

Facebook: IMvaders

Google+: IMvaders

LinkedIN: Proyecto Imvaders

Por otro lado, se debe crear una Wiki donde aparecerá la información básica del manejode la web y el videojuego, y serán los usuarios quienes añadirán problemasencontrados, bugs, propuestas de mejora.

4 ApéndicesSobre GAME MAKER HTML5: Game Maker es un software de elaboración devideojuegos fácil de utilizar y con muchísimas posibilidades. Su uso es bastante simpleya que se programa arrastrando elementos y luego cambiando parámetros que estoscontienen. Además, Game Maker posee su propio lenguaje de programación bastante

simple y que amplía las posibilidades del programa aún más.

Documents

P5 JOCBaesm Plantilla IEE830