Differences

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

--- handleiding_nieuw:spacematrix:rekenblok_handleiding [2025/12/26 21:05] – support
+++ handleiding_nieuw:spacematrix:rekenblok_handleiding [2025/12/27 16:35] (current) – support
@@ Line 24: / Line 24: @@
 <h2>Wat kun je ermee?</h2>
 <ul>
-  <li>✔ <strong>Dichtheid positioneren</strong> – direct inzicht in FSI/GSI en de ligging in de Spacematrix.</li>
   <li>✔ <strong>Woningprogramma toetsen</strong> – verdeling over typen met m² BVO per woning en maximale aantallen.</li>
   <li>✔ <strong>Voorzieningen meenemen</strong> – normatieve m²-claim per woning op basis van bewoners en selectie.</li>
@@ Line 65: / Line 64: @@
 <h2>Overzicht van de interface</h2>
+<div style="float:right; width:36%; margin:0.2em 0 1em 1.5em;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:ui_overzicht.png"
+       alt="Overzicht van de Stedelijke Dichtheidsrekenmachine"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Overzicht: scenario’s + tabbladen.
+  </div>
+</div>
 <p>
 De tool bestaat uit vier tabbladen die samen één integrale berekening vormen.
 Bovenin beheer je scenario’s.
+Door het overzicht even te scannen, zie je direct waar je invoer doet
+en waar de belangrijkste uitkomsten terugkomen.
 </p>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:ui_overzicht.png"
-       alt="Overzicht van de Stedelijke Dichtheidsrekenmachine"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <h2>Werken met scenario’s</h2>
+<div style="float:left; width:36%; margin:0.2em 1.5em 1em 0;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:scenario_selectie.png"
+       alt="Scenario’s opslaan en openen"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Tip: maak varianten met duidelijke namen.
+  </div>
+</div>
 <p>
 Scenario’s gebruik je om verschillende varianten van dezelfde locatie te verkennen.
@@ Line 102: / Line 119: @@
 </p>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:scenario_selectie.png"
-       alt="Scenario’s opslaan en openen"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <hr />
 <h2>Tabblad 1 – Spacematrix Rekenblok</h2>
+<div style="float:right; width:36%; margin:0.2em 0 1em 1.5em;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:rekenblok_basis.png"
+       alt="Basisinvoer in het rekenblok"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Basis: oppervlak + FSI + GSI.
+  </div>
+</div>
 <p>
@@ Line 128: / Line 150: @@
 </ul>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:rekenblok_basis.png"
-       alt="Basisinvoer in het rekenblok"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <h3>Spacematrix-visualisatie</h3>
+<div style="float:left; width:36%; margin:0.2em 1.5em 1em 0;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:spacematrix_visualisatie.png"
+       alt="Positie in de Spacematrix"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    De rode stip is jouw FSI/GSI-combinatie.
+  </div>
+</div>
 <p>
 De rode stip toont jouw combinatie van FSI en GSI in de Spacematrix.
 Dit helpt om varianten te duiden en te vergelijken.
+Het is vooral handig om snel te herkennen of je “stapelt” (FSI omhoog),
+“spreidt” (GSI omhoog), of juist ruimte overhoudt voor onbebouwd gebied.
 </p>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:spacematrix_visualisatie.png"
-       alt="Positie in de Spacematrix"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <h3>Woningprogramma</h3>
+<div style="float:right; width:36%; margin:0.2em 0 1em 1.5em;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:woningprogramma.png"
+       alt="Woningprogramma invoer en resultaten"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Verdeling in % + m² BVO per woningtype.
+  </div>
+</div>
 <p>
 Per woningtype geef je het aandeel (%) en het gemiddelde m² BVO per woning op.
 De tool verdeelt de woningen over de typen en toont aantallen en totalen.
 </p>
-<div style="margin: 1em 0;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:woningprogramma.png"
-       alt="Woningprogramma invoer en resultaten"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <p>
@@ Line 165: / Line 195: @@
 maar zorg bij een definitieve variant dat de verdeling wel 100% is.
 </p>
+<div style="clear:both;"></div>
 <hr />
 <h2>Tabblad 2 – Voorzieningen</h2>
+<div style="float:left; width:36%; margin:0.2em 1.5em 1em 0;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:voorzieningen.png"
+       alt="Voorzieningen tab"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Selecteer voorzieningen en pas toe.
+  </div>
+</div>
 <p>
@@ Line 184: / Line 225: @@
       totdat de uitkomst stabiel is.</li>
 </ol>
-<div style="margin: 1em 0;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:voorzieningen.png"
-       alt="Voorzieningen tab"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <p>
@@ Line 197: / Line 232: @@
 licht afwijken van de uiteindelijke doorrekening.
 </p>
+<div style="clear:both;"></div>
 <hr />
 <h2>Tabblad 3 – Parkeren</h2>
+<div style="float:right; width:32%; margin:0.2em 0 1em 1.5em;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:parkeren.png"
+       alt="Parkeren tab"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Alleen bovengronds telt mee in het ruimtebeslag.
+  </div>
+</div>
 <p>
@@ Line 222: / Line 268: @@
 </ol>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:parkeren.png"
-       alt="Parkeren tab"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <hr />
 <h2>Tabblad 4 – Openbare Ruimte</h2>
+<div style="float:left; width:40%; margin:0.2em 1.5em 1em 0;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:openbare_ruimte.png"
+       alt="Openbare Ruimte tab"
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Verdeling van onbebouwd: m² + visualisatie.
+  </div>
+</div>
 <p>
@@ Line 236: / Line 287: @@
 (oppervlak minus bebouwd oppervlak volgens GSI)
 over categorieën zoals groen, water, tuinen en verharding.
+Je kunt kiezen voor een standaardverdeling per stedelijkheidstype
+en deze daarna bijstellen.
 </p>
@@ Line 246: / Line 299: @@
 </ol>
-<div style="margin: 1em 0;">
+<div style="clear:both;"></div>
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:openbare_ruimte.png"
-       alt="Openbare Ruimte tab"
-       style="width: 100%; max-width: 900px; height: auto;">
-</div>
 <hr />
@@ Line 304: / Line 353: @@
 <h2>Van Spacematrix naar Sumsonite – werken met de Kickstart</h2>
-<div style="float:right; width:42%; margin:0 0 1em 1.5em;">
+<div style="float:right; width:34%; margin:0.2em 0 1em 1.5em;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:kickstart_download.png"
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:kickstart_download.png"
        alt="Kickstart download"
-       style="width:100%; height:auto;">
+       style="width:100%; height:auto; border:1px solid #e6e6e6; border-radius:6px;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.4em;">
+    Download de resultaten als .txt.
+  </div>
 </div>
@@ Line 326: / Line 378: @@
 <h3>Wat staat er in de Kickstart-tekstfile?</h3>
 <ul>
-  <li>Projectoppervlak, FSI en GSI</li>
   <li>Totaal laadvermogen (BVO)</li>
   <li>Verdeling wonen, voorzieningen en parkeren</li>
-  <li>Indicatief woningprogramma per type</li>
+  <li>Woningprogramma per type in aantallen en bvo's en gbo's</li>
   <li>Parkeerkengetallen (bovengronds / ondergronds)</li>
-  <li>Openbare-ruimtestructuur</li>
+  <li>Openbare-ruimtestructuur in oppervlakken per functie</li>
 </ul>
@@ Line 348: / Line 399: @@
   en heb je direct een samenhangende basis
   voor verdere financiële doorrekening in Sumsonite.
+</div>
+<h3>Voorbeeld: zo ziet een Kickstart-tekstfile eruit</h3>
+<div style="margin: 0.6em 0 0.2em 0; background:#fff; border:1px solid #e6e6e6; padding:0.6em; border-radius:6px;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:kickstart_txt_open.png"
+       alt="Voorbeeld Kickstart tekstfile"
+       style="width:100%; max-width:780px; height:auto; display:block; margin:0 auto;">
+  <div style="font-size:0.9em; color:#666; margin-top:0.5em; text-align:center;">
+    Voorbeeldweergave van de Kickstart (.txt) die je gebruikt om gegevens over te nemen in Sumsonite.
+  </div>
 </div>