Merge pull request #271 from Arquisoft/dev

Ultimos cambios antes de entrega

docs/src/10_quality_requirements.adoc

@@ -1,7 +1,7 @@
 ifndef::imagesdir[:imagesdir: ../images]
 
 [[section-quality-scenarios]]
-== Requisitos de Calidad
+== Requisitos de calidad
 
 Los requisitos de calidad son la piedra angular del desarrollo de nuestro proyecto/aplicación. En ellos debemos basar nuestra implementación y es nuestra obligación a la hora de desarrollar un producto de calidad el haber garantizado el cumplimiento de la inmensa mayoría (por no decir, de todos). 
 
@@ -17,13 +17,13 @@ Los requisitos de calidad son la piedra angular del desarrollo de nuestro proyec
 |Accesibilidad|Aseguraremos una experiencia satisfactoria para todo tipo de usuario por lo que nuestra aplicación pondrá especial atención a la accesibilidad de la misma, previniendo las posibles dificultades que le podrían surgir a los distintos grupos de usuarios según sus capacidades físicas y/o cognitivas. |SC4|*
 |===
 
-=== Quality Tree
+=== Árbol de requisitos de calidad
 
 En este apartado podemos ver de manera más visual cuáles son los requisitos de calidad representados en forma de árbol con el conocido "quality tree" (tal y como se define en ATAM - Arquitecture Tradeoff Analysis Method) que cuenta con los requisitos en forma de hojas en su diagrama.
 
 image::10_qr_tree.jpg["Quality Tree"]
 
-=== Quality Scenarios
+=== Escenarios de calidad
 
 A la hora de describir los requisitos de calidad de la aplicación de generación de preguntas y respuestas que vamos a llevar a cabo es plausible que algunos de los mismos hayan sido explicados de manera excesivamente genérica. Es por esto que en este apartado vamos a mostrar algunos ejemplos más concretos para representar de una manera más comprensible lo que buscamos lograr con nuestra producto.
 

webapp/src/components/Game.js

@@ -108,10 +108,10 @@ const Game = ({ username, totalQuestions, timeLimit }) => {
             }
 
             // Después de 3 segundos, restablecer la selección y pasar a la siguiente pregunta
-            setTimeout(() => {
-                obtenerPreguntaAleatoria();
+            setTimeout(async() => {
+                await obtenerPreguntaAleatoria();
                 setSelectedOption(null);
-                addGeneratedQuestionBody();
+                await addGeneratedQuestionBody();
                 setNumberClics(numberClics + 1);
                 setSelectedAnswer('');
             }, delayBeforeNextQuestion);
@@ -127,7 +127,7 @@ const Game = ({ username, totalQuestions, timeLimit }) => {
                   time: timer,
                   money: (25 * correctQuestions),
                   correctQuestions: correctQuestions,
-                  failedQuestions: (10 - correctQuestions)
+                  failedQuestions: (totalQuestions - correctQuestions)
                 });
               } catch (error) {
                 setError(error.response.data.error);
@@ -147,8 +147,10 @@ const Game = ({ username, totalQuestions, timeLimit }) => {
         };
 
         if ((timer >= timeLimit || numberClics === totalQuestions - 1)&& !almacenado) {
-            addRecord();
-            updateRanking();
+            (async () => {
+                await addRecord();
+                await updateRanking();
+            })();
             setAlmacenado(true);
         }
     }, [timer, numberClics, totalQuestions, timeLimit, almacenado, apiEndpoint, correctQuestions, username]);

webapp/src/index.js

@@ -43,7 +43,7 @@ const RootComponent = () => {
     const intervalId = setInterval(() => {
       obtenerPreguntaspartida(numquest); // Pass current numquest value
       setNumquest(prevNumquest => prevNumquest + 1); // Increment numquest
-    }, 2000); // Execute every 2 seconds
+    }, 60000); // Execute every 60 seconds
 
     return () => {
       clearInterval(intervalId); // Cleanup function to stop interval when component unmounts