Differences

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

--- handleiding_nieuw:sub_dashboards [2025/06/11 13:34] – support
+++ handleiding_nieuw:sub_dashboards [2025/06/11 19:08] (current) – support
@@ Line 16: / Line 16: @@
 <p>Of het nu gaat om een bestuurlijke rapportage of een gesprek met investeerders: Sumsonite maakt complexe informatie toegankelijk en overtuigend.</p>
-<div style="margin: 1em 0; padding: 1em; background: #fff4cc; border-left: 4px solid #f0ad4e;">
+<h2>Zelf aan de slag met dashboards</h2>
-  <strong>⚠ Deze pagina is in ontwikkeling.</strong> Binnenkort vind je hier een uitgebreide toelichting op het gebruik van standaard dashboards, kaartvisualisaties en maatwerk KPI-overzichten.
+<p>Wil je je eigen inzichten visualiseren? Dat kan. Sumsonite ondersteunt de ontwikkeling van maatwerk dashboards die aansluiten bij jouw informatiebehoefte. Laat je inspireren door voorbeelden zoals:</p>
-</div>
+<ul>
+  <li><a href="https://public.tableau.com/views/WorldIndicators/GDPpercapita" target="_blank">World Indicators Dashboard (Tableau)</a></li>
+  <li><a href="https://datastudio.google.com/gallery" target="_blank">Google Looker Studio (voorheen Data Studio) voorbeelden</a></li>
+  <li><a href="https://www.informationisbeautiful.net/visualizations/" target="_blank">Information is Beautiful - Datavis inspiratie</a></li>
+</ul>
+<p><strong>Probeer het zelf:</strong> bouw op basis van jouw projecten een dashboard met KPI's die voor jullie organisatie belangrijk zijn. Denk aan fasering, rendement, kasstroomstructuur, of aandeel sociaal programma.</p>
 <h2>1. Navigatie naar de dashboards</h2>
 <p>In het hoofdmenu kies je voor <strong>dashboards</strong>, met daarnaast een knop voor de <em>projectselector</em>. Deze laatste gebruik je om data uit projecten te selecteren en te koppelen aan het dashboard.</p>
-<p><img src="{{:dashboard_menu.jpg}}" alt="Menu dashboards" width="500" /></p>
+<div style="flex: 1; min-width: 350px; text-align: left;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:dashboard_menu.jpg" alt="Menu dashboards" style="width: 100%; max-width: 480px; height: auto;">
+</div>
 <h2>2. Projectselectie en dataset bouwen</h2>
 <p>In de projectselector kun je per project, groep of map selecteren welke projecten zichtbaar moeten zijn in het dashboard. Selecteer de projecten, kies desgewenst voor <em>gegevens downloaden</em> (voor Excel-export), en klik op <strong>Submit</strong> om de data door te zetten naar het dashboard.</p>
-<p><img src="{{:projectselectie.jpg}}" alt="Projectselectie interface" width="600" /></p>
+<div style="flex: 1; min-width: 450px; text-align: right;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie.jpg" alt="Projectselectie interface" style="width: 100%; max-width: 900px; height: auto;">
+</div>
 <p>Alleen projecten die met dit account geselecteerd zijn, worden weergegeven in de dashboards. Gebruik dus altijd het juiste dashboardaccount voor selectie én weergave.</p>
-<h2>3. Weergave van dashboards</h2>
-<p>De dashboards zijn thematisch opgebouwd. In de eerste versie is een verschil- en variantenanalyse opgenomen met 7 interactieve visuals. Elke visual geeft inzicht in andere aspecten: van netto kasstromen tot opbrengstenstructuur en fasering. Bij elke visual zie je een korte toelichting met tips.</p>
-<p><img src="{{:dashboard_menu_2.jpg}}" alt="Dashboardoverzicht" width="600" /></p>
-<h2>4. Beschikbaarheid en toegang</h2>
+<p>Elke Sumsonite-licentie bevat standaard één viewerlicentie voor de dashboards. Deze viewerlicentie is gekoppeld aan een gebruikersaccount. Omdat organisaties vaak met meerdere personen werken, is het mogelijk om een apart account aan te vragen dat exclusief wordt gebruikt voor dashboards.</p>
-<p>Elke Sumsonite-licentie bevat standaard één viewerlicentie voor de dashboards. Deze viewerlicentie is gekoppeld aan een gebruikersaccount. Omdat organisaties vaak met meerdere personen werken, is het mogelijk om een apart account aan te vragen dat exclusief wordt gebruikt voor dashboards. </p>
 <p>Let op: alleen met het dashboardaccount kunnen projecten geselecteerd worden voor weergave. Andere gebruikers kunnen wel dashboards bekijken, maar niet de selectie aanpassen.</p>
-<h2>5. Voorbeeldprojecten om te oefenen</h2>
 <p>In de omgeving staan meerdere voorbeeldprojecten klaar, waarmee gebruikers het dashboard kunnen testen. Deze vind je onder de map <em>Voorbeeldprojecten</em> in de projectselector:</p>
-<p><img src="{{:projectselectie2.jpg}}" alt="Voorbeeldprojecten" width="400" /></p>
+<div style="flex: 1; min-width: 450px; text-align: right;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:projectselectie2.jpg" alt="Voorbeeldprojecten" style="width: 100%; max-width: 400px; height: auto;">
+</div>
+<h2>4. Overzicht van beschikbare dashboards</h2>
+<p>Onderstaande tegelstructuur geeft een overzicht van alle beschikbare dashboards binnen jouw Sumsonite-omgeving. Standaard is alleen het dashboard <strong>Verschillen</strong> actief, maar er kunnen in totaal 18 dashboards worden toegevoegd — door jou als gebruiker of op maat gemaakt door het Sumsonite-team.</p>
+<!-- Interactieve afbeelding met klikbare tegel (tegel 1) -->
+<div style="flex: 1; min-width: 350px; text-align: left;">
+  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:dashboard_menu_3.jpg"
+       alt="Overzicht dashboards"
+       usemap="#dashboardmap"
+       style="width: 100%; max-width: 900px; height: auto;">
+  <map name="dashboardmap">
+    <!-- Coördinaten van tegel 1 (verhouding op basis van afbeelding) -->
+    <area shape="rect" coords="15,70,190,230" href="/wiki/doku.php?id=handleiding_nieuw:dashboards:verschillen.txt" alt="Verschillenanalyse">
+  </map>
+</div>
+<p>Klik op een dashboard-tegel om direct door te gaan naar de betreffende toelichting en visualisaties.</p>
 <hr />
 <p><em>Heb je vragen over de dashboards of wil je een eigen KPI-overzicht laten maken? Neem contact op met het Sumsonite-team.</em></p>
 </html>