MolGrabber– provide access to databases such as PubChem right on your website.Doodler– draw structures with an interface that mimics ChemDoodle.Transformer– rotate, scale and translate structures.Rotator– provide a rotating animation of structures.The ChemDoodle Web Components currently provide 6 extendable graphical components as well as a growing cheminformatics library: By using javascript to create scientific applications, implementation is simplified, extensibility is improved, security issues are handled by the browser and the most widespread programming language in the world is now more accessible to scientists.
By utilizing this powerful element, we were able to develop a software development kit, complete with graphical user interface components, completely in javascript. On Mac OSX, Apple Safari 4+, Mozilla Firefox 3.5+ and Google Chromium all support Canvas beautifully. The HTML 5 specification has not been completely adopted by all browsers yet, but it should be fully implemented on most browsers soon. The Canvas element allows web developers to dynamically draw 2D vector graphics in a web page without the use of 3rd party plugins, such as Flash or Silverlight. They leverage the technology of the HTML 5 specification’s Canvas element. These components are powerful, fully customizable, easy to implement, and are free under the open source GPL license (this does not mean that your website needs to be GPL). Introduction and BackgroundĬhemDoodle Web Components are pure javascript objects derived from ChemDoodle™ to solve common chemistry related tasks on the web. Javascript is also important, but those experienced in other programming languages should be able to follow the code with ease. The example is of moderate difficulty, and the reader should have prior knowledge of HTML. In the walkthrough, I produce a small application that queries the Protein Data Bank (PDB), displays 3D animations of the results, and saves a viewing history.
In this article, I provide some background and analysis of the javascript/ Canvas technology along with future prospects followed by a step-by-step walkthrough on how to quickly put together a rich web application with the ChemDoodle Web Components. Protein Data Bank Demo and Canvas Technology Analysis
Walkthrough for a Demo PDB Web Application.Protein Data Bank Demo and Canvas Technology Analysis.