(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection


Published on

The reporting component collection in AEP provides powerful tools for building user interfaces for web applications, while leveraging the breadth of functionality of AEP for data querying and manipulation. This session will explore some of the tools available for creating web applications using the reporting collection.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection

  1. 1. (ATS6-DEV05) Building InteractiveWeb Applications with the ReportingCollection Andrei CaracotiSenior ManagerTechnical Marketingandrei.caracoti@accelrys.com
  2. 2. The information on the roadmap and future software development efforts areintended to outline general product direction and should not be relied on in makinga purchasing decision.
  3. 3. Content• Reporting collection• Forms and form elements• Data Connector• Interactive Elements• AJAX• Other things
  4. 4. Reporting Collection• Collection of components that facilitate building reportlayouts• Data flows from data manipulation components (blue) toreporting components (green).• Specialized viewer/writer components convert the layoutinformation into a report in the desired format (HTML,PDF, Word, PowerPoint, Excel).
  5. 5. Interactive Reporting Components• A subset of reporting components that canadd interactivity to generated reports.• Can be used to generate full web applicationswithout the need to code the UI in anotherlanguage.• Leverages protocol developer’s experience inusing Pipeline Pilot components.
  6. 6. Forms• Provide main way of capturing user input and passing itto work protocols• Components available for all standard input types (textboxes, list boxes, checkbox, radio buttons, submitbuttons).
  7. 7. Data Connector• Component that connects visualizations that display thesame set of data.• Uses a unique data record ID to connect the records ineach visualization.• Visualizations can be set to subscribe and/or publishselection changes.• Each visualization can be set to highlight or filter theselected records.
  8. 8. Components with Data Connector Support• XY Chart• Line Chart• Histogram• Heat Map• Bar Chart• Radar Chart• Pie Chart (twodimensional only)• Canvas• Cross Tab• Table• Interactive Table• Search Results (TextAnalytics)• Tag Cloud (TextAnalytics)• Tile Horizontal• Tile Vertical• Bulleted List• Tree
  9. 9. Protocol Links• Can be added to most elements in a report.• When clicked, the protocol executes and the results aredisplayed in the same page or in a pop-up page.• Can be used for easily providing drill-down functionalityto a report.• The link passes parameter values to the target protocolto taylor the execution.
  10. 10. Protocol Functions• Way to add AJAX functionality to reports.• They generate JavaScript functions that wrap protocols.• The functions can be executed based on various eventsdefined in the page (onclick, onchange, onload).• Protocol results can be automatically presented in adynamic content container or processed by a customcallback JavaScript function.
  11. 11. JavaScript• HTML Attributes parameter on most components can beused to add attributes that can be used from JavaScriptscripts embeded in the page.• JavaScript component to add custom JavaScript to pages.• Include component to include additional JS libraries.• Startup Function component to specify a JS function tobe executed when the page first loads.
  12. 12. Components with Scripting Support• Prototype JavaScript API exists to interact with thefollowing components:– Data Connector– XY Charts– Tabs• API Documentation available from the Help center andexample protocols available in the Examples folder.
  13. 13. DemoSimple Interactive Dashboard• Data connector scripting example• Using protocol functions to call AJAX functions• JavaScript
  14. 14. • Reporting collection can be used to build powerfulinteractive web applications.• Interactivity can be added directly in the componentparameters or with more complex JavaScript.• Help system and examples provide a good starting point.Summary