Latest revision as of 11:29, 6 November 2024

Extension: CognitiveProcessDesigner

Overview
Description:	Draw BPMN processes with a graphical user interface in Semantic MediaWiki
State:	stable	Dependency:	MediaWiki
Developer:	Tobias Weller, Maria Maleshkova, Alexander Pinchuk	License:	GPL-3.0-only
Type:	MediaWiki	Category:	Rich Articles
Edition:	BlueSpice pro, BlueSpice farm, BlueSpice cloud	Version:	4.1+
For more info, visit Mediawiki.

Features

The Cognitive Process Designer extension supports the creation, importing, exporting and annotating of BPMN (Business Process Model and Notation) processes by using an intuitive GUI (graphical user interface). Each element (node and edge) is represented by its own wiki page, which publishes the information according to the Linked Data Principles. Cognitive Process is based on bpmn.io, an open source project by Camunda. Bpmn.io is an JavaScript renderer that allows to model BPMN processes and checks the syntax. Page Forms is used to facilitate the input of information for each element.

Note: When labelling shapes, the label is only saved after the cursor focus has left the shape. Clicking outside the shape will apply the label to the shape.

new shape label

Technical Information

This information applies to BlueSpice 4. Technical details for BlueSpice cloud can differ in some cases.

Requirements

MediaWiki: 1.39.0

PageForms: 5.4

Integrates into

CognitiveProcessDesigner
ContentDroplets

Special pages

Permissions

Name	Description	Role
cognitiveprocessdesigner-editbpmn	Edit BPMN diagrams	admin, editor, maintenanceadmin

Configuration

Name	Value
CPDEntityElementTypes	array ( 0 => 'bpmn:Task', 1 => 'BPMN Task', 2 => 'Activity', )
CPDHappyPathSMWPropertyName	'Bpmn_isHappyPath'

API Modules

cpd-delete-orphaned-elements
cpd-save-diagram-elements

Hooks

Accessibility

Test status:	2-testing complete
Checked for:	Web, Authoring tool
Last test date:	2022-08-09
WCAG level:	AA
WCAG support:	does not support (workaround: no)
Comments:	Authoring tool: drag and drop, since it is a visual tool Web: no good keyboard support, no screenreader accessibility. See also: https://forum.bpmn.io/t/how-to-make-modeler-keyboard-accessible/5996/6 https://github.com/bpmn-io/diagram-js/labels/a11y
Extension type:	extended
Extension focus:	editor

@@ Line 1: / Line 1: @@
 {{BSExtensionInfo
-|desc=Draw BPMN processes with a graphical user interface in Semantic MediaWiki
 |status=stable
 |developer=Tobias Weller, Maria Maleshkova, Alexander Pinchuk
 |type=MediaWiki
-|edition=BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
+|edition=BlueSpice pro, BlueSpice farm, BlueSpice cloud
 |compatible=MediaWiki
 |category=Rich Articles
+|docu=https://www.mediawiki.org/wiki/Extension:Cognitive_Process_Designer
+|features=<span style="color: rgb(32, 33, 34)">The</span> '''Cognitive Process Designer''' <span style="color: rgb(32, 33, 34)">extension supports the creation, importing, exporting and annotating of BPMN (Business Process Model and Notation) processes by using an intuitive GUI (graphical user interface). Each element (node and edge) is represented by its own wiki page, which publishes the information according to the</span> [https://www.w3.org/DesignIssues/LinkedData.html Linked Data Principles]<span style="color: rgb(32, 33, 34)">. Cognitive Process is based on</span> [https://bpmn.io/ bpmn.io]<span style="color: rgb(32, 33, 34)">, an open source project by</span> [https://camunda.com/ Camunda]<span style="color: rgb(32, 33, 34)">. Bpmn.io is an JavaScript renderer that allows to model BPMN processes and checks the syntax.</span> [[mediawikiwiki:Extension:Page Forms{{!}}Page Forms]] <span style="color: rgb(32, 33, 34)">is used to facilitate the input of information for each element.</span>
+'''Note:'''  When labelling shapes, the label is only saved after the cursor focus has left the shape. Clicking outside the shape will apply the label to the shape.
+[[File:CPD shape label.png{{!}}thumb{{!}}300x300px{{!}}alt=highlighted shape with new unapplied label{{!}}new shape label{{!}}none]]
+|desc=Draw BPMN processes with a graphical user interface in Semantic MediaWiki
 |license=Apache license 2.0
-|docu=https://www.mediawiki.org/wiki/Extension:Cognitive_Process_Designer
-|features=<span style="color: rgb(32, 33, 34)">The</span> '''Cognitive Process Designer''' <span style="color: rgb(32, 33, 34)">extension supports the creation, importing, exporting and annotating of BPMN (Business Process Model and Notation) processes by using an intuitive GUI (graphical user interface). Each element (node and edge) is represented by its own wiki page, which publishes the information according to the</span> [https://www.w3.org/DesignIssues/LinkedData.html Linked Data Principles]<span style="color: rgb(32, 33, 34)">. Cognitive Process is based on</span> [https://bpmn.io/ bpmn.io]<span style="color: rgb(32, 33, 34)">, an open source project by</span> [https://camunda.com/ Camunda]<span style="color: rgb(32, 33, 34)">. Bpmn.io is an JavaScript renderer that allows to model BPMN processes and checks the syntax.</span> [[mediawikiwiki:Semantic_Forms{{!}}Semantic Forms]] <span style="color: rgb(32, 33, 34)">is used to facilitate the input of information for each element.</span>
 }}
 {{wcagCheck
@@ Line 22: / Line 25: @@
 Web: no good keyboard support, no screenreader accessibility.
-See also developer discussion here:
+See also:
 https://forum.bpmn.io/t/how-to-make-modeler-keyboard-accessible/5996/6
+https://github.com/bpmn-io/diagram-js/labels/a11y
 |extensionType=extended
 |extensionFocus=editor
 }}

Reference:CognitiveProcessDesigner: Difference between revisions