Mercurial > hg > env-test-daniele

annotate templates.py @ 25:4a4bd554b4c1 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Closing this sub branch.
author Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk>
date Mon, 25 Mar 2013 14:02:54 +0000
parents 15260ae0d6bc
children 8a595d55e245
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>
gyorgy@0 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
daniele@11 9 <! link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined">
gyorgy@0 10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
daniele@11 11 <title>Audio Environment Classification</title>
gyorgy@0 12
gyorgy@0 13 <script src="../build/jquery.js"></script>
daniele@11 14 <!script src="../build/mediaelement-and-player.min.js"></script>
gyorgy@0 15
gyorgy@0 16
gyorgy@0 17 <script language = "JavaScript">
gyorgy@0 18
gyorgy@0 19 window.onload = function () {
daniele@11 20 document.getElementById("a1")[%i].selected = true;
daniele@11 21 document.getElementById("a2")[%i].selected = true;
daniele@11 22 document.getElementById("a3")[%i].selected = true;
daniele@11 23 document.getElementById("a4")[%i].selected = true;
daniele@11 24 document.getElementById("a5")[%i].selected = true;
daniele@11 25 document.getElementById("a6")[%i].selected = true;
daniele@11 26 document.getElementById("a7")[%i].selected = true;
daniele@11 27 document.getElementById("a8")[%i].selected = true;
daniele@11 28 document.getElementById("a9")[%i].selected = true;
daniele@11 29 document.getElementById("a10")[%i].selected = true;
gyorgy@0 30 }
gyorgy@0 31
gyorgy@0 32 </script>
gyorgy@0 33
gyorgy@0 34 <script language="JavaScript" src="../js/gen_validatorv4.js"
gyorgy@0 35 type="text/javascript" xml:space="preserve"></script>
gyorgy@0 36 </head>
gyorgy@0 37
gyorgy@0 38 <body>
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>
gyorgy@0 42
gyorgy@0 43 <form name="attributes" action="doAttrib" method="POST">
gyorgy@0 44
daniele@11 45 <audio id="audio player 1" controls>
daniele@11 46 <source src="../AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 47 </audio>
gyorgy@0 48
daniele@11 49 <form name = "attribute1" id="a1">
daniele@11 50 <input type="radio" name="cat" value="bus">bus
daniele@11 51 <input type="radio" name="cat" value="busy street">busy street
daniele@11 52 <input type="radio" name="cat" value="office">office
daniele@11 53 <input type="radio" name="cat" value="open air market">open air market
daniele@11 54 <input type="radio" name="cat" value="park">park <br>
daniele@11 55 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 56 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 57 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 58 <input type="radio" name="cat" value="tube">tube
daniele@11 59 <input type="radio" name="cat" value="tube station">tube station
daniele@11 60 </form>
gyorgy@0 61 <br>
gyorgy@0 62
daniele@11 63 <audio id="audio player 2" controls>
daniele@11 64 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 65 </audio>
gyorgy@0 66
daniele@11 67 <form name = "attribute2" id="a2">
daniele@11 68 <input type="radio" name="cat" value="bus">bus
daniele@11 69 <input type="radio" name="cat" value="busy street">busy street
daniele@11 70 <input type="radio" name="cat" value="office">office
daniele@11 71 <input type="radio" name="cat" value="open air market">open air market
daniele@11 72 <input type="radio" name="cat" value="park">park <br>
daniele@11 73 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 74 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 75 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 76 <input type="radio" name="cat" value="tube">tube
daniele@11 77 <input type="radio" name="cat" value="tube station">tube station
daniele@11 78 </form>
gyorgy@0 79 <br>
gyorgy@0 80
daniele@11 81 <audio id="audio player 3" controls>
daniele@11 82 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
daniele@11 83 </audio>
gyorgy@0 84
daniele@11 85 <form name = "attribute3" id="a3">
daniele@11 86 <input type="radio" name="cat" value="bus">bus
daniele@11 87 <input type="radio" name="cat" value="busy street">busy street
daniele@11 88 <input type="radio" name="cat" value="office">office
daniele@11 89 <input type="radio" name="cat" value="open air market">open air market
daniele@11 90 <input type="radio" name="cat" value="park">park <br>
daniele@11 91 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 92 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 93 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 94 <input type="radio" name="cat" value="tube">tube
daniele@11 95 <input type="radio" name="cat" value="tube station">tube station
daniele@11 96 </form>
gyorgy@0 97 <br>
gyorgy@0 98
daniele@11 99 <audio id="audio player 4" controls>
daniele@11 100 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 101 </audio>
gyorgy@0 102
daniele@11 103 <form name = "attribute4" id="a4">
daniele@11 104 <input type="radio" name="cat" value="bus">bus
daniele@11 105 <input type="radio" name="cat" value="busy street">busy street
daniele@11 106 <input type="radio" name="cat" value="office">office
daniele@11 107 <input type="radio" name="cat" value="open air market">open air market
daniele@11 108 <input type="radio" name="cat" value="park">park <br>
daniele@11 109 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 110 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 111 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 112 <input type="radio" name="cat" value="tube">tube
daniele@11 113 <input type="radio" name="cat" value="tube station">tube station
daniele@11 114 </form>
gyorgy@0 115 <br>
gyorgy@0 116
daniele@11 117 <audio id="audio player 5" controls>
daniele@11 118 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 119 </audio>
gyorgy@0 120
daniele@11 121 <form name = "attribute5" id="a5">
daniele@11 122 <input type="radio" name="cat" value="bus">bus
daniele@11 123 <input type="radio" name="cat" value="busy street">busy street
daniele@11 124 <input type="radio" name="cat" value="office">office
daniele@11 125 <input type="radio" name="cat" value="open air market">open air market
daniele@11 126 <input type="radio" name="cat" value="park">park <br>
daniele@11 127 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 128 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 129 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 130 <input type="radio" name="cat" value="tube">tube
daniele@11 131 <input type="radio" name="cat" value="tube station">tube station
daniele@11 132 </form>
gyorgy@0 133 <br>
gyorgy@0 134
daniele@11 135 <audio id="audio player 6" controls>
daniele@11 136 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 137 </audio>
gyorgy@0 138
daniele@11 139 <form name = "attribute6" id="a6">
daniele@11 140 <input type="radio" name="cat" value="bus">bus
daniele@11 141 <input type="radio" name="cat" value="busy street">busy street
daniele@11 142 <input type="radio" name="cat" value="office">office
daniele@11 143 <input type="radio" name="cat" value="open air market">open air market
daniele@11 144 <input type="radio" name="cat" value="park">park <br>
daniele@11 145 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 146 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 147 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 148 <input type="radio" name="cat" value="tube">tube
daniele@11 149 <input type="radio" name="cat" value="tube station">tube station
daniele@11 150 </form>
gyorgy@0 151 <br>
gyorgy@0 152
daniele@11 153 <audio id="audio player 7" controls>
daniele@11 154 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 155 </audio>
gyorgy@0 156
daniele@11 157 <form name = "attribute7" id="a7">
daniele@11 158 <input type="radio" name="cat" value="bus">bus
daniele@11 159 <input type="radio" name="cat" value="busy street">busy street
daniele@11 160 <input type="radio" name="cat" value="office">office
daniele@11 161 <input type="radio" name="cat" value="open air market">open air market
daniele@11 162 <input type="radio" name="cat" value="park">park <br>
daniele@11 163 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 164 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 165 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 166 <input type="radio" name="cat" value="tube">tube
daniele@11 167 <input type="radio" name="cat" value="tube station">tube station
daniele@11 168 </form>
gyorgy@0 169 <br>
gyorgy@0 170
daniele@11 171 <audio id="audio player 8" controls>
daniele@11 172 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 173 </audio>
gyorgy@0 174
daniele@11 175 <form name = "attribute8" id="a8">
daniele@11 176 <input type="radio" name="cat" value="bus">bus
daniele@11 177 <input type="radio" name="cat" value="busy street">busy street
daniele@11 178 <input type="radio" name="cat" value="office">office
daniele@11 179 <input type="radio" name="cat" value="open air market">open air market
daniele@11 180 <input type="radio" name="cat" value="park">park <br>
daniele@11 181 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 182 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 183 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 184 <input type="radio" name="cat" value="tube">tube
daniele@11 185 <input type="radio" name="cat" value="tube station">tube station
daniele@11 186 </form>
gyorgy@0 187 <br>
gyorgy@0 188
daniele@11 189 <audio id="audio player 9" controls>
daniele@11 190 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 191 </audio>
daniele@11 192
daniele@11 193 <form name = "attribute9" id="a9">
daniele@11 194 <input type="radio" name="cat" value="bus">bus
daniele@11 195 <input type="radio" name="cat" value="busy street">busy street
daniele@11 196 <input type="radio" name="cat" value="office">office
daniele@11 197 <input type="radio" name="cat" value="open air market">open air market
daniele@11 198 <input type="radio" name="cat" value="park">park <br>
daniele@11 199 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 200 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 201 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 202 <input type="radio" name="cat" value="tube">tube
daniele@11 203 <input type="radio" name="cat" value="tube station">tube station
daniele@11 204 </form>
daniele@11 205 <br>
daniele@11 206
daniele@11 207 <audio id="audio player 10" controls>
daniele@11 208 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav">
gyorgy@0 209 </audio>
gyorgy@0 210
daniele@11 211 <form name = "attribute10" id="a10">
daniele@11 212 <input type="radio" name="cat" value="bus">bus
daniele@11 213 <input type="radio" name="cat" value="busy street">busy street
daniele@11 214 <input type="radio" name="cat" value="office">office
daniele@11 215 <input type="radio" name="cat" value="open air market">open air market
daniele@11 216 <input type="radio" name="cat" value="park">park <br>
daniele@11 217 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 218 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 219 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 220 <input type="radio" name="cat" value="tube">tube
daniele@11 221 <input type="radio" name="cat" value="tube station">tube station
daniele@11 222 </form>
daniele@11 223 <br>
gyorgy@0 224
gyorgy@0 225 <input type="hidden" name="pageId" value="%i">
gyorgy@0 226 <input type="hidden" name="sessionId" value="%s">
gyorgy@0 227
gyorgy@0 228 <input type="submit" value="submit" name="submitButton"/>
gyorgy@0 229
gyorgy@0 230 </form>
gyorgy@0 231
gyorgy@0 232 <script language="JavaScript" type="text/javascript"
gyorgy@0 233 xml:space="preserve">//<![CDATA[
gyorgy@0 234 var frmvalidator = new Validator("attributes");
gyorgy@0 235
daniele@11 236 frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 237 frmvalidator.addValidation("attribute2","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 238 frmvalidator.addValidation("attribute3","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 239 frmvalidator.addValidation("attribute4","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 240 frmvalidator.addValidation("attribute5","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 241 frmvalidator.addValidation("attribute6","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 242 frmvalidator.addValidation("attribute7","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 243 frmvalidator.addValidation("attribute8","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 244 frmvalidator.addValidation("attribute9","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 245 frmvalidator.addValidation("attribute10","dontselect=0", "Please select at least one main attribute for each item");
gyorgy@0 246
gyorgy@0 247 //]]></script>
gyorgy@0 248
gyorgy@0 249 </div>
gyorgy@0 250
gyorgy@0 251 </div>
gyorgy@0 252
gyorgy@0 253 </body>
gyorgy@0 254
gyorgy@0 255 <script>
gyorgy@0 256 $('audio,video').mediaelementplayer();
gyorgy@0 257 </script>
gyorgy@0 258 </html>
gyorgy@0 259 '''
gyorgy@0 260
gyorgy@0 261 welcome_templ= '''
gyorgy@0 262 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
gyorgy@0 263 <html xmlns="http://www.w3.org/1999/xhtml">
gyorgy@0 264
gyorgy@0 265 <html lang="en" dir="ltr">
gyorgy@0 266
gyorgy@0 267 <head>
gyorgy@0 268 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
gyorgy@0 269 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
daniele@11 270 <title>Environment Classification</title>
gyorgy@0 271 <script language="JavaScript" src="../js/gen_validatorv4.js"
gyorgy@0 272 type="text/javascript" xml:space="preserve"></script>
gyorgy@0 273 </head>
gyorgy@0 274 <body>
gyorgy@0 275 <div id="mainPicture">
gyorgy@0 276 <div class="picture">
daniele@11 277 <div id="headerTitle">Environment Classification - Listening test</div>
gyorgy@0 278 </div>
gyorgy@0 279 <div class="contentBox">
gyorgy@0 280 <h2>Welcome!</h2><br />
daniele@11 281 <br /> <br />
gyorgy@0 282
gyorgy@0 283 <form name="userinfos" action="doStart" method="POST">
gyorgy@0 284 <div class="selects">
gyorgy@0 285 </p>
gyorgy@0 286 Select Username<br />
gyorgy@0 287 <input type="text" name="uinfo00" id="uinfo00" />
gyorgy@0 288 <br /><br />
gyorgy@0 289
gyorgy@0 290 Age<br />
gyorgy@0 291 <select name="uinfo01" id="uinfo01">
gyorgy@0 292 <option value="0"></option>
gyorgy@0 293 <option value="1">< 18</option>
gyorgy@0 294 <option value="2">18-24</option>
gyorgy@0 295 <option value="3">25-34</option>
gyorgy@0 296 <option value="4">35-44</option>
gyorgy@0 297 <option value="5">45-54</option>
gyorgy@0 298 <option value="5">55-64</option>
gyorgy@0 299 <option value="6">65-74</option>
gyorgy@0 300 <option value="7">> 74</option>
gyorgy@0 301 </select>
gyorgy@0 302 <br /><br />
gyorgy@0 303 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 304 <br />
daniele@11 305 <select name="info1" id="info1">
gyorgy@0 306 <option value="0"></option>
gyorgy@0 307 <option value="1">high quality headphones</option>
gyorgy@0 308 <option value="2">low quality headphones</option>
gyorgy@0 309 <option value="3">loudspeakers / professional studio</option>
gyorgy@0 310 <option value="4">loudspeakers / semi-professional studio</option>
gyorgy@0 311 <option value="5">hifi speakers / home</option>
gyorgy@0 312 </select>
gyorgy@0 313 <input type="hidden" name="pageId" value="0">
gyorgy@0 314 <input type="hidden" name="sessionId" value="%s">
gyorgy@0 315 <input type="submit" value="submit" name="startButton">
gyorgy@0 316 </p>
gyorgy@0 317 </form>
gyorgy@0 318
gyorgy@0 319 <script language="JavaScript" type="text/javascript"
gyorgy@0 320 xml:space="preserve">//<![CDATA[
gyorgy@0 321 var frmvalidator = new Validator("userinfos");
gyorgy@0 322
gyorgy@0 323 frmvalidator.addValidation("uinfo00","req","Please select a username");
gyorgy@0 324 frmvalidator.addValidation("uinfo00","maxlen=20", "Max length for username is 20");
gyorgy@0 325 frmvalidator.addValidation("uinfo00","minlen=3", "Min length for username is 3");
gyorgy@0 326 frmvalidator.addValidation("uinfo01","dontselect=0", "Please specify all information");
gyorgy@0 327
gyorgy@0 328 frmvalidator.addValidation("info1","dontselect=0", "Please specify all information");
gyorgy@0 329
gyorgy@0 330 //]]></script>
gyorgy@0 331
gyorgy@0 332
gyorgy@0 333 </div>
gyorgy@0 334 <br />
gyorgy@0 335 <h3>Thank you for participating in this project!</h3><br />
gyorgy@0 336
gyorgy@0 337 </div>
gyorgy@0 338 </body>
gyorgy@0 339
gyorgy@0 340 </html>
gyorgy@0 341 '''
gyorgy@0 342
gyorgy@0 343 endtempl = '''
gyorgy@0 344 <!DOCTYPE html>
gyorgy@0 345 <html lang="en" dir="ltr">
gyorgy@0 346 <head>
gyorgy@0 347 </head>
gyorgy@0 348 <body>
gyorgy@0 349 <p>results</p>
gyorgy@0 350 <table border="1">
gyorgy@0 351 <tr>
gyorgy@0 352 <th>Audio File</th>
gyorgy@0 353 <th>Main 1</th>
gyorgy@0 354 <th>Main 2</th>
gyorgy@0 355 <th>Other 1</th>
gyorgy@0 356 <th>Other 2</th>
gyorgy@0 357 </tr>
gyorgy@0 358 %s
gyorgy@0 359 </table>
gyorgy@0 360 <p> <a href="http://www.elec.qmul.ac.uk/digitalmusic">thanks!</a> </p>
gyorgy@0 361 </body>
gyorgy@0 362 </html>
gyorgy@0 363 '''
gyorgy@0 364 #<p> <a href="/out/">thanks!</a> </p>
gyorgy@0 365
gyorgy@0 366 endtempl2 = '''
gyorgy@0 367 <tr>
gyorgy@0 368 <td>%s</td>
gyorgy@0 369 <td><center>%s</center></td>
gyorgy@0 370 <td><center>%s</center></td>
gyorgy@0 371 <td><center>%s</center></td>
gyorgy@0 372 <td><center>%s</center></td>
gyorgy@0 373 </tr>
gyorgy@0 374 '''