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