Mercurial > hg > env-test-daniele
diff templates.py @ 12:8a595d55e245
Changed back to lists from radio buttons. Now test runs and logs results
| author | Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk> |
|---|---|
| date | Tue, 12 Mar 2013 15:11:39 +0000 |
| parents | 15260ae0d6bc |
| children | 8261089e6f04 |
line wrap: on
line diff
--- a/templates.py Mon Mar 11 13:31:44 2013 +0000 +++ b/templates.py Tue Mar 12 15:11:39 2013 +0000 @@ -5,9 +5,11 @@ <html lang="en" dir="ltr"> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > - <! link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > + <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" /> + <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Audio Environment Classification</title> <script src="../build/jquery.js"></script> @@ -36,192 +38,219 @@ </head> <body> + + <div id="mainPicture"> + <div class="picture"> + <div id="headerTitle">Audio Environment Classification</div> + </div> + </div> + <div class="contentBox"> <h3 id="test 1">%i/%i</h3><br> <h4>Please play the sounds and indicate where they have been recorded </h4> - + <form name="attributes" action="doAttrib" method="POST"> - -<audio id="audio player 1" controls> - <source src="../AASPAudio/%s.wav" type="audio/wav"> -</audio> - -<form name = "attribute1" id="a1"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <audio id="audio player 1" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> <br> -<audio id="audio player 2" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> - -<form name = "attribute2" id="a2"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute1" id="a1"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 3" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 2" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute3" id="a3"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute2" id="a2"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 4" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 3" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute4" id="a4"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute3" id="a3"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 5" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 4" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute5" id="a5"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute4" id="a4"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 6" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 5" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute6" id="a6"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute5" id="a5"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 7" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 6" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute7" id="a7"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute6" id="a6"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 8" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> - -<form name = "attribute8" id="a8"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <audio id="audio player 7" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> + <select name="attribute7" id="a7"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 9" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 8" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute9" id="a9"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute8" id="a8"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> -<audio id="audio player 10" controls> - <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> -</audio> + <audio id="audio player 9" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> -<form name = "attribute10" id="a10"> -<input type="radio" name="cat" value="bus">bus -<input type="radio" name="cat" value="busy street">busy street -<input type="radio" name="cat" value="office">office -<input type="radio" name="cat" value="open air market">open air market -<input type="radio" name="cat" value="park">park <br> -<input type="radio" name="cat" value="quiet street">quiet street -<input type="radio" name="cat" value="restaurant">restaurant -<input type="radio" name="cat" value="supermarket">supermarket -<input type="radio" name="cat" value="tube">tube -<input type="radio" name="cat" value="tube station">tube station -</form> + <select name="attribute9" id="a9"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> <br> + <audio id="audio player 10" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> + <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> + </audio> + + <select name="attribute10" id="a10"> + <option value="0"></option> + <option value="1">bus</option> + <option value="2">busy street</option> + <option value="3">office</option> + <option value="4">open air market</option> + <option value="5">park</option> + <option value="6">quiet street</option> + <option value="7">restaurant</option> + <option value="8">supermarket</option> + <option value="9">tube</option> + <option value="10">tube station</option> + </select> + + </p> + <br> <input type="hidden" name="pageId" value="%i"> <input type="hidden" name="sessionId" value="%s"> @@ -230,9 +259,9 @@ </form> <script language="JavaScript" type="text/javascript" - xml:space="preserve">//<![CDATA[ - var frmvalidator = new Validator("attributes"); - + xml:space="preserve">//<![CDATA[ + var frmvalidator = new Validator("attributes"); + frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item"); frmvalidator.addValidation("attribute2","dontselect=0", "Please select at least one main attribute for each item"); frmvalidator.addValidation("attribute3","dontselect=0", "Please select at least one main attribute for each item"); @@ -243,14 +272,14 @@ frmvalidator.addValidation("attribute8","dontselect=0", "Please select at least one main attribute for each item"); frmvalidator.addValidation("attribute9","dontselect=0", "Please select at least one main attribute for each item"); frmvalidator.addValidation("attribute10","dontselect=0", "Please select at least one main attribute for each item"); - + //]]></script> </div> - - </div> - -</body> + + </div> + + </body> <script> $('audio,video').mediaelementplayer(); @@ -266,6 +295,7 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > + <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Environment Classification</title> <script language="JavaScript" src="../js/gen_validatorv4.js"