Updates

index.html

@@ -507,22 +507,12 @@ <h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> T
 <div class="sect1">
 <h2 id="section-introduction-and-goals">1. Introduction and Goals</h2>
 <div class="sectionbody">
-<div class="paragraph">
-<p>&lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD</p>
-</div>
 <div class="sidebarblock arc42help">
 <div class="content">
 <div class="paragraph">
 <p>Describes the relevant requirements and the driving forces that software architects and development team must consider.
 These include</p>
 </div>
-<div class="exampleblock">
-<div class="content">
-<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:
-&gt;&gt;&gt;&gt;&gt;&gt;&gt; 3eb24632ad8f32234457b6498042b6f03b9cfc5e</p>
-</div>
 <div class="ulist">
 <ul>
 <li>
@@ -677,119 +667,131 @@ <h2 id="section-introduction-and-goals">1. Introduction and Goals</h2>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><a href="mailto:[email protected]">[email protected]</a></p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Ser feliz</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Ser feliz
+=======</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Role/Name</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Contact</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Expectations</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Estudiantes (HappySw)</em></strong></p></td>
+</tr>
+<tr>
+<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>
+</tr>
+<tr>
+<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>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Usuarios</em></strong></p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Cualquier persona que utilice la aplicación</p></td>
+</tr>
+<tr>
+<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>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Profesores</em></strong></p></td>
+</tr>
+<tr>
+<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>
+</tr>
+<tr>
+<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>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>RTVE</em></strong></p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">RTVE</p></td>
+</tr>
+<tr>
+<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.
+&gt;&gt;&gt;&gt;&gt;&gt;&gt; 3eb24632ad8f32234457b6498042b6f03b9cfc5e</p></td>
 </tr>
 </tbody>
 </table>
-</div>
-</div>
-<div class="paragraph">
-<p>|Role/Name|Contact|Expectations</p>
-</div>
-<div class="paragraph">
-<p>| <strong><em>Estudiantes (HappySw)</em></strong>
-| Martín Cancio Barrera, Iyán Fernández Riol, Rodrigo García Iglesias y Alfredo Jirout Cid
-| 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>
-</div>
-<div class="paragraph">
-<p>| <strong><em>Usuarios</em></strong>
-| Cualquier persona que utilice la aplicación
-| 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>
-</div>
-<div class="paragraph">
-<p>| <strong><em>Profesores</em></strong>
-| José Emilio Labra Gayo, Pablo González González, Jorge Álvarez Fidalgo y Cristian Augusto Alonso
-| Son los supervisores del proyecto, y ayudarán a los estudiantes para asegurarse de que el proyecto llegue a buen puerto.</p>
-</div>
-<div class="paragraph">
-<p>| <strong><em>RTVE</em></strong>
-| RTVE
-| Son los principales interesados en la aplicación, puesto que son los que la han encargado, para que sus espectadores puedan utilizarla.
-&gt;&gt;&gt;&gt;&gt;&gt;&gt; 3eb24632ad8f32234457b6498042b6f03b9cfc5e</p>
+<div style="page-break-after: always;"></div>
+<div id="section-architecture-constraints" class="paragraph">
+<p>== Architecture Constraints</p>
 </div>
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
-<col style="width: 100%;">
+<col style="width: 50%;">
+<col style="width: 50%;">
 </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>
+</tr>
+</thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">&lt;&lt;&lt;&lt;</p>
-<p class="tableblock"><a id="section-architecture-constraints"></a>
-== Architecture Constraints</p></td>
+<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>
+</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>
+</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>
+</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>
+</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>
+</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>
+</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>
+</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>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p>| <strong><em>Restricción de Arquitectura</em></strong> | <strong><em>Descripción</em></strong></p>
-</div>
-<div class="paragraph">
-<p>| <strong><em>Tecnología de Desarrollo</em></strong> | La aplicación debe desarrollarse utilizando tecnologías web compatibles con los requisitos y estándares de RTVE.</p>
+<div style="page-break-after: always;"></div>
+<div id="section-system-scope-and-context" class="paragraph">
+<p>== System Scope and Context</p>
 </div>
 <div class="paragraph">
-<p>| <strong><em>Plataforma de Implementación</em></strong> | 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>
+<p>=== Business Context</p>
 </div>
-<div class="paragraph">
-<p>| <strong><em>Cumplimiento de Normativas de Privacidad</em></strong> | La arquitectura debe garantizar el cumplimiento de las regulaciones de privacidad de datos, como GDPR, para proteger la información de los usuarios.</p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/businesscontext.png" alt="businesscontext" width="1017" height="578">
 </div>
-<div class="paragraph">
-<p>| <strong><em>Compatibilidad con Navegadores</em></strong> | La aplicación debe ser compatible con una amplia gama de navegadores web populares para garantizar una experiencia de usuario consistente.</p>
 </div>
 <div class="paragraph">
-<p>| <strong><em>Seguridad de la Información</em></strong> | 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>
+<p>=== Technical Context</p>
 </div>
-<div class="paragraph">
-<p>| <strong><em>Escalabilidad</em></strong> | La arquitectura debe ser escalable para manejar un aumento en el tráfico de usuarios sin comprometer el rendimiento.</p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/technicalcontext.png" alt="technicalcontext" width="1040" height="578">
 </div>
-<div class="paragraph">
-<p>| <strong><em>Mantenibilidad del Código</em></strong> | 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>
 </div>
-<div class="paragraph">
-<p>| <strong><em>Tiempo de Desarrollo</em></strong> | 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>
+<div style="page-break-after: always;"></div>
+<div id="section-solution-strategy" class="paragraph">
+<p>== Solution Strategy</p>
 </div>
-<table class="tableblock frame-all grid-all stretch">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">&lt;&lt;&lt;&lt;</p>
-<p class="tableblock"><a id="section-system-scope-and-context"></a>
-== System Scope and Context</p>
-<p class="tableblock">=== Business Context</p>
-<p class="tableblock">[plantuml, "businesscontext", png]
-----
-Actor user as "User"</p>
-<p class="tableblock">component wiq <a href="#system">[system]</a> as "WIQ!"
-component apiusers <a href="#extern">[extern]</a> as "API Users"
-component apiquestions <a href="#extern">[extern]</a> as "API Questions"
-component wikidata <a href="#extern">[extern]</a> as "Wikidata"
-component authentication <a href="#extern">[extern]</a> as "Authentication"</p>
-<p class="tableblock">user -down.&gt; wiq</p>
-<p class="tableblock">wiq -left.&gt; apiusers
-wiq -.&gt; apiquestions
-wiq -right.&gt; wikidata
-wiq -.&gt; authentication
-----</p>
-<p class="tableblock">=== Technical Context</p>
-<p class="tableblock">[plantuml, "technicalcontext", png]
-----
-Actor user as "User"
-Actor admin as "Admin"</p>
-<p class="tableblock">node cloud as "Cloud"{
-  component wiq as "WIQ! Webapp"
-}</p>
-<p class="tableblock">component wikidata as "Wikidata"</p>
-<p class="tableblock">user -down&#8594; cloud: HTTP/HTTPS
-admin -down&#8594; cloud: SSH
-wikidata -right- cloud: REST
-----</p>
-<p class="tableblock">&lt;&lt;&lt;&lt;</p>
-<p class="tableblock"><a id="section-solution-strategy"></a>
-== Solution Strategy</p>
-<p class="tableblock">[role="arc42help"]</p></td>
-</tr>
-</tbody>
-</table>
 </div>
 </div>
 <div class="paragraph">