diff --git a/docs/images/05_DiagramaL1.png b/docs/images/05_DiagramaL1.png new file mode 100644 index 00000000..bc87dc2d Binary files /dev/null and b/docs/images/05_DiagramaL1.png differ diff --git a/docs/images/05_DiagramaL2.png b/docs/images/05_DiagramaL2.png new file mode 100644 index 00000000..d4b27767 Binary files /dev/null and b/docs/images/05_DiagramaL2.png differ diff --git a/docs/images/05_DiagramaL3.png b/docs/images/05_DiagramaL3.png new file mode 100644 index 00000000..687e9ccc Binary files /dev/null and b/docs/images/05_DiagramaL3.png differ diff --git a/docs/src/05_building_block_view.adoc b/docs/src/05_building_block_view.adoc index df5c29c8..212561f0 100644 --- a/docs/src/05_building_block_view.adoc +++ b/docs/src/05_building_block_view.adoc @@ -6,207 +6,66 @@ ifndef::imagesdir[:imagesdir: ../images] == Building Block View [role="arc42help"] -**** -.Content -The building block view shows the static decomposition of the system into building blocks (modules, components, subsystems, classes, interfaces, packages, libraries, frameworks, layers, partitions, tiers, functions, macros, operations, data structures, ...) as well as their dependencies (relationships, associations, ...) - -This view is mandatory for every architecture documentation. -In analogy to a house this is the _floor plan_. - -.Motivation -Maintain an overview of your source code by making its structure understandable through -abstraction. - -This allows you to communicate with your stakeholder on an abstract level without disclosing implementation details. - -.Form -The building block view is a hierarchical collection of black boxes and white boxes -(see figure below) and their descriptions. - -image::05_building_blocks-EN.png["Hierarchy of building blocks"] - -*Level 1* is the white box description of the overall system together with black -box descriptions of all contained building blocks. - -*Level 2* zooms into some building blocks of level 1. -Thus it contains the white box description of selected building blocks of level 1, together with black box descriptions of their internal building blocks. - -*Level 3* zooms into selected building blocks of level 2, and so on. - - -.Further Information - -See https://docs.arc42.org/section-5/[Building Block View] in the arc42 documentation. - -**** === Whitebox Overall System [role="arc42help"] -**** -Here you describe the decomposition of the overall system using the following white box template. It contains - - * an overview diagram - * a motivation for the decomposition - * black box descriptions of the contained building blocks. For these we offer you alternatives: - - ** use _one_ table for a short and pragmatic overview of all contained building blocks and their interfaces - ** use a list of black box descriptions of the building blocks according to the black box template (see below). - Depending on your choice of tool this list could be sub-chapters (in text files), sub-pages (in a Wiki) or nested elements (in a modeling tool). - - * (optional:) important interfaces, that are not explained in the black box templates of a building block, but are very important for understanding the white box. -Since there are so many ways to specify interfaces why do not provide a specific template for them. - In the worst case you have to specify and describe syntax, semantics, protocols, error handling, - restrictions, versions, qualities, necessary compatibilities and many things more. -In the best case you will get away with examples or simple signatures. +==== Overview Diagram +image:05_DiagramaL1.png[Diagrama nivel 1] -**** +==== Motivation -_****_ +Se trata de un diagrama explicativo de la aplicación y sus componentes más importantes, así como la interacción entre ellos. +El principal actor, el usuario, interactúa con la aplicación la cual consulta la base de datos de Wikidata para recuperar preguntas y sus correspondientes respuestas. +Además, se utiliza la base de datos del proyecto para almacenar los resultados del usuario participante y para posibles inicios de sesión del mismo. +Esto nos advierte de una división clara del proyecto en frontend, con la interfaz de usuario, y backend, para la lógica de negocio y consultas a recursos externos. -Motivation:: -__ - -Contained Building Blocks:: -__ - -Important Interfaces:: -__ - -[role="arc42help"] -**** -Insert your explanations of black boxes from level 1: - -If you use tabular form you will only describe your black boxes with name and -responsibility according to the following schema: - -[cols="1,2" options="header"] +==== Contained Building Blocks +[options="header",cols="1,2"] |=== -| **Name** | **Responsibility** -| __ | __ -| __ | __ +|Nombre|Descripción +| Usuario |Actor principal, interatúa con la aplicación y proporciona sus datos. +| Aplicación |Se trata de nuestra aplicación, explicada en detalle más adelante. +| Wikidata |Es una base de datos de conocimiento editada en colaboración. +|Base de datos | Almacena la información necesaria para el correcto funcionamiento de la aplicación. |=== - - - -If you use a list of black box descriptions then you fill in a separate black box template for every important building block . -Its headline is the name of the black box. -**** - - -==== +==== Important Interfaces +Las interfaces más importantes son las encargadas de la interacción con el usuario, aunque irán cambiando a medida que el proyecto se desarrolle. [role="arc42help"] -**** -Here you describe -according the the following black box template: - -* Purpose/Responsibility -* Interface(s), when they are not extracted as separate paragraphs. This interfaces may include qualities and performance characteristics. -* (Optional) Quality-/Performance characteristics of the black box, e.g.availability, run time behavior, .... -* (Optional) directory/file location -* (Optional) Fulfilled requirements (if you need traceability to requirements). -* (Optional) Open issues/problems/risks - -**** - -__ - -__ - -_<(Optional) Quality/Performance Characteristics>_ - -_<(Optional) Directory/File Location>_ - -_<(Optional) Fulfilled Requirements>_ - -_<(optional) Open Issues/Problems/Risks>_ - - - - -==== - -__ - -==== - -__ - - -==== - -... - -==== - === Level 2 -[role="arc42help"] -**** -Here you can specify the inner structure of (some) building blocks from level 1 as white boxes. - -You have to decide which building blocks of your system are important enough to justify such a detailed description. -Please prefer relevance over completeness. Specify important, surprising, risky, complex or volatile building blocks. -Leave out normal, simple, boring or standardized parts of your system -**** - -==== White Box __ - -[role="arc42help"] -**** -...describes the internal structure of _building block 1_. -**** - -__ - -==== White Box __ - - -__ +image:05_DiagramaL2.png[Diagrama nivel 1] -... +===== Building blocks -==== White Box __ - - -__ +[options="header",cols="1,2"] +|=== +|Nombre|Descripción +| Frontend |Interfaz de usuario. +| Backend |Lógica de negocio y manejo de datos. +|=== === Level 3 +image:05_DiagramaL3.png[Diagrama nivel 1] -[role="arc42help"] -**** -Here you can specify the inner structure of (some) building blocks from level 2 as white boxes. - -When you need more detailed levels of your architecture please copy this -part of arc42 for additional levels. -**** - - -==== White Box <_building block x.1_> - -[role="arc42help"] -**** -Specifies the internal structure of _building block x.1_. -**** - - -__ - - -==== White Box <_building block x.2_> - -__ - +==== Contained Building Blocks +|=== +|Nombre|Descripción +| Log in |Permite al usuario registrarte o iniciar sesión. +| Interfaz con preguntas y posibles respuestas. |Pantalla donde se mostrarán las preguntas y respuestas. +|Estadísticas|Pantalla con las estadísticas de los usuarios. | Comprobación del registro o inicio de sesión. +|Manejo de los datos de inicio de sesión y registro de usuario. | Generación preguntas y respuestas.| Lógica para la correcta generación de preguntas y respuestas. +|Comprobación de respuesta.| Lógica para la correcta comprobación de la respuesta seleccionada por el usuario. +|Generación de estadísticas.|Lógica para la correcta generación de estadísticas sobre los resultados de los usuarios. +|=== -==== White Box <_building block y.1_> -__