nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

silly question on how to deploy into my website a rptdesign chart

dmoore

I created a report (chart) in Report Design GUI. 
how do I deploy it into my website? 
is there a guide? 
Doug

Find more posts tagged with

Comments

dmoore

my website is running .net (vb.net) with sql server. 
in my chart design I used a java connection to sql server.

JFreeman

Hi Doug,
 
Could you please elaborate on how the design was created and how/where you will be deploying it to run.
 
Was the report design created using BIRT Report Designer or BIRT Report Designer Professional?
If so, what version?
 
For your website, are you running/connected to a version of the BIRT Engine such as the BIRT Viewer Toolkit or a BIRT iHub F-Type?

dmoore

BIRT report designer (luna release 4.4.0) v20140606-1536 java dev tools -1558 eclipse platform 
I created a .rptdesign chart 
we are wanting to use the free software at first so I think we are using the BIRT Report Designer. 
for the website I have not yet installed any BIRT engine or server. I am unsure as to what is needed. 
does it run inside of IIS? or is the website run on its own server engine?

JFreeman

BIRT iHub F-Type is a powerful free product which includes an embedded tomcat that hosts it integrated web portal. If you would like to include report output and viewing from the BIRT iHub F-Type directly into your own web application, Actuate JavaScript API can be utilized for this purpose to link your custom application to the BIRT iHub F-Type.
 
For greater details, I would recommend reviewing the online documentation here: <a data-ipb='nomediaparse' href='http://developer.actuate.com/resources/documentation/ihubftype/visualization-platform/'>http://developer.actuate.com/resources/documentation/ihubftype/visualization-platform/</a>
 
BIRT iHub F-Type can be downloaded here: <a data-ipb='nomediaparse' href='http://www.actuate.com/products/birt-ihub-ftype/'>http://www.actuate.com/products/birt-ihub-ftype/</a>

dmoore

so does the chart run from a separate server and in my website the javascript API is calling out to that separate server? 
you pointed to the general online documentation and nothing specific. can you give me a specific guide link?

JFreeman

Yes, the report which includes the chart is run on the BIRT iHub F-Type and your website can use the JSAPI to communicate with the iHub installation to perform actions such as executing and viewing reports.
 
I would recommend beginning with the Getting Started with BIRT iHub F-Type section here: <a data-ipb='nomediaparse' href='http://developer.actuate.com/ftype/'>http://developer.actuate.com/ftype/</a>

dmoore

in my separate website I put the js code to show report from my birt server. 
I get a login box so I want to use actuate.authenticate to auto log them in to the report or I want to set the report to not request it. I cannot find examples of how to do this. 
the URL in actuate.authenticate or actuate.initialize is a link to the birt server? 
the URL in the jsapi is to the birt server? or do I move that under my website 
the viewer.setReportName("...") is a path to my ****.rptdesign - is this a path to the birt server report or do I copy my .rptdesign to my website and the path is to it in my website? 
also the actuate.authenticate - the credentials string is in what kind of format? I need an example

dmoore

also I have tried 
actuate.initialize(<a data-ipb='nomediaparse' href='http://127.0.0.1:8700/iportal'>http://127.0.0.1:8700/iportal</a>, reqOps, "administrator", null, runReport); 
and 
function runReport(){ 
alert("this alert does not fire"); 
} 
as it says that alert does not fire. seems like it is not going into that function 
if I put in browser <a data-ipb='nomediaparse' href='http://127.0.0.1:8700/iportal'>http://127.0.0.1:8700/iportal</a> I get a login and put in administrator and it does login ok. 
alerts before and after the actuate.initialize fire off ok but not inside the runReport() 
what am I doing wrong?

pricher

Hi,
 
I am sending you a small BIRT Designer Pro project that contains one report with a chart (My Report.rptdesign) and one HTML file (index.html). It shows how to integrate the chart from the report into an HTML page using basic JSAPI code.
 
I have added comments in the HTML file to help you understand the process.
 
<body onload="init()"> 
<h1>Display Chart using JSAPI</h1><hr> 
 
<div id="chart"></div> 
 
<script type="text/javascript" language="JavaScript" src="<a data-ipb='nomediaparse' href='http://127.0.0.1:8700/iportal/jsapi'>http://127.0.0.1:8700/iportal/jsapi"></script></a> 
 
<script> 
function init( ){ 
 actuate.load("viewer"); // we need to load the Viewer 
 var reqOps = new actuate.RequestOptions( ); // RequestOptions are optional. We could remove this line and replace reqOps by null in the following line 
 actuate.initialize( "<a data-ipb='nomediaparse' href='http://127.0.0.1:8700/iportal'>http://127.0.0.1:8700/iportal</a>", reqOps, "administrator", null, runReport); 
 } 
function runReport( ) { 
 var viewer = new actuate.Viewer( "chart" ); // We instantiate the Viewer in the DIV defined above 
 var uioptions = new actuate.viewer.UIOptions(); // UIOptions are optional. Here, we want to remove the navigation toolbar when we display the chart 
 uioptions.enableToolBar(false); 
 viewer.setUIOptions(uioptions); 
 viewer.setReportName( "/Applications/Display Chart using JSAPI/Report Designs/My Report.rptdesign" ); // The BIRT rptdesign must reside on the BIRT iHub volume 
 viewer.setReportletBookmark( "My Chart" ); // We only want to display the chart from the report, not the whole page 
 viewer.submit(); // Let's do it! 
 } 
</script> 
</body> 

Hope this helps,
 
P.

dmoore

viewer.setReportName("/Applications/..."); // the BIRT rptdesign must reside on the BIRT iHub volume 
my issue is still this path. where is this located. 
I seem to have 3 folder paths 
the only Applications I found was here for me 
E:/Actuate/BIRTiHub/BIRTiHub/iHub/SampleEncyc/samples/Applications/... 
I also have these paths 
E:/eclipse/... 
C:/Users/WORK-DOUG/workspace/birt/ 
E:/Actuate/BIRTiHub/BIRTiHub/iHub/web/iportal 
E:/Actuate/BIRTiHub/BIRTiHub/iHub/web/iporal/iportal 
I am unsure where the root of my iHub server is that I am putting this path to and where setReportName is looking at for pathing

dmoore

I just made a test.rptdesign that only has a label and nothing else (no data sources or charts) 
I tried putting it everywhere for it to just display on page. 
all I get is a spinning loading symbol in page as if either it doesn't find the path to the report or something is wrong with the actuate.initialize 
is there a way to get what errors may be going on inside?

pricher

Sorry, I should have been clearer...
 
The path that I am referring to in the example is not on your file system, but on the volume managed by BIRT iHub.
 
If you want a quick way to load a report on the volume and test integration with JSAPI, here's what I suggest:
 
<ul><li>Start a BIRT iHub F-Type session in a browser by typing <a data-ipb='nomediaparse' href='http://localhost:8700/iportal'>http://localhost:8700/iportal</a></li>
<li>Login as administrator</li>
<li>When you get the welcome page Getting Started with iHub, upload your rptdesign. The design will be uploaded to the BIRT iHub volume in folder /home/administrator</li>
<li>After uploading the report, you will get to a page Explore what you can do with your report. On this page, choose the Integrate option on the left side. This will generate a code snippet that shows how to integrate the report you just loaded in a web page. You can modify the code snippet and re-run it from that web page.</li>
</ul> 
Hope this helps,
 
P.

dmoore

p, 
is your example a hosted one? I am running my own iHub on my local. I am trying to get my website (iis asp.net website) to show a report from my local running iHub server

pricher

The example I sent you is for an environment where the website and iHub run on the same machine. If website and iHub are on different machines, than the URL in actuate.initialize must point to the iHub machine.

dmoore

i opened the admin
uploaded my test design
i don't see where it has the menu option to "integrate option" so i cannot find where it to tell me to get a sample code snippet to run. 
i did run it and view source of that page and included that and my options in the 2 screen shots i attached here. 
i can run the report in the admin viewer but not from my website. it just gives a spinning loading symbol.

pricher

Hi,
 
Sorry for the late reply... I have been away the last few days.
 
The HTML file I have sent you previously should work. I am resending you an edited version with the right path information based on your screen shot. All you need to do is replace the server info (now, 127.0.0.1) with the machine name where iHub is installed. Save the file and run it from your website.
 
Regards,
 
P.

dmoore

your code is the same as mine. and it just does a loading symbol. 
it seems to me the code is correct and paths. 
the issue seems to be the server delivering the report. does a port need to be opened? 
perhaps a firewall issue? the server running? 
I can open the iportal in the web browser and login and run the report there. it shows it in a direct link to it. 
this is just not working with the js. 
or perhaps is there some requirements to the js?

dmoore

I installed birt server on one of our servers. 
uploaded a report into it. 
in the GUI (before I left the tutorial) there still shows the integrate button. 
I got the sample code to show this report (very similar to what we already have) 
I tried that code of the report in that server and get the exact same results - just a loading symbol.

pricher

Maybe you can send us the web page code you use. At this point, I don't know what's happening...

dmoore

I am using the index.html page you posted with no changes. 
ok found the issue somewhat 
I put an alert inside myInit 
results 
firefox 
-shows alert 
-shows report 
google chrome 
-shows alert 
-shows report 
IE v11 
-no alert 
-no report 
so the issue seems to be the js at iportal/jsapi is not happy with IE

ketanbgm

i have created a .rpdesign file.. i want to display it on browser

JFreeman

ketanbgm,
 
Do you have a specific question related to displaying a report within your web application?
 
Please read the beginning portions of this thread for details on displaying the report. Links to documentation and samples were provided for utilizing JSAPI as well as the BIRT iHub F-Type.
 
If you have a specific question after reviewing this material/information, please create a new topic with your question.

deepsbirt

Hi,
Pleasse can you to tell us the proper procedure of loading the JSapi, as i am not able to load it to my page. i tried with both localhost and 127.0.0.1:8700. Also, i am not sure about the deployment on tomcat server.

JFreeman

Take a look at the JSAPI documentation here: <a data-ipb='nomediaparse' href='http://developer.actuate.com/be/documentation/ihub3-dev/aig-main/index.html#page/aig/JSAPIWebViewer.html'>http://developer.actuate.com/be/documentation/ihub3-dev/aig-main/index.html#page/aig/JSAPIWebViewer.html</a>