diff --git a/tutorial/bonita/03-add-bdm/05-access-to-bdm.png b/tutorial/bonita/03-add-bdm/05-access-to-bdm.png index c3ad61ad..68516717 100644 Binary files a/tutorial/bonita/03-add-bdm/05-access-to-bdm.png and b/tutorial/bonita/03-add-bdm/05-access-to-bdm.png differ diff --git a/tutorial/bonita/04-add-bpmn-model.html b/tutorial/bonita/04-add-bpmn-model.html index 607d28c8..3eb3cf42 100644 --- a/tutorial/bonita/04-add-bpmn-model.html +++ b/tutorial/bonita/04-add-bpmn-model.html @@ -83,21 +83,21 @@

Add Process Model Elements

Add next element by clicking on it, then select what element you want to add (activities, gateways, and events,...).
- +
  • You can also change the activity type by clicking on the activity and the on the setting icon, and select the type you need.
    - +

  • You can also change the gateways type by clicking on the gateway and the on the setting icon, and select the type you need.
    - +

  • diff --git a/tutorial/bonita/06-implementation.html b/tutorial/bonita/06-implementation.html index edf2e01c..a3272050 100644 --- a/tutorial/bonita/06-implementation.html +++ b/tutorial/bonita/06-implementation.html @@ -23,13 +23,227 @@

    Exercice 2 (d):
    - -

    Testing for your tool

    - You can access the tool using the following link http://localhost:3000/#/usr/src/app/workspace + +

    Impementation overview

    + In Bonita studio, you have different steps that need to be done to execute the model. To add data to an + activity, you should click on the activity and then in the "Execution" tab, you can find all information can be + used during the execution of the activity. +
    + +
    + In this tutorial, we will focus on the "Contract", "Form", and "Operations". +
    +
      +
    1. + Contract: is the place where you can add attributes that connect to a form, to retreive inputs + from a user. This data inputs are used late within the "Operations". +
      2. +
    2. + Form: where we can define a form that connected to the "Contract". +
      3. +
    3. + Operations: An operation updates the value of a variable after and activity is performed. + Operations are executed in the order they are listed.
      + The left operand is the variable need to change, the right operand is the value. Also, you can find + different operator type, such as, "Takes value of" to get value of the right operand, "Use a Java + method" to use a java method for the business data, ... +
      + +
      + Within the script you can access the contract, the business variable and the process variable. +
      + +
      +
      4. +
    +
    + +

    Impementation of the process model

    + In this exercice, you should start by the implementation phase. The first step is to define in to define the + contacts and the operations, and late to add forms. +
    +

    Process description

    + A user fills a procurement request (summary and description) and identify a supplier. This request is sent to + the supplier for quotation. The supplier should add the following inforamtion to the quotation: price, comments, + if he is accept or no. The status of quotation will automatically changed to completed. + After completed, the quotations are sent back to the requestor for review and selection. Before starting the + review process, the status of the request will be changed to "pending for review". In the review quotation, the + requestor should accept or reject the quotation. And finally based on the decision of the requestor, the request + status changed to completed or abort. + To effectively implement the process, developer must understand how the information is conceptually structured + and arranged within each class (suppliers, quotation and request) and how the process interacts with it. +
    +
    +

    Add contacts & operations

    +
    + You need to start to add the data to each activity: +
      +
    1. + Activity "Create request and select supplier" +
      +
      + We have in this activity 2 main object that we need to create +
        +
      • + Request within the summary nad the description. +
        • +
      • + Quotation within the create request and selected supplier +
        • +
      + Therefore, we need to get the information of the request from the user, also the supplier should be + selected + from the database before create the new quotation. +
      + So, in Bonita the data from the user are presented in contract => we have 3 contract objects, such as, + description and summary of the request, and the supplier full name to get the supplier object from the + database. +
      + +
      + After adding the contract, we can add the data operation to create new request and then new quotation + connected to the request object and to a supplier object. +
      + +
      + Within the first script you should get the information from the contracts (description and summary) to + create new request. +
      + +
      + Within the second script you should get the supplier based on the supplierName from the contracts then + create a quotation that connected to request and supplier. +
      + +
      +
      2. +
      + +
    2. + Activity "Complete quotation" +
      + In this activity, the supplier (presented by the lane) should add the informations about the quotation, + which + means that this activity is to update the quotation that created in the first activity. +
      + From the process description, find the data object of this activity. +
      + An example of one of the information need to be added to this activity. +
      + +
      + +
      + You should get other data information from the process description and add within the activity. +
      3. +
    3. + Activity "Update request status" +
      + Extract the data information of this activity from the process description, the add to this activity. +
      4. +
    4. + Activity "Review quotation" +
      + We have in this activity one contract. +
      + + This activity can be modeled in two way: +
        +
      1. + This first way is only to review the request and update if it accepted or not. Then, use the + request attribute (isAccepted) to take a decision. +
        + +
        2. +
      2. + In other way, we can define the process variable, which will be used later in the gateway and + then update the request if it acceted or not. +
        + +
        3. +
      +
      5. +
    5. + Gateway after the activity "Review quotation" +
      + The conditions are added to the sequence flow after the gateway. +
      + click on the sequence flow, then click on "General" and then add the expression (conditions). +
      + +
      + The expression should be defined based on a variable already defined in the activities, yf you used the + the second way in define the process variable (isAccepted) in the last activity, the + conditions (script) should be: +
      + +
      + in other way, you should add the variable you are based on to define the condition (like, attribute of + business data). +
      6. +
    6. + Activity "Complete request" +
      + Extract the data information of this activity from the process description, the add to this activity. +
      7. +
    7. + Activity "Abort request" +
      + Extract the data information of this activity from the process description, the add to this activity. +
      8. +
    +
    +
    +

    Add forms

    + You should add form only for the activity with type "Human". +
    +
      +
    1. + Activity "Create request and select supplier" + After select the activity, go to the "Execution" tab, and then within the "Form" click on edit icon. +
      + +
      + Now, you can edit the name of the form, and save. +
      + +
      + In this example, you should add the list of the supplier, by click on the database icon, then add + supplier. Then, click on find to get all the list of suppliers from the BDM. +
      + +
      + Now, you should change the output to return the selected full name of the supplier. +
      + +
      + You should change this output +
      + +
      + to the output new output (fullName selected by the user, not added by hand). +
      + +
      + For the other activities, you dont need to add data from the database, you can only generate a form and + change the name of the form. +
      2. +
    2. + Activity "Complete quotation" +
      + Add form for this activity. +
      3. +
    3. + Activity "Review quotation" +
      + Add form for this activity. +
      4. +
    +

    Next exercice

    - +
    diff --git a/tutorial/bonita/06-implementation/01-data.png b/tutorial/bonita/06-implementation/01-data.png new file mode 100644 index 00000000..46168b45 Binary files /dev/null and b/tutorial/bonita/06-implementation/01-data.png differ diff --git a/tutorial/bonita/06-implementation/02-operations.png b/tutorial/bonita/06-implementation/02-operations.png new file mode 100644 index 00000000..d3c8430b Binary files /dev/null and b/tutorial/bonita/06-implementation/02-operations.png differ diff --git a/tutorial/bonita/06-implementation/03-script.png b/tutorial/bonita/06-implementation/03-script.png new file mode 100644 index 00000000..91055624 Binary files /dev/null and b/tutorial/bonita/06-implementation/03-script.png differ diff --git a/tutorial/bonita/06-implementation/04-operator-type.png b/tutorial/bonita/06-implementation/04-operator-type.png new file mode 100644 index 00000000..eb995fd5 Binary files /dev/null and b/tutorial/bonita/06-implementation/04-operator-type.png differ diff --git a/tutorial/bonita/06-implementation/05-activity-contract.png b/tutorial/bonita/06-implementation/05-activity-contract.png new file mode 100644 index 00000000..a5e97aab Binary files /dev/null and b/tutorial/bonita/06-implementation/05-activity-contract.png differ diff --git a/tutorial/bonita/06-implementation/06-activity-operation.png b/tutorial/bonita/06-implementation/06-activity-operation.png new file mode 100644 index 00000000..d65822a0 Binary files /dev/null and b/tutorial/bonita/06-implementation/06-activity-operation.png differ diff --git a/tutorial/bonita/06-implementation/07-activity-script1.png b/tutorial/bonita/06-implementation/07-activity-script1.png new file mode 100644 index 00000000..021b9b0b Binary files /dev/null and b/tutorial/bonita/06-implementation/07-activity-script1.png differ diff --git a/tutorial/bonita/06-implementation/08-activity-script2.png b/tutorial/bonita/06-implementation/08-activity-script2.png new file mode 100644 index 00000000..0e1121b2 Binary files /dev/null and b/tutorial/bonita/06-implementation/08-activity-script2.png differ diff --git a/tutorial/bonita/06-implementation/09-activity2-contract.png b/tutorial/bonita/06-implementation/09-activity2-contract.png new file mode 100644 index 00000000..52353fa2 Binary files /dev/null and b/tutorial/bonita/06-implementation/09-activity2-contract.png differ diff --git a/tutorial/bonita/06-implementation/10-activity2-operation.png b/tutorial/bonita/06-implementation/10-activity2-operation.png new file mode 100644 index 00000000..dadfcd58 Binary files /dev/null and b/tutorial/bonita/06-implementation/10-activity2-operation.png differ diff --git a/tutorial/bonita/06-implementation/11-gateway.png b/tutorial/bonita/06-implementation/11-gateway.png new file mode 100644 index 00000000..a8a9fa1d Binary files /dev/null and b/tutorial/bonita/06-implementation/11-gateway.png differ diff --git a/tutorial/bonita/06-implementation/12-gateway-expression.png b/tutorial/bonita/06-implementation/12-gateway-expression.png new file mode 100644 index 00000000..5bc06991 Binary files /dev/null and b/tutorial/bonita/06-implementation/12-gateway-expression.png differ diff --git a/tutorial/bonita/06-implementation/13-activity3-contract.png b/tutorial/bonita/06-implementation/13-activity3-contract.png new file mode 100644 index 00000000..4443fc96 Binary files /dev/null and b/tutorial/bonita/06-implementation/13-activity3-contract.png differ diff --git a/tutorial/bonita/06-implementation/14-activity3-operation1.png b/tutorial/bonita/06-implementation/14-activity3-operation1.png new file mode 100644 index 00000000..876616c2 Binary files /dev/null and b/tutorial/bonita/06-implementation/14-activity3-operation1.png differ diff --git a/tutorial/bonita/06-implementation/15-activity3-operation2.png b/tutorial/bonita/06-implementation/15-activity3-operation2.png new file mode 100644 index 00000000..6b4dba92 Binary files /dev/null and b/tutorial/bonita/06-implementation/15-activity3-operation2.png differ diff --git a/tutorial/bonita/06-implementation/16-form.png b/tutorial/bonita/06-implementation/16-form.png new file mode 100644 index 00000000..c7f4bb92 Binary files /dev/null and b/tutorial/bonita/06-implementation/16-form.png differ diff --git a/tutorial/bonita/06-implementation/17-form-design.png b/tutorial/bonita/06-implementation/17-form-design.png new file mode 100644 index 00000000..77a1f2d5 Binary files /dev/null and b/tutorial/bonita/06-implementation/17-form-design.png differ diff --git a/tutorial/bonita/06-implementation/18-add-supplier.png b/tutorial/bonita/06-implementation/18-add-supplier.png new file mode 100644 index 00000000..003970a3 Binary files /dev/null and b/tutorial/bonita/06-implementation/18-add-supplier.png differ diff --git a/tutorial/bonita/06-implementation/19-edit-output.png b/tutorial/bonita/06-implementation/19-edit-output.png new file mode 100644 index 00000000..df5fabe7 Binary files /dev/null and b/tutorial/bonita/06-implementation/19-edit-output.png differ diff --git a/tutorial/bonita/06-implementation/20-change-output.png b/tutorial/bonita/06-implementation/20-change-output.png new file mode 100644 index 00000000..48ed295c Binary files /dev/null and b/tutorial/bonita/06-implementation/20-change-output.png differ diff --git a/tutorial/bonita/06-implementation/21-new-value.png b/tutorial/bonita/06-implementation/21-new-value.png new file mode 100644 index 00000000..134fd625 Binary files /dev/null and b/tutorial/bonita/06-implementation/21-new-value.png differ diff --git a/tutorial/bonita/07-execution.html b/tutorial/bonita/07-execution.html index a0146f3b..a5537060 100644 --- a/tutorial/bonita/07-execution.html +++ b/tutorial/bonita/07-execution.html @@ -18,18 +18,82 @@
    -

    Exercice 2 (e): Execution of the process model

    +

    Exercice 2 (e): Execution of the process + model

    This exercice is to execute the process model.

    - -

    Testing for your tool

    - You can access the tool using the following link http://localhost:3000/#/usr/src/app/workspace + + This is the last part to execute the process model, in this example we does not create groups for requestors and + supplier, we use the same actor and same users within all the process. +

    Define lane actors

    + Click on the lane, then within "General" tab, click on "Actors" and select the existing actor. +
    + +
    +
    +

    Actors configuration

    + Click on the "Configuration", click on "Groups", select "/acme" to get all the users groups, then click on + "finish" and click on "Finish" to save the configuration. +
    + +
    +
    + +
    +
    + +
    + Now you are ready to execute the process model. +
    +
    + +

    Process execution

    +
      +
    1. + To execute the process model, click on "Run". +
      + +
      2. +
    2. + Your browser will be automatically opened, then start a new process an then click on "Tasks". +
      + +
      3. +
    3. + Select a task, and click on "Take" +
      + +
      4. +
    4. + Fill the form, and click on "submit". +
      + +
      5. +
    5. + Refresh the task, select the next task and continue the process until it finishes. +
      + +
      6. + +
    6. + You can validate the Done Tasks to make sure that all is good. +
      + +
      7. +
    7. + Or you can open the DBM and validate the data stored within it. +
      + +
      + Then select a quotation or request to comfirm that the data are stored within the DBM. +
      8. +


    Next exercice

    - +
    diff --git a/tutorial/bonita/07-execution/01-select-lane-actor.png b/tutorial/bonita/07-execution/01-select-lane-actor.png new file mode 100644 index 00000000..407720b3 Binary files /dev/null and b/tutorial/bonita/07-execution/01-select-lane-actor.png differ diff --git a/tutorial/bonita/07-execution/02-configuration.png b/tutorial/bonita/07-execution/02-configuration.png new file mode 100644 index 00000000..a382468d Binary files /dev/null and b/tutorial/bonita/07-execution/02-configuration.png differ diff --git a/tutorial/bonita/07-execution/03-add-group.png b/tutorial/bonita/07-execution/03-add-group.png new file mode 100644 index 00000000..a5c7093e Binary files /dev/null and b/tutorial/bonita/07-execution/03-add-group.png differ diff --git a/tutorial/bonita/07-execution/04-select-group.png b/tutorial/bonita/07-execution/04-select-group.png new file mode 100644 index 00000000..778e03e3 Binary files /dev/null and b/tutorial/bonita/07-execution/04-select-group.png differ diff --git a/tutorial/bonita/07-execution/05-run.png b/tutorial/bonita/07-execution/05-run.png new file mode 100644 index 00000000..2239b4a2 Binary files /dev/null and b/tutorial/bonita/07-execution/05-run.png differ diff --git a/tutorial/bonita/07-execution/06-start-process.png b/tutorial/bonita/07-execution/06-start-process.png new file mode 100644 index 00000000..2fd13677 Binary files /dev/null and b/tutorial/bonita/07-execution/06-start-process.png differ diff --git a/tutorial/bonita/07-execution/07-select-task.png b/tutorial/bonita/07-execution/07-select-task.png new file mode 100644 index 00000000..de5abe2d Binary files /dev/null and b/tutorial/bonita/07-execution/07-select-task.png differ diff --git a/tutorial/bonita/07-execution/08-fill-form.png b/tutorial/bonita/07-execution/08-fill-form.png new file mode 100644 index 00000000..70c30696 Binary files /dev/null and b/tutorial/bonita/07-execution/08-fill-form.png differ diff --git a/tutorial/bonita/07-execution/08-refresh.png b/tutorial/bonita/07-execution/08-refresh.png new file mode 100644 index 00000000..aba1cbac Binary files /dev/null and b/tutorial/bonita/07-execution/08-refresh.png differ diff --git a/tutorial/bonita/07-execution/09-validate.png b/tutorial/bonita/07-execution/09-validate.png new file mode 100644 index 00000000..15ba896b Binary files /dev/null and b/tutorial/bonita/07-execution/09-validate.png differ diff --git a/tutorial/bonita/07-execution/10-validation-bdm.png b/tutorial/bonita/07-execution/10-validation-bdm.png new file mode 100644 index 00000000..68516717 Binary files /dev/null and b/tutorial/bonita/07-execution/10-validation-bdm.png differ diff --git a/tutorial/df-bpmn/04-modeling.html b/tutorial/df-bpmn/04-modeling.html index 77d0c7b1..ad5e1c1e 100644 --- a/tutorial/df-bpmn/04-modeling.html +++ b/tutorial/df-bpmn/04-modeling.html @@ -23,14 +23,273 @@

    Exercice 2 (b):
    - -

    - - +

    BPMN to process model in the tool

    + In this exercice, you need to create the BPMN model bellow in the DF-BPMN tool, including the data flow of each + activity. In this exercice, we will start by explain where you can find the elements of the process model. Then, + you should able to add activities and data within each activity. +
    + +
    +
    +

    DF-BPMN symbols

    + +

    + This symbols represent the data flow of each activity.
    + There are different data types: +
      +
    • Data object there are the process variabels that used during the execution phase.
      • +
    • Data store there are the business data that used stored or retreived from the database (BDM + within Bonita studio).
      • +
    • Data user there are the data need to read from the user to continue the activity tasks (Fill + information from user to used within the process model).
      • +
    • Data system there are the data that read or send to a server system (Like, auto-sending email, + auto check the calender).
      • +
    + The icon of the data object is to present the data types.
    + (a),(c), (e), (f) and (g) are input data where: +
      +
    • (a): is a simple data input. This input object has name, type, also can attached by attributes. The + object type can be simple type like string, integer, ... or complex type like the UML object name + (Request in this example).
      • +
    • (c): is a multi-instance data input. This input object also has name, type, also can attached by + attributes, But it use to present multi-instance object or list of oject from the same data type
      • +
    • (e) and (f): are two data object depend on each other. if we have (e), it should be connected to (f). + (e) used to indicate that we need data from a list of from the database. However, (f) is to present that + the user need to select one (or more) object from the database. +
      • +
    • (g): is a static data input. This input object has name, type, and value. This data object is to present + a fix value that we need to use within our model.
      • +
    +
    + (b), and (d) are output data where: +
      +
    • + (b): is a simple data output object. This output object has name, type, also can attached by attributes, + indeed to a state to present the opeartion on this object. The + object type can be simple type like string, integer, ... or complex type like the UML object name + (Request in this example). +
      + State can be: +
        +
      1. init: for the creation of new data object.
        2. +
      2. read: for the read a data object.
        3. +
      3. delete: for the delete a data object.
        4. +
      4. update: for the update a data object.
        5. +
      +
      • +
    • + (d): is a multi-instance data output object. This output object has name, type, also can attached by + attributes, + indeed to a state to present the opeartion on this object. +
      • +
    +
    + (h) : is the data processing operator that present the complex data operation like sum, conditions etc. +
    + This operator is connected to the data input and data output object. +
    +
    + (i): is the flow that connect the inputs by the outputs. Also we can connect the outputs by the outputs and + connect the data operator to input and output. +
    +
    +

    Pool and Lane

    +
      + After open your project (double click on project file name), you can start the modelling. You can find all + the elements in "Palette". +
    1. + From the "Palette", click on "Pool", and then click on the whitespace to add the pool. +
      + +
      2. +
    2. + Then, we should add the lane of our process model. We can do that by click on "Lane" (find it in the + "palette") and then click on + the name of the "name of your pool to add new lane. +
      + +
      3. +
    3. + Then, to change the Pool name, click on the pool (on pool name), then, you should open the panel + properties, then in + "General" tab, you can change the name of your pool. +
      + +
      4. +
    4. + Then, to change the Lane name, click on the pool (on pool name), then, you should open the panel + properties, then in + "Lanes" tab, you can change the name of your lanes (it is a list of all your lanes in the selected + pool). +
      + +
      5. +
    +

    Add Process Model Elements

    +
      +
    1. + You can find all the process elements in the "palette". In the DF-BPMN tool, we propose to add an + activity and + then add directly the data element of it. This helpfull for reducing the time of expanding the activity. +
      + +
      2. +
    2. + From the property panel, you can change the name of the activity, also you can expand and collapse an + activity. +
      + +
      3. +
    + +

    Add data within the activity

    +
      +
    1. + Before adding the data to the activity, make sure that the activity is expanded. Then, you can change + the size of it based on your needs. +
      + +
      2. +
    2. + All the data can be found within the panel. You can select the data object you need and then add to the + activity. +
      + +
      3. +
    3. + you can change the name of the data object from the property panel, also you can change the type, and + the state in case of output object. +
      + +
      4. + +
    4. + In other case (is not included in this example), you can add the data processing operator. this operator + is to define a specific data operations like sum,.... +
      + Todo that, after add the data processing operator, and connect it to the data object inputs and outputs, + you should add the description of the operator, by open the property panel, and then within the + documents you can add the description using your own world. + Following by click on the "Generate Behavior". To express the data operations in other language (after + few seconds), that used late to be code in the next exercice. +
      + +
      5. +
    + +

    Add data to the following activtiy

    + In this exercice, you need to create a process model using DF-BPMN tool, also to add the data of + each activity. + You have some hints for the activities you want to create, dont forget to add sequence flow between activities. +
    +

    Process description

    + A user fills a procurement request (summary and description) and identify a supplier. This request is sent to + the supplier for quotation. The supplier should add the following inforamtion to the quotation: price, comments, + if he is accept or no. The status of quotation will automatically changed to completed. + After completed, the quotations are sent back to the requestor for review and selection. Before starting the + review process, the status of the request will be changed to "pending for review". In the review quotation, the + requestor should accept or reject the quotation. And finally based on the decision of the requestor, the request + status changed to completed or abort. + To effectively implement the process, developer must understand how the information is conceptually structured + and arranged within each class (suppliers, quotation and request) and how the process interacts with it. +
    +
    +
      +
    1. + Activity "Create request and select supplier" +
      + We have in this activity 2 main object that we need to create +
        +
      • + Request within the summary nad the description. +
        • +
      • + Quotation within the create request and selected supplier +
        • +
      +
      2. + + Therefore, we need to get the information of the request from the user, also the supplier should be selected + from the database before create the new quotation. +
      + This activity with the data is the activity that express all this information. Please add it to your process + model. +
      + +
    2. + Activity "Complete quotation" +
      + In this activity, the supplier (presented by the lane) should add the informations about the quotation, + which + means that this activity is to update the quotation that created in the first activity. +
      + From the process description, find the data object of this activity. +
      + Note: in the first activity you define "quotation" you should use the same name of the data object in + all the process model to refere the same data object. +
      + Hint: in this activity, you have 3 data user inputs and on static input, and you have one data object + output with 4 attributes. +
      + Add the data within this activity in you model. +
      3. +
      +
    3. + Activity "Update request status" +
      + Add this activity after extract the data information from the process description. +
      4. +
    4. + Activity "Review quotation" +
      + After this activity, there is a gateway, therefore, we can add a process variable to use it late in take + a dicision after the gateway. +
      + This activity can be modeled in two way: +
        +
      1. + This first way is only to review the request and update if it accepted or not. Then, use the + request attribute (isAccepted) to take a decision. +
        + +
        2. +
      2. + In other way, we can define the process variable, which will be used later in the gateway and + then update the request if it acceted or not. +
        + +
        3. +
      +
      + Add this activity to your model. +
      + Note: You should always use the same name of the data that you are used before "request". +
      5. +
      +
    5. + Activity "Complete request" +
      + Add this activity, and extract the data information from the process description. +
      + Note: You should always use the same name of the data that you are used before. +
      6. +
      +
    6. + Activity "Abort request" +
      + Add this activity, and extract the data information from the process description. +
      + Note: You should always use the same name of the data that you are used before. +
      7. +
      +
    +
    + At the final of this excercice, you should have all the activity illustrated in the process model (BPMN to + DF-BPMN tool), indeed, to the data operations within each activity.

    Next exercice

    - +
    diff --git a/tutorial/df-bpmn/04-modeling/01-df-bpmn-symbol.png b/tutorial/df-bpmn/04-modeling/01-df-bpmn-symbol.png new file mode 100644 index 00000000..cf0a9d55 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/01-df-bpmn-symbol.png differ diff --git a/tutorial/df-bpmn/04-modeling/02-add-pool.png b/tutorial/df-bpmn/04-modeling/02-add-pool.png new file mode 100644 index 00000000..3b613ad4 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/02-add-pool.png differ diff --git a/tutorial/df-bpmn/04-modeling/03-add-lane.png b/tutorial/df-bpmn/04-modeling/03-add-lane.png new file mode 100644 index 00000000..280fec73 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/03-add-lane.png differ diff --git a/tutorial/df-bpmn/04-modeling/04-change-pool-name.png b/tutorial/df-bpmn/04-modeling/04-change-pool-name.png new file mode 100644 index 00000000..99f13335 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/04-change-pool-name.png differ diff --git a/tutorial/df-bpmn/04-modeling/05-change-lane-name.png b/tutorial/df-bpmn/04-modeling/05-change-lane-name.png new file mode 100644 index 00000000..cb66e122 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/05-change-lane-name.png differ diff --git a/tutorial/df-bpmn/04-modeling/06-process-element.png b/tutorial/df-bpmn/04-modeling/06-process-element.png new file mode 100644 index 00000000..0dc8fb65 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/06-process-element.png differ diff --git a/tutorial/df-bpmn/04-modeling/07-data-element.png b/tutorial/df-bpmn/04-modeling/07-data-element.png new file mode 100644 index 00000000..667973b7 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/07-data-element.png differ diff --git a/tutorial/df-bpmn/04-modeling/08-activitypanel.png b/tutorial/df-bpmn/04-modeling/08-activitypanel.png new file mode 100644 index 00000000..5b9d6fd6 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/08-activitypanel.png differ diff --git a/tutorial/df-bpmn/04-modeling/09-data-panel.png b/tutorial/df-bpmn/04-modeling/09-data-panel.png new file mode 100644 index 00000000..f24119dc Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/09-data-panel.png differ diff --git a/tutorial/df-bpmn/04-modeling/09-gherkin.png b/tutorial/df-bpmn/04-modeling/09-gherkin.png new file mode 100644 index 00000000..43a17a4b Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/09-gherkin.png differ diff --git a/tutorial/df-bpmn/04-modeling/10-create-request.png b/tutorial/df-bpmn/04-modeling/10-create-request.png new file mode 100644 index 00000000..320c0191 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/10-create-request.png differ diff --git a/tutorial/df-bpmn/04-modeling/16-review-quotation.png b/tutorial/df-bpmn/04-modeling/16-review-quotation.png new file mode 100644 index 00000000..3e98640c Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/16-review-quotation.png differ diff --git a/tutorial/df-bpmn/04-modeling/17-review-quotation2.png b/tutorial/df-bpmn/04-modeling/17-review-quotation2.png new file mode 100644 index 00000000..f17df640 Binary files /dev/null and b/tutorial/df-bpmn/04-modeling/17-review-quotation2.png differ diff --git a/tutorial/df-bpmn/05-convert-to-bonita.html b/tutorial/df-bpmn/05-convert-to-bonita.html index 93cb710c..4937f5f5 100644 --- a/tutorial/df-bpmn/05-convert-to-bonita.html +++ b/tutorial/df-bpmn/05-convert-to-bonita.html @@ -25,8 +25,81 @@

    Exercice 2 (c):
    -

    - + After add all the data elements to the activities, now your process is ready to convert to Bonita studio to be + executed. +
    +

    Convert to Bonita

    +
      +
    1. Before convert to Bonita studio, if you have data processing operator you should validate the the + Behavior of the code is generated.
      + Note: in this example your are not used the data processing operator. +
      + +
      + If the behavior is not generated, you should click on the "generate behavior" and what for some seconds + and revalidate the behavior. +
      + +
      +
      2. +
    2. + To export to Bonita, click on withspace, in "Bonita integration" tab, add the name of the exported + project, and click "export", it should take some seconds or some minutes. +
      + +
      3. +
    3. + You can find a new process diagram within your project in Bonita studio. If the project does not found, + you can refresh the bonita project. +
      + +
      4. +
    +
    +
    + After Converting DF-BPMN to Bonita, there are manual implementation you should do before the execution. +
    +
    +

    Define Gateways Conditions

    +
      +
    1. + Gateway after the activity "Review quotation" +
      + The conditions are added to the sequence flow after the gateway. +
      + click on the sequence flow, then click on "General" and then add the expression (conditions). +
      + +
      + The expression should be defined based on a variable already defined in the activities, yf you used the + the second way in define the process variable (isAccepted) in the last activity, the + conditions (script) should be: +
      + +
      + in other way, you should add the variable you are based on to define the condition (like, attribute of + business data). +
      2. +
    +
    +
    +

    Add forms

    + You should add form only for the activity with type "Human". +
    +
      +
    1. + Activity "Create request and select supplier" +
      +
      2. +
    2. + Activity "Complete quotation" +
      +
      3. +
    3. + Activity "Review quotation" +
      +
      4. +


    Next exercice

    diff --git a/tutorial/df-bpmn/05-convert-to-bonita/01-gherkin.png b/tutorial/df-bpmn/05-convert-to-bonita/01-gherkin.png new file mode 100644 index 00000000..d79eb4dc Binary files /dev/null and b/tutorial/df-bpmn/05-convert-to-bonita/01-gherkin.png differ diff --git a/tutorial/df-bpmn/05-convert-to-bonita/02-gherkin.png b/tutorial/df-bpmn/05-convert-to-bonita/02-gherkin.png new file mode 100644 index 00000000..1a4826c1 Binary files /dev/null and b/tutorial/df-bpmn/05-convert-to-bonita/02-gherkin.png differ diff --git a/tutorial/df-bpmn/05-convert-to-bonita/03-export.png b/tutorial/df-bpmn/05-convert-to-bonita/03-export.png new file mode 100644 index 00000000..246843da Binary files /dev/null and b/tutorial/df-bpmn/05-convert-to-bonita/03-export.png differ diff --git a/tutorial/df-bpmn/05-convert-to-bonita/04-in-bonita.png b/tutorial/df-bpmn/05-convert-to-bonita/04-in-bonita.png new file mode 100644 index 00000000..9b899f79 Binary files /dev/null and b/tutorial/df-bpmn/05-convert-to-bonita/04-in-bonita.png differ diff --git a/tutorial/df-bpmn/06-execution.html b/tutorial/df-bpmn/06-execution.html index b589de83..33447590 100644 --- a/tutorial/df-bpmn/06-execution.html +++ b/tutorial/df-bpmn/06-execution.html @@ -18,17 +18,142 @@
    -

    Exercice 2 (d): Execution of the process model

    +

    Exercice 2 (d): Execution of the process + model

    This exercice is to execute the process model.

    - -

    - +

    Define lane actors

    + Click on the lane, then within "General" tab, click on "Actors" and select the existing actor.
    + +
    +
    +

    Actors configuration

    + Click on the "Configuration", click on "Groups", select "/acme" to get all the users groups, then click on + "finish" and click on "Finish" to save the configuration. +
    + +
    +
    + +
    +
    + +
    + Now you are ready to execute the process model. +
    +
    + +

    Process execution

    +
      +
    1. + To execute the process model, click on "Run". +
      + +
      2. +
    2. + Your browser will be automatically opened, then start a new process an then click on "Tasks". +
      + +
      3. +
    3. + Select a task, and click on "Take" +
      + +
      4. +
    4. + Fill the form, and click on "submit". +
      + +
      5. +
    5. + Refresh the task, select the next task and continue the process until it finishes. +
      + +
      6. + +
    6. + You can validate the Done Tasks to make sure that all is good. +
      + +
      7. +
    7. + Or you can open the DBM and validate the data stored within it. +
      + +
      + Then select a quotation or request to comfirm that the data are stored within the DBM. +
      8. +

    Define lane actors

    + Click on the lane, then within "General" tab, click on "Actors" and select the existing actor. +
    + +
    +
    +

    Actors configuration

    + Click on the "Configuration", click on "Groups", select "/acme" to get all the users groups, then click on + "finish" and click on "Finish" to save the configuration. +
    + +
    +
    + +
    +
    + +
    + Now you are ready to execute the process model. +
    +
    + +

    Process execution

    +
      +
    1. + To execute the process model, click on "Run". +
      + +
      2. +
    2. + Your browser will be automatically opened, then start a new process an then click on "Tasks". +
      + +
      3. +
    3. + Select a task, and click on "Take" +
      + +
      4. +
    4. + Fill the form, and click on "submit". +
      + +
      5. +
    5. + Refresh the task, select the next task and continue the process until it finishes. +
      + +
      6. + +
    6. + You can validate the Done Tasks to make sure that all is good. +
      + +
      7. +
    7. + Or you can open the DBM and validate the data stored within it. +
      + +
      + Then select a quotation or request to comfirm that the data are stored within the DBM. +
      8. +
    +
    +
    +

    Next exercice

    - +
    diff --git a/tutorial/df-bpmn/07-export.html b/tutorial/df-bpmn/07-export.html index 94d693e8..f743d565 100644 --- a/tutorial/df-bpmn/07-export.html +++ b/tutorial/df-bpmn/07-export.html @@ -29,6 +29,9 @@

    Export a DF-BPMN Project



    +

    Export Bonita Project

    +
    +

    Next exercice

    diff --git a/tutorial/index.html b/tutorial/index.html index 37844a7c..3c78fbd8 100644 --- a/tutorial/index.html +++ b/tutorial/index.html @@ -13,10 +13,13 @@ Lab + + -
    + +

    Lab for Business Process Management

    This lab is to use Bonita soft for business process management, also to using DF-BPMN tool @@ -90,6 +93,7 @@

    Lab for Business Process Management

    + @@ -99,6 +103,7 @@

    Lab for Business Process Management

    + \ No newline at end of file