diff --git a/docs/images/Building Block View.jpg b/docs/images/Building Block View.jpg new file mode 100644 index 0000000..d084643 Binary files /dev/null and b/docs/images/Building Block View.jpg differ diff --git a/docs/images/Diagrama de contexto de negocio.jpg b/docs/images/Diagrama de contexto de negocio.jpg new file mode 100644 index 0000000..b9f1a6f Binary files /dev/null and b/docs/images/Diagrama de contexto de negocio.jpg differ diff --git "a/docs/images/Diagrama de contexto t\303\251cnico.jpg" "b/docs/images/Diagrama de contexto t\303\251cnico.jpg" new file mode 100644 index 0000000..7094f7b Binary files /dev/null and "b/docs/images/Diagrama de contexto t\303\251cnico.jpg" differ diff --git a/docs/images/Whitebox Overall System.jpg b/docs/images/Whitebox Overall System.jpg new file mode 100644 index 0000000..613a5db Binary files /dev/null and b/docs/images/Whitebox Overall System.jpg differ diff --git a/docs/src/03_system_scope_and_context.adoc b/docs/src/03_system_scope_and_context.adoc index 19d74c5..dd3c3b8 100644 --- a/docs/src/03_system_scope_and_context.adoc +++ b/docs/src/03_system_scope_and_context.adoc @@ -4,6 +4,7 @@ ifndef::imagesdir[:imagesdir: ../images] == System Scope and Context 💭 === Contexto de negocio 💰 +image::Diagrama de contexto de negocio.jpg["Diagrama de contexto de negocio"] En esta tabla se muestra el contexto de negocio de la aplicación. Las entradas son los mensajes que van desde el agente externo hacia la aplicación, y las salidas son los mensajes que van desde la aplicación hacia al agente externo. [options="header",cols="1,2,3"] |=== @@ -14,4 +15,4 @@ En esta tabla se muestra el contexto de negocio de la aplicación. Las entradas === Contexto técnico 🔧 -image::diagrama_contexto_tecnico.drawio.png["Diagrama de contexto técnico"] +image::Diagrama de contexto técnico.jpg["Diagrama de contexto técnico"] diff --git a/docs/src/05_building_block_view.adoc b/docs/src/05_building_block_view.adoc index f45bc48..3c36219 100644 --- a/docs/src/05_building_block_view.adoc +++ b/docs/src/05_building_block_view.adoc @@ -3,18 +3,18 @@ ifndef::imagesdir[:imagesdir: ../images] [[section-building-block-view]] -== Building Block View EN desarollo 🗳️ -image::whiteBoxGeneral.png[] +=== Building Block View EN desarollo 🗳️ +image::Building Block View.jpg["Building Block View"] === Whitebox Overall System 📏 -image::whiteLevel1.png[] +image::Whitebox Overall System.jpg["Whitebox Overall System"] [role="arc42help"] Motivation:: -Este diagrama del sistema general muestra una descrpicion del sistema con los componentes basicos +Este diagrama del sistema general muestra una descripción del sistema con los componentes básicos. Contained Building Blocks:: @@ -31,133 +31,75 @@ API Preguntas Important Interfaces:: -[role="arc42help"] -**** -Insert your explanations of black boxes from level 1: +EN DESARROLLO. -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"] -|=== -| **Name** | **Responsibility** -| __ | __ -| __ | __ +==== +[options="header",cols="1,2"] |=== - - - -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. -**** - - -==== - -[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 - -**** - -__ -La Interfaz de Usuario (UI) - Black Box 1 es responsable de proporcionar una interfaz interactiva y amigable para los usuarios finales. Sirve como el punto principal de interacción entre la aplicación y los usuarios, y facilita la experiencia general del usuario. -__ -Interfaz de Entrada del Usuario: Acepta la entrada del usuario a través de varios controles, como botones, formularios y campos de entrada. +|Purpose/Responsibility +|La Interfaz de Usuario (UI) - Black Box 1 es responsable de proporcionar una interfaz interactiva y amigable para los usuarios finales. Sirve como el punto principal de interacción entre la aplicación y los usuarios, y facilita la experiencia general del usuario. +|Interface(s) +|Interfaz de Entrada del Usuario: Acepta la entrada del usuario a través de varios controles, como botones, formularios y campos de entrada. Interfaz de Visualización: Renderiza y muestra información al usuario, incluyendo datos, mensajes y elementos visuales. -__ -Capacidad de Respuesta: La UI debe responder de manera rápida a las interacciones del usuario para garantizar una experiencia fluida y eficiente. +|Quality/Performance Characteristics +|Capacidad de Respuesta: La UI debe responder de manera rápida a las interacciones del usuario para garantizar una experiencia fluida y eficiente. Accesibilidad: Adhiere a los estándares de accesibilidad para proporcionar una experiencia inclusiva para los usuarios. +|=== -==== +=== __ -Su función principal es permitir el acceso a los usuarios a la aplicacion , y guardar los resultados de estos. +Su función principal es permitir el acceso a los usuarios a la aplicación , y guardar los resultados de estos. __ +EN DESARROLLO. ==== __ -Su proposito es proporcionar preguntas de manera dinamica al usuario. +Su propósito es proporcionar preguntas de manera dinámica al usuario. __ -==== +==== __ -Se encargara de gestionar toda la programacion necesaria de cara a la logica +Se encargará de gestionar toda la programación necesaria de cara a la lógica. ==== __ -Dara almacenamiento al sistema de manera persistente y a los records de los usuarios. +Dará almacenamiento al sistema de manera persistente y a los récords de los usuarios. === 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_. -**** - __ -image::uiLevel2.png[] -==== White Box __ -image::loginLevel2.png[] +En desarollo. +==== White Box __ +En desarollo. -... ==== White Box __ - En desarollo ==== White Box __ -image::bdLevel2.png[] - - - -=== Level 3 +En desarollo -[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. -**** +=== Level 3 En desarrollo. ==== White Box <_building block x.1_> -[role="arc42help"] -**** -Specifies the internal structure of _building block x.1_. -**** __ diff --git a/docs/src/07_deployment_view.adoc b/docs/src/07_deployment_view.adoc index dc8d8b6..cb18cc8 100644 --- a/docs/src/07_deployment_view.adoc +++ b/docs/src/07_deployment_view.adoc @@ -10,23 +10,11 @@ ifndef::imagesdir[:imagesdir: ../images] EN DESARROLLO. -[role="arc42help"] -**** -Describe (usually in a combination of diagrams, tables, and text): - -* distribution of a system to multiple locations, environments, computers, processors, .., as well as physical connections between them -* important justifications or motivations for this deployment structure -* quality and/or performance features of this infrastructure -* mapping of software artifacts to elements of this infrastructure - -For multiple environments or alternative deployments please copy and adapt this section of arc42 for all relevant environments. -**** - _****_ 🎀 EN DESARROLLO. -Motivation:: 🤩 +Motivation 🤩:: 1. Disponibilidad: Se busca una aplicación que sea capaz de prestar servicio de manera continuada, con resistencia a fallos. 2. Eficiencia: Se busca una aplicación que ofreza un rendimiento óptimo para la generación de preguntas desde dispositivos con pocas capacidades. @@ -34,7 +22,7 @@ Motivation:: 🤩 -Quality and/or Performance Features:: 🎉 +Quality and/or Performance Features 🎉:: 1.Rendimiento: Se busca que la aplicación tenga un rendimiento óptimo en dispositivos móviles y tablets. 2.Adaptabilidad: La aplicación tiene que ser adaptable en diferentes dispositivos para así poder garantizar su uso. @@ -44,34 +32,16 @@ Quality and/or Performance Features:: 🎉 EN DESARROLLO. -Mapping of Building Blocks to Infrastructure:: 📜 +Mapping of Building Blocks to Infrastructure 📜:: EN DESARROLLO. -__ === Infrastructure Level 2 ☝️ -[role="arc42help"] -**** -Here you can include the internal structure of (some) infrastructure elements from level 1. - -Please copy the structure from level 1 for each selected element. -**** - EN DESARROLLO. ==== __ -__ - -==== __ - -__ - -... - -==== __ - -__ +EN DESARROLLO. diff --git a/docs/src/09_architecture_decisions.adoc b/docs/src/09_architecture_decisions.adoc index 1f8a89c..e7441bb 100644 --- a/docs/src/09_architecture_decisions.adoc +++ b/docs/src/09_architecture_decisions.adoc @@ -2,6 +2,6 @@ ifndef::imagesdir[:imagesdir: ../images] [[section-design-decisions]] == Decisiones de Arquitectura 🗣️ -Los enlaces proporcionan las decisiones de aquitectura via GitHub. +Los enlaces proporcionan las decisiones de arquitectura via GitHub. * https://github.com/Arquisoft/wiq_es04c/wiki/ADR-1-‐-Diseño-de-BD-para-Generación-de-Preguntas[ADR 01] ‐ Diseño de BD para Generación de Preguntas \ No newline at end of file diff --git a/webapp/src/App.js b/webapp/src/App.js index 2432b7e..76c708e 100644 --- a/webapp/src/App.js +++ b/webapp/src/App.js @@ -1,6 +1,6 @@ import React, { useState } from 'react'; -import AddUser from './components/AddUser'; -import Login from './components/Login'; +import AddUser from './components/adduser/AddUser'; +import Login from './components/login/Login'; import CssBaseline from '@mui/material/CssBaseline'; import Container from '@mui/material/Container'; import Typography from '@mui/material/Typography'; diff --git a/webapp/src/App.test.js b/webapp/src/App.test.js index 2a50f56..9193c9a 100644 --- a/webapp/src/App.test.js +++ b/webapp/src/App.test.js @@ -1,8 +1,10 @@ -import { render, screen } from '@testing-library/react'; +import React from 'react'; +import { render, screen, fireEvent } from '@testing-library/react'; import App from './App'; -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/WIQ_ES04C/i); - expect(linkElement).toBeInTheDocument(); +describe('App Component', () => { + test('renders App component', () => { + render(); + expect(screen.getByText(/Welcome to the 2024 edition of the Software Architecture course/i)).toBeInTheDocument(); + }); }); diff --git a/webapp/src/components/AddUser.js b/webapp/src/components/adduser/AddUser.js similarity index 100% rename from webapp/src/components/AddUser.js rename to webapp/src/components/adduser/AddUser.js diff --git a/webapp/src/components/AddUser.test.js b/webapp/src/components/adduser/AddUser.test.js similarity index 100% rename from webapp/src/components/AddUser.test.js rename to webapp/src/components/adduser/AddUser.test.js diff --git a/webapp/src/styles/Footer.css b/webapp/src/components/footer/Footer.css similarity index 100% rename from webapp/src/styles/Footer.css rename to webapp/src/components/footer/Footer.css diff --git a/webapp/src/components/Footer.js b/webapp/src/components/footer/Footer.js similarity index 83% rename from webapp/src/components/Footer.js rename to webapp/src/components/footer/Footer.js index 7143c16..0772600 100644 --- a/webapp/src/components/Footer.js +++ b/webapp/src/components/footer/Footer.js @@ -1,5 +1,5 @@ import React from 'react'; -import '../styles/Footer.css'; // Asegúrate de importar tu archivo de estilos si es necesario +import './Footer.css'; // Asegúrate de importar tu archivo de estilos si es necesario const Footer = () => (