annotate templates.py.orig @ 25:4a4bd554b4c1 tip

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