docs(report): add section 5.3 draft assets

This commit is contained in:
2026-04-13 19:30:00 +01:00
parent 41fd7bb085
commit bd61735579
12 changed files with 1652 additions and 0 deletions

View File

@@ -0,0 +1,53 @@
# 5.3.9 Web Application Implementation
## Web Application Architecture
```mermaid
flowchart LR
Routes[Svelte Route Pages]
Controller[controller.js]
Store[store.js]
API[api.js]
Socket[Socket.IO Client]
Backend[Backend APIs]
Routes --> Controller
Controller --> Store
Controller --> API
Controller --> Socket
API --> Backend
Socket --> Backend
subgraph RoutePages["Main route pages"]
Auth[Auth]
Onboarding[Onboarding]
Camera[Camera]
Client[Client]
Activity[Activity]
Settings[Settings]
end
Routes --> RoutePages
```
## UI Flow
```mermaid
flowchart TD
Start[Open WebApp]
Auth[Sign in / Sign up]
Onboarding[Register browser as device]
Role{Chosen role}
Camera[Camera dashboard]
Client[Client dashboard]
Activity[Activity page]
Settings[Settings page]
Start --> Auth --> Onboarding --> Role
Role -->|camera| Camera
Role -->|client| Client
Camera --> Activity
Camera --> Settings
Client --> Activity
Client --> Settings
```