@startuml

node "Client Browser" {
  [HTML/CSS/JS]
  [JQuery]
  [Chart.js]
}

node "Backend API" {
  [RESTful Services]
  [Image Processing]
  [Video Generation]
}

database "Filesystem Storage" {
  [Images]
  [Videos]
}

node "Camera Controller" {
  [Capture Configuration]
  [Sensors (temp/humid)]
}

[HTML/CSS/JS] -- [RESTful Services] : HTTP
[RESTful Services] -- [Filesystem Storage]
[RESTful Services] -- [Camera Controller]

@enduml