Differences

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

--- versiebeheer [2026/01/23 14:14] – support
+++ versiebeheer [2026/01/23 14:37] (current) – support
@@ Line 4: / Line 4: @@
 <html>
-<div style="display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap;">
+<style>
+  .wrap { display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; }
+  .colL { flex:1; min-width:320px; max-width:560px; }
+  .colR { flex:1; min-width:320px; max-width:620px; }
+  .card { padding:14px 16px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; margin-bottom:12px; }
+  .cardSoft { padding:14px 16px; border:1px solid #eaeaea; border-radius:10px; background:#fafafa; margin-bottom:12px; }
+  .titleXL { font-size:20px; font-weight:800; margin-bottom:6px; }
+  .titleL { font-size:18px; font-weight:800; margin-bottom:6px; }
+  .titleM { font-weight:800; font-size:16px; margin-bottom:6px; }
+  .p { color:#555; line-height:1.55; }
+  .ul { margin:8px 0 0 18px; color:#555; line-height:1.5; }
+  /* Beeldverhoudingen */
+  .imgBox { padding:12px; border:1px solid #eaeaea; border-radius:10px; background:#fafafa; margin-bottom:12px; }
+  .imgTitle { font-weight:800; margin-bottom:8px; }
+  .img { width:100%; border-radius:10px; border:1px solid #e0e0e0; display:block; }
+  /* Gedeelde folders bewust kleiner */
+  .imgFolders {
+    width:100%;
+    max-height:330px;   /* tweakbaar: 280–360 */
+    object-fit:contain; /* houdt hele afbeelding zichtbaar */
+    background:#fff;
+  }
+  /* Highlight blok */
+  .calloutGood { margin-top:10px; padding:10px 12px; background:#f7fbfb; border:1px solid #dfeeee; border-radius:10px; color:#2b5b5b; line-height:1.5; }
+  /* Compactere tip */
+  .calloutTip { margin-top:10px; padding:10px 12px; background:#fff7f2; border:1px solid #ffe1cf; border-radius:10px; color:#6a3a14; line-height:1.5; }
+  /* Codeblok */
+  pre.code { margin:10px 0 0; padding:10px 12px; border-radius:10px; background:#fff; border:1px solid #e5e5e5; overflow:auto; }
+  /* Terugknop */
+  .backWrap { margin-top:14px; text-align:center; }
+  .backBtn {
+    display:inline-block; padding:8px 14px; border-radius:20px;
+    background:#eef3f3; color:#006666; text-decoration:none; font-weight:700;
+  }
+</style>
+<div class="wrap">
   <!-- LINKERKOLOM -->
-  <div style="flex:1; min-width:320px; max-width:560px;">
+  <div class="colL">
-    <!-- AFBEELDING / VISUAL -->
+    <div class="card">
-    <div style="margin-bottom:12px;">
+      <div class="titleXL">Versiebeheer in Sumsonite</div>
-      <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:versiebeheer_schema.png"
+      <div class="p">
-           style="width:100%; max-width:520px; border-radius:10px;" alt="Schema versiebeheer Sumsonite">
+        Sumsonite is ontworpen om gebieds- en vastgoedprojecten controleerbaar, reproduceerbaar en audit-proof door te rekenen.
+        Dat betekent dat niet alleen de actuele uitkomst belangrijk is, maar juist ook: varianten, scenario’s,
+        besluitmomenten en onderliggende documentatie.
+      </div>
+      <div class="calloutGood">
+        <strong>Wat levert dit op?</strong><br>
+        Een sluitende audittrail: je kunt altijd uitleggen welke versie is gebruikt, waarom keuzes zijn gemaakt,
+        en welke documenten de onderbouwing vormen – richting collega’s, opdrachtgever, bestuur en accountant.
+      </div>
     </div>
-    <!-- BASISBLOK -->
+    <div class="card">
-    <div style="padding:14px 16px; border:1px solid #e5e5e5; border-radius:10px; background:#fff;">
+      <div class="titleM">Kernprincipes</div>
+      <ul class="ul">
+        <li><strong>Niet overschrijven</strong>: versies blijven bestaan; je kopieert en hernoemt.</li>
+        <li><strong>Projectdossier per systeemmap</strong>: alle doorrekeningen van één project staan bij elkaar.</li>
+        <li><strong>Besluitvorming zichtbaar</strong>: gedeelde folders zijn ingericht langs het proces.</li>
+        <li><strong>Documenten herleidbaar</strong>: koppeling op projectniveau én per kostencode (doc-label).</li>
+        <li><strong>Metadata als ruggengraat</strong>: filtering, dashboards en consistentie.</li>
+      </ul>
+    </div>
-      <div style="font-size:18px; font-weight:700; margin-bottom:6px;">
+    <!-- Afbeelding: Gedeelde folders (bewust kleiner) -->
-        Waarom versiebeheer?
+    <div class="imgBox">
+      <div class="imgTitle">Gedeelde folders (processtructuur)</div>
+      <img class="img imgFolders"
+           src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:gedeelde_folders.png"
+           alt="Gedeelde folders">
+      <div class="p" style="margin-top:8px;">
+        De mappenstructuur volgt de uitwerkings- en besluitvormingsfases.
+        Zo kun je altijd terugvinden welke stukken bij welke fase en welk besluitmoment horen.
       </div>
+    </div>
-      <div style="color:#555; line-height:1.5; margin-bottom:10px;">
+    <!-- Sectie 4 naar links gehaald voor balans -->
-        In Sumsonite werk je vrijwel altijd met meerdere varianten, scenario’s en projectfasen.
+    <div class="cardSoft">
-        Goed versiebeheer zorgt ervoor dat berekeningen, besluiten en onderliggende documenten
+      <div class="titleM">4. Externe opslagstructuur (cloud/schijf)</div>
-        transparant, reproduceerbaar en audit-proof blijven.
+      <div class="p">
+        Richt je opslag zo in dat documenten door alle uitwerkingsfases heen transparant blijven, zonder dat de geschiedenis verdwijnt.
       </div>
-      <div style="color:#555; line-height:1.5;">
+      <pre class="code">/Projectnaam
-        Versies worden daarom nooit overschreven, maar altijd expliciet gekopieerd en hernoemd.
+  /01_Plannen_in_ontwikkeling
-        Zo blijft altijd zichtbaar:
+  /02_Ter_besluitvorming
-        <ul style="margin:8px 0 0 18px;">
+  /03_Vastgesteld
-          <li>welke berekening wanneer is gemaakt,</li>
+  /04_Archief_historie</pre>
-          <li>op basis van welke aannames,</li>
-          <li>en welke versie is gebruikt bij besluitvorming.</li>
-        </ul>
-      </div>
+      <div class="p" style="margin-top:8px;">
+        <strong>Belangrijke regels:</strong>
+      </div>
+      <ul class="ul">
+        <li>Documenten bij voorkeur niet verplaatsen tussen fases; kopieer wanneer nodig.</li>
+        <li>Vastgesteld blijft ongewijzigd (read-only in beheer).</li>
+        <li>Archief/historie blijft raadpleegbaar voor reconstructie en audit.</li>
+      </ul>
     </div>
@@ Line 43: / Line 116: @@
   <!-- RECHTERKOLOM -->
-  <div style="flex:1; min-width:320px; max-width:620px;">
+  <div class="colR">
-    <!-- SYSTEEMMAP -->
+    <div class="card">
-    <div style="padding:14px 16px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; margin-bottom:12px;">
+      <div class="titleL">1. Systeemmap: het projectdossier</div>
-      <div style="font-size:18px; font-weight:700; margin-bottom:6px;">
+      <div class="p">
-        Systeemmap: het projectdossier
+        Elke doorrekening in Sumsonite staat in een systeemmap op projectniveau. Dit is het rekenkundige projectdossier
+        waarin alle versies, varianten en scenario’s van dat project samenkomen.
       </div>
-      <div style="color:#555; line-height:1.5;">
+      <ul class="ul">
-        Elke doorrekening staat in een systeemmap op projectniveau.
+        <li>Alle doorrekeningen blijven beschikbaar (initiatief, werkversies, besluitvarianten, vastgesteld).</li>
-        Deze map vormt het rekenkundige projectdossier waarin alle versies,
+        <li>Versies worden expliciet gekopieerd en hernoemd (geen overschrijven).</li>
-        scenario’s en varianten van één project samenkomen.
+        <li>Rechten en eigenaarschap kunnen per project worden ingericht.</li>
+      </ul>
+    </div>
+    <div class="cardSoft">
+      <div class="titleM">2. Gedeelde folders: besluitvorming transparant</div>
+      <div class="p">
+        De gedeelde folders zijn opgebouwd in lagen:
       </div>
-      <ul style="margin:8px 0 0 18px; color:#555;">
+      <ul class="ul">
-        <li>alle versies blijven beschikbaar</li>
+        <li><strong>Laag 1</strong>: fase (01 plannen, 02 ter besluitvorming, 03 vastgesteld, 04 archief/historie)</li>
-        <li>versies worden gekopieerd, niet overschreven</li>
+        <li><strong>Laag 2</strong>: besluitmomenten (bijv. VO-besluit, kredietbesluit, actualisatie)</li>
-        <li>rechten worden per project ingesteld</li>
+        <li><strong>Laag 3</strong>: projecten (met alle bijbehorende rekenbestanden en onderbouwing)</li>
       </ul>
+      <div class="p" style="margin-top:8px;">
+        Dit ondersteunt een heldere audittrail: je ziet in één oogopslag welke versie “waar thuishoort” in het proces.
+      </div>
     </div>
-    <!-- METADATA -->
+    <!-- Projectgegevens nu groter en prominenter -->
-    <div style="padding:14px 16px; border:1px solid #eaeaea; border-radius:10px; background:#fafafa; margin-bottom:12px;">
+    <div class="imgBox">
-      <div style="font-weight:700; font-size:16px; margin-bottom:6px;">
+      <div class="imgTitle">Projectgegevens &amp; metadata</div>
-        Projectgegevens &amp; metadata
+      <img class="img"
+           src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectgegevens.png"
+           alt="Projectgegevens">
+      <div class="p" style="margin-top:8px;">
+        Metadata (fase, versietype, jaar/prijspeil, maker, opdrachtgever) geeft context aan de berekening
+        en wordt gebruikt om te groeperen en filteren in dashboards.
       </div>
-      <div style="color:#555; line-height:1.45;">
+    </div>
-        Projectgegevens zoals fase, versietype, jaar en prijspeil geven context aan elke berekening.
-        Deze metadata wordt gebruikt voor herleidbaarheid én voor filtering en visualisatie
+    <div class="card">
-        in dashboards.
+      <div class="titleL">3. Documentatiepagina: koppelen van onderbouwing</div>
+      <div class="p">
+        Sumsonite bewaart zelf geen documenten, maar werkt met hyperlinks naar bronbestanden in jullie opslagomgeving
+        (SharePoint/Teams/netwerkschijf).
+      </div>
+      <div class="calloutGood" style="margin-top:10px;">
+        <strong>6 kernplekken</strong><br>
+        Op de documentatiepagina kun je zes belangrijke projectdocumenten vastleggen. Elk document krijgt een omschrijving en een hyperlink.
+      </div>
+      <div class="p" style="margin-top:10px;">
+        <strong>Per kostencode koppelen</strong><br>
+        Daarnaast kun je per kostenregel in de GREX een document koppelen. Als dat gedaan is, verschijnt achter de kostencode het label <strong>‘doc’</strong>.
       </div>
     </div>
-    <!-- DOCUMENTATIE -->
+    <!-- Documentatie nu groter en prominenter -->
-    <div style="padding:14px 16px; border:1px solid #eaeaea; border-radius:10px; background:#fafafa; margin-bottom:12px;">
+    <div class="imgBox">
-      <div style="font-weight:700; font-size:16px; margin-bottom:6px;">
+      <div class="imgTitle">Documentatiekoppeling (6 kernvelden + doc-label)</div>
-        Documentatie en onderbouwing
+      <img class="img"
+           src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:documentatie.png"
+           alt="Documentatiepagina">
+      <div class="p" style="margin-top:8px;">
+        Voorbeeld van een gekoppeld document: een leesbare omschrijving met hyperlink, plus optioneel het volledige webadres.
       </div>
-      <div style="color:#555; line-height:1.45;">
+    </div>
-        Sumsonite slaat zelf geen documenten op, maar verwijst altijd naar de bron.
-        Via de documentatiepagina kun je zes vaste kernstukken vastleggen en
+    <!-- Sectie 5 compacter -->
-        aanvullende documenten koppelen per kostencode in de GREX.
+    <div class="card">
+      <div class="titleL">5. Beheer &amp; bewaartermijnen</div>
+      <div class="p">
+        Documentbeheer is onderdeel van de audittrail. Spreek intern af:
       </div>
-      <div style="color:#555; line-height:1.45; margin-top:6px;">
+      <ul class="ul">
-        Wanneer een document aan een kostenregel is gekoppeld,
+        <li>wie eigenaar is van projectdossier en opslagstructuur;</li>
-        verschijnt het label <strong>‘doc’</strong> achter de kostencode.
+        <li>wanneer documenten “vastgesteld” zijn en niet meer wijzigen;</li>
+        <li>welke bewaartermijnen gelden (gemeentelijk of organisatiebreed);</li>
+        <li>dat je geen documenten verwijdert zolang ze via hyperlinks aan actieve of vastgestelde versies hangen.</li>
+      </ul>
+      <div class="calloutTip">
+        <strong>Praktische tip:</strong><br>
+        Bij opschonen: eerst links in Sumsonite aanpassen/verwijderen, dan pas het bronbestand opschonen. Zo voorkom je dode links.
       </div>
     </div>
-    <!-- EXTERNE OPSLAG -->
+    <!-- Sectie 6 compacter -->
-    <div style="padding:14px 16px; border:1px solid #eaeaea; border-radius:10px; background:#fafafa;">
+    <div class="cardSoft">
-      <div style="font-weight:700; font-size:16px; margin-bottom:6px;">
+      <div class="titleM">6. Hyperlinks &amp; leesbaarheid</div>
-        Externe opslag &amp; audittrail
+      <div class="p">
+        Gebruik altijd een hyperlink naar de definitieve opslaglocatie. Bij lange URL’s kun je een korte omschrijving tonen
+        en desnoods een URL-verkorter gebruiken.
       </div>
-      <div style="color:#555; line-height:1.45;">
+      <div class="p" style="margin-top:8px;">
-        Documenten worden beheerd in een vaste opslagstructuur
+        <strong>Gratis URL-verkorters:</strong> Bitly, TinyURL, Rebrandly
-        (bijvoorbeeld SharePoint of Teams), met aparte mappen per projectfase.
-        Vastgestelde documenten blijven ongewijzigd en oudere versies blijven
-        raadpleegbaar in het archief.
       </div>
     </div>
     <!-- TERUGKNOP -->
-    <div style="margin-top:14px; text-align:center;">
+    <div class="backWrap">
-      <a href="/wiki/doku.php?id=handleiding_nieuw/sub_sumsonite.txt
+      <a class="backBtn" href="/wiki/doku.php?id=handleiding_nieuw:sub_sumsonite">← Terug naar Sumsonite (menu)</a>
-         style="display:inline-block; padding:8px 14px; border-radius:20px;
-                background:#eef3f3; color:#006666; text-decoration:none; font-weight:600;">
-        ← Terug naar Bestandsbeheer
-      </a>
     </div>