Unlock the Power of Open Source! The " Linux New " SWAYAM Plus Course is live now and about 2,500 learners have already registered for it.

If you are a registered learner, the forum page is now active. Visit the page and get all your questions answered.

Creating a Basic JSmol Integrated Web Page - English

This is a sample video. To access the full content,
please Login

2818 visits

  1. Instruction Sheet
  2. Installation Sheet
  3. Report Missing Component
  4. Post your Question on the Forum
Outline:
About important features of JSmol.
About steps to create JSmol integrated web page.
Download Jmol binary zip file. 
Extract Jsmol.zip which is present inside the Jmol binary zip.
Move the extracted Jsmol file to the  jspage folder.
About Apache software program.
Install Apache2 software
Open the nbutane.html document in a text editor.
Edit the nbutane.html document to integrate JSmol.
Edit the nbutane.html document to include 3D model files and text description. 
Run the HTML page locally using HTTP server, localhost 80.
Edit the nbutane.html document to include checkboxes and radio buttons.
Width:924 Height:640
Duration:00:16:54 Size:13.3 MB

Show video info

Pre-requisite

Script Console and Script Commands

  Assignment

Code files

  • jspage/
  • jspage/example.html
  • jspage/resources/
  • jspage/resources/nbutane1.mol
  • jspage/resources/nbutane2.mol
  • jspage/resources/nbutane3.mol
  • jspage/files/
  • jspage/files/light-bootstrap-dashboard.js
  • jspage/files/styleTemplate.css
  • jspage/files/demo.js
  • jspage/files/bootstrap-switch.js
  • jspage/files/bootstrap.css
  • jspage/files/popper.js
  • jspage/files/bootstrap.js
  • jspage/files/resources.css
  • jspage/files/light-bootstrap-dashboard.css
  • jspage/files/ajaxPoperty.js
  • jspage/files/datatables.js
  • jspage/files/chartist.js
  • jspage/files/bootstrap-notify.js

Script

Slides

  • Slides-CReating-JSmol-tut1/
  • Slides-CReating-JSmol-tut1/st-logo-new.png
  • Slides-CReating-JSmol-tut1/JSmol-webpage1.tex
  • Slides-CReating-JSmol-tut1/JSmol-webpage1.pdf

  Additional reading material