Class model¶ System Context Diagram (C4-Model Level 1)¶ Info Plant UMLStructurizr «person»User German car driver«system»Tanker24 Web system for checkinggas prices in the users area.«external_system»Tankerkönig Free data provider for gasprice data based on theBundeskartelamt API.«external_system»OpenStreeMap Free map data provider forvisualisation.Request gas prices forarea.[Web Interface]Save filling history.[Web Interface]Request gas price Data[REST]Request map data[REST]«person»User German car driver«system»Tanker24 Web system for checkinggas prices in the users area.«external_system»Tankerkönig Free data provider for gasprice data based on theBundeskartelamt API.«external_system»OpenStreeMap Free map data provider forvisualisation.Request gas prices forarea.[Web Interface]Save filling history.[Web Interface]Request gas price Data[REST]Request map data[REST] Container Diagram (C4-Model Level 2)¶ Info Plant UMLStructurizr Tanker24[system]«webApp»«container»User Interface[Svelte]«db»«container»Data Store & Cache[PostgreSQL]«conApp»«container»Tanker24 Backend[Python 3]«customer»«external_person»German car drivers«conApp»«external_container»Tankerkönig«conApp»«external_container»OpenStreetMapRequest user data[REST]Reads user data[SOCKET]Read gas price cache[SOCKET]Request gas prices in area.[UI interaction]Store filling data[UI interaction]Get current gas prices[REST]Get map[REST]«system_boundary»«boundary»Tanker24[system]«webApp»«container»User Interface[Svelte]«db»«container»Data Store & Cache[PostgreSQL]«conApp»«container»Tanker24 Backend[Python 3]«customer»«external_person»German car drivers«conApp»«external_container»Tankerkönig«conApp»«external_container»OpenStreetMapRequest user data[REST]Reads user data[SOCKET]Read gas price cache[SOCKET]Request gas prices in area.[UI interaction]Store filling data[UI interaction]Get current gas prices[REST]Get map[REST]