Update 03_system_scope_and_context.adoc

docs/src/03_system_scope_and_context.adoc

@@ -3,8 +3,6 @@ ifndef::imagesdir[:imagesdir: ../images]
 [[section-system-scope-and-context]]
 == System Scope and Context
 
-
-[role="arc42help"]
 ---
 
 === Contents
@@ -17,8 +15,6 @@ The main constraints are developing the game as a web app and using Wikidata to
 
 === Business Context
 
-[role="arc42help"]
-
 ==== Contents
 
 * *Users:* They interact directly with the application through the user interface provided by the frontend using React, HTML, CSS, and JavaScript.
@@ -46,25 +42,12 @@ Regarding the information exchanged with the application, it will require having
 
 ==== Context diagram
 
-[plantuml, "context", png]
-----
-component "App" as app
-:User: -> [app]: Answer question
-[app] -> User: Return result
-database DB
-[app] -> DB: Ask for question
-DB -> [app]: Return question
-component "WikiData" as wd
-[app] --> wd: Ask for keyword
-wd --> [app]: Return keyword
-----
+image::context.png["Context"]
 
 ---
 
 === Technical Context
 
-[role="arc42help"]
-
 ==== Contents
 
 * *HTTP Channel:* The application uses the HTTP protocol to communicate with the Wikidata API service.
@@ -74,15 +57,4 @@ wd --> [app]: Return keyword
 
 ==== Deployment diagram
 
-[plantuml, "deployment", png]
-----
-node "Aplication Server" as app
-node "DB Server" as db {
-artifact "MongoDB Server"
-}
-node Wikidata as w
-node Interface as i
-app - db
-app -- w
-app -- i
-----
+image::deployment.png["Deployment"]