Zet een video om in een stroomdiagram
Je hebt een video van een proces: een software-walkthrough, een trainingssessie, een supportgesprek waarin iemand stap voor stap een probleem oplost. Nu heb je dit nodig als een stroomdiagram voor een handleiding, een onboardingdocument of een handleiding voor probleemoplossing, en om het te tekenen moet je de hele video opnieuw bekijken met je vinger op de pauzeknop.
ScreenApp bekijkt de video voor je en schrijft het proces uit als stroomdiagramstappen: wat er eerst gebeurt, elk beslispunt als een ja/nee-vraag, waar elk antwoord naartoe leidt en de tijdstempel van elke stap. Het kan je hetzelfde proces ook leveren als Mermaid-code, een platte-tekstindeling die diagramtools omzetten in een getekend stroomdiagram.
Om duidelijk te zijn over wat deze pagina doet: ScreenApp schrijft het stroomdiagram en een diagramtool tekent het. ScreenApp tekent de vakken en pijlen niet zelf. Je plakt de uitvoer in een tool zoals draw.io of de Mermaid Live Editor, waarna het diagram verschijnt.
Stappen in volgorde
Elke actie in het proces, van de eerste klik tot de laatste.
Beslissingen als vertakkingen
Elke keuze wordt een ja/nee-vraag met de bestemming van elk antwoord.
Mermaid-code
Plak het in een diagramtool en het stroomdiagram tekent zichzelf.
Een tijdstempel per stap
Vergelijk elke stap met het moment waarop het in de video gebeurt.
Hoe het Werkt
Bekijkt en schrijft
Transcribeert de spraak, leest wat er op het scherm staat en **schrijft de stappen, beslissingen en Mermaid-code**, waarbij elke stap is gekoppeld aan het moment in de video.
Tekent
draw.io, de Mermaid Live Editor, GitHub of Notion **zetten de code om in vakjes en pijlen** die je kunt verplaatsen, stileren en exporteren.
Video naar stroomdiagram van Loom, YouTube of je eigen schermopname
Begin vanuit een procesvideo in
Loom-walkthroughs zijn het meest gebruikte vertrekpunt. Iemand in het team heeft al opgenomen hoe de taak wordt uitgevoerd en licht elke klik mondeling toe. Die gesproken toelichting bevat precies de beslissingen (“als de factuur boven de limiet ligt, stuur deze dan naar finance”), waardoor een Loom-video meestal duidelijke vertakkingen oplevert.
YouTube- en Vimeo-tutorials zijn vaak langer en bevatten intro’s en uitweidingen. Het stroomdiagram behoudt het proces en laat de rest weg. Elke stap behoudt zijn tijdstempel, zodat je deze kunt controleren zonder de hele video opnieuw te bekijken.
Nog geen video? Neem er een op. Gebruik het tabblad Opnemen bovenaan deze pagina, voer de taak eenmalig uit op het scherm terwijl je hardop zegt wat je doet, en vraag vervolgens om het stroomdiagram. Dat is vaak de snelste manier om een proces vast te leggen dat nog door niemand is gedocumenteerd.
Links moeten openbaar zijn. Een privé Loom-video, of iets achter een inlogscherm, kan niet worden geïmporteerd. Als je de video wel kunt bekijken maar de link niet kunt delen, download hem dan en upload het bestand, of maak een schermopname.
Hoe je van een video een stroomdiagram maakt
- Voeg de video toe. Plak een link van Loom, YouTube, Vimeo, TikTok, Instagram of Facebook, upload een bestand, of neem je scherm op met het tabblad Opnemen bovenaan deze pagina.
- Laat ScreenApp de video analyseren. Het transcribeert de spraak, en AI leest videoframes, niet alleen de audio, dus stappen die alleen op het scherm worden getoond tellen ook mee.
- Vraag om het stroomdiagram. De bovenstaande knop vraagt in één keer om de stappen, de beslissingen en de Mermaid-code. Je kunt ook je eigen verzoek in de chat typen.
- Controleer het aan de hand van de video. Elke stap bevat een tijdstempel. In ScreenApp, door op een moment in de transcriptie te klikken, springt de speler naar dat punt in de opname.
- Plak het in een diagramtool. Open in draw.io Rangschikken (Arrange), dan Invoegen (Insert), Geavanceerd (Advanced), en vervolgens Mermaid, en plak de code. Of plak het in de Mermaid Live Editor om het diagram direct te bekijken.
Voorbeeld Output
Een korte supportvideo over het resetten van een wachtwoord zou er zo uit kunnen zien:
| Stap | Wat gebeurt er | Tijd |
|---|---|---|
| 1 | Open de aanmeldpagina en selecteer “Wachtwoord vergeten” | 0:12 |
| 2 | Voer het account-e-mailadres in | 0:25 |
| Beslissing | Is de reset-e-mail aangekomen? Ja: ga naar stap 3. Nee: ga naar stap 4 | 0:41 |
| 3 | Open de link in de e-mail en stel een nieuw wachtwoord in | 0:55 |
| 4 | Controleer de spammap en vraag de e-mail opnieuw aan | 1:20 |
flowchart TD
A[Open sign-in page] --> B[Select Forgot password]
B --> C[Enter account email]
C --> D{Reset email arrived?}
D -- Yes --> E[Open link and set new password]
D -- No --> F[Check spam, request email again]
F --> D
De video en de stappen zijn bedacht voor dit voorbeeld. Echte resultaten zijn afhankelijk van de video die je toevoegt en hoe duidelijk het proces wordt getoond.
Laat het stroomdiagram overeenkomen met de video
Controleer elke beslissing
Spring naar de tijdsaanduiding en bekijk de keuze.
Splits lange stappen
Vraag de chat om stappen met twee acties op te splitsen.
Benoem de vertakkingen
Vraag om korte labels zodat de vakjes leesbaar blijven.
De AI kan een stap missen die de presentator snel overslaat, dus de tijdstempels zijn er om dit te controleren.
Vragen om aan de chat te stellen
Het eerste antwoord is een startpunt. Stel vervolgvragen in dezelfde chat om het stroomdiagram vorm te geven:
Waar je het voor kunt gebruiken
Training en onboarding
Zet een opgenomen walkthrough om in een stroomdiagram dat nieuwe medewerkers eenvoudig kunnen volgen.
Probleemoplossing voor support
Zet een oplossing uit een supportgesprek om in een beslisboom voor de helpdesk.
Procesdocumentatie
Documenteer hoe een taak werkelijk wordt uitgevoerd, op basis van een schermopname van iemand die het doet.
Onderwijs en studie
Zet een college over een methode of algoritme om in een stroomdiagram om van te leren.
Stroomdiagram, SOP, stappen of mindmap?
ScreenApp heeft verschillende functies die een video omzetten in structuur. Ze voorzien in verschillende behoeften:
Een diagram van het proces
Deze pagina: stappen, beslissingen en Mermaid-code voor een stroomdiagram.
Een geschreven procedure
De SOP-generator schrijft een standaard operationele procedure.
Klik-voor-klik-stappen
De online stappenrecorder legt een proces eenmalig vast en schrijft de stappen uit.
Onderwerpen, geen proces
De pagina video naar mindmap biedt een overzicht van onderwerpen.
Wat het wel en niet kan
Goed in
- Het schrijven van **stappen en beslissingen** vanuit een procesvideo
- **Mermaid-code** die je in een diagramtool kunt plakken
- Het lezen van **acties op het scherm**, niet alleen spraak
- Een **tijdstempel** voor elke stap
Niet gebouwd voor
- **Het tekenen van het diagram:** een diagramtool doet dat
- **Exporteren van een PNG- of Visio-bestand** van het diagram
- **Perfecte resultaten bij onduidelijke video's:** controleer elke stap
- **Privé- of DRM-video's** als links
Wat elk abonnement hier biedt
Probeer het uit met je eigen video
Geen creditcard vereist. Zet een procesvideo om in stappen en beslissingen en controleer zelf het resultaat. Het gratis abonnement omvat 2 transcriptions of recordings up to 45 minutes each en 10 AI-chats per maand.
Gebruik het elke week
Voor wie regelmatig processen documenteert. Pro bevat 500 uploads, 50 transcripties en 50 AI-chats per maand, met geen watermerk op enige opname of export.
7 dagen om Pro te proberen
Pro is $19 per maand, jaarlijks gefactureerd, met 50 transcripties en 50 AI-chats per maand. Gebruik elke Pro-functie 7 dagen lang en controleer of het aan je behoeften voldoet vóór de eerste betaling. De proefperiode is voor annual plans only. Voorwaarden proefperiode: Card required. Bekijk de abonnementen en voorwaarden.
