Naxter UNIVERSITAT OBERTA DE CATALUNYA

(1)

Anexo 2. Capítulo 3:

Casos de uso

Naxter

Una plataforma de creación y consumo de contenido social

Autor:

Carlos Otero Franjo

Máster en Desarrollo de Sitios y Aplicaciones Web

Enero de 2023

Anexo del Capítulo 3 de Casos de uso del Trabajo de Fin de Máster presentado en el Máster

en Desarrollo de Sitios y Aplicaciones Web de la Universitat Oberta de Catalunya para la

(2)

Reservados todos los derechos. Está prohibido la reproducción total o parcial de esta obra

por cualquier medio o procedimiento, comprendidos la impresión, la reprografía, el microfilme,

el tratamiento informático o cualquier otro sistema, así como la distribución de ejemplares

mediante alquiler y préstamo, sin la autorización escrita del autor o de los límites que autorice

la Ley de Propiedad Intelectual.

(3)

Tabla 1: Caso de uso 01...2

Tabla 2: Caso de uso 02...2

Tabla 3: Caso de uso 03...3

Tabla 4: Caso de uso 04...5

Tabla 5: Caso de uso 05...6

Tabla 6: Caso de uso 06...6

Tabla 7: Caso de uso 07...8

Tabla 8: Caso de uso 08...9

Tabla 9: Caso de uso 09...11

Tabla 10: Caso de uso 10...12

Tabla 11: Caso de uso 11...13

Tabla 12: Caso de uso 12...14

Tabla 13: Caso de uso 13...15

Tabla 14: Caso de uso 14...15

Tabla 15: Caso de uso 15...17

Tabla 16: Caso de uso 16...17

Tabla 17: Caso de uso 17...18

Tabla 18: Caso de uso 18...19

Tabla 19: Caso de uso 19...20

(4)

Anexo 2

Casos de uso

Subsistema de seguridad

UC-01 Registrar cuenta Dependencias ▪ FRQ-02

Actores ▪ Genérico

Descripción El sistema deberá permitir introducir al actor Genérico el usuario, email, contraseña y nombre correspondiente para su correcto registro en la aplicación.

Precondición El actor Genérico ingresa en la plataforma Secuencia

normal

Paso Acción

1 El actor Genérico selecciona la opción de Registrar una cuenta que se presenta en el menú de navegación

Figura 1: Diagrama de casos de uso del subsistema de seguridad

(5)

2 El sistema muestra un formulario donde se permite introducir el usuario, email, contraseña y nombre

3 El actor Genérico introduce los datos

4 El sistema valida los datos y registra al actor Genérico correspondiente

Postcondición El sistema muestra el menú de inicio de sesión Secuencia

alternativa

4 Si a continuación del paso 3, el actor Genérico introduce un usuario que ya existe en el sistema se le mostrará un aviso

Importancia Vital

Tabla 1: Caso de uso 01

UC-02 Iniciar sesión Dependencias ▪ FRQ-01

▪ FRQ-03 Actores ▪ Genérico

Descripción El sistema deberá permitir introducir al actor Genérico el usuario y contraseña correspondiente para su correcto inicio de sesión en la aplicación.

Precondición El actor Genérico se registra en la plataforma Secuencia

normal

1 El actor Genérico selecciona la opción de Iniciar sesión que se presenta en el menú de navegación

2 El sistema muestra un formulario donde se permite introducir el usuario y contraseña

3 El actor Genérico introduce los datos

4 El sistema valida los datos e inicia la sesión al actor Genérico correspondiente

5 El sistema genera el token, lo envía al cliente y este lo almacena en el Locale Storage

Postcondición El sistema muestra el menú principal Secuencia

alternativa

4 Si a continuación del paso 3, el actor Genérico introduce un usuario que no existe en el sistema se le mostrará un aviso

Tabla 2: Caso de uso 02

(6)

UC-03 Cerrar sesión Dependencias ▪ FRQ-04

Descripción El sistema deberá permitir cerrar la sesión al actor Genérico.

Precondición El actor Genérico inicia sesión en la plataforma Secuencia

normal

1 El actor Genérico selecciona la opción de Cerrar sesión

2 El sistema cierra la sesión y redirige al actor a la página principal Postcondición El sistema muestra el menú principal

Tabla 3: Caso de uso 03

(7)

Subsistema de administración

UC-04 Gestionar usuarios Dependencias ▪ FRQ-05

▪ FRQ-06

▪ FRQ-07 Actores ▪ Administrador

Descripción El sistema deberá permitir ver, editar, bloquear y eliminar usuarios en la sección de administración de la plataforma.

Precondición El actor Administrador inicia sesión en la plataforma

Secuencia Paso Acción

Figura 2: Diagrama de casos de uso del subsistema de administración

(8)

normal 1 El actor Administrador selecciona la opción de Administración → Usuarios que se presenta en el menú de navegación

2 El sistema muestra una lista en forma de tabla donde se muestran los usuarios con sus datos y las opciones de bloquear, editar y eliminar 3 El actor Administrador selecciona la opción de bloquear un usuario 4 El sistema bloquea al usuario

5 El actor Administrador selecciona la opción de desbloquear un usuario

6 El sistema desbloquea al usuario

7 El actor Administrador selecciona la opción de eliminar un usuario 8 El sistema muestra un modal de confirmación

9 El actor Administrador selecciona la opción de confirmar la eliminación

10 El sistema elimina el usuario

11 El actor Administrador selecciona la opción de editar un usuario 12 El sistema muestra la ficha del usuario con los campos a editar de

usuario, rol, email y nombre y las opciones de volver, bloquear, guardar y eliminar

13 El usuario modifica los campos y selecciona la opción de guardar 14 El sistema actualiza los datos

15 El usuario selecciona la opción de bloquear 16 El sistema bloquea el usuario

17 El usuario selecciona la opción de eliminar 18 El sistema muestra un modal de confirmación

19 El actor Administrador selecciona la opción de confirmar la eliminación

20 El sistema elimina el usuario Postcondición El sistema muestra la lista de usuarios

Secuencia alternativa

14 Si a continuación del paso 13, el actor Administrador introduce un usuario que ya existe en el sistema se le mostrará un aviso

Tabla 4: Caso de uso 04

UC-05 Bloquear usuarios

(9)

Dependencias ▪ FRQ-06 Actores ▪ Moderador

Descripción El sistema deberá permitir bloquear usuarios en la sección de administración de la plataforma.

Precondición El actor Moderador inicia sesión en la plataforma Secuencia

normal

1 El actor Moderador selecciona la opción de Administración → Usuarios que se presenta en el menú de navegación

2 El sistema muestra una lista en forma de tabla donde se muestran los usuarios con sus datos y las opciones de bloquear, editar y eliminar 3 El actor Moderador selecciona la opción de bloquear un usuario 4 El sistema bloquea al usuario

5 El actor Moderador selecciona la opción de desbloquear un usuario 6 El sistema desbloquea al usuario

Postcondición El sistema muestra la lista de usuarios Importancia Vital

Tabla 5: Caso de uso 05

UC-06 Seleccionar idioma Dependencias ▪ FRQ-08

Descripción El sistema debería permitir seleccionar un idioma en la plataforma Precondición El actor Genérico ingresa en la plataforma

Secuencia normal

1 El actor Genérico selecciona la opción de Idioma que se presenta en el menú de navegación

2 El sistema muestra una lista de idiomas a seleccionar 3 El actor Genérico selecciona un idioma

4 El sistema actualiza los textos de la aplicación al idioma correspondiente

Postcondición El sistema muestra la lista de usuarios Importancia Importante

Tabla 6: Caso de uso 06

(10)

Subsistema de perfiles

UC-07 Gestionar perfiles Dependencias ▪ FRQ-09

▪ FRQ-10

▪ FRQ-11

▪ FRQ-12

▪ FRQ-13 Actores ▪ Genérico

Descripción El sistema deberá permitir ver, editar, eliminar, buscar, listar perfiles y controlar sus visitas.

Precondición El actor Genérico inicia sesión en la plataforma Secuencia

normal

1 El actor Genérico selecciona la opción de Perfiles que se presenta en el menú de navegación

2 El sistema muestra una lista de cards de perfiles de usuarios donde se muestra su nombre, usuario, descripción y la opción de ver detalle 3 El actor Genérico introduce un usuario en el campo de búsqueda 4 El sistema muestra los usuarios resultantes con ese identificador

Figura 3: Diagrama de casos de uso del subsistema de perfiles

(11)

5 El actor Genérico selecciona la opción de ver un perfil

6 El sistema muestra el perfil del usuario con los datos de usuario, nombre, email, fecha de nacimiento y descripción

7 El sistema aumenta en uno el número de visitas al perfil del usuario que podrá ver en el detalle de su cuenta de perfil

8 El actor Genérico selecciona la opción de volver

9 El actor Genérico selecciona la opción de Cuenta → Perfil que se presenta en el menú de navegación

10 El sistema muestra un formulario con los datos a editar del usuario, nombre, email, fecha de nacimiento y descripción

11 El usuario edita uno de los campos y selecciona la opción de guardar

12 El sistema actualiza el perfil de la cuenta del usuario 13 El usuario selecciona la opción de eliminar cuenta

14 El sistema muestra un modal de confirmación de eliminación de la cuenta

15 El usuario confirma la eliminación

16 El sistema elimina el usuario y se redirige a la página principal de la plataforma

Postcondición El sistema muestra la página principal de la plataforma Secuencia

alternativa

11 Si a continuación del paso 10, el actor Genérico introduce un usuario que ya existe en el sistema que no sea el suyo se le mostrará un aviso

Tabla 7: Caso de uso 07

UC-08 Efectuar suscripción y desuscripción Dependencias ▪ FRQ-14

Actores ▪ Consumidor

Descripción El sistema deberá permitir a un usuario consumidor suscribirse y desuscribirse a un usuario de rol productor

Precondición El actor Consumidor inicia sesión en la plataforma Secuencia

normal

1 El actor Consumidor selecciona la opción de Perfiles que se

(12)

presenta en el menú de navegación

2 El sistema muestra una lista de cards de perfiles de usuarios donde se muestra su nombre, usuario, descripción y las opciones de ver detalle y de suscribirse/desuscribirse

3 El actor Consumidor selecciona la opción de suscribirse/desuscribirse de un usuario

4 El sistema crea la suscripción correspondiente o la anula en caso de darse el caso

5 El actor Genérico selecciona la opción de ver detalle de un usuario productor

6 El sistema muestra el detalle del perfil con la opción de suscribirse/desuscribirse

7 El actor Consumidor selecciona la opción de suscribirse/desuscribirse

8 El sistema crea la suscripción correspondiente o la anula en caso de darse el caso

Postcondición El sistema muestra la lista de perfiles Importancia Vital

Tabla 8: Caso de uso 08

(13)

Subsistema de publicaciones

UC-09 Gestionar temas Dependencias ▪ FRQ-15

Actores ▪ Productor

Descripción El sistema deberá permitir a un usuario productor crear y editar sus propios temas

Precondición El actor Productor inicia sesión en la plataforma Secuencia

normal

1 El actor Productor selecciona la opción de Publicaciones que se presenta en el menú de navegación

2 El sistema muestra una opción de Gestionar temas

Figura 4: Diagrama de casos de uso del subsistema de publicaciones

(14)

3 El actor Productor selecciona la opción de Gestionar temas

4 El sistema muestra una lista de cards de los temas del actor con la opción de editar y la opción genérica de Crear tema

5 El actor Productor selecciona la opción de Crear tema

6 El sistema muestra un formulario con los campos de nombre y descripción

7 El actor Productor cubre los campos y selecciona la opción de Guardar

8 El sistema guarda el tema muestra la lista de temas 9 El actor Productor selecciona la opción de Editar un tema

10 El sistema muestra un formulario con los campos de nombre y descripción del tema

11 El actor Productor actualiza los campos y selecciona la opción de Guardar

12 El sistema actualiza el tema muestra la lista de temas Postcondición El sistema muestra la lista de temas

Tabla 9: Caso de uso 09

UC-10 Gestionar publicaciones Dependencias ▪ FRQ-16

▪ FRQ-17

▪ FRQ-18

▪ FRQ-19 Actores ▪ Productor

Descripción El sistema deberá permitir a un usuario productor crear, editar, eliminar buscar y listar las publicaciones

normal

2 El sistema muestra la lista de cards de las publicaciones con la opción de Editar en caso de ser creadas por el propio actor y la opción de genérica de Crear publicación

3 El actor Productor selecciona la opción de Crear publicación

(15)

4 El sistema muestra un formulario con los campos de nombre, tema, descripción y etiquetas

5 El actor Productor cubre los campos y selecciona la opción de Guardar

6 El sistema guarda la publicación y muestra la lista de publicaciones 7 El actor Productor selecciona la opción de Editar una publicación 8 El sistema muestra un formulario con los campos de nombre,

descripción, tema (deshabilitado) y etiquetas

9 El actor Productor actualiza los campos y selecciona la opción de Guardar

10 El sistema actualiza el tema muestra la lista de publicaciones 11 El actor Productor selecciona la opción de Eliminar una

publicación

12 El sistema muestra un modal de confirmación

13 El actor Productor confirma la eliminación de la publicación 14 El sistema muestra la lista de publicaciones

15 El actor Productor selecciona la opción de Ver una publicación que no es gestionada por él

16 El sistema muestra el detalle de la publicación 17 El actor Productor selecciona la opción de Volver

18 El sistema guarda la publicación y muestra la lista de publicaciones 19 El actor Productor cubre los campos de búsqueda de tema,

etiquetas y nombre

20 El sistema muestra la lista resultante de publicaciones

21 El actor Consumidor selecciona la opción de Naxter del menú de navegación

22 El sistema muestra en un slider el top 10 de publicaciones con mejores valoraciones y la lista de publicaciones con más valoración de los usuarios a los cuales está suscrito.

Postcondición El sistema muestra la lista de publicaciones Importancia Vital

Tabla 10: Caso de uso 10

UC-11 Gestionar etiquetas

Dependencias ▪ FRQ-20

(16)

Descripción El sistema deberá permitir a un usuario productor insertar y eliminar etiquetas para las publicaciones

normal

4 El sistema muestra un formulario con los campos de nombre, tema, descripción y etiquetas

5 El actor Productor edita algún campo e inserta y borra las etiquetas representativas de la publicación que va requiriendo y selecciona la opción de Guardar

6 El sistema guarda la publicación muestra la lista de publicaciones 7 El actor Productor selecciona la opción de Editar una publicación 8 El sistema muestra un formulario con los campos de nombre,

descripción, tema (deshabilitado) y etiquetas

9 El actor Productor edita algún campo e inserta y borra las etiquetas representativas de la publicación que va requiriendo y selecciona la opción de Guardar

10 El sistema actualiza la publicación y muestra la lista de publicaciones

Tabla 11: Caso de uso 11

UC-12 Gestionar contenido multimedia Dependencias ▪ FRQ-26

Descripción El sistema podría permitir a un usuario productor insertar fotos para las publicaciones

(17)

Secuencia normal

4 El sistema muestra un formulario con los campos de nombre, tema, descripción, etiquetas y foto

5 El actor Productor selecciona la opción de insertar una foto, la selecciona desde el explorador de archivos, la sube y selecciona la opción de Guardar

6 El sistema guarda la publicación muestra la lista de publicaciones Postcondición El sistema muestra la lista de publicaciones

Importancia Quedaría bien

Tabla 12: Caso de uso 12

UC-13 Efectuar valoraciones Dependencias ▪ FRQ-22

Actores ▪ Consumidor

Descripción El sistema deberá permitir a un usuario consumidor efectuar valoraciones para las publicaciones

normal

1 El actor Consumidor selecciona la opción de Publicaciones que se presenta en el menú de navegación

2 El sistema muestra la lista de cards de las publicaciones con la opción de Ver

3 El actor Consumidor selecciona la opción de Ver publicación

4 El sistema muestra el detalle de la publicación y la opción de insertar una valoración

5 El actor Consumidor insertar la valoración

6 El sistema guarda y actualiza la valoración para esa publicación 7 El actor Consumidor selecciona la opción de Volver

8 El sistema muestra la lista de publicaciones

(18)

Tabla 13: Caso de uso 13

UC-14 Insertar y gestionar comentarios Dependencias ▪ FRQ-23

▪ FRQ-24

▪ FRQ-25 Actores ▪ Consumidor

Descripción El sistema deberá permitir a un usuario consumidor insertar y gestionar comentarios en las publicaciones

normal

1 El actor Consumidor selecciona la opción de Publicaciones que se presenta en el menú de navegación

2 El sistema muestra la lista de cards de las publicaciones con la opción de Ver

3 El actor Consumidor selecciona la opción de Ver publicación

4 El sistema muestra el detalle de la publicación, la lista de comentarios, la opción de eliminar los comentarios del propio actor y la opción de insertar un comentario

5 El actor Consumidor inserta un comentario

6 El sistema guarda el comentario y lo añade a la lista

7 El actor Consumidor selecciona la opción de editar uno de sus comentarios

8 El actor Consumidor edita el comentario seleccionado 9 El sistema actualiza el comentario

10 El actor Consumidor selecciona la opción de eliminar uno de sus comentarios

11 El sistema lo elimina de la lista de comentarios 12 El actor Consumidor selecciona la opción de Volver 13 El sistema muestra la lista de publicaciones

Tabla 14: Caso de uso 14

(19)

Subsistema de mensajería

UC-15 Enviar mensaje Dependencias ▪ FRQ-27

Descripción El sistema debería permitir al actor consumidor enviar mensajes a otro usuario

Precondición El actor consumidor ingresa en la plataforma Secuencia

normal

1 El actor consumidor selecciona la opción de Perfiles que se presenta en el menú de navegación

2 El sistema muestra una lista de perfiles con la opción de Chat 3 El actor consumidor selecciona la opción de Chat

4 El sistema muestra el chat entre los dos usuarios

5 El actor introduce un mensaje en el campo de texto y selecciona la opción de enviar

6 El sistema muestra el chat actualizado con el mensaje enviado

Figura 5: Diagrama de casos de uso del subsistema de

mensajería

(20)

Postcondición El sistema muestra el chat entre los dos usuarios Importancia Importante

Tabla 15: Caso de uso 15

UC-16 Recibir mensaje Dependencias ▪ FRQ-28

Descripción El sistema debería permitir al actor consumidor recibir mensajes a otro usuario

Precondición El actor consumidor ingresa en la plataforma Secuencia

normal

1 El actor consumidor selecciona la opción de Perfiles que se presenta en el menú de navegación

2 El sistema muestra una lista de perfiles con la opción de Chat 3 El actor consumidor selecciona la opción de Chat

4 El sistema muestra el chat entre los dos usuarios

5 El sistema actualiza periódicamente cada 5 segundos el chat en caso de haber recibido algún mensaje

6 El actor consumidor introduce recibe el mensaje

7 El sistema muestra el chat actualizado con el mensaje enviado Postcondición El sistema muestra el chat entre los dos usuarios

Importancia Importante

Tabla 16: Caso de uso 16

(21)

Subsistema de merchandising

UC-17 Activar y desactivar merchandising Dependencias ▪ FRQ-30

Descripción El sistema podría permitir activar y desactivar la sección de merchandising de un usuario productor

Precondición El actor Productor ingresa en la plataforma Secuencia

normal

1 El actor Productor selecciona la opción de Cuenta → Perfil que se presenta en el menú de navegación

2 El sistema muestra el detalle de la cuenta de perfil

3 El actor Productor selecciona la activación de merchandising 4 El sistema activa la sección de merchandising del actor productor Postcondición El sistema muestra la cuenta de perfil del usuario

Tabla 17: Caso de uso 17

Figura 6: Diagrama de casos de uso del subsistema de

merchandising

(22)

UC-18 Gestionar productos Dependencias ▪ FRQ-31

▪ FRQ-32

▪ FRQ-33

Descripción El sistema podría permitir crear, ver, editar, eliminar, buscar y listar productos.

normal

1 El actor Productor selecciona la opción de Merchandising que se presenta en el menú de navegación

2 El sistema muestra una lista de cards de productos de usuarios donde se muestra su nombre, área, precio, stock y descripción y la opción de ver detalle, editar y eliminar

3 El actor Productor selecciona un área, introduce un producto y un usuario vendedor en los campos de búsqueda

4 El sistema muestra los productos resultantes con ese identificador 5 El actor Productor selecciona la opción de ver un producto

6 El sistema muestra el producto del usuario con los datos de nombre, área, precio, stock y descripción

7 El sistema en caso de ser un producto propio se permitirá la opción de editar el producto

8 El actor Productor selecciona la opción de editar, modifica uno de los campos y selecciona la opción de Guardar

9 El sistema actualiza los datos

10 El actor Productor selecciona la opción de eliminar producto

11 El sistema muestra un modal de confirmación de eliminación del producto

12 El usuario confirma la eliminación del producto 13 El sistema elimina el producto

Postcondición El sistema muestra la lista de productos de la plataforma Importancia Quedaría bien

Tabla 18: Caso de uso 18

(23)

UC-19 Gestionar carrito Dependencias ▪ FRQ-35

Descripción El sistema podría permitir añadir y quitar productos al carrito del usuario consumidor y visualizar los productos añadidos al carrito.

normal

1 El actor Consumidor selecciona la opción de Merchandising que se presenta en el menú de navegación

2 El sistema muestra una lista de cards de productos de usuarios donde se muestra su nombre, área, precio, stock y descripción y la opción de ver detalle, añadir al carrito o quitar del carrito

3 El actor Consumidor selecciona la opción de añadir al carrito uno de los productos

4 El sistema añade el producto al carrito

5 El actor Consumidor selecciona la opción ver Mi carrito

6 El sistema muestra la lista de los productos añadidos al carrito hasta el momento y su precio total

7 El actor Consumidor selecciona la opción de quitar del carrito de alguno de los productos

8 El sistema muestra un modal de confirmación 9 El actor Consumidor selecciona la opción de Quitar 10 El sistema quita el producto del carrito

11 El actor selecciona la opción de Volver

13 El sistema muestra la lista de productos de la aplicación Postcondición El sistema muestra la lista de productos de la plataforma