Code highlighting.

loicfrering · loicfrering · commit 5d361e776d7e · 2011-08-11T11:30:43.000+02:00
diff --git a/_posts/2011-04-19-mix-it-un-depart-sur-les-chapeaux-de-roues.markdown b/_posts/2011-04-19-mix-it-un-depart-sur-les-chapeaux-de-roues.markdown
@@ -35,49 +35,53 @@ Je retiendrais juste une phrase qui m'a fait beaucoup rire :  "Le client est roi
 
 Mlle Mathilde Lemee (JDuchess) nous a cueillis de bon matin avec un grand bol de code. Et c'était bien :)
 
-[Spock ][3]est un framework de B(ehaviour) D(riven) D(eveloppement) en [Groovy][4].  
+[Spock ][3] est un framework de B(ehaviour) D(riven) D(eveloppement) en [Groovy][4].  
 En clair, un framework de test compatible Java ou l'on décrit ses tests sous la forme "mon application doit XXX. Etant donné YYYY, lorsque ZZZ alors WWW"
 
 Exemple:
 
-	def "liste should add new elem" () {
-        given:
-            def list = new ArrayList()
-            def elem = "push me"
-        when:
-            list .add(elem)
-        then:
-            !list .empty
-            list.size() == 1
-            list.[0] == elem
-    }
+{% highlight groovy %}
+def "liste should add new elem" () {
+    given:
+        def list = new ArrayList()
+        def elem = "push me"
+    when:
+        list .add(elem)
+    then:
+        !list .empty
+        list.size() == 1
+        list.[0] == elem
+}
+{% endhighlight %}
 
 Normalement, cela se passe de commentaire : le code est autodocumenté.  
 C'est du groovy et ça utilise les labels (Ahhh, le grand retour du goto).  
 L'idée est de faire du code de test ultra lisible, à partir des spécifications, et qui sera facilement maintenable.
 
 Je n'entre pas dans les détails, mais on peut très facilement, Mocker, Stubber, faire du D(ata)D(riven)D(eveloppment), et même du test d'IHM avec GED (surcouche à Selenium).
 
-	def "user should be well filed" () {
-        setup:
-            UserService service = new UserService()
-        expect:
-            User user = service.get(username)
-            user.firstName == firstName
-            user.id == userId
-        where:
-            username    | firstname | userId
-            'user1'     | 'a'       | 1
-            'user2'     | 'b'       | 2
-    }
+{% highlight groovy %}
+def "user should be well filed" () {
+    setup:
+        UserService service = new UserService()
+    expect:
+        User user = service.get(username)
+        user.firstName == firstName
+        user.id == userId
+    where:
+        username    | firstname | userId
+        'user1'     | 'a'       | 1
+        'user2'     | 'b'       | 2
+}
+{% endhighlight %}
 
 
 Affaire à suivre !!
 
 ## Session 2 : Les outils de l'ergonome Agile
 
-Session proposée par Cyrille Deruel (ergonome), Florent Chavanat ([chef de projet Agile][5]), tout deux de chez Micropole.  
-  
+Session proposée par Cyrille Deruel (ergonome), Florent Chavanat ([chef de projet Agile][5]), tout deux de chez Micropole.
+
 Après une petite introduction sur ce qu'est, et n'est pas l'ergonomie (ce n'est pas un ensemble de recettes, ni une composition de widgets graphiques), les speaker nous expliquent pourquoi ils estiment que les démarches d'un ergonome et celles d'un SCRUM master convergent.
 
 Tout tient en quelques mots :
@@ -91,11 +95,9 @@ Florent, l'ergonome, en profite pour passer quelques messages toujours bons à r
 *   "le produit doit répond au besoin de l'utilisateur". C'est bête, mais souvent on répond au besoin du client. Notez la nuance.
 *   Trop de fonctionnel nuit : il faut focaliser l'utilisateur sur l'essentiel.
 
- 
-
 ## Session 3 : Introduction a Clojure
 
-[Clojure ][6]est un de ces "nouveaux langages de la JVM". Comprenez que c'est un langage avec sa syntaxe et son compilateur propre, mais qui produit du bytecode interprétable sur une JVM classique.
+[Clojure ][6] est un de ces "nouveaux langages de la JVM". Comprenez que c'est un langage avec sa syntaxe et son compilateur propre, mais qui produit du bytecode interprétable sur une JVM classique.
 
 Clojure a été inventé par Rich Hikey avec 4 objectifs :
 
@@ -109,7 +111,9 @@ C'est aussi un langage de la famille de [Lisp][7].
 
 A quoi ça ressemble ? Accrochez-vous. Voila une ligne qui permet d'additionner 2 à 2 tous les éléments d'un tableau, et de renvoyer le tableau résultat.
 
-    (map fn[it] (+ it 2) [1 2 3])
+{% highlight clojure %}
+(map fn[it] (+ it 2) [1 2 3])
+{% endhighlight %}
 
 Et la console interactive affichera \[3 4 5\]
 
@@ -135,12 +139,10 @@ Je ne vous le fait pas dire, c'est illisible lorsqu'on a pas l'habitude. Ca fait
 *   Interopérable. Aucun problème pour remplacer la couche service de son service Web, et conserver la persistance avec Hibernate et la présentation avec Tapestry.
 *   Outillée. On utilise un plugin Eclipse pour éditer le code, et on rassemble tout au sein du même IDE.
 
- 
-
 ## Session 4 : Intelligence collective avec apache Mahout
 
-> -Pourquoi les généraux se baladent-ils toujours à cheval ? 
-> -Parce qu'il y a plus de choses dans deux têtes que dans une.
+* Pourquoi les généraux se baladent-ils toujours à cheval ?
+* Parce qu'il y a plus de choses dans deux têtes que dans une.
 
 L'idée est donc d'exploiter les informations dispatchées dans nos SI et d'en extraire des choses remarquables.  
 [Michaël Figuière][9] (xebia) nous parle de "Machine Learning", de NoSQL, et de moteur de recherche (ce que les américains regroupent sous le vocable "BigData").
diff --git a/_posts/2011-04-19-web-socket-are-you-plugged.markdown b/_posts/2011-04-19-web-socket-are-you-plugged.markdown
@@ -26,64 +26,65 @@ Il y a quelques serveurs Java qui implémentent le protocole : jWebSocket, Kaazi
 Sans rentrer dans les détails, Jetty est un serveur Http+Servlet+WebSocket très puissant écrit en java, qui peut être utilisé en mode embarqué ou standalone. Il implémente le brouillon de la norme Websocket depuis un petit moment, et [plutôt simplement](http://blogs.webtide.com/gregw/entry/jetty_websocket_server).
 
 {% highlight java %}
-	public class WebSocketDummyServlet extends WebSocketServlet{
-		
-		/**
-		 * Invoked by Jetty during the handshake: Return a WebSocket object to allow 
-		 * the connection establishement.
-		 *
-		 * <em>@param request</em> Http upgrade request
-		 * <em>@return</em> The WebSocket Channel.
-		 */
-		protected WebSocket doWebSocketConnect(HttpServletRequest request, String protocol) {
-			return new DummyWebSocket();
-		}
-		
-		/**
-		 * Websocket channel dummy implementation.
-		 */
-		implements WebSocket {
-
-			/**
-			 * Object that sends message to the connected client with method 
-			 * sendMessage(String message).
-			 *
-			 */
-			Outbound _outbound;
-
-			/**
-			 * Channel connexion.
-			 */
-			public void onConnect(Outbound outbound) {
-				_outbound=outbound;
-			}
-		  
-			/**
-			 * Invoked when the client sends a message.
-			 * <em>@param</em> <em>data </em>The sent data
-			 */
-			public void onMessage(byte frame, String data){}
-
-			/**
-			 * Channel disconnexion.
-			 */
-			public void onDisconnect(){}
-		}
-	}
+public class WebSocketDummyServlet extends WebSocketServlet {
+
+    /**
+     * Invoked by Jetty during the handshake: Return a WebSocket object to allow 
+     * the connection establishement.
+     *
+     * <em>@param request</em> Http upgrade request
+     * <em>@return</em> The WebSocket Channel.
+     */
+    protected WebSocket doWebSocketConnect(HttpServletRequest request, String protocol) {
+        return new DummyWebSocket();
+    }
+
+    /**
+     * Websocket channel dummy implementation.
+     */
+    implements WebSocket {
+
+        /**
+         * Object that sends message to the connected client with method 
+         * sendMessage(String message).
+         *
+         */
+        Outbound _outbound;
+
+        /**
+         * Channel connexion.
+         */
+        public void onConnect(Outbound outbound) {
+            _outbound=outbound;
+        }
+
+        /**
+         * Invoked when the client sends a message.
+         * <em>@param</em> <em>data </em>The sent data
+         */
+        public void onMessage(byte frame, String data){}
+
+        /**
+         * Channel disconnexion.
+         */
+        public void onDisconnect(){}
+    }
+}
 {% endhighlight %}
 
 Plutôt facile, non ? Cette servlet doit être déclarée dans le descripteur web.xml :
 
-    <servlet>
-        </servlet-name>
-        <servlet-class>org.dummy.WebSocketDummyServlet</servlet-class>
-        <load-on-startup>1</load-on-startup>
-    </servlet>
-    <servlet-mapping>
-        <servlet-name>wsServlet</servlet-name>
-        <url-pattern>/*</url-pattern>
-    </servlet-mapping>
-
+{% highlight xml %}
+<servlet>
+    </servlet-name>
+    <servlet-class>org.dummy.WebSocketDummyServlet</servlet-class>
+    <load-on-startup>1</load-on-startup>
+</servlet>
+<servlet-mapping>
+    <servlet-name>wsServlet</servlet-name>
+    <url-pattern>/*</url-pattern>
+</servlet-mapping>
+{% endhighlight %}
 
 Vous avez besoin d'envoyer des messages à tous les clients connectés ? Vous n'avez qu'à stocker les instances de  DummyWebSocket créées, et ajouter une méthode qui utilisera \_outbound.sendMessage().
 
@@ -99,63 +100,65 @@ Une minute ! Google donne quelques résultats pour "STOMP Websocket Java". Notam
 Alors j'ai implémenté le protocole STOMP (sans la gestion transactionnelle) et ça m'a pris deux jours. En fait, STOMP est vraiment très simple (tout est en texte, et les sauts de lignes sont significatifs) :
 
 **client X, client Y :**
-	
-	CONNECT
-	login: X <or> Y
-	passcode: <passcode>
 
-	^@
+    CONNECT
+    login: X <or> Y
+    passcode: <passcode>
+
+    ^@
 
 **client Y:**
-	
-	SUBSCRIBE
-	destination: /topic-1
-	ack: client
 
-	^@
+    SUBSCRIBE
+    destination: /topic-1
+    ack: client
+
+    ^@
 
 **client X:**
-	
-	SEND
-	destination: /topic-1
 
-	hello everyone !
-	^@
+    SEND
+    destination: /topic-1
+
+    hello everyone !
+    ^@
 
 **et le client Y reçoit:**
-	
-	MESSAGE
-	destination:/topic-1
-	message-id: <message-identifier>
 
-	hello everyone !
-	^@
+    MESSAGE
+    destination:/topic-1
+    message-id: <message-identifier>
+
+    hello everyone !
+    ^@
 
 ## Et coté client justement ?
 
 Le client en javascript est vraiment simple :
 
-	var location = document.location.toString().replace('http:','ws:');
-	this._ws=new WebSocket(location);
-	this._ws.onopen=this._onopen;
-	this._ws.onmessage=this._onmessage;
-	this._ws.onclose=this._onclose;
+{% highlight javascript %}
+    var location = document.location.toString().replace('http:','ws:');
+    this._ws=new WebSocket(location);
+    this._ws.onopen=this._onopen;
+    this._ws.onmessage=this._onmessage;
+    this._ws.onclose=this._onclose;
 
-	_onopen: function(){
-	},
+    _onopen: function(){
+    },
 
-	_send: function(message){
-	  this._ws.send(message);
-	},
+    _send: function(message){
+      this._ws.send(message);
+    },
+
+    _onmessage: function(message) {}
+{% endhighlight %}
 
-	_onmessage: function(message) {}
-  
 Je n'ai pas encore choisi d'implémentation STOMP coté client et dès que je l'aurai fait, je mettrai cet article à jour.  
-  
+
 Juste un avertissement : nous l'avons testé à travers des proxies, et ça fonctionne très bien.  
 Pas de déconnexion intempestives, pas de ralentissements.  
 Mais cela nécessite que le client envoie un keep-alive à travers le socket. Le serveur n'a pas besoin de répondre.  
-  
+
 Un message de keep-alive toutes les 10 secondes marche bien, mais j'imagine que cela dépend des configurations des proxies et firewall traversés.
 
 ## J'adore ! Où est le code ?
diff --git a/public/css/style.css b/public/css/style.css
@@ -316,9 +316,10 @@ article h1 {
 }
 
 article pre {
-  font-family: monospace;
-  background: #e6e6e6;
-  color: #999;
+  font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
+  font-size: 12px;
+  line-height: 1.4;
+  background: #eee;
   padding: 1em;
   border: solid 1px #999;
 }

Original file line number	Diff line number	Diff line change
`@@ -316,9 +316,10 @@ article h1 {`
`316`	`316`	`}`
`317`	`317`
`318`	`318`	`article pre {`
`319`		`- font-family: monospace;`
`320`		`- background: #e6e6e6;`
`321`		`- color: #999;`
	`319`	`+ font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;`
	`320`	`+ font-size: 12px;`
	`321`	`+ line-height: 1.4;`
	`322`	`+ background: #eee;`
`322`	`323`	`padding: 1em;`
`323`	`324`	`border: solid 1px #999;`
`324`	`325`	`}`