Skip to content

Commit 9b22bf0

Browse files
committed
Updates
1 parent 9bad201 commit 9b22bf0

File tree

4 files changed

+49
-83
lines changed

4 files changed

+49
-83
lines changed

Diff for: images/3-BusinessContext.drawio.svg

+4
Loading

Diff for: images/3-TechnicalContext.drawio.svg

+4
Loading

Diff for: images/Sequence diagram.png

-1 Bytes
Loading

Diff for: index.html

+41-83
Original file line numberDiff line numberDiff line change
@@ -458,14 +458,7 @@ <h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> T
458458
<li><a href="#_technical_context">3.2. Technical Context</a></li>
459459
</ul>
460460
</li>
461-
<li><a href="#section-solution-strategy">4. Solution Strategy</a>
462-
<ul class="sectlevel2">
463-
<li><a href="#_technology_decisions">4.1. Technology decisions</a></li>
464-
<li><a href="#_top_level_decomposition">4.2. Top-level Decomposition</a></li>
465-
<li><a href="#_decisions_for_achieving_quality_goals">4.3. Decisions for achieving quality goals</a></li>
466-
<li><a href="#_organizational_decisions">4.4. Organizational Decisions</a></li>
467-
</ul>
468-
</li>
461+
<li><a href="#section-solution-strategy">4. Solution Strategy</a></li>
469462
<li><a href="#section-building-block-view">5. Building Block View</a>
470463
<ul class="sectlevel2">
471464
<li><a href="#_whitebox_overall_system">5.1. Whitebox Overall System</a></li>
@@ -805,12 +798,40 @@ <h3 id="_business_context">3.1. Business Context</h3>
805798
</div>
806799
</div>
807800
</div>
808-
<div class="paragraph">
809-
<p><strong>&lt;Diagram or Table&gt;</strong></p>
801+
<div class="imageblock">
802+
<div class="content">
803+
<img src="./images/3-BusinessContext.drawio.svg" alt="Business context diagram">
804+
</div>
810805
</div>
811806
<div class="paragraph">
812-
<p><strong>&lt;optionally: Explanation of external domain interfaces&gt;</strong></p>
807+
<p><strong>Table for entities, inputs and outputs</strong></p>
813808
</div>
809+
<table class="tableblock frame-all grid-all stretch">
810+
<colgroup>
811+
<col style="width: 11.1111%;">
812+
<col style="width: 44.4444%;">
813+
<col style="width: 44.4445%;">
814+
</colgroup>
815+
<thead>
816+
<tr>
817+
<th class="tableblock halign-left valign-top">Entity</th>
818+
<th class="tableblock halign-left valign-top">Inputs</th>
819+
<th class="tableblock halign-left valign-top">Outputs</th>
820+
</tr>
821+
</thead>
822+
<tbody>
823+
<tr>
824+
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>WIQ</em></strong></p></td>
825+
<td class="tableblock halign-left valign-top"><p class="tableblock">Users interact with the web application through some graphical interface in order to play the game</p></td>
826+
<td class="tableblock halign-left valign-top"><p class="tableblock">The questions will be presented to the user with a serious of answers where only one is correct and, once all questions have been answered, the results will be displayed</p></td>
827+
</tr>
828+
<tr>
829+
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><em>Wikidata API</em></strong></p></td>
830+
<td class="tableblock halign-left valign-top"><p class="tableblock">Some part or topic related to the creation of a question</p></td>
831+
<td class="tableblock halign-left valign-top"><p class="tableblock">Some concepts that will facilitate the creation of the question such as wrong answers</p></td>
832+
</tr>
833+
</tbody>
834+
</table>
814835
</div>
815836
<div class="sect2">
816837
<h3 id="_technical_context">3.2. Technical Context</h3>
@@ -831,14 +852,18 @@ <h3 id="_technical_context">3.2. Technical Context</h3>
831852
</div>
832853
</div>
833854
</div>
834-
<div class="paragraph">
835-
<p><strong>&lt;Diagram or Table&gt;</strong></p>
855+
<div class="imageblock">
856+
<div class="content">
857+
<img src="./images/3-TechnicalContext.drawio.svg" alt="Business context diagram">
858+
</div>
836859
</div>
837860
<div class="paragraph">
838-
<p><strong>&lt;optionally: Explanation of technical interfaces&gt;</strong></p>
861+
<div class="title">User And Application interface<br></div>
862+
<p>The user will access the web application via the HTTPs protocol</p>
839863
</div>
840864
<div class="paragraph">
841-
<p><strong>&lt;Mapping Input/Output to Channels&gt;</strong></p>
865+
<div class="title">Application and Database interface<br></div>
866+
<p>The database will be accessed through HTTPs protocol too</p>
842867
</div>
843868
<div style="page-break-after: always;"></div>
844869
</div>
@@ -888,76 +913,9 @@ <h2 id="section-solution-strategy">4. Solution Strategy</h2>
888913
</div>
889914
</div>
890915
</div>
891-
<div class="sect2">
892-
<h3 id="_technology_decisions">4.1. Technology decisions</h3>
893-
<div class="dlist">
894-
<dl>
895-
<dt class="hdlist1">The technologies chosen for developing the WIQ web app are </dt>
896-
<dd>
897-
<div class="ulist">
898-
<ul>
899-
<li>
900-
<p><strong>ReactJS</strong> : A JavaScript library that facilitates the creation of interactive grafical interfaces.</p>
901-
</li>
902-
<li>
903-
<p><strong>Sass</strong> : A scripting language that is compiled into CSS. It extends CSS by providing several mechanisms such as variables, nested rules, mixins, functions, and inheritance.</p>
904-
</li>
905-
<li>
906-
<p><strong>TypeScript</strong> : A superset of JavaScript that adds various features that can resolve code errors before running the actual code.</p>
907-
</li>
908-
<li>
909-
<p><strong>SpringBoot</strong> : An extension of the Spring framework for creating Java applications. SpringBoot offers many preconfigurations that accelerate the code production process.</p>
910-
</li>
911-
<li>
912-
<p><strong>Wikidata access library</strong> :</p>
913-
</li>
914-
<li>
915-
<p><strong>Docker</strong> :</p>
916-
</li>
917-
<li>
918-
<p><strong>Oracle DBMS</strong> :</p>
919-
</li>
920-
<li>
921-
<p><strong>Mongo DB</strong> :</p>
922-
</li>
923-
</ul>
924-
</div>
925-
</dd>
926-
</dl>
927-
</div>
928-
</div>
929-
<div class="sect2">
930-
<h3 id="_top_level_decomposition">4.2. Top-level Decomposition</h3>
931-
<div class="paragraph">
932-
<p>To be updated along the development of the application where we will add the most important architectural and design patterns</p>
933-
</div>
934-
<div class="sect3">
935-
<h4 id="_architectural_patterns">4.2.1. Architectural Patterns</h4>
936-
937-
</div>
938-
<div class="sect3">
939-
<h4 id="_design_patterns">4.2.2. Design Patterns</h4>
940-
<div class="ulist">
941-
<ul>
942-
<li>
943-
<p><strong>Façade</strong> : Pattern used to communicate between different parts of the back-end of the web-application</p>
944-
</li>
945-
</ul>
946-
</div>
947-
</div>
948-
</div>
949-
<div class="sect2">
950-
<h3 id="_decisions_for_achieving_quality_goals">4.3. Decisions for achieving quality goals</h3>
951-
<div class="paragraph">
952-
<p>Will be updated whenever we find a new quality goal or we change the approach to achieve it</p>
953-
</div>
954-
</div>
955-
<div class="sect2">
956-
<h3 id="_organizational_decisions">4.4. Organizational Decisions</h3>
957916
<div style="page-break-after: always;"></div>
958917
</div>
959918
</div>
960-
</div>
961919
<div class="sect1">
962920
<h2 id="section-building-block-view">5. Building Block View</h2>
963921
<div class="sectionbody">
@@ -1877,7 +1835,7 @@ <h2 id="section-glossary">12. Glossary</h2>
18771835
<div id="footer">
18781836
<div id="footer-text">
18791837
Version 8.2 EN<br>
1880-
Last updated 2024-02-07 19:00:35 +0100
1838+
Last updated 2024-02-07 19:20:22 +0100
18811839
</div>
18821840
</div>
18831841
</body>

0 commit comments

Comments
 (0)