Diagrammen

BPMN Viewer

Snel starten met

Code

<?xml version="1.0" encoding="UTF-8"?>
<bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" id="Definities" targetNamespace="http://bpmn.io/schema/bpmn">
  <bpmn:process id="Verlof" name="Verlofaanvraag" isExecutable="false">
    <bpmn:startEvent id="Start" name="Aanvraag ingediend">
      <bpmn:outgoing>f1</bpmn:outgoing>
    </bpmn:startEvent>
    <bpmn:userTask id="Beoordelen" name="Leidinggevende beoordeelt">
      <bpmn:incoming>f1</bpmn:incoming>
      <bpmn:outgoing>f2</bpmn:outgoing>
    </bpmn:userTask>
    <bpmn:exclusiveGateway id="Akkoord" name="Akkoord?">
      <bpmn:incoming>f2</bpmn:incoming>
      <bpmn:outgoing>f3</bpmn:outgoing>
      <bpmn:outgoing>f4</bpmn:outgoing>
    </bpmn:exclusiveGateway>
    <bpmn:task id="Inplannen" name="Verlof inplannen">
      <bpmn:incoming>f3</bpmn:incoming>
      <bpmn:outgoing>f5</bpmn:outgoing>
    </bpmn:task>
    <bpmn:task id="Toelichten" name="Afwijzing toelichten">
      <bpmn:incoming>f4</bpmn:incoming>
      <bpmn:outgoing>f6</bpmn:outgoing>
    </bpmn:task>
    <bpmn:endEvent id="Eind" name="Afgehandeld">
      <bpmn:incoming>f5</bpmn:incoming>
      <bpmn:incoming>f6</bpmn:incoming>
    </bpmn:endEvent>
    <bpmn:sequenceFlow id="f1" sourceRef="Start" targetRef="Beoordelen" />
    <bpmn:sequenceFlow id="f2" sourceRef="Beoordelen" targetRef="Akkoord" />
    <bpmn:sequenceFlow id="f3" sourceRef="Akkoord" targetRef="Inplannen" name="ja" />
    <bpmn:sequenceFlow id="f4" sourceRef="Akkoord" targetRef="Toelichten" name="nee" />
    <bpmn:sequenceFlow id="f5" sourceRef="Inplannen" targetRef="Eind" />
    <bpmn:sequenceFlow id="f6" sourceRef="Toelichten" targetRef="Eind" />
  </bpmn:process>
</bpmn:definitions>

Diagram

Het diagram wordt in je browser getekend. Je code wordt niet opgeslagen, tenzij je zelf op "Deel met preview" klikt.

BPMN-XML is niet te lezen zonder plaatje, en veel bestanden missen de indeling die een viewer nodig heeft. Plak je XML hiernaast — ontbreekt de indeling, dan bepalen wij er een en zeggen we dat erbij.

Waar je dit voor gebruikt

bpmn:startEvent — begin van het proces
bpmn:task / bpmn:userTask — een stap
bpmn:exclusiveGateway — een keuze of beslissing
bpmn:parallelGateway — stappen die tegelijk lopen
bpmn:sequenceFlow — de pijl tussen twee stappen
bpmn:endEvent — einde van het proces

Wat anderen van deze tool vinden

Nog geen beoordelingen voor deze tool. Die van jou is de eerste.

Veelgestelde vragen

Waarom toont mijn BPMN-bestand elders een leeg scherm?

BPMN bestaat uit twee delen: de procesbeschrijving en een aparte sectie met de posities van elk vormpje. Viewers tekenen alleen dat tweede deel. Ontbreekt het, dan zie je niets. Deze tool merkt dat en bepaalt zelf een indeling.

Wat als de indeling maar deels klopt?

Dat komt voor: een bestand met wel vormen maar geen verbindingen levert losse blokjes zonder pijlen op. Ook dat herkennen we, en dan tekenen we de verbindingen alsnog. We melden het altijd boven het diagram.

Ik zie wel blokken maar geen pijlen. Hoe kan dat?

Dan mist het bestand de koppeling tussen de stappen. BPMN legt die vast met <incoming> en <outgoing> binnen elke stap; alleen sourceRef en targetRef op de sequenceFlow is niet genoeg om de volgorde te kunnen afleiden. We melden het als we de pijlen niet kunnen tekenen.

Wordt mijn procesmodel opgeslagen?

Nee. Het tekenen gebeurt volledig in je browser; je XML gaat niet naar onze server. Alleen als je zelf op 'Deel met preview' klikt slaan we het model op om een deelbare link te kunnen maken.

Welke BPMN-versie wordt ondersteund?

BPMN 2.0, de standaard van de Object Management Group. Dat is wat modelleertools zoals Camunda, Signavio en bpmn.io exporteren.

Kan ik het diagram bewerken?

Deze tool toont en exporteert; hij is geen editor. Wil je aanpassen, dan is de XML links bewerkbaar — het diagram werkt direct bij.