Buatkan saya tutorial installasi BPMN-JS dari basic sampai advance sesuai yang tercantum pada web (https://github.com/bpmn-io/bpmn-js-examples)
tutorial step by step (sangat detail) menggunakan bahasa indonesia (dan bukan salinan dari documentasi BPMN.IO) :
Basic
- bundling - an example how to install bpmn-js via npm, use it in a node-style application and package it and the application code for the browser with Webpack.
- colors - Showcases different ways to add colors to your BPMN diagram.
- interaction - Listen to diagram events and react to them.
- overlays - Attach overlays to BPMN 2.0 diagrams to provide custom buttons or showing additional information.
- url-viewer - A simple url viewer for BPMN 2.0 process diagrams.
Intermediate
- modeler - A simple BPMN 2.0 modeler. Gains more features as time passes by.
- commenting - A simple commenting application build on top of BPMN 2.0 diagrams
- bpmn-properties - Read and write BPMN properties with bpmn-js.
- i18n - Use a custom translation module with bpmn-js.
- properties-panel - Add a properties panel and edit execution related BPMN 2.0 properties.
- theming - an example that showcases the different aspects of theming bpmn-js.
Advanced
- bpmn-js-nyan - Model nyan cats instead of service tasks, resize elements and assign custom element colors.
- bpmn-js-task-priorities - persistent task colors, diagram interaction and custom extension elements demo.
- bpmn-js-in-color - Adding color support for BPMN based on the BPMN in Color proposal.
- bpmn-js-example-react-properties-panel - An example how to build a simple properties panel for bpmn-js using React.
- custom-bundle - How to build a custom version of bpmn-js
- bpmn-js-example-model-extension - An example of creating a model extension for bpmn-js.
- bpmn-js-example-custom-rendering - An example of creating custom rendering for bpmn-js.
- bpmn-js-example-custom-controls - An example of creating custom controls for bpmn-js.
- custom-elements - An introduction to custom elements, their use cases and implementation approaches.
- custom-modeling-rules - Add custom rules to the bpmn-js modeler.
- properties-panel-extension - An example showing how to extend the properties panel with custom controls.
file dalam bentuk Video (screen capture video) dan Document word
terima kasih