Changeset 27693

Show
Ignore:
Timestamp:
21.06.2013 17:50:51 (6 years ago)
Author:
davidb
Message:

Mods after latest round of development

Location:
gs2-extensions/afrepo/trunk/src/src/html
Files:
2 added
3 modified

Legend:

Unmodified
Added
Removed
  • gs2-extensions/afrepo/trunk/src/src/html/css/core-style.css

    r27679 r27693  
    1313 
    1414 
    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;  */ 
    1819} 
    1920 
     
    3132 
    3233 
    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 
    3539} 
    3640 
     
    3943    margin: 0 auto; 
    4044    min-width: 700px; max-width: 1000px; 
    41     background: #white; 
     45    background: white; 
    4246} 
    4347 
    4448#header { 
    4549    background: #7ECDF3; 
     50/* 
    4651    //background: #FFC740; 
    4752    //background: #CC0001; 
    4853    //color: black; 
     54*/ 
    4955    color: white; 
    5056    width: 100%; 
     
    5359#header h1 {  
    5460    padding: 18px; 
    55     //padding: 20px; 
     61    /* padding: 20px; */ 
    5662    margin: 0;  
    5763    font-family: Arial,"Helvetica Neue",Helvetica,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif; 
     64/* 
    5865    //font-family: verdana, sans-serif; 
    5966    //font-family: cursive; 
     67*/ 
    6068} 
    6169 
     
    6472    float: left; 
    6573    width: 100%; 
    66     //background-color: black; 
     74    /* background-color: black; */ 
    6775    background-color: #5E9DC3; 
     76/* 
    6877    //background-color: #F3A653; 
    6978    //background-color: #FFBB73; 
    7079    //color: white; 
     80*/ 
    7181} 
    7282 
     
    90100    float: left; 
    91101    padding: 5px 10px; 
    92     color: #A65500; 
     102    color: white; 
     103    /* color: #A65500; */ 
    93104    text-decoration: none; 
    94     border-right: 2px solid #FFEC73; 
     105    border-right: 2px solid white; 
     106    /* border-right: 2px solid #FFEC73; */ 
    95107} 
    96108 
    97109#navigation li a:hover {  
    98     background:  #000080; 
     110    background: #3E7DA3; 
     111    /* background:  #000080; */ 
    99112    color: white; 
     113/* 
    100114    //background:  #A65500; 
    101115    //color: #FFBB73; //rgb(255, 287, 115);  
     116*/ 
    102117 
    103118 
     
    167182{ 
    168183    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*/ 
    173190 
    174191} 
     
    176193#footer 
    177194{ 
    178     color: #A65500;  
     195/* 
     196    //color: #A65500;  
     197 
     198    //background-color: rgb(255, 187, 115); // light red brick 
    179199    //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  
    4141--> 
    4242 
     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&mdash;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 &quot;to 
     56                   provide a substantive corpus of musical analyses in 
     57                   a common framework for use by music scholars, 
     58                   students and beyond.&quot; 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 
    4370        <p> 
    4471          <a href="images/trouble-blues_buddy-guy_annotator1_cropped.png"> 
     
    4774        </p> 
    4875 
     76         
    4977        <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&mdash;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. 
    5686        </p> 
    5787 
     88 
    5889        <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 
    6095          a SPARQL endpoint. 
    6196        </p> 
    6297 
     98        <h2>How to interat with the data</h2> 
    6399 
     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> 
    64107 
     108<!-- 
    65109        <p>Requests are of the form 
    66110        <code><?php echo htmlspecialchars($basepath); ?><em>audiofile-id</em></code> 
     
    76120            <code><?php echo htmlspecialchars($repo->getSparqlEndpoint()); ?></code>.</p> 
    77121        <?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> 
    79155</html> 
  • gs2-extensions/afrepo/trunk/src/src/html/sparql.php

    r27679 r27693  
    1313     
    1414    <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 
    1546  </head> 
    1647 
     
    2455      <div id="navigation"> 
    2556    <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> 
    2859      <li><a href="contact.php">Contact</a></li> 
    2960    </ul> 
     
    3465    <div id="content"> 
    3566       
    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> 
    3870 
    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"> 
     79PREFIX rdf: &lt;http://www.w3.org/1999/02/22-rdf-syntax-ns#&gt; 
     80PREFIX rdfs: &lt;http://www.w3.org/2000/01/rdf-schema#&gt; 
    4281 
    4382SELECT * WHERE { 
    4483 ?s ?p ?o 
    4584} LIMIT 10 
    46         </textarea><br> 
     85        </textarea> 
     86        <br/> 
    4787 
    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> 
    5096 
     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> 
    51105 
    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 
    57114 
    58115      </form> 
    59116 
    60117 
    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> 
    69169    </body> 
    70170</html>