×

Please give details of the problem

Docs

Find

    Developer Guide

    1. Composite API Example
      1. Scripted Lanes
      2. Compound Organization Hierarchy
      3. Dynamic Lanes
      4. Delegation
      5. Access Rights
      6. Runtime Lanes
        1. Todo Validation
      1. Release Your User Login
      1. Collections To Array
      2. Collections To List
      3. Collections BackOffice
      4. Collection JS Freemarker
          1. Composite API Design Tab
          2. Composite API Configuration Tab
          1. Providers
          2. Connectors
          3. Processes
          1. Roles entities
          2. Organization
        1. Collections
          1. Project Files Tab
          2. Project Definition Tab
          3. Project Versioned Files Tab
          4. Project Version Tab
          5. Project Description Tab
          6. Version
          7. Project Rights Tab
          8. Project Collection Tab
          1. Web Interface JS Tab
          2. Web Interface Design Tab
            1. Image Widget
            2. FileUpload Widget
            3. StaticText Widget
            4. ProgressBar Widget
            5. TextInput Widget
            6. JavaScript Widget
            7. Section Widget
            8. Geolocation Widget
            9. Checkbox Widget
            10. RadioButton Widget
            11. Tree Widget
            12. Spinner Widget
            13. History Widget
            14. URLInput Widget
            15. Tab Widget
            16. List Widget
            17. Array Widget
            18. HTML Editor Widget
            19. Report Widget
            20. Button Widget
            21. Custom Widget
            22. Captcha Widget
            23. HTML Widget
            24. Multi Checkbox Widget
          3. Web Interface Analytics Tab
          4. Web Interface Collection Tab
          5. Web Interface Implementation Tab
          6. Web Interface API Tab
          7. Web Interface Stylesheet Tab
        2. Revision
        3. Custom Lists
          1. Process Variables Tab
          2. Process Measures Tab
              1. Process Timer Event
              2. Process Start Event
              3. Process Intermediary Event
            1. Gate
              1. Process Task Loop Tab
              2. Process Task Manual Tab
              3. Process Task Email Tab
              4. Process Task Connector Tab
              5. Process Task SubProcess Tab
              6. Process Task Functional Tab
              7. Process Task Script Tab
            2. Process Step Output Variables
            3. Process Step Testing Variables
            4. Process Step Input Variables
          3. Process General Tab
          4. Process Design
          5. Process Input Tab
        1. Home
        2. My Applications
        3. Files
      1. Customer Management
        1. Messages
        2. Scheduled Process
        1. Process Examples
        2. Connectors
        1. Users
        2. Configuration
        3. Usage
        1. Web Interface Reports
          1. Measuring
          2. Runtime Users
          3. Execution Path
          4. Parameters
        1. CSS Examples
        2. CSS Personalization
      1. Performance
        1. Logout
        2. Redirection ExecutionMode
        3. Information Tags
        4. Basket
        5. Menu Bar
        6. Header
        7. Custom Login Page
        8. Mobile Devices
          1. homepage.css
          2. homepage.js
        1. Inject JSONObject
        2. Google Tables
        3. ArrayJSON to JSONArray
        4. Label Modification
        5. Number Currency Format
        6. Launch Process JQuery
        7. Date
        8. JQuery
        9. Round
        10. Holidays
        11. Array From WS
        12. Column Inactivation
        13. Print JSONObject
        14. Initialization Widget Date
        15. Invalid Fields
        16. List Reinitialization
        1. Tags
        2. Dialog Window
        3. Dynamic List
        4. User Lane Picker
          1. Report Chart
          2. Google Visualization
          3. Chart Dashboard
          4. Chart Dashboard Collection
        5. API Listener
        6. JavaScript Report
        7. Retrieving Variables Values
        8. Collection
        9. File Preview
        10. Autocomplete Widget
        11. Summing Array
      1. Trigger
      2. Markdown Template
        1. Task Reminder Email
        2. JavaScript Inclusion
        3. PDF
        4. SubProcess
        5. Backloop
        6. Variable Mapping
        1. Salesforce Computation
        2. Number Currency Format
        3. List Hash Sequence
        4. JSONObject Creation
        5. Freemarker Container Test
        6. JSONObject Concatenation
        7. Metadata
        8. Special Freemarker Characters
        9. List 1000+ Objects
        10. Dynamic Variable
        11. File Visibility
        12. Number Test
        13. JSONObject Keys Values
        14. Lock
        15. JSONArray Conversion
        16. Error Handling
        17. Loop
        18. Array To List
      1. Process Reporting API
      1. Offline
      2. Mobile

    Representation of a Web Interfaces report

    The screenshot below is an example of a 3D chart with the average and the sum option on. Data source is a webinterface report.

    Capturedecran_2012-07-02_18.59.39

    How to configure it:

    1. Create a new web interface report

    Configure this report to display your custom measures as columns.

    2. Create a new web interface
    3. Include the Google Charts Library and JQuery in the web interface

    Include these two files in the headers of your webform :
    https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221%22%2C%22packages%22%3A%5B%22corechart%22%5D%7D%5D%7D
    https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js

    4. Add an html widget in the web interface

    The html widget should contain the following code

    1
    <div id="chart_div"><div>
    
    5. Add a calculated gadget in your RMP webform with this script.

    This code uses the measures "MEASURE_1" and "MEASURE_2" of your report, make sure that these measures are available in your web interface report.

    Do not forget to modify the report URL in the script. To find the "report_url" of your web interface report, open your web interface report, click on the RSS feed icon and
    copy the URL of the page that has just opened. The other parameters you can customize are in bold in the script.

      1
      2
      3
      4
      5
      6
      7
      8
      9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37
     38
     39
     40
     41
     42
     43
     44
     45
     46
     47
     48
     49
     50
     51
     52
     53
     54
     55
     56
     57
     58
     59
     60
     61
     62
     63
     64
     65
     66
     67
     68
     69
     70
     71
     72
     73
     74
     75
     76
     77
     78
     79
     80
     81
     82
     83
     84
     85
     86
     87
     88
     89
     90
     91
     92
     93
     94
     95
     96
     97
     98
     99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    /* Technical settings */
    var report_url="https://live.runmyprocess.com/live/${customer_id}/applistate?nb=0&YYYYYY"; /*IMPORTANT: TO MODIFY*/
    var html_id="chart_div"; /*id of the HTML widget in which you want to display your chart*/
    
    /* Visual settings */
    var chart_title="My Chart"; /*Use the empty string if you do not want a title on your chart */
    var chart_height=300;
    var chart_width=600;
    var average_label="Average"; /*label of the average, displayed only in a 3D chart with the average option is on (in the functional settings)*/
    var sum_label="Sum"; /*label of the sum, displayed only in a 3D chart with the average option is on (in the functional settings)*/
    var police_size=12; /*police size of the legend*/
    
    /* Functional settings */
    var chart_type="Column"; /*options are Bar, Column or Pie*/
    var chart_dimensions=3; /*2 or 3. With a pie chart you cannot display 3 dimensions*/
    var x_axis_measure_index="1"; /*x axis measure index*/
    var y_axis_measure_index="2"; /*y axis measure index, not mandatory if chart dimension = 2 */
    var stacked=false; /*if chart dimensions = 3, do you want to display the 2nd measure on one or many columns?*/
    var average=true; /*display the average line. Only works with 3D charts*/
    var sum=true; /*display the sum line. Only works with 3D charts*/
    
    
    function get_array (my_father,my_son) {
    if (typeof(my_father) == "object") {
    if (my_father[my_son] != undefined) {
        if (my_father[my_son].length != undefined) {
            var my_array = my_father[my_son];
        }
        else {
            var my_array = [my_father[my_son]];
        }
    }
    else {
        var my_array = [];
    }
    }
    else {
    var my_array = [];
    }
    return my_array;
    }
    
    $.ajax({
    type:"GET"
    ,url: report_url
    ,data:{}
    ,cache:false
    ,async: true
    ,dataType: "json"
    ,error: function(){alert('Error while loading credits.');}
    ,success: function(P_result) {
    
    var report_data = get_array(P_result.feed,"category");
    var myentries =  get_array(P_result.feed,"entry");
    
    for(var q=0; q<report_data.length; q++){
    if(report_data[q].term=="attribute"){
     if(report_data[q].scheme=="attribute:"+x_axis_measure_index+":string:MEASURE_"+x_axis_measure_index){
         var x_axis_label=report_data[q].label;
     }
    }
    }
    
    var array_data = new Array();
    array_data.push([x_axis_label]);
    if(chart_dimensions==2){
    array_data[0].push("Number");
    }
    
    for(var i=0;i<myentries.length;i++){
    var measure_1_exists=false;
    var measure_2_exists=false;
    var measure_1_value="";
    var measure_2_value="";
    for(var j = 0; j<myentries[i].category.length; j++){
     if(myentries[i].category[j].term=="MEASURE_"+x_axis_measure_index){
         var measure_1_value=myentries[i].category[j].label;
         }
         else if(chart_dimensions==3){
             if(myentries[i].category[j].term=="MEASURE_"+y_axis_measure_index){
                 var measure_2_value=myentries[i].category[j].label;
             }
      }
    }
         for(var n=1; n<array_data.length; n++){
        if(array_data[n][0]==measure_1_value){
        var measure_1_exists=true;
        var measure_1_index=n;
        break;
     }
    }
    if(chart_dimensions==3){
     for(var k = 0; k<array_data[0].length; k++){
         if(measure_2_value==array_data[0][k]){
             var measure_2_exists=true;
             var measure_2_index=k;
             break;
         }
     }
    }
    
    if(!measure_1_exists){
     var value=[];
     value.push(measure_1_value);
     for(var o=1; o<array_data[0].length; o++){
         value.push(0);
     }
     if(chart_dimensions==2){
         value[1]=1;
     }
     array_data.push(value);
     measure_1_index=array_data.length-1;
    }
    else{
     if(chart_dimensions==2){
         array_data[measure_1_index][1]=array_data[measure_1_index][1]+1;
     }
    }
    
    if(chart_dimensions==3){
     if(measure_2_exists){
            array_data[measure_1_index][measure_2_index]=array_data[measure_1_index][measure_2_index]+1;
     }
     else{
         array_data[0].push(measure_2_value);
         for(var m=1; m<array_data.length; m++){
             if(m==measure_1_index){
                 array_data[m].push(1);
             }
             else{
                 array_data[m].push(0);
             }
         }
     }
     }
    }
    
    var options= {
    width: chart_width,
    height: chart_height,
    is3D: true,
    title: chart_title,
    isStacked: stacked,
    legend:{position: 'top',textStyle:{fontSize: police_size}},
    };
    
    if((average || sum) && chart_dimensions==3){
    var nb_series=array_data[0].length-1;
    if(average){
    array_data[0].push(average_label);
    }
    if(sum){
    array_data[0].push(sum_label);
    }
    for(var r=1; r<array_data.length; r++){
        var sum_row=0;
      for(var s=1; s<nb_series+1; s++){
          sum_row=sum_row+array_data[r][s];
      }
      if(average){
          var average_row=sum_row/(nb_series);
          array_data[r].push(average_row);
      }
      if(sum){
          array_data[r].push(sum_row);
      }
    }
    json_series='{'+nb_series+' :{"type":"line"},'+(nb_series+1)+' :{"type":"line"}}';
    json_series=eval('('+json_series+')');
    options.seriesType="bars";
    options.series=json_series;
    }
    var data = google.visualization.arrayToDataTable(array_data);
    var chart = eval('new google.visualization.'+chart_type+'Chart(document.getElementById(html_id));');
    
    chart.draw(data, options);
    }
    });
    
    6. Save your web form and open it in test mode.