(ATS3-PLAT09) Advanced Reporting Customizations and Applications

Andrew LeBeauAdvisory Product Manager, Product Management

andrew.lebeau@accelrys.com

The information on the roadmap and future software development efforts are intended to outline general product direction and should not be relied on in making a purchasing decision.

Topics

• Data Connector• Expression Readiness in Reporting• Nested Reporting Elements• Protocol Links / Form & Work protocols / Protocol Function• JavaScript / Startup Function / Include / Data to & from JSON• Rich Tooltips• Canvas Components

Data Connector

• Basic operation• Simple demo• As a form element• Scriptable• In SharePoint

Works with Data Connector-enabled components

Basic Data Connector Operation

Autowatch window Report: Full interactivity

Data Connector: As a Form Element

• Example Protocol: Data Connector Select and Submit

Using the Scriptable Data Connector API (JavaScript API)

• Example protocol: Scriptable Data Connector

Joining Data Streams: e.g., Across Web Parts in SharePoint

• Use Component ID and Data Record ID• “join” operation on data streams• Across multiple Data Connectors

“Expression-readiness” in Reporting Components

• Change some parameters to “ExpressionType”

• Use PilotScript expressions to add functionality

• e.g., Add symbol coloring and sizing to XY Chart

Nested Reporting Elements: Example

• Nested Tile

Nested Reporting Elements

Linking Protocols: Building Interactive Reports and Apps

• Three ways to link the first (calling) protocol to the second (work) protocol– Protocol Links: Work protocol execution is parameterized by user-clicks on

the calling protocol report• e.g., clicking a point on a chart, or link in table

– Form / Work protocols: Work protocol execution parameterized by user entering information in a calling (form) protocol• e.g., custom forms in Web Port

– Protocol Function: AJAX version of a protocol link• More flexibility in how results of work protocol are returned to calling protocol report• Uses the Protocol Function and Dynamic Content Container components• See “Update Chart Axis” example protocols from Reporting Collection

JavaScript Components

• Add JavaScript to a report

• Call JavaScript functions after page load

• Include JavaScript libraries or CSS

• Convert Pipeline Pilot Reporting data records to JSON

• Convert JSON to Pipeline Pilot Reporting data records

Example: Interactively Fit Curve To Data

Example protocol

Example: Interactively Fit Curve To Data

Fit Curve Excluding User Points

Example: Dependent List Boxes

Rich Tooltips (and JavaScript)

Persistent and Repositionable Popups - Imaging

Rich Tooltip Example

Canvas Components

• Set of drawing primitives

• Can be used in conjunctions with XY chart

Waterfall Chart

Why canvas?

• Create new visualizations• Interact with images• Add content to XY Chart

Canvas components

1. Draw 2. Transform 3. Aggregate

Draw visual elements Transform their coordinatesAggregate elements, define coordinate system, define dimensions of view

ArcLabelLine/PolylineOvalPolygonRectangleSliceSymbol

General TransformationRotationScalingShearingTranslation

CanvasXY Chart

Image to Canvas Example (Nuclei and Vesicles)

Data ConnectorWhen selections are made (canvas enabled charts, images, or tables), the corresponding elements on the other canvas are also selectedImage Statistics Computes cell nuclei bounding boxes

• Reporting Collection provides rich capabilities for creating interactive reports and web apps– Targeted for both scientific protocol authors– Developers (especially JavaScript)

• Resources– Product documentation– Example protocols– Forum– “Masterclasses”

• Contact: andrew.lebeau@accelrys.com

Summary

Extras

HTML Template Component

HTML Template: Example

• Google Maps With HTML Template

HTML Template uses Apache Velocity, with Extensions

http://velocity.apache.org/engine/index.html

foreachDataRecord

The information on the roadmap and future software development efforts are intended to outline general product direction and should not be relied on in making a purchasing decision.

For more information on the Accelrys Tech Summits and other IT & Developer information, please visit:https://community.accelrys.com/groups/it-dev