# Architekturübersicht

Die Applikation teilt sich in eine Datenerfassungs- und eine Visualisierungsschicht:

```mermaid
graph TD
    subgraph "Datenerfassung (Backend)"
        AD[PSI Active Directory] -->|Liest a-/p-Gruppen Infos| NodeRed[Logic App: Node-RED]
        Metabase[metabase.psi.ch] -->|Saugt a-/p-Gruppen Infos ab| NodeRed
        NodeRed -->|Schreibt| SharedData[shared_data/json_cache.json]
    end

    subgraph "Datenvisualisierung (Frontend)"
        SharedData -->|Liest| Streamlit[Analytics App: Streamlit]
        Streamlit -->|Zeigt Webseite| User([Benutzer])
    end

    subgraph "Netzwerk & Zugriff"
        User -->|HTTPS:443| Nginx[Zentraler NGINX Proxy]
        Nginx -->|Port 8501| Streamlit
        Nginx -->|Port 1880 /logic| NodeRed
    end
```