Integrating BIOVIA Draw with web applications – the DrawBridge

BIOVIA Draw Enterprise (EE) provides an integration option with web applications that is called „DrawBridge“. With DrawBridge you can open Draw from a web application and transfer structures between them. The DrawBridge executable is automatically installed on the client with all installations of Draw EE.

Sample HTML/JS pages exist for rendering of single structures or structures in a grid. 

When „developer mode“ is selected during installation of BIOVIA Draw EE, coding examples and developer documentation are available in the installation folder. Here are examples illustrating how to establish a connection between Draw and ASP, MVC, or Java EE web applications. Additionally, DrawBridge can be utilized with other web application frameworks.

The DrawBridge application serves as a prime example of a customizable solution that our customers can tailor to meet their specific needs. This application enables users to store image and mol files in a format that can be easily customized or integrated into a database, aligning with their individual requirements.

Workflow Process Overview

  1. The user initiates the process by opening the web application and interacting with it, typically by clicking on a structure.

  2. The web application invokes the DrawBridge executable on the client machine. DrawBridge runs in the background as a custom URI protocol that is registered during installation of Draw.

  3. DrawBridge receives the MOL file string from the web application and seamlessly passes it to Draw for processing.

  4. Draw renders the structure and enables the Transfer button.

  5. The user can then edit the structure in Draw, and upon completion, click the Transfer button to finalize the changes.

By clicking the "Transfer" button,  DrawBridge processes the transfer request:

  • The updated MOL string is collected. If multiple fragments are present, DrawBridge also generates an SDF string.

  • Structure images are created and serialized. 

  • These images are then transmitted to the web server via a DrawBridge API REST call. 

  • The web application retrieves the updated data from the server using Ajax for ASP and MVC applications, or HTTP GET for Java-based systems, and displays the updated structure.