Updates

index.html

@@ -561,8 +561,8 @@ <h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> T
 <h2 id="section-introduction-and-goals">1. Introduction and Goals</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>WIQ! es un proyecto desarrollado para la asignatura "Arquitectura de Software" del grado de Ingeniería Informática de la Escuela de Ingeniería Informática de la Universidad de Oviedo. Este proyecto toma como base el proyecto wiq, puesto a la disposición de los alumnos por los profesores de la asignatura.
-WIQ! ha sido encargado a la empresa HappySw por RTVE, con el objetivo de recrear su famoso concurso Saber y ganar en una versión web accesible para todo el mundo. Este proyecto será realizado por el equipo de desarrollo es1a formado por:</p>
+<p>WIQ! is a project developed for the subject "Software Architecture" of the Computer Engineering degree of the School of Computer Engineering of the University of Oviedo. This project is based on the wiq project, made available to the students by the teachers of the subject.
+WIQ! has been commissioned to the company HappySw by RTVE, with the aim of recreating its famous quiz show Saber y ganar in a web version accessible to everyone. This project will be carried out by the development team is formed by:</p>
 </div>
 <div class="ulist">
 <ul>
@@ -581,21 +581,21 @@ <h2 id="section-introduction-and-goals">1. Introduction and Goals</h2>
 </ul>
 </div>
 <div class="paragraph">
-<p>WIQ! es un software mediante el cual los usuarios pueden emular ser los participantes del concurso Saber y ganar, que cuenta con numerosas funcionalidades:</p>
+<p>WIQ! is a software by means of which users can emulate being the participants of the quiz show Saber y ganar, which has numerous functionalities:</p>
 </div>
 <div class="ulist">
 <ul>
 <li>
-<p>Jugar a varios de los modos de juego vistos en el programa</p>
+<p>Play several of the game modes seen on the show.</p>
 </li>
 <li>
-<p>Registrarse para poder llevar registro de sus estadísticas en el juego</p>
+<p>Register to be able to keep track of their statistics in the game</p>
 </li>
 <li>
-<p>Jugar con amigos</p>
+<p>Play with friends</p>
 </li>
 <li>
-<p>Ajustar las temáticas de las preguntas, el tiempo de respuesta, el número de preguntas&#8230;&#8203;
+<p>Adjust the themes of the questions, the answer time, the number of questions&#8230;&#8203;
 <strong>*</strong></p>
 </li>
 </ul>
@@ -605,25 +605,25 @@ <h3 id="_requirements_overview">1.1. Requirements Overview</h3>
 <div class="ulist">
 <ul>
 <li>
-<p>El sistema contará al menos con un frontend web que estará desplegado y el acceso será a través de la Web.</p>
+<p>The system will have at least one web frontend that will be deployed and accessed via the web.</p>
 </li>
 <li>
-<p>Los usuarios podrán registrarse en el sistema y consultar el histórico de su participación en el sistema: número de juegos, preguntas acertadas/falladas, tiempos, etc.</p>
+<p>Users will be able to register in the system and consult the history of their participation in the system: number of games, number of correct/failed questions, times, etc.</p>
 </li>
 <li>
-<p>Las preguntas serán generadas automáticamente a partir de los datos de Wikidata.</p>
+<p>Questions will be automatically generated from Wikidata data.</p>
 </li>
 <li>
-<p>Las preguntas deberán responderse en un plazo de tiempo determinado.</p>
+<p>Questions must be answered within a given time limit.</p>
 </li>
 <li>
-<p>Cada pregunta tendrá una respuesta correcta y varias respuestas incorrectas o distractoras. Tanto la respuesta correcta como las incorrectas se generarán automáticamente.</p>
+<p>Each question will have one correct answer and several incorrect or distracting answers. Both correct and incorrect answers will be generated automatically.</p>
 </li>
 <li>
-<p>El sistema permitirá acceder a la información de los usuarios a través de un API.</p>
+<p>The system shall allow access to user information through an API.</p>
 </li>
 <li>
-<p>El sistema permitirá acceder a la información de las preguntas generadas a través de un API.</p>
+<p>The system shall allow access to the information of the generated questions through an API.</p>
 </li>
 </ul>
 </div>
@@ -646,18 +646,18 @@ <h3 id="_quality_goals">1.2. Quality Goals</h3>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>1</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Usabilidad</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe ser intuitiva para los usuarios, facilitándoles la interacción con la misma independientemente de sus habilidades.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Usability</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application should be intuitive for users, making it easy for them to interact with the application regardless of their skills.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>2</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Mantenibilidad</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe contar con un diseño bien definido y estructurado, de tal forma que sea sencillo realizar modificaciones y/o ampliaciones.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Mantainability</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application must have a well-defined and structured design, so that it is easy to make modifications and/or extensions.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>3</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Privacidad</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe garantizar la privacidad de la información de sus usuarios, contando con mecanismos para evitar intrusiones en el sistema.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Privacy</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application must guarantee the privacy of its users' information, with mechanisms in place to prevent intrusions into the system.</p></td>
 </tr>
 </tbody>
 </table>
@@ -679,24 +679,24 @@ <h3 id="_stakeholders">1.3. Stakeholders</h3>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Estudiantes (HappySw)</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Martín Cancio Barrera, Iyán Fernández Riol, Rodrigo García Iglesias y Alfredo Jirout Cid</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Los estudiantes son los desarrolladores de la aplicación. Están a cargo del desarrollo completo, lo que mejorará sus habilidades tanto de programación como de trabajo en grupo.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Students (HappySw)</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Martín Cancio Barrera, Iyán Fernández Riol, Rodrigo García Iglesias and Alfredo Jirout Cid</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The students are the developers of the application. They are in charge of the complete development, which will improve their programming and teamwork skills.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Usuarios</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Cualquier persona que utilice la aplicación</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Los usuarios son los que en última instancia van a utilizar la aplicación, por lo que debe ser intuitiva y fácil de entender.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Users</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Anyone who uses the application</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Users are the ones who will ultimately use the application, so it must be intuitive and easy to understand.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Profesores</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">José Emilio Labra Gayo, Pablo González González, Jorge Álvarez Fidalgo y Cristian Augusto Alonso</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Son los supervisores del proyecto, y ayudarán a los estudiantes para asegurarse de que el proyecto llegue a buen puerto.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Teachers</em></strong></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">José Emilio Labra Gayo, Pablo González González, Jorge Álvarez Fidalgo and  Cristian Augusto Alonso.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">They are the supervisors of the project, and will help the students toensure that the project comes to fruition.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>RTVE</em></strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">RTVE</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Son los principales interesados en la aplicación, puesto que son los que la han encargado, para que sus espectadores puedan utilizarla.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">They are the main stakeholders in the application, as they are the ones who commissioned it, so that their viewers can use it.</p></td>
 </tr>
 </tbody>
 </table>
@@ -714,42 +714,42 @@ <h2 id="section-architecture-constraints">2. Architecture Constraints</h2>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong><em>Restricción de Arquitectura</em></strong></th>
-<th class="tableblock halign-left valign-top"><strong><em>Descripción</em></strong></th>
+<th class="tableblock halign-left valign-top"><strong><em>Architecture constraint</em></strong></th>
+<th class="tableblock halign-left valign-top"><strong><em>Description</em></strong></th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Tecnología de Desarrollo</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe desarrollarse utilizando tecnologías web compatibles con los requisitos y estándares de RTVE.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application must be developed using web technologies compatible with RTVE&#8217;s requirements and standards.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Plataforma de Implementación</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe ser implementada en una plataforma de alojamiento web que cumpla con los requisitos de rendimiento, seguridad y escalabilidad de RTVE.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application must be implemented on a web hosting platform that meets RTVE&#8217;s performance, security and scalability requirements.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Cumplimiento de Normativas de Privacidad</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La arquitectura debe garantizar el cumplimiento de las regulaciones de privacidad de datos, como GDPR, para proteger la información de los usuarios.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The architecture must ensure compliance with data privacy regulations, such as GDPR, to protect users' information.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Compatibilidad con Navegadores</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe ser compatible con una amplia gama de navegadores web populares para garantizar una experiencia de usuario consistente.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application should be compatible with a wide range of popular web browsers to ensure a consistent user experience.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Seguridad de la Información</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Se deben implementar medidas de seguridad sólidas, como autenticación de usuarios, control de acceso y encriptación de datos, para proteger la información confidencial de los usuarios.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Strong security measures, such as user authentication, access control and data encryption, must be implemented to protect users' confidential information.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Escalabilidad</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La arquitectura debe ser escalable para manejar un aumento en el tráfico de usuarios sin comprometer el rendimiento.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The architecture must be scalable to handle increased user traffic without compromising performance.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Mantenibilidad del Código</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Se deben seguir prácticas de desarrollo de software que promuevan un código limpio y bien documentado para facilitar futuras actualizaciones y mantenimiento.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Software development practices that promote clean and well-documented code should be followed to facilitate future upgrades and maintenance.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Tiempo de Desarrollo</em></strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicación debe desarrollarse dentro de un marco de tiempo específico, lo que puede influir en las decisiones arquitectónicas y en la selección de tecnologías.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">The application must be developed within a specific time frame, which may influence architectural decisions and technology selection.</p></td>
 </tr>
 </tbody>
 </table>
@@ -763,15 +763,15 @@ <h2 id="section-system-scope-and-context">3. System Scope and Context</h2>
 <h3 id="_business_context">3.1. Business Context</h3>
 <div class="imageblock">
 <div class="content">
-<img src="./images/businesscontext.png" alt="businesscontext" width="1006" height="578">
+<img src="./images/businesscontext.png" alt="Business context">
 </div>
 </div>
 </div>
 <div class="sect2">
 <h3 id="_technical_context">3.2. Technical Context</h3>
 <div class="imageblock">
 <div class="content">
-<img src="./images/technicalcontext.png" alt="technicalcontext" width="1028" height="578">
+<img src="./images/technicalcontext.png" alt="Technical Context">
 </div>
 </div>
 <div style="page-break-after: always;"></div>
@@ -1898,60 +1898,12 @@ <h2 id="_change_scenarios">2. Change Scenarios</h2>
 <p>|Term |Definition</p>
 </div>
 <div class="paragraph">
-<p>|Quality Tree
-| Structured representation of quality attributes and their relationships.</p>
+<p>|&lt;Term-1&gt;
+|&lt;definition-1&gt;</p>
 </div>
 <div class="paragraph">
-<p>|Quality Scenarios
-| Specific instances or situations that show the behavior of a system under various quality attributes.</p>
-</div>
-<div class="paragraph">
-<p>|Change Scenarios
-| Scenarios depicting how a system responds or adapts to changes, like fixes or addings.</p>
-</div>
-<div class="paragraph">
-<p>|Usage Scenarios
-| Instances demonstrating how users interact with a system in various contexts.</p>
-</div>
-<div class="paragraph">
-<p>|User Interface
-| The visual and interactive part of a computer program or system through which users interact.</p>
-</div>
-<div class="paragraph">
-<p>|Query
-| Request for information from a database.</p>
-</div>
-<div class="paragraph">
-<p>|Database
-| Organized collection of structured information.</p>
-</div>
-<div class="paragraph">
-<p>|Documentation
-| Written information regarding a system&#8217;s design, functionality, or usage.</p>
-</div>
-<div class="paragraph">
-<p>|NodeJS
-| Runtime environment that allows the execution of JavaScript code outside of a web browser.</p>
-</div>
-<div class="paragraph">
-<p>|ReactJS
-| JavaScript library for building user interfaces, particularly single-page applications.</p>
-</div>
-<div class="paragraph">
-<p>|JavaScript
-| High-level programming language primarily used for creating interactive web pages and applications.</p>
-</div>
-<div class="paragraph">
-<p>|MongoDB
-| Popular NoSQL database program, known for its flexibility and scalability.</p>
-</div>
-<div class="paragraph">
-<p>|CSS
-| Cascading Style Sheets, used for styling and formatting web pages written in HTML.</p>
-</div>
-<div class="paragraph">
-<p>|HTML
-| Hypertext Markup Language, the standard markup language for creating web pages and web applications.</p>
+<p>|&lt;Term-2&gt;
+|&lt;definition-2&gt;</p>
 </div>
 <table class="tableblock frame-all grid-all stretch">
 </table>
@@ -1961,7 +1913,7 @@ <h2 id="_change_scenarios">2. Change Scenarios</h2>
 <div id="footer">
 <div id="footer-text">
 Version 8.2 EN<br>
-Last updated 2024-02-10 15:07:19 +0100
+Last updated 2024-02-08 11:11:53 +0100
 </div>
 </div>
 </body>