Birt Report

31
VISION TEAM VISION TEAM

Transcript of Birt Report

Page 1: Birt Report

VISION TEAMVISION TEAM

Page 2: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

1. Introduction

2. BIRT Installation in Ivy

3. BIRT Practices

Using Dataset

Insert Image

Group Data

4. Demo

5. Q&A

Agenda

Page 3: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Most applications have some types of data visualization needs:

Gather data.

Perform calculation, sort, group, aggregate, total,..

Present information professionally.

1. Introduction

Page 4: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Open source business intelligence (BI)

reporting tools

Integrated in Ivy

1. Introduction – BIRT

Page 5: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Is extension of Ivy 4&5

2. BIRT Installation in Ivy

Page 6: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

2. BIRT Installation in Ivy

Page 7: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

3. BIRT Practices

Page 8: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Create a report

Support multi-language

Display uploaded files / documents / attachments

Display:

- Many attachments belonged to one report’s item

- One attachment belonged to many report’s

items

3. BIRT Practices – Customer’s needs

Page 9: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Mockup

3. BIRT Practices – Customer’s needs

Page 10: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Can not access CMS directly from BIRT.

Visualize many kinds of documents (Office,

Image, PDF, …)

How to group data.

3. BIRT Practices – Difficulties

Page 11: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Page 12: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

3. BIRT Practices - Solutions

Access data

How to get and display our complicated data on the report.

BIRT provides the following data sources : Text Files (XML) WebServices (via WSDL-Files) cripting Data sources Databases (via JDBC)

Page 13: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Access data

List<ExpenseTableReport> expsenseTable = new ArrayList<ExpenseTableReport>();

expsenseTable = reportService.getExpenseTableReport(in.expsenseList);

in.listParameters.put(ReportParam.EXPENSE_TABLE.getValue(),expsenseTable);

Ivy Designer SideIvy Designer Side

3. BIRT Practices - Solutions

Page 14: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Access data

Step 1: Create a data source

BIRT Designer Side (Report Template)BIRT Designer Side (Report Template)

Page 15: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Access data

BIRT Designer Side (Report Template)BIRT Designer Side (Report Template)

Step 2: Create a data set and write the JavaScript for our dataset.

Page 16: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Access data

Step 3: Design and display the data in a table

BIRT Designer Side (Report Template)BIRT Designer Side (Report Template)

Page 17: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

German template?

Multi-language

Page 18: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Multi-language

English

German

Page 19: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Visualizing documents

Page 20: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Visualizing documents

Html Thumbnailer plugin

Base on Aspose Component.

Embedded in IvyAddon.

Convert documents to images (png/jpg)

Support MSOffice, OpenOffice, Pdf, Text,…

Page 21: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Visualizing documents

We stored the image's data by an array of bytespublic class ImageReport {

private String attachmentKey;private byte[] content;

public String getAttachmentKey() { return attachmentKey;

}public void setAttachmentKey(String attachmentKey) { this.attachmentKey = attachmentKey;}public byte[] getContent() {

return content;}public void setContent(byte[] content) {

this.content = content;}

}

Page 22: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Visualizing documents

In data set, create a column with Blob type

And, use image element to show the image

Page 23: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Visualizing documents

The result like this:

Page 24: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Grouping Data

The assigned records to the documents (word, excel, jpg, pdf,..) should be mentioned.

Page 25: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Page 26: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Grouping Data

Page 27: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Grouping Data

Page 28: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Grouping Data

Page 29: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

[1]. https://guidelines.soreco.ch/projects/guides/wiki/BIRT

[2]. http://wiki.eclipse.org/BIRT/FAQ/Data_Access

[3]. http://www.vogella.com/tutorials/EclipseBIRT/article.html

[4]. http://www.eclipse.org/birt/

[5]. http://birtworld.blogspot.com/2010/09/birt-image-report-item.html

Reference

Page 30: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

DEMO

Page 31: Birt Report

www.axonactive.vnfb.com/AxonActiveVietNamBIRT Report

Thanks for your attention