Differences

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

--- handleiding_nieuw:sub_dashboards [2025/06/11 13:48] – support
+++ handleiding_nieuw:sub_dashboards [2025/06/11 19:08] (current) – support
@@ Line 27: / Line 27: @@
 <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>
-<div style="flex: 1; min-width: 450px; text-align: right;">
+<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: 640px; height: auto;">
+  <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>
@@ Line 34: / Line 34: @@
 <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>
 <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: 640px; height: auto;">
+  <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 <a href="/doku.php?id=handleiding_nieuw:dashboards:verschillen">verschillen- en variantenanalyse</a> 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>
-<div style="flex: 1; min-width: 450px; text-align: right;">
-  <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:afbeeldingen:dashboard_menu_2.jpg" alt="Dashboardoverzicht" style="width: 100%; max-width: 640px; height: auto;">
-</div>
-<p>De komende tijd worden hier ook andere dashboards aan toegevoegd, zoals een kaartgebaseerde visualisatie en KPI-overzichten per doelgroep of beleidsdoel.</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>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>
 <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: 640px; height: auto;">
+  <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>