Reference:CognitiveProcessDesigner: Difference between revisions

(Created page with "{{BSExtensionInfobox |desc=Draw BPMN processes with a graphical user interface in Semantic MediaWiki |status=stable |developer=Tobias Weller, Maria Maleshkova, Alexander Pinch...")
Tag: 2017 source edit
 
No edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{BSExtensionInfobox
{{BSExtensionInfo
|desc=Draw BPMN processes with a graphical user interface in Semantic MediaWiki
|status=stable
|status=stable
|developer=Tobias Weller, Maria Maleshkova, Alexander Pinchuk
|developer=Tobias Weller, Maria Maleshkova, Alexander Pinchuk
|type=MediaWiki
|type=MediaWiki
|edition=BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
|edition=BlueSpice pro, BlueSpice farm, BlueSpice cloud
|compatible=MediaWiki
|compatible=MediaWiki
|category=Quality assurance
|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
|license=Apache license 2.0
|docu=https://www.mediawiki.org/wiki/Extension:Cognitive_Process_Designer
}}
}}
<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
|wcagStatus=2-testing complete
|wcagCheckedfor=Web, Authoring tool
|wcagTestdate=2022-08-09
|wcagLevel=AA
|wcagSupport=does not support
|wcagWorkaround=no
|wcagComments=Authoring tool: drag and drop, since it is a visual tool


Web: no good keyboard support, no screenreader accessibility.


See also:


[[Category:Extension]]
https://forum.bpmn.io/t/how-to-make-modeler-keyboard-accessible/5996/6
{{translation}}
 
https://github.com/bpmn-io/diagram-js/labels/a11y
|extensionType=extended
|extensionFocus=editor
}}

Latest revision as of 11:29, 6 November 2024

Extension: CognitiveProcessDesigner

all extensions

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.

highlighted shape with new unapplied label
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