handleiding_nieuw:demo_project [Sumsonite]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<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;">

  <h1 style="font-size: 2.2em; color: #2a7ae2;">✨ Demo-project: Stadshof Zuid</h1>
  <p style="font-size: 1.2em; color: #444;">Een fictieve casus als vliegende start voor jouw gebiedsontwikkeling</p>

  <hr style="margin: 1.5em 0; border: none; border-top: 1px solid #ddd;" />

  <h2 style="color: #2a7ae2;">🔧 1. Uitleg & dashboards</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>
  <a href="/wiki/doku.php?id=handleiding_nieuw:startpagina" style="color: #2a7ae2;">📎 Bekijk de handleiding »</a>

  <h2 style="color: #2a7ae2; margin-top: 2em;">🌆 2. 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;">🧮 3. Rekenmodule: wat past er in Stadshof Zuid?</h2>
  <p>We gebruiken de rekenmodule met invoer:</p>
  <ul>
    <li>FSI: <strong>1.1</strong></li>
    <li>GSI: <strong>0.32</strong></li>
    <li>Open ruimte: <strong>30%</strong></li>
  </ul>
  <p>→ Uitkomst: ca. <strong>17.290 m² BVO wonen</strong> op 1,7 ha, met 191 woningen in het goedkoop en 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;" />
    <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;">📊 4. Profiel: Stadshof Zuid – Gemengd Stedelijk Wonen</h2>
  <p>We kiezen hier een profiel met een hoge stedelijke dichtheid. Dit levert de volgende kostprijzen op:</p>

  <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;">€560.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;" />
  <a href="/wiki/doku.php?id=handleiding_nieuw:kengetallenboek" style="color: #2a7ae2;">📎 Bekijk het profiel »</a>



<h2 style="color: #2a7ae2; margin-top: 2em;">📄 5. Kickstart genereren: van concept naar berekening</h2>

<p>Met de <strong>Kickstart Dump</strong> maak je in één klik een tekstbestand met alle brokstukken 
van jouw conceptplan — programma, voorzieningen en parkeerbalans — klaar voor invoer in 
<strong>Sumsonite</strong>. Hiermee vertaal je jouw <em>OntwikkelConcept</em> direct naar een eerste doorrekening.
</p>

<!-- Voorbeeld Kickstart in blauwe info-box -->
<div style="margin: 1em 0; padding: 1em; background-color: #eef6ff; border-left: 4px solid #2a7ae2; border-radius: 6px;">
  <p style="margin:0; font-size:1em; color:#222;">
    📎 Wil je eerst zien hoe een Kickstart eruitziet?
    <br>
    <a href="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:kickstart_dump-demo.pdf"
       style="display:inline-block; margin-top:0.7em; background-color:#2a7ae2; color:#fff; 
              text-decoration:none; padding:10px 16px; border-radius:6px; font-weight:bold;">
      📄 Download voorbeeld Kickstart (PDF)
    </a>
  </p>
</div>


<p style="font-size:0.95em; color:#555; margin-top:0.6em;">
De Kickstart wordt als <code>.pdf</code>-bestand gedownload. Open of print het bestand, 
en neem de onderdelen over in een nieuw project in Sumsonite om direct te kunnen rekenen.
</p>



  <h2 style="color: #2a7ae2; margin-top: 2em;">🔐 6. Verder rekenen in Sumsonite?</h2>
  <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/sumsonite-login/" 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 id="protip-container" style="font-size: 1.05em; color: #222;">
    <strong>Pro-tip:</strong>
    <span id="protip-text">bekijk eerst het profiel en probeer een aanpassing (bijv. meer vergroening) om te zien wat het effect is op de kostprijs.</span>
  </div>

<button onclick="showNextProTip()" 
        style="
          margin-top: 1em !important;
          background-color: #2a7ae2 !important;
          color: black !important;
          border: none !important;
          padding: 12px 20px !important;
          font-size: 1.05em !important;
          font-weight: bold !important;
          border-radius: 6px !important;
          cursor: pointer !important;
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
          transition: background-color 0.3s, transform 0.2s !important;"
        onmouseover="this.style.backgroundColor='#1a5fcc'; this.style.transform='translateY(-1px)'"
        onmouseout="this.style.backgroundColor='#2a7ae2'; this.style.transform='none'">
  🎯 Toon volgende Pro-tip
</button>

  <script>
    const protips = [
      "bekijk eerst het profiel en probeer een aanpassing (bijv. meer vergroening) om te zien wat het effect is op de kostprijs.",
      "Gebruik luchtfoto’s of referentieprojecten om je FSI en GSI te schatten (bijv. Filmwijk = FSI 1.2 / GSI 0.5).",
      "Bereken benodigde ruimte: deel BVO door FSI en reken 20–30% extra voor ontsluiting en openbare ruimte.",
      "Kies een profiel op functie, niet op beeld: denk aan verkeer, laden/lossen, verblijven, vergroenen.",
      "Ondergronds parkeren kost geld, bovengronds kost ruimte — reken beide varianten door en vergelijk.",
      "Gebruik beelden van vergelijkbare wijken qua dichtheid en schaal — beeld zegt meer dan duizend specs.",
      "Gebruik de Kickstart Dump voor een snelle export van kerngegevens naar Sumsonite.",
      "Laat een scenario toetsen door een stedenbouwkundige én een planeconoom — ieder kijkt anders.",
      "Reken altijd drie varianten door: ambitieus, realistisch en sober — voor betere gesprekken.",
      "Check eerst wat je bottleneck is: parkeren? voorzieningen? bouwhoogte? Begin daar je planvorming."
    ];

    let currentIndex = 0;

    function showNextProTip() {
      currentIndex = (currentIndex + 1) % protips.length;
      document.getElementById("protip-text").innerText = protips[currentIndex];
    }
  </script>
</div>


</div>
</html>