annotate templates.py @ 14:e48866766f56

Added audio, removed original audio
author Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk>
date Wed, 13 Mar 2013 16:20:00 +0000
parents 8261089e6f04
children e4921590577e
rev   line source
gyorgy@0 1 audiotempl= '''
gyorgy@0 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
gyorgy@0 3 <html xmlns="http://www.w3.org/1999/xhtml">
gyorgy@0 4
gyorgy@0 5 <html lang="en" dir="ltr">
gyorgy@0 6
gyorgy@0 7 <head>
daniele@12 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
daniele@12 9 <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" />
daniele@12 10 <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined">
gyorgy@0 11 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
daniele@12 12
daniele@11 13 <title>Audio Environment Classification</title>
gyorgy@0 14
gyorgy@0 15 <script src="../build/jquery.js"></script>
daniele@11 16 <!script src="../build/mediaelement-and-player.min.js"></script>
gyorgy@0 17
gyorgy@0 18
gyorgy@0 19 <script language = "JavaScript">
gyorgy@0 20
gyorgy@0 21 window.onload = function () {
daniele@11 22 document.getElementById("a1")[%i].selected = true;
gyorgy@0 23 }
gyorgy@0 24
gyorgy@0 25 </script>
gyorgy@0 26
gyorgy@0 27 <script language="JavaScript" src="../js/gen_validatorv4.js"
gyorgy@0 28 type="text/javascript" xml:space="preserve"></script>
gyorgy@0 29 </head>
gyorgy@0 30
gyorgy@0 31 <body>
daniele@12 32
daniele@12 33 <div id="mainPicture">
daniele@12 34 <div class="picture">
daniele@12 35 <div id="headerTitle">Audio Environment Classification</div>
daniele@12 36 </div>
daniele@12 37 </div>
daniele@12 38 <div class="contentBox">
gyorgy@0 39
gyorgy@0 40 <h3 id="test 1">%i/%i</h3><br>
daniele@11 41 <h4>Please play the sounds and indicate where they have been recorded </h4>
daniele@12 42
gyorgy@0 43 <form name="attributes" action="doAttrib" method="POST">
daniele@12 44 <audio id="audio player 1" controls>
daniele@12 45 <source src="../AASPAudio/%s.wav" type="audio/wav">
daniele@12 46 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../AASPAudio/%s.wav" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../AASPAudio/%s.wav" /></object>
daniele@12 47 </audio>
gyorgy@0 48 <br>
gyorgy@0 49
daniele@12 50 <select name="attribute1" id="a1">
daniele@12 51 <option value="0"></option>
daniele@12 52 <option value="1">bus</option>
daniele@12 53 <option value="2">busy street</option>
daniele@12 54 <option value="3">office</option>
daniele@12 55 <option value="4">open air market</option>
daniele@12 56 <option value="5">park</option>
daniele@12 57 <option value="6">quiet street</option>
daniele@12 58 <option value="7">restaurant</option>
daniele@12 59 <option value="8">supermarket</option>
daniele@12 60 <option value="9">tube</option>
daniele@12 61 <option value="10">tube station</option>
daniele@12 62 </select>
daniele@12 63
gyorgy@0 64 <input type="hidden" name="pageId" value="%i">
gyorgy@0 65 <input type="hidden" name="sessionId" value="%s">
gyorgy@0 66
gyorgy@0 67 <input type="submit" value="submit" name="submitButton"/>
gyorgy@0 68
gyorgy@0 69 </form>
gyorgy@0 70
gyorgy@0 71 <script language="JavaScript" type="text/javascript"
daniele@12 72 xml:space="preserve">//<![CDATA[
daniele@12 73 var frmvalidator = new Validator("attributes");
daniele@12 74
daniele@11 75 frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item");
gyorgy@0 76 //]]></script>
gyorgy@0 77
gyorgy@0 78 </div>
daniele@12 79
daniele@12 80 </div>
daniele@12 81
daniele@12 82 </body>
gyorgy@0 83
gyorgy@0 84 <script>
gyorgy@0 85 $('audio,video').mediaelementplayer();
gyorgy@0 86 </script>
gyorgy@0 87 </html>
gyorgy@0 88 '''
gyorgy@0 89
gyorgy@0 90 welcome_templ= '''
gyorgy@0 91 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
gyorgy@0 92 <html xmlns="http://www.w3.org/1999/xhtml">
gyorgy@0 93
gyorgy@0 94 <html lang="en" dir="ltr">
gyorgy@0 95
gyorgy@0 96 <head>
gyorgy@0 97 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
daniele@12 98 <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css">
gyorgy@0 99 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
daniele@11 100 <title>Environment Classification</title>
gyorgy@0 101 <script language="JavaScript" src="../js/gen_validatorv4.js"
gyorgy@0 102 type="text/javascript" xml:space="preserve"></script>
gyorgy@0 103 </head>
gyorgy@0 104 <body>
gyorgy@0 105 <div id="mainPicture">
gyorgy@0 106 <div class="picture">
daniele@11 107 <div id="headerTitle">Environment Classification - Listening test</div>
gyorgy@0 108 </div>
gyorgy@0 109 <div class="contentBox">
gyorgy@0 110 <h2>Welcome!</h2><br />
daniele@11 111 <br /> <br />
gyorgy@0 112
gyorgy@0 113 <form name="userinfos" action="doStart" method="POST">
gyorgy@0 114 <div class="selects">
gyorgy@0 115 </p>
gyorgy@0 116 Select Username<br />
gyorgy@0 117 <input type="text" name="uinfo00" id="uinfo00" />
gyorgy@0 118 <br /><br />
gyorgy@0 119
gyorgy@0 120 Age<br />
gyorgy@0 121 <select name="uinfo01" id="uinfo01">
gyorgy@0 122 <option value="0"></option>
gyorgy@0 123 <option value="1">< 18</option>
gyorgy@0 124 <option value="2">18-24</option>
gyorgy@0 125 <option value="3">25-34</option>
gyorgy@0 126 <option value="4">35-44</option>
gyorgy@0 127 <option value="5">45-54</option>
gyorgy@0 128 <option value="5">55-64</option>
gyorgy@0 129 <option value="6">65-74</option>
gyorgy@0 130 <option value="7">> 74</option>
gyorgy@0 131 </select>
gyorgy@0 132 <br /><br />
gyorgy@0 133 It is encouraged to use high quality headphones for this test. However, if you use loudspeakers instead make sure you're in the correct position between the speakers in order to evaluate stereo effects. Please specify (the closest to) your listening conditions:
gyorgy@0 134 <br />
daniele@11 135 <select name="info1" id="info1">
gyorgy@0 136 <option value="0"></option>
gyorgy@0 137 <option value="1">high quality headphones</option>
gyorgy@0 138 <option value="2">low quality headphones</option>
gyorgy@0 139 <option value="3">loudspeakers / professional studio</option>
gyorgy@0 140 <option value="4">loudspeakers / semi-professional studio</option>
gyorgy@0 141 <option value="5">hifi speakers / home</option>
gyorgy@0 142 </select>
gyorgy@0 143 <input type="hidden" name="pageId" value="0">
gyorgy@0 144 <input type="hidden" name="sessionId" value="%s">
gyorgy@0 145 <input type="submit" value="submit" name="startButton">
gyorgy@0 146 </p>
gyorgy@0 147 </form>
gyorgy@0 148
gyorgy@0 149 <script language="JavaScript" type="text/javascript"
gyorgy@0 150 xml:space="preserve">//<![CDATA[
gyorgy@0 151 var frmvalidator = new Validator("userinfos");
gyorgy@0 152
gyorgy@0 153 frmvalidator.addValidation("uinfo00","req","Please select a username");
gyorgy@0 154 frmvalidator.addValidation("uinfo00","maxlen=20", "Max length for username is 20");
gyorgy@0 155 frmvalidator.addValidation("uinfo00","minlen=3", "Min length for username is 3");
gyorgy@0 156 frmvalidator.addValidation("uinfo01","dontselect=0", "Please specify all information");
gyorgy@0 157
gyorgy@0 158 frmvalidator.addValidation("info1","dontselect=0", "Please specify all information");
gyorgy@0 159
gyorgy@0 160 //]]></script>
gyorgy@0 161
gyorgy@0 162
gyorgy@0 163 </div>
gyorgy@0 164 <br />
gyorgy@0 165 <h3>Thank you for participating in this project!</h3><br />
gyorgy@0 166
gyorgy@0 167 </div>
gyorgy@0 168 </body>
gyorgy@0 169
gyorgy@0 170 </html>
gyorgy@0 171 '''
gyorgy@0 172
gyorgy@0 173 endtempl = '''
gyorgy@0 174 <!DOCTYPE html>
gyorgy@0 175 <html lang="en" dir="ltr">
gyorgy@0 176 <head>
gyorgy@0 177 </head>
gyorgy@0 178 <body>
gyorgy@0 179 <p>results</p>
gyorgy@0 180 <table border="1">
gyorgy@0 181 <tr>
gyorgy@0 182 <th>Audio File</th>
gyorgy@0 183 <th>Main 1</th>
gyorgy@0 184 <th>Main 2</th>
gyorgy@0 185 <th>Other 1</th>
gyorgy@0 186 <th>Other 2</th>
gyorgy@0 187 </tr>
gyorgy@0 188 %s
gyorgy@0 189 </table>
gyorgy@0 190 <p> <a href="http://www.elec.qmul.ac.uk/digitalmusic">thanks!</a> </p>
gyorgy@0 191 </body>
gyorgy@0 192 </html>
gyorgy@0 193 '''
gyorgy@0 194 #<p> <a href="/out/">thanks!</a> </p>
gyorgy@0 195
gyorgy@0 196 endtempl2 = '''
gyorgy@0 197 <tr>
gyorgy@0 198 <td>%s</td>
gyorgy@0 199 <td><center>%s</center></td>
gyorgy@0 200 <td><center>%s</center></td>
gyorgy@0 201 <td><center>%s</center></td>
gyorgy@0 202 <td><center>%s</center></td>
gyorgy@0 203 </tr>
gyorgy@0 204 '''