Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:spacematrix [2025/04/15 19:16] – support
+++ handleiding_nieuw:spacematrix [2025/04/16 12:10] (current) – support
@@ Line 1: / Line 1: @@
 <html>
-<div style="padding: 2em; background-color: #ffffff; border: 2px solid #ddd; border-radius: 12px; font-family: sans-serif; max-width: 900px; margin: 0 auto;">
+<div style="padding: 2em; background-color: #ffffff; border: 2px solid #ddd; border-radius: 12px; font-family: sans-serif; max-width: 1000px; margin: 0 auto;">
-  <h1 style="font-size: 2.2em; color: #2a7ae2;">✨ Demo-project: Stadshof Zuid</h1>
+  <h1 style="font-size: 2.4em; color: #2a7ae2;">Stedelijke Dichtheid: van Beeld naar Berekening</h1>
-  <p style="font-size: 1.2em; color: #444;">Een fictieve casus als vliegende start voor jouw gebiedsontwikkeling</p>
+  <p style="font-size: 1.2em; color: #555; line-height: 1.6em;">Verken inspirerende voorbeelden van stadse dichtheden en gebruik onze rekenmodule om zelf te ontdekken wat past in jouw plan. Van Superblocks tot Spacematrix – dit is de plek waar inspiratie en analyse samenkomen.</p>
-  <hr style="margin: 1.5em 0; border: none; border-top: 1px solid #ddd;" />
+  <!-- Superblocks -->
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:superblocks_barcelona.jpg" alt="Superblocks Barcelona" style="width:100%; border-radius: 12px; margin: 1.5em 0;" />
+  <p style="font-size: 0.9em; color: #888; text-align: right;">Superblocks in Barcelona – slim omgaan met dichtheid en leefkwaliteit</p>
-  <h2 style="color: #2a7ae2;">🔧 1. Uitleg & dashboards</h2>
+  <h2 style="color: #2a7ae2; margin-top: 2em;">Stedelijke voorbeelden</h2>
-  <p>In dit project focussen we op een gemengd woongebied aan de stadsrand. De handleiding helpt je met uitleg over schermen, slimme dashboards en exportmogelijkheden.</p>
+  <p style="line-height: 1.6em;">We verzamelden een groeiende reeks stedelijke gebieden, geclassificeerd op FSI (Floor Space Index) en GSI (Ground Space Index). Klik op een zone of blader door de beeldenbank om inspiratie op te doen:</p>
-  <a href="/wiki/doku.php?id=handleiding_nieuw:startpagina" style="color: #2a7ae2;">📎 Bekijk de handleiding »</a>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">📊 2. Profiel: Stadshof Zuid – Gemengd Stedelijk Wonen</h2>
+  <ul style="line-height: 1.8em; font-size: 1.1em;">
-  <p>We kiezen hier een profiel met een hoge stedelijke dichtheid. Dit levert de volgende kostprijzen op:</p>
+    <li>🏙️ <a href="/wiki/doku.php?id=handleiding_nieuw:sub_kengetallenbeelden" style="color: #2a7ae2;">Beeldenbank met voorbeelden »</a></li>
-  <table style="border-collapse: collapse; width: 100%; margin: 1em 0;">
-    <thead>
-      <tr style="background-color: #eef6ff;">
-        <th style="border: 1px solid #ccc; padding: 8px;">Kostprijs</th>
-        <th style="border: 1px solid #ccc; padding: 8px;">Per m² BVO</th>
-        <th style="border: 1px solid #ccc; padding: 8px;">Per meter straat</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td style="border: 1px solid #ccc; padding: 8px; font-weight: bold;">€1.160,-</td>
-        <td style="border: 1px solid #ccc; padding: 8px;">€340,-</td>
-        <td style="border: 1px solid #ccc; padding: 8px;">€1.750,-</td>
-      </tr>
-    </tbody>
-  </table>
-  <p><strong>Kenmerken profiel:</strong></p>
-  <ul style="line-height: 1.6em;">
-    <li>Brede rijbaan met haakse parkeerplaatsen</li>
-    <li>Groene gevels en hittestressreductie</li>
-    <li>Wadi in de groenzone</li>
-    <li>Lantaarnpalen op zonne-energie</li>
   </ul>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:winkel_profiel3_foto.jpg" alt="Profielschets Stadshof Zuid" style="width:100%; border-radius: 8px; margin: 1em 0;" />
+  <h2 style="color: #2a7ae2; margin-top: 2em;">Eerste analyse: wat past waar?</h2>
+  <p>Met onze rekenmodule kun je op basis van FSI, GSI en openbare ruimte-invulling direct zien hoeveel programma past in jouw gebied. Een perfecte voorbereiding voordat je met Sumsonite rekent.</p>
-  <a href="/wiki/doku.php?id=handleiding_nieuw:kengetallenboek" style="color: #2a7ae2;">📎 Bekijk het profiel »</a>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">🌆 3. Inspiratie: vergelijkbare zones</h2>
-  <p>Stadshof Zuid lijkt qua dichtheid en opzet op de wijken:</p>
-  <ul>
-    <li><strong>Filmwijk (Almere)</strong> – FSI 1.2, GSI 0.5</li>
-    <li><strong>Bomenwijk (Delft)</strong> – FSI 0.9, GSI 0.4</li>
-  </ul>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:g1:shoreditch_straat2.jpg" alt="Voorbeeldproject Filmwijk" style="width:100%; border-radius: 8px; margin: 1em 0;" />
-  <a href="/wiki/doku.php?id=handleiding_nieuw:sub_kengetallenbeelden" style="color: #2a7ae2;">📎 Bekijk beelden en vergelijkbare projecten »</a>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">🧮 4. Rekenmodule: wat past er in Stadshof Zuid?</h2>
-  <p>We gebruiken de rekenmodule met invoer:</p>
-  <ul>
-    <li>FSI: <strong>1.2</strong></li>
-    <li>GSI: <strong>0.55</strong></li>
-    <li>Open ruimte: <strong>30%</strong></li>
-  </ul>
-  <p>→ Uitkomst: ca. <strong>20.000 m² BVO wonen</strong> op 1,7 ha, met 190 woningen in het middelhoog segment.</p>
-  <div style="position: relative; width: 100%; max-width: 800px; margin: 1em auto;">
-    <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:SPACEMATE1.png" alt="Spacematrix" style="width:100%; border-radius: 8px;" />
-    <!-- 🔴 Rode stip op positie FSI 1.2 / GSI 0.55 (benaderd) -->
-    <div style="position: absolute; top: 58%; left: 47%; width: 18px; height: 18px; background-color: red; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 6px rgba(0,0,0,0.3);"></div>
-  </div>
-  <a href="/wiki/doku.php?id=handleiding_nieuw:sub_spacematrix" style="color: #2a7ae2;">📎 Reken zelf mee »</a>
-  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 5. Verder rekenen in Sumsonite?</h2>
+  <a href="/wiki/doku.php?id=handleiding_nieuw:sub_spacematrix" style="display: inline-block; margin-top: 1em; background-color: #2a7ae2; color: #fff; text-decoration: none; padding: 12px 24px; font-size: 1.1em; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);">🚀 Start de Dichtheidsrekenmachine</a>
-  <p>Log in op Sumsonite om deze casus zelf door te rekenen of om jouw eigen project te starten.</p>
-  <a href="https://sumsonite.nl" style="background-color: #2a7ae2; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; display: inline-block; margin-top: 1em;">🔗 Ga naar Sumsonite (inloggen vereist)</a>
-  <div style="margin-top: 3em; padding: 1em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
+  <div style="margin-top: 3em; padding: 1.2em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
-    <p style="margin: 0; font-size: 1.1em; color: #222;"><strong>Pro-tip:</strong> bekijk eerst het profiel en probeer een aanpassing (bijv. meer vergroening) om te zien wat het effect is op de kostprijs. Daarna ben je klaar voor je eigen project!</p>
+    <p style="margin: 0; font-size: 1.1em; color: #222;">
+      <strong>Tip:</strong> Gebruik de beeldenbank om vergelijkbare projecten te vinden en de rekenmachine om te zien hoeveel m², woningen of voorzieningen er bij jouw dichtheid passen.
+    </p>
   </div>
 </div>
 </html>