@startuml Architecture Globale

' Définition des composants
node "Interfaces utilisateur" {
   [Interface Web] as web
   [Application Android] as android
}

node "Backend" {
   [Serveur API] as api
   [Traitement d'images (ffmpeg)] as imgproc
   database "Base de données (PostgreSQL)" as db
}

node "Matériel" {
   [Caméra] as camera
}

' Définition des interactions
web --> api : Requêtes HTTP
android --> api : Requêtes HTTP

api <--> db : Stocke/Récupère les données
api --> imgproc : Traite les timelapses
api <--> camera : Contrôle/Reçoit les images

' Ajout de style
skinparam component {
   BackgroundColor<<Frontend>> LightBlue
   BorderColor<<Frontend>> DarkBlue
}

skinparam node {
   BackgroundColor LightGray
   BorderColor Gray
}

@enduml