Dashboard maken

📘

Dashboard maken

In deze tutorial leer je hoe je een Dashboard maakt met de handige Editor.

Na deze tutorial weet je hoe je Apps en Blocks installeert, hoe je Branding instelt en hoe je een nieuwe App aanmaakt en inricht.

In deze tutorial wordt gebruik gemaakt van de dataset die is voorbereid in de tutorial Exceldata voorbereiden.

Datasets uploaden

In deze handleiding wordt gebruik gemaakt van de dataset, zoals aangemaakt in de tutorial Exceldata voorbereiden. Volg deze tutorial eerst, eventueel kun je beginnen bij de link onder Figuur 4. Download de dataset en upload deze in GeoApps om de data in een Dashboard te kunnen visualiseren.

Dashboard installeren

Als de Dashboard-app nog niet is geïnstalleerd in jouw GeoApps-omgeving, moet je deze eerst vanuit de GeoApps Store installeren.

1. Selecteer Dashboard.
2. Installeer de App door de URL van de betreffende omgeving in te vullen en installeer te kiezen.
3. Ga nu in de GeoApps Store naar de Blocks en installeer op dezelfde wijze de volgende Blocks:

• Donut
• Staafdiagram
• Nummer
• Tekst
• Afbeelding

Branding

In het geval er nog geen Dashboard is gemaakt in jouw omgeving, zal er ook nog geen Branding, ofwel huisstijl, voor jouw Dashboard beschikbaar zijn.

1. Om Branding te maken ga je naar de beheeromgeving (omgeving.geoapps.nl/Manage).
2. Vervolgens navigeer je via de tab Assets naar Branding.
3. Selecteer '+Add'.

Om de Branding in te stellen moeten de volgende gegevens worden ingevuld.

1. Kies Dashboard als App Definition
2. Geef een titel aan de Branding.
3. Geef eventueel een beschrijving.
4. Laat het Reference Theme op 'None' staan.
5. Klik op 'Create'.

Er verschijnt nu een overzicht met de waarden voor deze Branding. Met de knoppen 'Edit Value' kun je de kleuren en het logo van het Dashboard inclusief uitlijning naar wens aanpassen. Standaard worden de kleuren van de omgeving overgenomen.

Wanneer de Branding naar wens is ingesteld kun je door naar het maken van de App zelf.

Nieuwe App aanmaken

Ga nu naar de Startpage van de omgeving (de URL zal er ongeveer zo uitzien: [omgeving].geoapps.nl).
Selecteer Dashboard onder 'Nieuwe App'.

Dashboard aanmaken

Er opent nu een nieuw tabblad om de instellingen voor de App te kiezen.

1. Kies het Project.
2. Kies de gemaakte Branding (huisstijl).
   3 Geef het Dashboard een naam.
3. Geef eventueel een omschrijving.
4. Vul de URL naar wens aan.
5. Kies de zichtbaarheid op de Startpage:

• Verborgen/Hidden: wordt altijd op Startpage verborgen.
• Zichtbaar/Advertised: wordt altijd op Startpage weergegeven.
• Verborgen voor niet-ingelogde gebruikers, zichtbaar voor ingelogde gebruikers: wordt alleen voor ingelogde gebruikers weergegeven op Startpage.
• Verborgen voor ingelogde gebruikers, zichtbaar voor niet-ingelogde gebruikers: wordt alleen voor niet-ingelogde gebruikers weergeven op Startpage. (Bijvoorbeeld voor Apps die uitleg geven aan gebruikers die nog moeten registreren).

7. Vink aan of de App openbaar beschikbaar moet zijn.
8. Vink aan of de App de standaardapp in de omgeving moet zijn.
9. Selecteer 'Opslaan'.

Vervolgens kan de lay-out voor het eerste scherm worden gekozen.

1. Kies voor 'Grid layout 3'.
2. Kies '+Toevoegen'.

De geselecteerde layout wordt nu als scherm in de Editor weergegeven. Dit zal er als volgt uit zien:

Blocks

De Blocks moeten nu worden ingevuld. Begin met het Block rechtsboven door op het plusje te klikken.

1. Kies nu voor 'Donut'.
2. Kies 'Toevoegen'.

Herhaal dit na configuratie van het donut-block voor de andere Blocks tot deze allemaal zijn toegevoegd.

Donut-block

Er opent nu een overzicht waarin je het Block moet configureren.

1. Geef onder het kopje 'Algemeen' als titel 'Totaal aantal inwoners per provincie'. De rest van de instellingen onder dit kopje mag zo blijven.
2. Kies onder het kopje 'Data' de Dataset uit de vorige handleiding (CBS - Regionale Kerncijfers Bevolking).
3. Kies als hoofd-attribuut 'Provincie'.
4. Kies als waarde-attribuut 'Totale bevolking'.
5. Kies als operator 'Sum'.
6. Laat het percentage-hokje uitstaan.
7. Vink onder het kopje 'Legenda' het legenda-hokje aan en laat de rest zo staan.
8. Vink onder het kopje 'Opmaak' labels aan en laat de rest zo staan.
9. Klik op 'Toepassen'.

Staafdiagram-block

Voeg nu in het Block linksboven een staafdiagram toe.

1. Geef onder het kopje 'Algemeen' als titel '80-plussers per provincie'. De rest van de instellingen onder dit kopje mag zo blijven.
2. Kies onder het kopje 'Data' de Dataset uit de vorige stap (CBS - Regionale Kerncijfers Bevolking).
3. Kies als hoofd-as attribuut 'Provincie'.
4. Kies als waarde-attribuut 'bevolking_80_jaar_of_ouder' en geef daarbij als label waarde 'Aantal 80+ers'.
5. Kies als operator 'Sum'.
6. Kies een oplopende sortering.
7. Vink aan dat de legenda getoond moet worden.
8. Kies onder 'Opmaak' als titel voor de X-as 'Provincie' en voor de Y-as 'Aantal'.
9. Klik op 'Toepassen'.

Nummer-block

Voeg nu in het Block rechtsonder een nummer toe.

1. Geef onder het kopje 'Algemeen' als titel 'Aantal inwoners Nederland'. De rest van de instellingen onder dit kopje mag zo blijven.
2. Kies onder het kopje 'Data' weer de Dataset uit de vorige stap (CBS - Regionale Kerncijfers Bevolking).
3. Kies als attribuut 'totale_bevolking'
4. Kies als operator 'Sum'.
5. Laat het percentage-hokje uitgevinkt staan.
6. Vul een URL in voor het icoontje. Gebruik bijvoorbeeld deze website: https://www.flaticon.com/
7. Pas de breedte en hoogte beide aan naar 200.
8. Vul als achtervoegsel 'inwoners (2022)' in
9. Klik op 'Toepassen'.

Tabel-block

Voeg nu in het Block rechtsonder een tabel toe.

1. Geef onder het kopje 'Algemeen' als titel 'Bevolkingsdichtheid per provincie'. De rest van de instellingen onder dit kopje mag zo blijven.
2. Kies onder het kopje 'Data' weer de Dataset uit de vorige stap (CBS - Regionale Kerncijfers Bevolking).
3. Kies als hoofd-attribuut 'provincie'.
4. Kies als waarde-attribuut 'bevolkingsdichtheid'.
5. Kies als operator 'Sum'
6. Kies een oplopende sortering.
7. Kies als titel voor kolom 1 'Provincie'.
8. Kies als titel voor kolom 2 'Bevolkingsdichtheid'.
9. Voeg als achtervoegsel voor kolom 2 'inwoners per km2' toe.
10. Klik op 'Toepassen'.

Text-block

Voeg nu in het Block linksonder een tekstvak toe.

1. Vul een tekst in. Gebruik eventueel https://www.loremipsum.nl/
2. Kies eventueel een achtergrondkleur.
3. Laat het titelhokje uitgevinkt staan.
4. Klik op 'Toepassen'.

Eindresultaat

👍

Je hebt nu een Dashboard geconfigureerd

Voor meer informatie over de andere mogelijkheden rondom het configureren van Blocks en aanmaken van Apps kun je de handleidingen onder het kopje 'Apps' gebruiken.