Changeset 27693


Ignore:
Timestamp:
2013-06-21T17:50:51+12:00 (11 years ago)
Author:
davidb
Message:

Mods after latest round of development

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  
    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>
Note: See TracChangeset for help on using the changeset viewer.