https://github.com/nikku/roll-your-own-bpmn-editor

Material for my talk "How to (not) roll your own BPMN editor", given at CamundaCon LIVE 2020.
https://github.com/nikku/roll-your-own-bpmn-editor

bpmn bpmn-io slides

Last synced: about 2 months ago
JSON representation

Material for my talk "How to (not) roll your own BPMN editor", given at CamundaCon LIVE 2020.

• Host: GitHub
• URL: https://github.com/nikku/roll-your-own-bpmn-editor
• Owner: nikku
• Created: 2020-04-21T13:01:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-04-25T13:35:04.000Z (over 4 years ago)
• Last Synced: 2024-06-16T03:35:17.466Z (3 months ago)
• Topics: bpmn, bpmn-io, slides
• Language: JavaScript
• Size: 996 KB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-bpmn-io - Roll your own BPMN editor - An introduction to bpmn-js and its friends (Talks)

README

        
# bpmn-js: Roll your own BPMN editor

Material for my talk "How to (not) roll your own BPMN editor" I gave at CamundaCon LIVE 2020.

## Slides

[![Slide deck first slide](./resources/slide.png)](https://speakerdeck.com/nikku/how-to-not-roll-your-own-bpmn-diagram-editor-an-introduction-to-bpmn-js-and-its-friends)

## Demo

[__:arrow_right: Try it out__](https://cdn.statically.io/gh/nikku/roll-your-own-bpmn-editor/v0.0.4/public/index.html).

Checkout [`./public`](./public) for the source code of the working, final result.

## Demo Sketch

* Open editor

* Show HTML demo skeleton (basic BPMN diagram being displayed)

* Add file import and download

* Introduce services aka modeler.get(‘canvas’).zoom(‘fit-viewport’)

* Introduce extension mechanism aka additionalModules

* Disable rendering (override bpmnRenderer)

* Add [minimap](https://github.com/bpmn-io/diagram-js-minimap)

* Add [linting](https://github.com/bpmn-io/bpmn-js-bpmnlint) + lint rules

* Enable [service task only](./service-task-only) modeling

## License

MIT