django_simple/todo/templates/tutorial.html

   1 {% extends "base.html" %}
   2
   3 {% load i18n lazysignup_tags %}
   4 {% block content %}
   5
   6 <h4>
   7 In order to submit a job you need to provide its name:</h4>
   8 <p>
   9 <img src="static/name.png" style="border:2px solid blueviolet">
  10 <p>
  11 UNRES server allows three types of simulations:
  12 local minimization, molecular dynamics and replica exchange molecular dynamics:
  13 <p>
  14 <img src="static/types.png" style="border:2px solid blueviolet">
  15 <p>
  16 Use "Save & submit" button to start calculations.
  17 <img src="static/submit.png" style="border:2px solid blueviolet">
  18 <p>
  19 Use "Refresh" button to check the status of simulation:
  20 <p>
  21 <img src="static/refresh.png" style="border:2px solid blueviolet">
  22 <p>
  23 until
  24 <img src="static/done.png" style="border:2px solid blueviolet">
  25 <p>
  26 The job status information will start from the "waiting in the queue to
  27 start", then "running" and finally "postprocessing" before "done".
  28 <p>
  29 Any single job can by accessed later using the adress of the web page
  30 displayed after job submission:
  31 http://unres-server.chem.ug.edu.pl/details1/570cf15fc638493893ece1f011ea0182/984/
  32 <br>
  33 Registered users can save all their jobs and access them  after login.
  34 <p>
  35 <h4>You can use "Load example data" button before submitting calculations
  36 to try examples listed below:</h4>
  37 <p>
  38 <ol>
  39 <h4><li>Local minimization of protein A (PDB code:1BDD) structure</h4>
  40 <div>
  41     <fieldset class="majorpoints">
  42         <legend class="majorpointslegend"
  43             style="background-color:#d3d3d3;cursor: pointer;">Show</legend>
  44
  45     <div class="hiders" style="display:none" >
  46 <p>
  47 In this example only the PDB code of selected protein (1BDD) is provided
  48 <p>
  49 <img src="static/min.png" style="border:2px solid blueviolet">
  50
  51
  52 The results of local minimizations show the UNRES model of 1BDD protein,
  53 its total UNRES energy and overlap on starting structure:
  54 <p>
  55 <a href="static/min1.png"><img src="static/min1.png" width="300px"></a>
  56 <a href="static/min2.png"><img src="static/min2.png" width="300px"></a>
  57 <p>
  58 All files generated during calculations
  59 can be viewed/download by clicking on "Directory" link.
  60 </div>
  61 </div>
  62
  63 <hr>
  64 <h4><li>Molecular dynamics of IGG-binding domain from streptococcal protein G
  65 (PDB code:1IGD) starting from the native structure</h4>
  66 <div>
  67     <fieldset class="majorpoints">
  68         <legend class="majorpointslegend"
  69             style="background-color:#d3d3d3;cursor: pointer;">Show</legend>
  70
  71     <div class="hiders" style="display:none" >
  72
  73 <p>
  74 <img src="static/md.png" style="border:2px solid blueviolet">
  75 <p>
  76 The results of md simulations show temperature histogram,
  77 potential energy changes, evolution of radius of gyration,
  78 RMSD, fraction of native contacts, and CA fluctuations:
  79 <p>
  80 <a href="static/md1.png"><img src="static/md1.png" width="300px"></a>
  81 <a href="static/md2.png"><img src="static/md2.png" width="300px"></a>
  82 <a href="static/md3.png"><img src="static/md3.png" width="300px"></a>
  83 <a href="static/md4.png"><img src="static/md4.png" width="300px"></a>
  84 <a href="static/md5.png"><img src="static/md5.png" width="300px"></a>
  85 <a href="static/md6.png"><img src="static/md6.png" width="300px"></a>
  86 <a href="static/md7.png"><img src="static/md7.png" width="300px"></a>
  87 <a href="static/md8.png"><img src="static/md8.png" width="300px"></a>
  88 <p>
  89 Evolution of RMSD, fraction of native contacts and
  90 comparison of CA fluctuations to Bfactor is presented
  91 only when reference structure is provided as in this example.
  92 </div>
  93 </div>
  94 <hr>
  95 <h4><li>
  96 Replica exchange molecular dynamics of Trp-Cage miniprotein (PDB
  97 code:1L2Y) starting from the extended chain </h4>
  98 <div>
  99     <fieldset class="majorpoints">
 100         <legend class="majorpointslegend"
 101             style="background-color:#d3d3d3;cursor: pointer;">Show</legend>
 102
 103     <div class="hiders" style="display:none" >
 104 <img src="static/remd.png" style="border:2px solid blueviolet">
 105 <p>
 106
 107 Plots of histograms of UNRES energy for each temperature, and
 108 energy vs temperature are presented.
 109 The weighted histogram analysis (WHAM) is applied to compute the
 110 probabilities of the obtained conformations to occur at particular
 111 temperatures, plots of heat capacity and average RMSD as a functions
 112 of temperature are shown. Replica exchanges are analyzed.
 113 <p>
 114 <a href="static/remd1.png"><img src="static/remd1.png" width="300px"></a>
 115 <a href="static/remd2.png"><img src="static/remd2.png" width="300px"></a>
 116 <a href="static/remd3.png"><img src="static/remd3.png" width="300px"></a>
 117 <a href="static/remd4.png"><img src="static/remd4.png" width="300px"></a>
 118 <a href="static/remd5.png"><img src="static/remd5.png" width="300px"></a>
 119 <a href="static/remd6.png"><img src="static/remd6.png" width="300px"></a>
 120 <a href="static/remd7.png"><img src="static/remd7.png" width="300px"></a>
 121 <a href="static/remd8.png"><img src="static/remd8.png" width="300px"></a>
 122 <p>
 123 Finally cluster analysis is performed to select 5 families of conformations,
 124 and representative model from each family is converted to all-atom
 125 and refined.
 126 <p>
 127 <a href="static/remd9.png"><img src="static/remd9.png" width="300px"></a>
 128
 129 <p>
 130
 131
 132 </div>
 133 </div>
 134 <hr>
 135 Advanced mode allows for changes of more parameters of each type of
 136 simulation. Separate examples are provided: minimization of 1EI0 with
 137 dissulfide bonds, MD simulations of 1L2Y starting from extended chain
 138 and replica exchange simulations of 1E0G starting form extended chain
 139 using new UNRES force field and Berendsen thermostat.
 140
 141 <script src="/static/jquery.min.js"></script>
 142
 143 <script>
 144 $('.majorpointslegend').click(function(){
 145     $(this.parentNode).find('.hiders').toggle();
 146     if($(this.parentNode).find('.majorpointslegend').text()=='Show'){
 147         $(this.parentNode).find('.majorpointslegend').text('Hide');
 148     }else{
 149         $(this.parentNode).find('.majorpointslegend').text('Show');
 150     }
 151 });
 152 </script>
 153
 154
 155 {% endblock %}