This project contains two demos client showing integration between Lightstreamer and TIBCO General Interface
JavaScript CSS HTML

README.md

Lightstreamer - Stock-List Demos - HTML (General Interface) Clients

This project contains two demos client showing integration between Lightstreamer and TIBCO General Interface.

Stock-List Demo - HTML (General Interface) Client

Live Demo

screenshot

View live demo

Details

This application uses the JavaScript Client API for Lightstreamer to handle the communications with Lightstreamer Server and uses the General Interface API to display the real-time data.

In this application, five stock quotes are displayed in real-time. The demo page contains two tables, both of which receive the real-time data flow from Lightstreamer Server. The table at the top is managed by the Lightstreamer JavaScript Client, though embedded inside GI. The table at the bottom is a GI table (in which you can drag, resize, and sort columns) and is updated by the Lightstreamer Javascript Client. GI-based pop-up windows show the price charts produced by the Lightstreamer JavaScript Client.

The demo includes the following client-side functionalities:

  • A Subscription containing 10 items, subscribed to in MERGE mode feeding both a StaticGrid and the GI widget.
  • For each pop-up window opened, a Subscription containing 1 item, subscribed to in MERGE mode feeding a Chart.

Advanced Stock-List Demo - HTML (General Interface) Client

Live Demo

screenshot

View live demo

Details

An online demonstration is hosted on our servers at http://demos.lightstreamer.com/TIBCOGIDemos/Workspace/JSXAPPS/GIDemo_Advanced/

This application uses the JavaScript Client API for Lightstreamer to handle the communications with Lightstreamer Server; uses PageBus as a bridge between Lightstreamer and General Interface APIs; and uses the General Interface API to display the real-time data.

The Lightstreamer client receives events from Lightstreamer Server and publishes the stock updates on TIBCO PageBus. The application, created with the GI Builder, subscribes to the PageBus to receive and display the updates to the user.

A detailed explanation of this application is available (in that document, Lightstreamer is referred to as "Ajax Message Service").

The demo includes the following client-side functionalities:

  • A Subscription for each item added to the update panel, subscribed to in MERGE mode.

Install

If you want to install a version of one of these demo pointing to your local Lightstreamer Server, follow these steps:

  • Note that, as prerequisite, the Lightstreamer - Stock- List Demo - Java Adapter has to be deployed on your local Lightstreamer Server instance. Please check out that project and follow the installation instructions provided with it.
  • Launch Lightstreamer Server. Folder structure
  • To deploy the demo on a new Web Server, set up a folder structure like that shown above.
  • ROOT is the Web Server root folder or any subfolder under which to install the Demo. JSX contains the GI libraries. The addins, prototypes, and settings folders under Workspace don't need to contain anything special.
  • Make sure to set the correct host name and port in the JavaScript code specific of each Demo (for example, giclient.js for the GIDemo_Advanced, or lslogic.js for the GIDemo_Basic).
  • Complete your installation of the demo with a valid version of the Lightstreamer JavaScript Client API library. Build a file to be named lightstreamer_globals.js with the online generator and put the file into the folder commons.
    You can include all available modules; just be sure to use the "Use globals" version.
  • Launch the demo by downloading the index.html file from the desired Demo folder under JSXAPPS (for example: http://www.mycompany.com/TIBCOGIDemos/Workspace/JSXAPPS/GIDemo_Basic/ )

Build

To edit the demos with GI Builder, copy the application folder (for example, GIDemo_Basic or GIDemo_Advanced) to the JSXAPPS folder of your GI Builder workspace.
Launch GI Builder and select the copied application folder.

See Also

Lightstreamer Adapters Needed by These Demo Clients

Related Projects

Lightstreamer Compatibility Notes

  • Compatible with Lightstreamer JavaScript Client library version 6.0 or newer.