1/2/15

SpagoBIMobileEngine: Bringing Business Intelligence to mobile devices

SpagoBIMobileEngine: Bringing Business Intelligence to mobile devices

It is not surprising for Business owners to think of taking business decisions right from their gadgets with which they spend most of their time these days. Be it I-Pads, Tablets or the Smart phones, they are all part of our life now. What if those BI Reports you see in your browsers are made available on your I-Pad!…. I know you must be thinking there are many such applications, but what about an Open Source application which has provision for rich controls.
   
In this Blog, lets have a look at SpagoBIMobileEngine, one of the latest offerings of the new version of SpagoBI 3.4.
Now we can display our BI reports on mobile devices. This new component allows us to deploy the analysis available in SpagoBI suite onto mobile devices, such as smartphones and tablets, using original types of reports, graphs and interactive cockpits.
We have following three features added by SpagoBI for mobile so far:
  1. Mobile Table: gives a tabular layout to data loaded from the associated dataset
  2. Mobile Chart: displays Sencha-Touch charts over dataset data
  3. Mobile Cockpit: composes charts and reports in a single layout, within the possibility for each document to interact with the others, passing them parameters
Here is our first experience in creating different kind of reports provided by SpagoBIMobileEngine.
Develop Mobile Table
Please follow the steps below to develop mobile table:
  1. Create an analytical document with the following required information:
    1. Label: the label of the document
    2. Name: Name of the document.
    3. Type: Mobile Report
    4. Engine: Mobile Report Engine
    5. Data Source: your data source, e.g. foodmart.
    6. Dataset: locate the dataset for which you would like to develop table.Notes: Make sure the engine has been configured. This is configured by default with version 3.4.
  2. Locate and upload the document template (.xml) file.
Details on the document template
This is the start of the table chart template.
          </p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> This tag is used to show title on the chart, we can change the style tag to change the visibility of the title on page.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <columns></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> This is start of the table column tag. We can have more than one columns depending upon our requirements.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <column header=”Product Category” value=”ProdCategory” style=”font-weight: bold; text-align: center;” /></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Column header is the header of column and value is the dataset field name.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;">           Use the following tag in case you would like to link this chart to another document (cross navigation).</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <drill document=”Mobile_Chart_LC1″></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 60px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <PARAM  name=”ProdCategory” type=”SERIE”/></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </DRILL></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Here the document references the target document label and for each parameter, it is necessary to define the name (url) of the target parameter and the type of it.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> The type can assume next values:</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> CATEGORY: pass the category’s value selected.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> SERIE: pass the serie’s value selected.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> ABSOLUTE: pass the constant defined into the value property.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> RELATIVE: pass the value of the parameter presents in the request with the name defined in the same property.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;">      3. Save and execute the document.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Develop Mobile Chart</strong></p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Please follow the steps below to develop mobile table:</p> <ol style="margin: 0px 0px 10px 3em; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; list-style-position: initial; list-style-image: initial;"> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Create an analytical document with the following required information:<ol style="margin: 0px 0px 0px 1.5em; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; list-style-position: initial; list-style-image: initial;"> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Label: the label of the document.</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Name: Name of the document.</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Type: Mobile Chart</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Engine: Mobile Chart Engine</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Data Source: your data source, e.g. foodmart.</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Dataset: locate the dataset for which you would like to develop table.Notes: Make sure the engine has been configured. This is configured by default with version 3.4.</li> </ol> </li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Locate and upload the document template (.xml) file.</li> </ol> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Details on the document template</strong></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </strong><strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Bar Chart</strong></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <CHART_WIDGET  width=’320′ height=’480′></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> The width and height of the chart, we can have this value either in pixel or, percentage.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <title value=’Sales and Costs’>
Title of the bar chart document.
This is for legend where we set the position of the legend, one can comment this line in case they do not want to have legend on the page.
Display the value of the numeric control as we move the slider or needle.
This is animate configuration tag, which shows motion effect.
Other easing values, but I have no idea if SpagoBI supports all of these:
bounceIn, bounceOut, bounceInOut, elasticIn, elasticOut, elasticInOut, linear, quadIn, quadOut, quadInOut, cubicIn, cubicOut, cubicInOut, easeIn, easeOut, easeInOut, quartIn, quartOut, quartInOut, quintIn, quintOut, quintInOut, sineIn, sineOut, sineInOut, expoIn, expoOut, expoInOut, circIn, circOut and circInOut
SALES
COSTS
X
Configure series and axes to set/display fields on X and Y axis.
Interaction configuration, The PanZoom interaction allows the user to navigate the data for one or more chart axes by panning and/or zooming.
Pie Chart
Set the width and height of the pie chart.
The title of the document.
Legend configuration.
Configure interactions, type=rotate will rotate the chart with touch.
true
Set animation as true.
Configure series to set/display fields in pie chart.
End of the widget.
Line Chart

Set the width and height of the pie chart.
Set the title of the document.
Configure legend position.
Animate configuration same as above.
value1
value2
month
Configure series and axes to set/display fields on X and Y axis.
Interaction configuration, The PanZoom interaction allows the user to navigate the data for one or more chart axes by panning and/or zooming.
      3. Save and execute the document.
Develop Mobile Cockpit
Please follow the steps below to develop mobile table:
  1. Create an analytical document with the following required information:
    1. Label: the label of the document.
    2. Name: Name of the document.
    3. Type: Mobile Cockpit
    4. Engine: Mobile Cockpit EngineNotes: Make sure the engine has been configured. This is configured by default with version 3.4.
  2. Locate and upload the document template (.xml) file.
Details on the document template

</span></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Configure the title of the document.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <documents></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> This is the start of the document tag. There is a block for every document that we would like to view/present in our cockpit/dashboard. We can add as many document tags as we need depending upon our views requirements. There is no limit and so we can create a composite document with 2,3,4,6, … sub-documents and everyone can shows different layout. The only limit is our common sense, because see too many documents can create confusion rather than help the data analysis.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <document label=”Mobile_Chart_Pie3″ width=”45%” height=”100%”></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Label defines the label  by which the document is saved into SapgoBI.</p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </DOCUMENT></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <document label=”Mobile_Table2″ width=”45%” height=”100%”></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 60px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <in_parameters></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 90px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <parameter urlName=”ProdCatType” defaultValue=”CATALOG_CATEGORY”/></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 90px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <parameter urlName=”ProdCategory” defaultValue=”CPUps”/></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 60px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </IN_PARAMETERS></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </DOCUMENT></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> This is the configuration of the input parameters, urlName is the <em style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">label</em> by which the parameter is saved into SpagoBI (the url in detail document section) and defaultValue is a value that the engine pass to the document if is not found explicitly in the url.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;">       3. Save and execute the document to show the composed view.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Others clarifications:</strong></p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> In case the documents have cross navigation defined separately, the composed document will be shown as interactive, we do not need to define it in Cockpit. This should be defined in separate document with the following tags:</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <drill document=”Mobile_Chart_LC1″></p> <p style="margin-bottom: 10px; padding: 0px 0px 0px 30px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <PARAM  name=”ProdCategory” type=”SERIE”/></p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> </DRILL></p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> Here the document references the target document label and for each parameter, it is necessary to define the name (url) of the target parameter and the type of it.<br style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px !important; box-sizing: border-box;">The type can assume next values:</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> CATEGORY: pass the category’s value selected.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> SERIE: pass the serie’s value selected.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> ABSOLUTE: pass the constant defined into the value property.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> RELATIVE: pass the value of the parameter presents in the request with the name defined in the same property.</p> <p style="margin-bottom: 10px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 18px; outline: 0px; box-sizing: border-box; vertical-align: baseline;"> <strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Attachments  & References</strong></p> <ol style="margin: 0px 0px 10px 3em; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; list-style-position: initial; list-style-image: initial;"> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">SpagoBIMobile uses Sencha touch chart for rendering the charts, so please refer document on Sencha website i.e.<a href="http://www.sencha.com/products/touch/charts" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">http://www.sencha.com/products/touch/charts</a> for details.</li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">SpagoBI Wiki, <a href="http://www.spagoworld.org/xwiki/bin/view/SpagoBI/MobileBI" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">http://www.spagoworld.org/xwiki/bin/view/SpagoBI/MobileBI</a></li> <li style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline;">Enclosed please find sample document template for Mobile Table, Bar chart, Pie Chart, Line Chart and Cockpit at <a href="http://paxcel.net/blog/wp-content/uploads/2012/06/SpagoBI.rar" target="_blank" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">http://paxcel.net/blog/wp-content/uploads/2012/06/SpagoBI.rar</a></li> </ol> </div> <footer class="entry-meta" style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-family: Oxygen, sans-serif; font-size: 12px; font-weight: bold; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; color: rgb(96, 96, 96); background-color: rgb(255, 255, 255);">This entry was posted in <a href="http://paxcel.net/blog/category/bi/" rel="category tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">BI</a>, <a href="http://paxcel.net/blog/category/paxcellabs/" rel="category tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Paxcel Labs</a> and tagged <a href="http://paxcel.net/blog/tag/develop-bar-chart-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop bar chart in SpagoBI</a>, <a href="http://paxcel.net/blog/tag/develop-business-intelligence-report-in-spagobi-for-mobile-devices/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">develop business intelligence report in SpagoBI for mobile devices</a>, <a href="http://paxcel.net/blog/tag/develop-line-chart-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop Line Chart in SpagoBI</a>, <a href="http://paxcel.net/blog/tag/develop-mobile-charts-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop mobile charts in SpagoBI</a>, <a href="http://paxcel.net/blog/tag/develop-mobile-interactive-cockpits-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop mobile interactive cockpits in SpagoBI</a>,<a href="http://paxcel.net/blog/tag/develop-mobile-tables-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop mobile tables in SpagoBI</a>, <a href="http://paxcel.net/blog/tag/develop-pie-chart-in-spagobi/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">Develop Pie Chart in SpagoBI</a>, <a href="http://paxcel.net/blog/tag/spagobi-mobile/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">SpagoBI Mobile</a>, <a href="http://paxcel.net/blog/tag/spagobi-on-ipad/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">SpagoBI on IPAD</a>, <a href="http://paxcel.net/blog/tag/spagobi-on-iphone/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">SpagoBI on IPhone</a>, <a href="http://paxcel.net/blog/tag/spagobi-on-mobile-devices/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">SpagoBI on Mobile devices</a>, <a href="http://paxcel.net/blog/tag/spagobimobileengine/" rel="tag" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">SpagoBIMobileEngine</a>. Bookmark the <a href="http://paxcel.net/blog/spagobimobileengine-bringing-business-intelligence-to-mobile-devices/" title="Permalink to SpagoBIMobileEngine: Bringing Business Intelligence to mobile devices" rel="bookmark" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; outline: 0px; box-sizing: border-box; vertical-align: baseline; text-decoration: none; color: rgb(244, 71, 58);">permalink</a>.</footer></div>

No comments: