CAPÍTULO 5. ANÁLISIS
5.2 REQUISITOS DEL SISTEMA
5.2.3 Especificación de Casos de Uso
5.2.3.1 Casos de uso referentes a la página web
48 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo
Nombre del Caso de Uso Login
Descripción
El usuario ha de introducir su nombre de usuario y la contraseña para acceder a la página web.
Nombre del Caso de Uso Logout
Descripción
Cuando se pulsa el enlace para cerrar sesión, el usuario sale de sesión, y se vuelve a la pantalla de Login.
Nombre del Caso de Uso Crear usuario
Descripción
Se mostrará una pantalla al usuario con 3 campos, uno para el nombre de usuario, otro para la contraseña y el último para repetir la contraseña. Si el usuario mete un nombre ya registrado, no podrá crear el usuario.
Figura 13 Diagrama casos de uso: Navegabilidad
Nombre del Caso de Uso Ir al Home de usuario Descripción
Al pulsar esta opción en el menú de navegación, se carga la página del Home personal del usuario que este en sesión.
Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo | Aarón Martínez Alvarez
49
Nombre del Caso de Uso
Ir al Editor de niveles: Demolición de estructuras Descripción
Al pulsar esta opción en el menú de navegación, se carga una página para seleccionar el tipo de nivel que se quiere editar. Al seleccionar la opción “Editor Demolición” se carga la página de la herramienta de edición para el juego de demolición de estructuras.
Nombre del Caso de Uso Ir al Editor de niveles: Arkanoid Descripción
Al pulsar esta opción en el menú de navegación, se carga una página para seleccionar el tipo de nivel que se quiere editar. Al seleccionar la opción “Editor Arkanoid” se carga la página de la herramienta de edición para el juego Arkanoid.
Nombre del Caso de Uso Ir a Comunidad
Descripción
Al pulsar esta opción en el menú de navegación, se carga la página de la Comunidad, página donde se listarán todos los niveles creados por los usuarios.
Nombre del Caso de Uso Ir a Acerca de…
Descripción
Al pulsar esta opción en el menú de navegación, se carga la página Acerca de…, página donde hay información sobre el sitio web y el autor.
Figura 14 Diagrama casos de uso: User Home
Nombre del Caso de Uso Jugar nivel
Descripción
Dentro del Home del usuario, cuando se pulsa el botón “Jugar” de un nivel de la lista, se carga la página con el nivel seleccionado para que el usuario pueda jugar dicho nivel.
50 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo
Nombre del Caso de Uso Editar nivel
Descripción
Dentro del Home del usuario, cuando se pulsa el botón “Editar” de un nivel de la lista, se carga la herramienta de edición con el nivel seleccionado para que el usuario pueda editarlo.
Figura 15 Diagrama casos de uso: Community
Nombre del Caso de Uso
Añadir nivel a la Playlist del usuario Descripción
Dentro de la página Comunidad, cuando se pulsa el botón “Añadir a Playlist” de uno de los niveles de la lista, este automáticamente se guarda en la Playlist del usuario.
5.2.3.2 Casos de uso referentes al juego Demolición
Figura 16 Diagrama casos de uso: Juego Demolition, In Game
Nombre del Caso de Uso Rotar cañón hacia arriba Descripción
El usuario mediante el teclado rotará el cañón, al pulsar la tecla asignada el cañón hará un pequeño giro hacia arriba, si se deja pulsada la tecla el cañón girara de continuo hasta llegar al máximo de grados que puede rotar hacia arriba.
Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo | Aarón Martínez Alvarez
51
Nombre del Caso de Uso Rotar cañón hacia abajo Descripción
El usuario mediante el teclado rotará el cañón, al pulsar la tecla asignada el cañón hará un pequeño giro hacia abajo, si se deja pulsada la tecla el cañón girara de continuo hasta llegar al máximo de grados que puede rotar hacia abajo.
Nombre del Caso de Uso Disparar
Descripción
El usuario mediante el teclado realizará un disparo, al pulsar la tecla asignada, el cañón dispara un proyectil contra la estructura para intentar derribarla.
Figura 17 Diagrama casos de uso: Juego Demolition, Opciones
Nombre del Caso de Uso Valorar nivel
Descripción
En todo momento durante el juego, en la parte derecha de la pantalla se ofrecerá un medidor de estrellas con el que el jugador puede valorar el nivel, puntuándolo entre 1 y 5. Cuando se pulsa en una de las estrellas, estas se colorean para mostrar el valor escogido por el jugador.
Nombre del Caso de Uso Volver a jugar Nivel Descripción
Al finalizar el juego, se mostrará un botón en la parte derecha de la pantalla, si se pulsa este botón el nivel se reinicia completamente y el jugador puede volver a jugar el nivel.
52 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo
Nombre del Caso de Uso Volver al Home del usuario Descripción
Al finalizar el juego, se mostrará un botón en la parte derecha de la pantalla, si se pulsa este botón el nivel se carga la página del Home de usuario y se actualizan las puntuaciones obtenidas tras jugar el nivel.
5.2.3.3 Casos de uso referentes al juego Arkanoid
Figura 18 Diagrama casos de uso: Juego Arkanoid, In Game
Nombre del Caso de Uso
Mover paleta del jugador hacia la izquierda Descripción
El usuario mediante el teclado moverá la paleta del jugador, al pulsar la tecla asignada la paleta hará un pequeño movimiento hacia la izquierda, si se deja pulsada la tecla la paleta se moverá de continuo hasta llegar al extremo izquierdo de la pantalla de juego.
Nombre del Caso de Uso
Mover paleta del jugador hacia la derecha Descripción
El usuario mediante el teclado moverá la paleta del jugador, al pulsar la tecla asignada la paleta hará un pequeño movimiento hacia la derecha, si se deja pulsada la tecla la paleta se moverá de continuo hasta llegar al extremo derecho de la pantalla de juego.
Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo | Aarón Martínez Alvarez
53
Figura 19 Diagrama casos de uso: Juego Arkanoid, Opciones
Nombre del Caso de Uso Valorar nivel
Descripción
En todo momento durante el juego, en la parte derecha de la pantalla se ofrecerá un medidor de estrellas con el que el jugador puede valorar el nivel, puntuándolo entre 1 y 5. Cuando se pulsa en una de las estrellas, estas se colorean para mostrar el valor escogido por el jugador.
Nombre del Caso de Uso Volver a jugar Nivel Descripción
Al finalizar el juego, se mostrará un botón en la parte derecha de la pantalla, si se pulsa este botón el nivel se reinicia completamente y el jugador puede volver a jugar el nivel.
Nombre del Caso de Uso Volver al Home del usuario Descripción
Al finalizar el juego, se mostrará un botón en la parte derecha de la pantalla, si se pulsa este botón el nivel se carga la página del Home de usuario y se actualizan las puntuaciones obtenidas tras jugar el nivel.
54 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo
5.2.3.4 Casos de uso referentes a la herramienta de edición de
niveles
5.2.3.4.1 Editor de niveles Demolición
Figura 20 Diagrama casos de uso: Editor de niveles, Demolition
Nombre del Caso de Uso
Arrastrar pieza de la paleta a la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las piezas de la paleta de elementos y arrastra dicha pieza a la cuadricula para colocarla en el nivel. La pieza siempre se ajusta a la cuadricula.
Nombre del Caso de Uso Mover pieza por la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las piezas que están en la cuadricula y arrastra dicha pieza por la cuadricula para cambiar la posición en la que se encontraba anteriormente. La pieza siempre se ajusta a la cuadricula.
Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo | Aarón Martínez Alvarez
55
Nombre del Caso de Uso
Mover pieza fuera de la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las piezas que están en la cuadricula y arrastra dicha pieza fuera de la cuadricula, en el momento en el que se suelta dicha pieza fuera de la cuadricula, esta vuelve automáticamente a la última posición tomada dentro de la cuadricula.
Nombre del Caso de Uso Eliminar pieza
Descripción
El usuario coloca el puntero del ratón encima de una de las piezas que están en la cuadricula y arrastra dicha pieza a la papelera, al soltar dicha pieza en la papelera esta es eliminada.
Nombre del Caso de Uso Escribir el nombre del nivel Descripción
El usuario escribe el nombre que quiere darle al nivel en un campo destinado a ello. Si el nombre está disponible, se marcará iluminando en verde el campo de texto, si no está disponible, se ilumina en rojo.
Nombre del Caso de Uso Escribir descripción del nivel Descripción
El usuario escribe la descripción que quiere darle al nivel en un campo destinado a ello.
Nombre del Caso de Uso Seleccionar posición del cañón Descripción
El usuario selecciona la posición del cañón mediante un selector numérico. Debido a que cada número equivale a una posición dentro de la cuadricula de edición.
Nombre del Caso de Uso
Seleccionar posición de la línea límite de altura Descripción
El usuario selecciona la posición de la línea límite de altura para superar el nivel mediante un selector numérico. Debido a que cada número equivale a una posición dentro de la cuadricula de edición.
56 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo
Nombre del Caso de Uso
Seleccionar el número de proyectiles Descripción
El usuario selecciona el número de proyectiles que puede disparar el cañón mediante un selector numérico. Ha de tener como mínimo 1.
Nombre del Caso de Uso Guardar nivel
Descripción
Se crea un fichero JSON con el contenido del nivel creado.
5.2.3.4.2 Editor de niveles Arkanoid
Figura 21 Diagrama casos de uso: Editor de niveles, Arkanoid
Nombre del Caso de Uso
Arrastrar pieza de la paleta a la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las piezas de la paleta de elementos y arrastra dicha pieza a la cuadricula para colocarla en el nivel. La pieza siempre se ajusta a la cuadricula.
Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo | Aarón Martínez Alvarez
57
Nombre del Caso de Uso Mover pieza por la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las que están en la cuadricula y arrastra dicha pieza por la cuadricula para cambiar la posición en la que se encontraba anteriormente. La pieza siempre se ajusta a la cuadricula.
Nombre del Caso de Uso
Mover pieza fuera de la cuadricula Descripción
El usuario coloca el puntero del ratón encima de una de las piezas que están en la cuadricula y arrastra dicha pieza fuera de la cuadricula, en el momento en el que se suelta dicha pieza fuera de la cuadricula, esta vuelve automáticamente a la última posición tomada dentro de la cuadricula.
Nombre del Caso de Uso Eliminar pieza
Descripción
El usuario coloca el puntero del ratón encima de una de las piezas que están en la cuadricula y arrastra dicha pieza a la papelera, al soltar dicha pieza en la papelera esta es eliminada.
Nombre del Caso de Uso Escribir el nombre del nivel Descripción
El usuario escribe el nombre que quiere darle al nivel en un campo destinado a ello. Si el nombre está disponible, se marcará iluminando en verde el campo de texto, si no está disponible, se ilumina en rojo.
Nombre del Caso de Uso Escribir descripción del nivel Descripción
El usuario escribe la descripción que quiere darle al nivel en un campo destinado a ello.
Nombre del Caso de Uso Guardar nivel
Descripción
58 Aarón Martínez Alvarez | Máster en Ingeniería Web - Escuela de Ingeniería Informática - Universidad de Oviedo