Changeset 27693 for gs2-extensions/afrepo/trunk/src
- Timestamp:
- 2013-06-21T17:50:51+12:00 (11 years ago)
- Location:
- gs2-extensions/afrepo/trunk/src/src/html
- Files:
-
- 2 added
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
gs2-extensions/afrepo/trunk/src/src/html/css/core-style.css
r27679 r27693 13 13 14 14 15 li.selected { 16 background-color: #A65500; 17 color: #FFBB73; 15 #navigation li.selected a { 16 background-color: #0055A6; 17 /* background-color: #A65500; */ 18 /* color: #FFBB73; */ 18 19 } 19 20 … … 31 32 32 33 33 // Illinois background 34 //background: url("http://www.lis.illinois.edu/sites/all/themes/gslis/images/bg-squares.jpg") repeat scroll 0 0 #CFCFCF; 34 /* Illinois background */ 35 /* background:#CFCFCF url("css-images/bg-squares.jpg") repeat scroll 0 0; */ 36 37 background-image: url("css-images/bg-squares.jpg"); 38 35 39 } 36 40 … … 39 43 margin: 0 auto; 40 44 min-width: 700px; max-width: 1000px; 41 background: #white;45 background: white; 42 46 } 43 47 44 48 #header { 45 49 background: #7ECDF3; 50 /* 46 51 //background: #FFC740; 47 52 //background: #CC0001; 48 53 //color: black; 54 */ 49 55 color: white; 50 56 width: 100%; … … 53 59 #header h1 { 54 60 padding: 18px; 55 / /padding: 20px;61 /* padding: 20px; */ 56 62 margin: 0; 57 63 font-family: Arial,"Helvetica Neue",Helvetica,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif; 64 /* 58 65 //font-family: verdana, sans-serif; 59 66 //font-family: cursive; 67 */ 60 68 } 61 69 … … 64 72 float: left; 65 73 width: 100%; 66 / /background-color: black;74 /* background-color: black; */ 67 75 background-color: #5E9DC3; 76 /* 68 77 //background-color: #F3A653; 69 78 //background-color: #FFBB73; 70 79 //color: white; 80 */ 71 81 } 72 82 … … 90 100 float: left; 91 101 padding: 5px 10px; 92 color: #A65500; 102 color: white; 103 /* color: #A65500; */ 93 104 text-decoration: none; 94 border-right: 2px solid #FFEC73; 105 border-right: 2px solid white; 106 /* border-right: 2px solid #FFEC73; */ 95 107 } 96 108 97 109 #navigation li a:hover { 98 background: #000080; 110 background: #3E7DA3; 111 /* background: #000080; */ 99 112 color: white; 113 /* 100 114 //background: #A65500; 101 115 //color: #FFBB73; //rgb(255, 287, 115); 116 */ 102 117 103 118 … … 167 182 { 168 183 clear: left; 169 text-align: right; 170 font-style: italic; 171 padding: 5px 5px 5px 20px; 172 border-top: 2px solid #FFEC73; // pale yellow 184 /* 185 //text-align: right; 186 //font-style: italic; 187 //padding: 5px 5px 5px 20px; 188 //border-top: 2px solid #FFEC73; // pale yellow 189 */ 173 190 174 191 } … … 176 193 #footer 177 194 { 178 color: #A65500; 195 /* 196 //color: #A65500; 197 198 //background-color: rgb(255, 187, 115); // light red brick 179 199 //background-color: #CC0001; 180 background-color: rgb(255, 187, 115); // light red brick 181 } 182 200 */ 201 } 202 -
gs2-extensions/afrepo/trunk/src/src/html/index.php
r27679 r27693 41 41 --> 42 42 43 44 45 <p> 46 Welcome to the RDF Endpoint to the 47 <a href="http://ddmal.music.mcgill.ca/salami">SALAMI</a> 48 (Structural Analysis of Large Amounts of Music Information) 49 project—the culmination of collaborative work in music content analaysis 50 between the universities of Illinois, McGill, Oxford and Queen Mary. 51 52 </p> 53 54 55 <p>The overarching goal of the project is "to 56 provide a substantive corpus of musical analyses in 57 a common framework for use by music scholars, 58 students and beyond." Put more practically, by 59 harnessing semanic web technologies (in particular 60 linked data), large scale 61 computing infrastructures, and content analysis 62 algorithms drawn from the Music Information 63 Retrieval community, our aim is to provide a rich and 64 flexible environment that others find useful 65 for musicological analysis and 66 discovery. 67 </p> 68 69 43 70 <p> 44 71 <a href="images/trouble-blues_buddy-guy_annotator1_cropped.png"> … … 47 74 </p> 48 75 76 49 77 <p> 50 Welcome to the RDF Endpoint to the 51 <a href="http://ddmal.music.mcgill.ca/salami">SALAMI</a> 52 (Structural Analysis of Large Amounts of Music Information) 53 project—the culmination of collaborative work in music content analaysis 54 by Universities of Illinois, McGill, Oxford and Queen Mary. 55 Through this page you can access RDF data to a corpus of X million songs. 78 The above figure shows the musical structures 79 to <i>Trouble Blues</i> by Buddy Guy. It was 80 time-consumingly ... painstakingly crafted by a 81 music scholar. Such work enbales fine-grained 82 analysis and reasoning about selected musical 83 content in isolation, but the resources needed to 84 undertake this across the vast array of music that 85 exists in our world is simply not viable. 56 86 </p> 57 87 88 58 89 <p> 59 The data is available in both static form, and dynamically through 90 To this end we have developed this RDF endpoint 91 as a gateway to the assembled music content and the 92 automated analysis computed we have so far. 93 Through this page you can access RDF data to a corpus of X million songs. 94 The RDF data is available in both static form, and dynamically through 60 95 a SPARQL endpoint. 61 96 </p> 62 97 98 <h2>How to interat with the data</h2> 63 99 100 <p>There are two key ways to access the data: through 101 our <a href="sparql.php">interactive web 102 interface</a>; or else connect directly to our 103 enpoint: 104 <a href="<?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?>"> 105 <?php echo htmlspecialchars($repo->getSparqlEndpoint());?></a>. 106 </p> 64 107 108 <!-- 65 109 <p>Requests are of the form 66 110 <code><?php echo htmlspecialchars($basepath); ?><em>audiofile-id</em></code> … … 76 120 <code><?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?></code>.</p> 77 121 <?php } ?> 78 </body> 122 --> 123 124 125 </div> 126 127 <div id="footer" style="border-top: 8px groove #7ECDF3;"> 128 <table cellpadding="0px" cellspacing="0px" width="100%"> 129 <tbody> 130 <tr style="background: white;"> 131 <td align="center"> 132 <a href="http://www.sshrc-crsh.gc.ca/Default.aspx"> 133 <img width="400px" src="images/sshrc_logo.jpeg"> 134 </a> 135 </td> 136 <td align="center"> 137 <a href="http://www.nsf.gov/index.jsp"> 138 <img width="100px" src="images/nsf_logo.jpeg"> 139 </a> 140 </td> 141 <td align="center"> 142 <a href="http://www.jisc.ac.uk/"> 143 <img height="100px" src="images//jisc_logo.jpeg"> 144 </a> 145 </td> 146 </tr> 147 </tbody> 148 </table> 149 150 </div> 151 152 </div> 153 154 </body> 79 155 </html> -
gs2-extensions/afrepo/trunk/src/src/html/sparql.php
r27679 r27693 13 13 14 14 <title>SALAMI SPARQL Endpoint</title> 15 16 <script src="js/jquery-1.10.1.js" > </script> 17 18 <script> 19 20 21 function onSubmit() { 22 23 alert("OnSubmit"); 24 25 $.ajax({ 26 type: "POST", 27 beforeSend: function (request) { 28 //request.setRequestHeader("Authority", authorizationToken); 29 }, 30 31 url: "<?php echo $repo->getSparqlEndpoint();?>", 32 data: "query=" + $('#rdf-query'), 33 processData: false, 34 success: function(msg) { 35 $("#rdf-results").append("The result =" + StringifyPretty(msg)); 36 } 37 }); 38 39 return false; 40 41 } 42 43 44 </script> 45 15 46 </head> 16 47 … … 24 55 <div id="navigation"> 25 56 <ul> 26 <li class="selected"><a href="#">Home</a></li>27 <li ><a href="sparql.php">SPARQL</a></li>57 <li><a href="index.php">Home</a></li> 58 <li class="selected"><a href="#">SPARQL</a></li> 28 59 <li><a href="contact.php">Contact</a></li> 29 60 </ul> … … 34 65 <div id="content"> 35 66 36 <form action="<?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?>" method="post"> 37 <input type="hidden" name="output" value="text"/> 67 <p> 68 RDF Query: 69 </p> 38 70 39 <textarea name="query" cols="80" rows="18"> 40 PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> 41 PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#> 71 <!-- 72 action="<?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?>" method="post" 73 --> 74 75 <form onsubmit="return onSubmit()"> 76 77 <textarea name="query" id="rdf-query" 78 style="width: 97%; margin-left: 10px; margin-right: 20px;" rows="8"> 79 PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> 80 PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#> 42 81 43 82 SELECT * WHERE { 44 83 ?s ?p ?o 45 84 } LIMIT 10 46 </textarea><br> 85 </textarea> 86 <br/> 47 87 48 <em>Soft limit</em> <input type="text" name="soft-limit"> 49 <input type="submit" value="Execute"><input type="reset"> 88 <span style="margin: 5px 20px 5px 20px;"> 89 Output type: 90 <select name="output"> 91 <option>xml</option> 92 <option>json</option> 93 <option>text</option> 94 </select> 95 </span> 50 96 97 <span style="margin: 5px 20px 5px 20px;"> 98 Maximum results returned: 99 <select name="soft-limit"> 100 <option>10</option> 101 <option>100</option> 102 <option>1000</option> 103 </select> 104 </span> 51 105 52 <select name="output"> 53 <option>xml</option> 54 <option>json</option> 55 <option>text</option> 56 </select> 106 <span style="margin: 5px 40px 5px 40px;"> 107 <input type="submit" value="Execute"> 108 </span> 109 110 <span style="margin: 5px 40px 5px 40px;"> 111 <input type="reset"> 112 </span> 113 57 114 58 115 </form> 59 116 60 117 61 <p>The <code>Accept</code> header you send is taken into account. 62 Various types of RDF are available, plus an HTML representation and 63 potentially the audio data (use <code>audio/*</code> to accept any 64 format of audio).</p> 65 <?php if ($repo->getSparqlEndpoint()) { ?> 66 <p>A Sparql endpoint is available at 67 <code><?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?></code>.</p> 68 <?php } ?> 118 <p> 119 RDF Results: 120 </p> 121 <textarea id="rdf-results" 122 style="width: 97%; margin-left: 10px; margin-right: 20px;" rows="8"> 123 </textarea> 124 125 <p> 126 The <code>Accept</code> header you send is taken into account. 127 Various types of RDF are available, plus an HTML representation and 128 potentially the audio data (use <code>audio/*</code> to accept any 129 format of audio). 130 </p> 131 132 133 <p> 134 The machine-interfacable Sparql endpoint, which operates without 135 a limit on the number of tripples returned, is available at 136 <code><?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?></code>. 137 </p> 138 139 140 </div> 141 142 143 <div id="footer" style="border-top: 8px groove #7ECDF3;"> 144 <table cellpadding="0px" cellspacing="0px" width="100%"> 145 <tbody> 146 <tr style="background: white;"> 147 <td align="center"> 148 <a href="http://www.sshrc-crsh.gc.ca/Default.aspx"> 149 <img width="400px" src="images/sshrc_logo.jpeg"> 150 </a> 151 </td> 152 <td align="center"> 153 <a href="http://www.nsf.gov/index.jsp"> 154 <img width="100px" src="images/nsf_logo.jpeg"> 155 </a> 156 </td> 157 <td align="center"> 158 <a href="http://www.jisc.ac.uk/"> 159 <img height="100px" src="images//jisc_logo.jpeg"> 160 </a> 161 </td> 162 </tr> 163 </tbody> 164 </table> 165 166 </div> 167 168 </div> 69 169 </body> 70 170 </html>
Note:
See TracChangeset
for help on using the changeset viewer.