Mercurial > hg > nodescore

changeset 44:8fc7155aa3ac

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
update presentation
author Rob Canning <rc-web@kiben.net>
date Tue, 11 Sep 2012 13:01:17 +0100
parents 7f0485e0d0ff
children d812bc777409
files INSTALL nodescore.js www/m/thumbs/1.png www/m/thumbs/2.png www/m/thumbs/3.png www/m/thumbs/4.png www/m/thumbs/5.png www/m/thumbs/6.png www/p/index.html
diffstat 9 files changed, 122 insertions(+), 45 deletions(-) [+]
line wrap: on
line diff
--- a/INSTALL	Sat Sep 08 08:25:19 2012 +0000
+++ b/INSTALL	Tue Sep 11 13:01:17 2012 +0100
@@ -43,12 +43,8 @@
 // the node_modules dir should life in the require.path 
 // ~/
 
-npm install socket.io
-npm install node-static
-npm install xmlhttprequest
-npm install jsdom
-npm install jQuery
-
+sudo npm install socket.io jsdom jQuery xmlhttprequest node-static
+sudo npm -g install supervisor
 //////////////////////////////////
 // get nodescore 
 
--- a/nodescore.js	Sat Sep 08 08:25:19 2012 +0000
+++ b/nodescore.js	Tue Sep 11 13:01:17 2012 +0100
@@ -35,7 +35,7 @@
 var io = sio.listen(httpServer)
 , nicknames = {};
 
-io.set('log level', 1); // reduce logging
+io.set('log level', 3); // reduce logging
 
 io.sockets.on('connection', function (socket) {
 
@@ -337,4 +337,4 @@
 	socket.broadcast.emit('nicknames', nicknames);
     });
 
-});
\ No newline at end of file
+});
Binary file www/m/thumbs/1.png has changed
Binary file www/m/thumbs/2.png has changed
Binary file www/m/thumbs/3.png has changed
Binary file www/m/thumbs/4.png has changed
Binary file www/m/thumbs/5.png has changed
Binary file www/m/thumbs/6.png has changed
--- a/www/p/index.html	Sat Sep 08 08:25:19 2012 +0000
+++ b/www/p/index.html	Tue Sep 11 13:01:17 2012 +0100
@@ -15,7 +15,7 @@
 		<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 		
 		<link rel="stylesheet" href="css/main.css">
-		<link rel="stylesheet" href="css/theme/sky.css" id="theme">
+		<link rel="stylesheet" href="css/theme/simple.css" id="theme">
 
 		<!-- For syntax highlighting -->
 		<link rel="stylesheet" href="lib/css/zenburn.css">
@@ -42,10 +42,11 @@
 	      <section>
 		
 		<h3>REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT</h3>
-		<p>
-		  
+		<p>		  
 		  <i><small>- <a href="http://rob.kiben.net">http://rob.kiben.net</a> <a href="rob@kiben.net">rob@kiben.net</a> -</small></i>
 		</p>
+
+		<p class="fragment">Rob Canning <br> Department of Music<br>Goldsmiths, University of London</p>	
 	      </section>
 	      
 	      <section>
@@ -53,12 +54,18 @@
 		<p>
 		  NodeScore is a web based framework to facilitate networked ensemble performance.
 		</p>
-		<ul>
-		  <li>Scores assembled in HTML5</li>
-		  <li>Musicians displays controled remotely</li>
-		  <li>Not all-in-one solution - Modular Approach</li>
-		  <li>Runs alongside other streams: media, OSC automation etc.</li>
-		</ul>
+<br/><br/>
+		<ul class="fragment">
+	 
+		  <li>NOT a synthesis system</li>
+		  <li>Net perf. by instrumental musicians</li>
+		  <li>Pushing cues/notation to human performers</li>
+		  
+		  <br/>
+		  <li>London Improvisors Orchestra (LIO) "Conductions"</li>
+		  <li>Zorn's Cobra - Flash Card Rule based Systems</li>
+	</ul>
+
 
 		<aside class="notes">
 		  Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you run the speaker notes server.
@@ -66,15 +73,28 @@
 	      </section>
 
 
+
 	      <section>
-		<h2>NODESCORE</h2>
-		<p>
 
-		</p>
+		<h2>LOCAL</h2> <br/>
+	
+		"Hypertextual"/ NonLinear Scores/Strategies
 
+		<br/>		<br/>
+		<li>Composed/Mediated Improvisation</li>
+		<br/>
+	  	<li>Interaction - Distributed Controls/Authorship</li>
+			<br/>
 
+		<br/>
+	     
+	      </section>
+
+
+	      <section>
+		<h2>Dramaturgies</h2>	
+		<blockquote>projected, directed and distributed</blockquote>
 		<img width="250" height="250" src="images/directed.png" alt="BreakDOM game screenshot">
-		
 		<img width="250" height="250" src="images/democracy.png" alt="BreakDOM game screenshot">
 		  
 		<aside class="notes">
@@ -82,13 +102,39 @@
 		</aside>
 	      </section>
 
+	      <section>
+		<h2>Problems</h2> <br/>
+		<ul>
 
-	      
+		  <li>Clutter - clicktrack, stopwatch, metronome</li>
+		  <li>Oversized/complex "hypertextual" paper scores</li>
+		  <br/>
+		  <li>Different Demands to the Laptop Orchestra</li>
+		  <li>Rich Media v. Composition tool + plugin</li>
+		</ul>
+	      </section>
+
 	      <section>
-		<h2>Standards Complient</h2>
+		<h2>NODESCORE</h2>
+		<br/>
+		<ul>
+		  <li>Scores assembled in HTML5</li>
+		  <li>Musicians displays controled remotely</li>
+		  <br/>
+		  <li>Not all-in-one solution - Modular Approach</li>
+		  <li>May run alongside other streams: media, OSC automation etc.</li>
+		</ul>
+	      </section>
+
+
+
+
+
+	   
+	      <section>
+		<h2>Standards Compliant</h2>
 
 		    <img width="300" src="images/tim.jpg" alt="BreakDOM game screenshot">
-
 		<ul>
 		  <li>HTML5</li>
 		  <li>CSS3</li>
@@ -102,28 +148,46 @@
 	      </section>
 	      
 	      <section>
-		<h2>WEBSOCKETS</h2>
-	
-	  <p>
-		  Server Push Technology<br>
-		  </p>		 
-	  <a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
-		    <img width="250" height="250" src="images/websockets.png" alt="BreakDOM game screenshot">
-		  </a>
+		traditional model:
+		<img height="150" src="images/traditionalhttp.png" alt="http req res">
+		<br/>
+		<h2>Server Push Technology</h2>
 		<ul>
-		  <li>More efficient than AJAX/Comet Programming</li>
-		  <li>Persistant bidirectional TCP socket</li>
-		  <li>REQUEST/RESPONSE handshakes elimintated</li>
+		  
+		  <li>AJAX/Comet Programming/Long Polling</li>
+		  <li>FLASH / JAVA - FLEX - BLADEDS</li>
+		  
+		  <br/>
+		  <li>BOSH</li>
+		      <li>WEBSOCKETS</li>
 		</ul>
 	
-
-
 		<aside class="notes">
 		  Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you run the speaker notes server.
 		</aside>
 	      </section>
 
 
+<section>
+		<h2>Websockets</h2>
+	
+		<p></p>		 
+		
+		<a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
+		  <img width="350" height="350" src="images/websockets.png" alt="BreakDOM game screenshot">
+		</a>
+	
+		<ul>
+		  <li>More efficient than AJAX/Comet Programming</li>
+		  <li>Persistant bidirectional TCP socket</li>
+		  <li>REQUEST/RESPONSE handshakes elimintated *</li>
+		</ul>
+	
+		<aside class="notes">
+		  Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you run the speaker notes server.
+		</aside>
+	      </section>
+
 	      <section>
 		<h2>HTTP://SOCKET.IO</h2>
 
@@ -137,6 +201,15 @@
 		</aside>
 	      </section>
 
+	      <section>
+		<h2>Directed</h2>	
+		<img width="450" height="450" src="images/directed.png" alt="BreakDOM game screenshot">
+	      </section>
+
+	      <section>
+		<h2>Distributed</h2>	
+		<img width="450" height="450" src="images/democracy.png" alt="BreakDOM game screenshot">
+	      </section>
 
 
 	      <section>
@@ -198,7 +271,7 @@
 	      <section>
 		<h2>NODESCORE: INFO PANEL</h2>
 <a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
-		    <img width="800" src="images/nodescore-infopanel.png" alt="screenshot">
+		    <img width="700" src="images/nodescore-infopanel.png" alt="screenshot">
 		  </a>
 
 		<p>
@@ -208,7 +281,7 @@
 	      <section>
 		<h2>NODESCORE: CHAT PANEL</h2>
 <a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
-		    <img width="800" src="images/nodescore-chat.png" alt="screenshot">
+		    <img width="700" src="images/nodescore-chat.png" alt="screenshot">
 		  </a>
 
 		<p>
@@ -216,25 +289,33 @@
 	      </section>
 
 	      <section>
-		<h2>NODESCORE: NEXUS7 CSS</h2>
+		<h2>NODESCORE: Score</h2>
 <a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
-		    <img width="800" src="images/nodescore-nexus.png" alt="screenshot">
+		    <img width="700" src="images/nodescore-nexus.png" alt="screenshot">
 		  </a>
 
 		<p>
+		  GNU/Lilypond - Phantom.js
 		</p>
 	      </section>
 
+	      <section>
+		<h2>Server Sequencer</h2>
+	      </section>
+
+	      <section>
+		<h2>DEMO</h2>
+	      </section>
 
 	      <section>
 		<h2>Future Work</h2>
 		<p>the TODO list...</p>
 		<ol>
-		  <li class="fragment"><stron>trials room->field->world</strong></li>
+		  <li class="fragment">Further Modularisation</li>
 		  <li class="fragment"><em>Animated SVG, WebGL, <code>&lt;audio&gt;,&lt;video&gt;</em></code></li>
-		  
+		  <li class="fragment">Annotation via stylus?</li>
 		  <li class="fragment">
-		    <code>stop coding start composing</code><br>
+		    <code>work with an ensemble over extended period - eg. residency</code><br>
 		  </li>
 
 		</ol>
@@ -288,7 +369,7 @@
 	    progress: true,
 	    history: true,
 	    
-	    theme: Reveal.getQueryHash().theme || 'default', // available themes are in /css/theme
+	    theme: Reveal.getQueryHash().theme || 'simple', // available themes are in /css/theme
 	    transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/linear(2d)
 	    
 	    // Optional libraries used to extend on reveal.js