Files
boc/quixzoom-capture-pipeline/pilot/quixzoom-ai.html
T
Bernt bae705aa97 ARCHITECTURE: NFC roadmap, edge AI, audit logging
- Add NFC ePassport roadmap (ICAO 9303, eIDAS)
- Add TensorFlow.js edge face detection (BlazeFace)
- Add structured audit logger (GDPR-compliant)
- Risk scoring support

Part of KYC Apple Native UX v1.1.0
2026-06-29 16:24:48 +00:00

261 lines
9.2 KiB
HTML

<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QUIXZOOM — AI-Powered Field Intelligence</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
min-height: 100vh;
}
.container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
h1 { font-size: 3.5em; margin-bottom: 10px; }
.subtitle { font-size: 1.4em; opacity: 0.9; margin-bottom: 40px; }
.card {
background: rgba(255,255,255,0.1);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 30px;
margin: 20px 0;
border: 1px solid rgba(255,255,255,0.2);
}
h2 { font-size: 1.8em; margin-bottom: 20px; }
h3 { font-size: 1.3em; margin: 20px 0 10px; opacity: 0.9; }
.metric-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 30px 0;
}
.metric {
background: rgba(255,255,255,0.15);
padding: 20px;
border-radius: 12px;
text-align: center;
}
.metric-value { font-size: 2.5em; font-weight: bold; }
.metric-label { font-size: 0.9em; opacity: 0.8; margin-top: 5px; }
.phase {
display: flex;
align-items: center;
margin: 15px 0;
padding: 15px;
background: rgba(255,255,255,0.05);
border-radius: 10px;
}
.phase-number {
width: 40px;
height: 40px;
background: rgba(255,255,255,0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-right: 15px;
}
.phase-content { flex: 1; }
.phase-title { font-weight: 600; font-size: 1.1em; }
.phase-desc { font-size: 0.9em; opacity: 0.8; }
.btn {
display: inline-block;
background: #fff;
color: #667eea;
padding: 12px 30px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
margin: 10px 10px 10px 0;
transition: transform 0.2s;
}
.btn:hover { transform: translateY(-2px); }
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
th { opacity: 0.8; font-weight: 600; }
</style>
</head>
<body>
<div class="container">
<h1>QUIXZOOM</h1>
<p class="subtitle">AI-Powered Field Intelligence Network</p>
<div class="metric-grid">
<div class="metric">
<div class="metric-value">10K</div>
<div class="metric-label">Mål: Observationer</div>
</div>
<div class="metric">
<div class="metric-value">1K</div>
<div class="metric-label">Mål: Unika objekt</div>
</div>
<div class="metric">
<div class="metric-value">95%</div>
<div class="metric-label">Mål: Korrekt identifierade</div>
</div>
<div class="metric">
<div class="metric-value">90%</div>
<div class="metric-label">Mål: Auto-godkända</div>
</div>
</div>
<div class="card">
<h2>🚀 Tre-fas AI-strategi</h2>
<div class="phase">
<div class="phase-number">1</div>
<div class="phase-content">
<div class="phase-title">Cloud Vision Bootstrap</div>
<div class="phase-desc">Google Cloud Vision för snabb start — automatiskt föreslå annotationer, bygga gold dataset, validera UIOS-pipelinen</div>
</div>
</div>
<div class="phase">
<div class="phase-number">2</div>
<div class="phase-content">
<div class="phase-title">Eget Dataset</div>
<div class="phase-desc">27,000+ verifierade observationer från Bangkok, Torrevieja, Stockholm, Nacka, Tyresö, Haninge</div>
</div>
</div>
<div class="phase">
<div class="phase-number">3</div>
<div class="phase-content">
<div class="phase-title">Egen Modell (Ensemble)</div>
<div class="phase-desc">YOLOv11 + Grounding DINO + SAM2 + OCR + Object Identity — specialiserade modeller för olika delar av pipelinen</div>
</div>
</div>
</div>
<div class="card">
<h2>📊 Infrastructure Vocabulary</h2>
<p>50 objekt i 7 kategorier — alla modeller tränas mot samma vokabulär:</p>
<table>
<tr>
<th>Kategori</th>
<th>Antal</th>
<th>Exempel</th>
</tr>
<tr>
<td>Lighting</td>
<td>6</td>
<td>street_lamp, traffic_light</td>
</tr>
<tr>
<td>Road</td>
<td>10</td>
<td>pothole, manhole_cover, crosswalk</td>
</tr>
<tr>
<td>Utility</td>
<td>6</td>
<td>electrical_cabinet, fire_hydrant</td>
</tr>
<tr>
<td>Traffic</td>
<td>8</td>
<td>stop_sign, speed_sign, barrier</td>
</tr>
<tr>
<td>Vegetation</td>
<td>6</td>
<td>tree, bush, hedge</td>
</tr>
<tr>
<td>Furniture</td>
<td>7</td>
<td>bench, trash_can, bike_rack</td>
</tr>
<tr>
<td>Buildings</td>
<td>7</td>
<td>facade, window, roof</td>
</tr>
</table>
</div>
<div class="card">
<h2>🌍 Gold Routes</h2>
<p>Verifierad datainsamling från flera städer:</p>
<div class="metric-grid">
<div class="metric">
<div class="metric-value">🇹🇭</div>
<div class="metric-label">Bangkok<br>Sukhumvit Soi 1-20</div>
</div>
<div class="metric">
<div class="metric-value">🇪🇸</div>
<div class="metric-label">Torrevieja<br>Costa Blanca</div>
</div>
<div class="metric">
<div class="metric-value">🇸🇪</div>
<div class="metric-label">Stockholm<br>+ Nacka, Tyresö, Haninge</div>
</div>
</div>
</div>
<div class="card">
<h2>📈 Benchmark</h2>
<p>Jämför modeller på samma data:</p>
<table>
<tr>
<th>Modell</th>
<th>Kostnad/bild</th>
<th>Latens</th>
<th>Status</th>
</tr>
<tr>
<td>Cloud Vision</td>
<td>$0.0015</td>
<td>~250ms</td>
<td>🟡 Väntar på nyckel</td>
</tr>
<tr>
<td>YOLOv8</td>
<td>$0</td>
<td>~100ms</td>
<td>🔴 0 detektioner</td>
</tr>
<tr>
<td>Grounding DINO</td>
<td>$0</td>
<td>~500ms</td>
<td>🔴 CUDA-fel</td>
</tr>
<tr>
<td>Egen modell</td>
<td>$0</td>
<td>~50ms</td>
<td>🔴 Ej tränad</td>
</tr>
</table>
</div>
<div style="margin: 40px 0;">
<a href="https://landvex.com/pilot/EXECUTION-PLAN.md" class="btn">Execution Plan</a>
<a href="https://landvex.com/pilot/AI-ARCHITECTURE.md" class="btn">AI-arkitektur</a>
<a href="https://landvex.com/pilot/INFRASTRUCTURE-VOCABULARY.md" class="btn">Vokabulär</a>
</div>
<div style="margin-top: 60px; opacity: 0.7; font-size: 0.9em;">
<p>QUIXZOOM — Field Intelligence Network</p>
<p>En del av LandveX Infrastructure Intelligence</p>
<p>Senast uppdaterad: 2026-06-29</p>
</div>
</div>
</body>
</html>