IntroVox

Interactieve onboarding tours voor Nextcloud

Een interactieve onboarding applicatie voor Nextcloud gebouwd met Vue 3 en Shepherd.js. Help nieuwe gebruikers Nextcloud te ontdekken met begeleide tours.

Versie: 1.4.0 Licentie: AGPL-3.0 Nextcloud: 28 - 32
IntroVox Demo

Gebruikerservaring

Bij de eerste login verschijnt automatisch een welkomstbericht. De tour duurt ongeveer 2-5 minuten en is volledig optioneel.

  • Stap-voor-stap introductie tot Nextcloud functies
  • Optie om te skippen en permanent uit te schakelen
  • Herstart mogelijkheid via persoonlijke instellingen
  • Tour toont automatisch na enkele seconden
Welcome Step

Navigatie

Knoppen

Navigeer door de tour met duidelijke "Vorige" en "Volgende" knoppen.

Toetsenbord

Enter voor volgende stap, Backspace voor vorige, Escape om te sluiten.

Optioneel

"Skip and don't show again" knop op de eerste stap voor directe uitschakeling.

Meertalig

IntroVox ondersteunt 6 talen out-of-the-box met Transifex integratie voor community vertalingen.

  • Engels, Nederlands, Duits, Deens, Frans, Zweeds
  • Dynamische taaldetectie via vertaalbestanden
  • Onafhankelijke wizard-configuratie per taal
  • Transifex-klaar voor community vertalingen
Admin Interface

Theme Ondersteuning

IntroVox past zich automatisch aan aan je Nextcloud theme.

  • Licht, donker en high contrast modus
  • Respecteert reduced motion voorkeuren
  • Consistent met Nextcloud UI
Dark Theme

Persoonlijke Instellingen

Gebruikers hebben volledige controle over hun onboarding ervaring.

  • Tour opnieuw starten op elk moment
  • Tour permanent uitschakelen
  • Toegankelijk via Persoonlijke instellingen → IntroVox
Personal Settings

Administrator Features

Volledige CRUD Interface

Voeg stappen toe, bewerk, verwijder en herorden met drag-and-drop.

Per-taal Configuratie

Configureer verschillende tour stappen voor elke ondersteunde taal.

Stap Configuratie

ID, titel, tekst, CSS-selector en positie per stap instelbaar.

Individuele Stappen

Schakel individuele stappen in of uit zonder ze te verwijderen.

Reset naar Default

Zet stappen terug naar de standaardwaarden met één klik.

Force Show

Toon de tour opnieuw aan alle gebruikers na grote updates.

Import/Export (v1.1.0)

JSON Export

Download wizard-configuraties als JSON-bestand voor backup of delen.

Offline Samenwerking

Werk samen met contentmakers offline aan tour configuraties.

Versiebeheer

Maak backups en houd verschillende versies van je configuraties bij.

Multi-instance Sync

Synchroniseer configuraties tussen meerdere Nextcloud installaties.

Toegankelijkheid

Toetsenbord Navigatie

Volledig toegankelijk via toetsenbord met duidelijke focus-indicatoren.

Schermlezers

Ondersteuning voor schermlezers met correcte ARIA labels.

Reduced Motion

Respecteert reduced motion voorkeuren voor gebruikers met vestibulaire stoornissen.

High Contrast

Werkt perfect in high contrast modus voor slechtzienden.

Mobiel Gebruik

Responsive

De tour werkt op tablets en smartphones met aangepasste layouts.

Touch-friendly

Grotere aanraakdoelen voor makkelijke navigatie op touchscreens.

Adaptive

Positionering van tooltips past zich aan aan schermgrootte.

Doelgroepen

Organisaties

Rol Nextcloud uit naar veel nieuwe gebruikers met minimale support-vragen dankzij effectieve onboarding.

Onderwijsinstellingen

Help studenten en medewerkers snel wegwijs te worden in de digitale werkomgeving.

Internationale Teams

Meertalige organisaties profiteren van automatische taaldetectie en per-taal configuratie.

SURF Netwerk

Ontwikkeld in samenwerking met SURF, de Nederlandse onderwijs- en onderzoeksorganisatie.

Technische Details

Vue 3

Modern frontend framework met Composition API voor snelle, reactieve UI.

Shepherd.js

Bewezen tour engine voor betrouwbare stap-voor-stap begeleiding.

Lichtgewicht

Slechts ~210 KB geoptimaliseerde bundel. Geen externe afhankelijkheden.

Lokale Data

Alle data lokaal opgeslagen, geen externe services vereist.

Installatie

  1. Open Nextcloud als administrator
  2. Ga naar Apps in het menu
  3. Zoek naar IntroVox
  4. Klik op Downloaden en inschakelen
  5. Ga naar Admin Settings → IntroVox
  6. Activeer gewenste talen in "Beschikbare talen"
  7. Configureer tour stappen per taal

Vereisten

  • Nextcloud 28, 29, 30, 31 of 32
  • PHP 8.1 of hoger
  • Database MySQL, MariaDB, PostgreSQL of SQLite

Credits

IntroVox is ontwikkeld in samenwerking met SURF, de Nederlandse samenwerkingsorganisatie voor ICT in onderwijs en onderzoek, die de behoefte aan effectieve onboarding identificeerde.

Licentie

IntroVox is beschikbaar onder de AGPL-3.0 licentie. De broncode is volledig open-source en beschikbaar op GitHub.