What is a Web TradingApp?

What is a TradingApp?

TradingApps let you extend the functionality of the TradeStation platform by allowing you to create an application that sits side-by-side our premium applications, like Chart Analysis, with its own user interface and experience. They are built using EasyLanguage, which allows you to create a form based user interface that runs natively on our Microsoft Windows based TradeStation platform.

Example of a EasyLanguage TradingApp
Example of an EasyLanguage form based TradingApp

But what if you want to create an application that is web based? Is it possible to leverage the TradingApp framework to interact with the TradeStation platform from a simple web page?

What is a Web TradingApp?

A Web TradingApp is a standard EasyLanguage TradingApp that relies on a web browser control for its user interface. Essentially, replacing the form based user interface with one that leverages HTML.

Example of a Web based TradingApp
Example of a Web based TradingApp

How does it work?

Using the web browser control available in an EasyLanguage TradingApp, you can navigate to your web app’s page by specifying its URL. Once the page is loaded, you can use #(hastags/hashbangs) to communicate from your page into the EasyLanguage code that hosts it. Each time the page updates, EasyLanguage can listen for the changes and your code can interpret the hashbangs as actions or notifications originating from your web app. In turn, your EasyLanguage code can invoke a script function within your page to dynamically update your web app’s content.

Is a Web TradingApp a web page or web app?

A Web TradingApp should be an interactive web application not a static, informational, page. With recent advancements in web technologies (HTML5, CSS3, AngularJS), web applications can be as dynamic as a native application in any OS.

Some design considerations

When developing Web TradingApps, you should keep the following guidelines in mind:

  • Your application should render at a minimum screen width: 240px
  • A responsive design should be used which automatically adapts a web app to a window’s size
    (TradeStation platform windows can be resized dynamically and content should adapt accordingly).
  • Vertical scrolling is the preferred method of scrolling.
  • Horizontal scrolling is strongly discouraged.
  • Hyperlinks should be displayed as buttons or menus when driving actions rather than links. Anchors (links) should be used when referring to external resources.
  • External resources should be opened outside of the TradingApp in either a platform browser
    window or the operating system’s default browser.
  • Menus should be unobtrusive and should collapse based on responsive design principals.
  • The user experience should reside within the constraints of the TradingApp window as much as possible.

How can I get started?

To get you started, visit the following links to download some sample Web TradingApp applications:

https://github.com/frankts/tradestation-web-tradingapp-sample

https://github.com/frankts/tradestation-ng-news-web-tradingapp

These examples include the EasyLanguage source code, a sample javascript library, and the web app’s HTML page.

If you have any questions, please join us in the TradeStation TradingApp Store Developer Forum.


Frank Fernandez
Director of Developer Platforms