his is the matter that started me into the realm of web page editing, back in 1998, to be able to work with my students on manipulation of models of DNA and RNA structure, in which we used to call "informatics practicals" –a name that has never looked proper to me–. There Biomodel was born, which has kept growing up to now in the web hosting provided by my university1
and which, in parallel, a couple years later was integrated in a communal project you may know, BioROM.2
Molecules jump out of the paper
Undoubtedly, the rendering of molecular structures is essential for an efficient analysis of both structure and function of biomolecules, drugs, etc. While in some fields like the organic chemistry formulas drawn with lines and wedges solve the issue quite satisfactorily –even though improvable–, in biochemistry the need for a three-dimensional representation is more critical, as well as the possibility of simplified renderings for the structure of macromolecules (such as ribbons, spirals or other styles for the polymeric chain). No one would think of trying to explain the structure of haemoglobin by drawing all its atoms and bonds!
Figure 1. Growth of data in the Protein Data Bank.
Source: The RCSB PDB Statistics (16/06/2015)
All this leads to so-called molecular visualisation being an essential element to be included in numerous presentations and discussions of results. Fortunately, advances in the experimental resolution of macromolecular structures3 (X-ray diffraction on crystals, NMR, neutron diffraction, electron (cryo)microscopy...) (fig. 1) have markedly improved our understanding of the organisation and interactions of molecules, and allow to much better appreciate the fundamentals for many biological activities of both proteins and nucleic acids. To have this asset of information available demands our displaying of biomolecules in a much more realistic way, not so much simplified into basic shapes –even though these also fulfil their role in certain circumstances. This will help our students to perceive proteins, for instance, as complex entities, flexible and adaptable but at the same time unique and specific, and not so much as a ball with a slot.
You will indubitably have some experience on this issue of visualising three-dimensional structures, at least as occasional users of structure databases, textbook ancillary material or educational material available in the web. However, many of you will possibly not be familiar enough as to be up to date with somewhat technical issues related to accessibility of this kind of material. This is the scope where the approach of this article fits.
Rise and fall of Java
For many years we have been enjoying software for the interactive display of molecular structures in non-specialised computers. Up to recently, this typically required installing a specific program or including a plug-in in the web browser. For the first case we may cite RasMol or the more sophisticated PyMOL.4,5 For the second, MDL Chime was prominent, later followed by several alternatives using Java to allow pages including the viewer applet, such as Jmol, Marvin, PDBjViewer or Chemis3D.6-9
These solutions have been satisfactory for several years, although they required some configuration in the user`s device (with the resulting need for providing instructions) and could be restricted to some operating systems. When developing teaching activities in computer rooms, a far from negligible task of setup and maintenance was needed, as many of you may have endured. Along the last years, certain risks associated to the chance of malicious Java applets being used for intrusion have lead to the enforcement of security policies both in Java itself and in the web browsers, resulting in increasing restrictions on the execution of Java applets within the web pages. You have likely experienced this, even suffered it with marked frustration, by way of successive and changing dialogs warning about the blockade, asking for an updated installation, just to repeatedly keep requiring permissions to execute the content. If one is not specially persistent or gets worried before obscure warnings and instructions, one finally gives up the attempt. Does it ring a bell for you?
To put the icing on this overly sweet cake, some web browsers are fully removing support for the plug-in format10 employed not only by Java, but also by movie players and other software that integrates into the browser. All this has posed a risk of loosing functionality developed in hundreds of websites, particularly when they come from an amateur and voluntary effort, and there is no company behind them able to assume the needed remodelling and update for keeping the materials operational.
Figure 2. The structure of the 22 amino acids may be experienced with 3D models in a smartphone13
A world without keyboards
We are all experimenting every day this social revolution on the use of communication media and the prominence of extremely portable digital media: smartphones and tablets are now a must, and those who develop contents of any kind are strongly urged to adapt to these formats.
The above commented restrictions on the use of Java in computers have converged with the proliferation of portable media which mostly lack the ability to play contents in the Java format.In addition to sidestepping the commented restrictions, the abandoning of dependence on complements like Java in favour of an HTML5 format, self-contained in the browser, opens at the same time the door to the portable devices. It is hence feasible for tablets and even phones (fig. 2) to use materials built on tools such as JSmol. 13 As you may foresee, there are some limitations imposed by both the processing power and the screen size, but not a material or technical inability to access the contents. We can, therefore, speak about a truly multiplatform solution: compatible with several browsers, operating systems and devices.
A noticeable progress
As a conclusion of all that, several sites across the internet have already adapted their content in order to display molecular structures using interactive molecular models without any software requirements. As a prominent example we may cite the Protein Data Bank (PDB) which now displays the models by default using JSmol or offers the user a choice of other viewers, like Jmol with Java and the new PV (Protein Viewer14). PV also uses the browser resources without plug-ins, but in this case takes advantage of WebGL technology (hardware-accelerated graphics, available on reasonably modern graphic cards); this is an alternative with swifter graphics, although less sophisticated that JSmol with regard to possibilities of structure investigation and of customising the rendering style.
Since the code base in JSmol is the same as in Jmol, when we edit web pages we can enjoy the full wealth of features developed for the latter along the years, which constitutes the JmolScript command and scripting language. You only need to adapt that part of the code dealing with insertion of the JmolApplets so that, instead, the Jmol objects are now inserted in the page; these objects mat adopt either the Java modality as before or the new HTML5 modality characteristic of JSmol15 (fig. 4).
Figure 4: Alternative use of the modalities of the Jmol object: either Java applet or HTML5 object (JSmol). This example is taken from the ancillary website for the book (in Spanish only) Texto ilustrado e interactivo de biología molecular e ingeniería genética, 2ª ed. (http://StudentConsult.es)
To conclude, we may offer this summary: although specialists will keep relying on the dedicated and sophisticated software such as PyMOL, the molecular scientists al large can enjoy molecular visualisation without trouble –even though rich in features– for their needs of analysis, presentation, etc. without requiring specific programs or limitation to certain computing platforms.