Zet een Video Om in een Stroomdiagram
Je hebt een video van een proces: een software walkthrough, een training, een supportgesprek waarin iemand stap voor stap een probleem oplost. Nu heb je het nodig als stroomdiagram voor een handleiding, een onboardingdocument of een gids voor probleemoplossing, en het tekenen ervan betekent de hele video opnieuw bekijken met je vinger op pauze.
ScreenApp bekijkt de video voor jou en schrijft het proces uit als stappen voor een stroomdiagram: wat er eerst gebeurt, elk beslissingspunt als een ja/nee-vraag, waar elk antwoord naartoe leidt, en de tijdsaanduiding van elke stap. Het kan je ook dezelfde flow geven 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 zelf geen vakjes en pijlen. Je plakt de output in een tool zoals draw.io of de Mermaid Live Editor, en 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 waar elk antwoord naartoe leidt.
Mermaid-code
Plak het in een diagramtool en het stroomdiagram tekent zichzelf.
Een tijdstempel per stap
Controleer elke stap aan de hand van het moment waarop het gebeurt in de video.
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.
Hoe je een Video Omzet in een Stroomdiagram
- Voeg de video toe. Upload een bestand, of plak een link in het vak bovenaan deze pagina. Ondersteunde links: YouTube, TikTok, Instagram, Facebook, Vimeo and Loom links, direct audio and video links, PDFs and web articles.
- Laat ScreenApp het lezen. 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 knop hierboven 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 wordt geleverd met 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. In draw.io open je Rangschikken, dan Invoegen, dan Geavanceerd, dan Mermaid, en plak je de code. Of plak het in de Mermaid Live Editor om het diagram direct te zien.
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:
Waarvoor je het kunt gebruiken
Training en onboarding
Verander een opgenomen demonstratie in een stroomdiagram dat nieuwe medewerkers kunnen volgen.
Ondersteuning bij probleemoplossing
Breng een oplossing van een ondersteuningsgesprek in kaart in een beslissingsboom voor de helpdesk.
Procesdocumentatie
Documenteer hoe een taak echt wordt uitgevoerd, aan de hand van een schermopname van iemand die het doet.
Onderwijs en studie
Verander een college over een methode of algoritme in een stroomdiagram om te herhalen.
Stroomdiagram, SOP, Stappen of Mindmap?
ScreenApp heeft een aantal pagina’s die een video omzetten in structuur. Ze beantwoorden 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.
Stap-voor-stap instructies
De online stappenrecorder neemt een proces eenmalig op en schrijft de stappen.
Onderwerpen, geen proces
De pagina video naar mindmap geeft een onderwerpschematisering.
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
