Merge pull request #47 from Arquisoft/dev

Dev

docs/src/02_architecture_constraints.adoc

@@ -1,27 +1,43 @@
 ifndef::imagesdir[:imagesdir: ../images]
 
 [[section-architecture-constraints]]
-== Architecture Constraints
+== Restricciones de la arquitectura
 
 
 [role="arc42help"]
 ****
-.Contents
-Any requirement that constraints software architects in their freedom of design and implementation decisions or decision about the development process. These constraints sometimes go beyond individual systems and are valid for whole organizations and companies.
 
-.Motivation
-Architects should know exactly where they are free in their design decisions and where they must adhere to constraints.
-Constraints must always be dealt with; they may be negotiable, though.
+Las restricciones de la arquitectura de este proyecto son las siguientes:
 
-.Form
-Simple tables of constraints with explanations.
-If needed you can subdivide them into
-technical constraints, organizational and political constraints and
-conventions (e.g. programming or versioning guidelines, documentation or naming conventions)
+|===
+| Restricción | Explicación
 
+| Uso de Wikidata
+| Se debe usar obligatoriamente la API de Wikidata para obtener los datos necesarios
+para generar las preguntas y las respuestas dentro del juego.
 
-.Further Information
+| Despliegue
+| La aplicación deberá consistir en una aplicación web, no pudiendo ser una aplicación
+móvil o de escritorio.
 
-See https://docs.arc42.org/section-2/[Architecture Constraints] in the arc42 documentation.
+| Acceso a datos mediante APIs
+| El acceso a datos relacionados con los usuarios que participan y las respuestas
+a las preguntas deberá realizarse con una API.
+
+| Presupuesto reducido
+| El presupuesto para el proyecto es limitado, reduciéndose únicamente a lo que
+cada desarrollador esté dispuesto a desembolsar de su propio bolsillo.
+|===
+
+
+Consecuencias de las limitaciones:
+
+* La aplicación web deberá estar suficientemente optimizada para su uso en
+navegadores, atendiendo a aspectos relacionados con el rendimiento, la usabilidad
+y la disponibilidad.
+* El presupuesto reducido implicará un uso mayor de herramientas de código abierto,
+reduciendo drásticamente el uso de software bajo licencia.
+* El uso de Wikidata reducirá la carga de trabajo de la aplicación, al no tener
+que trabajar sobre una base de datos local.
 
 ****

docs/src/07_deployment_view.adoc

@@ -2,6 +2,7 @@ ifndef::imagesdir[:imagesdir: ../images]
 
 [[section-deployment-view]]
 
+(En desarrollo)
 
 == Deployment View
 

webapp/src/components/Game.js

@@ -10,6 +10,7 @@ import Link from '@mui/material/Link';
 const Game=() =>{
     const [questionBody, setquestionBody] =  useState('');//pregunta aleatoria cuerpo
     const [informacionWikidata, setInformacionWikidata] =  useState('');
+    const [respuestaCorrecta, setRespuestaCorrecta] =  useState('');
     const [questionType, setQuestionType] = useState('');;//para el tipo de pregunta a buscar
     const [answerType, setAnswerType] = useState('');;//para el tipo de respuesta a buscar
 
@@ -44,9 +45,10 @@ const Game=() =>{
         try {
           // Consulta SPARQL//obtengo  
           const sparqlQuery = `
-          SELECT ?country ?countryLabel
+          SELECT ?country ?countryLabel ?capital ?capitalLabel
           WHERE {
             ?country wdt:P31 wd:Q6256.  # P31 instancias de -> wd:Q6256 (país)
+            ?country wdt:P36 ?capital.  # P36 instancias de -> ?capital (capital)
             SERVICE wikibase:label {
               bd:serviceParam wikibase:language "[AUTO_LANGUAGE],es".
             }
@@ -75,6 +77,8 @@ const Game=() =>{
 
           setInformacionWikidata(result.countryLabel.value+`?`);
 
+          setRespuestaCorrecta(result.capitalLabel.value);
+
            } else {
             console.error("Error al realizar la consulta en Wikidata. Estado de respuesta:", respuestaWikidata.status);
           }
@@ -112,6 +116,9 @@ const Game=() =>{
             Generar pregunta
           </Button>
         </div>
+        <Button variant="contained" color="primary" size="large">
+          {respuestaCorrecta}
+        </Button>
       </div>
     );
   }