scratch/output/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html

478 lines
19 KiB
HTML
Raw Normal View History

2011-04-20 12:29:01 +00:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
2011-12-07 15:40:03 +00:00
<meta name="keywords" content="XML, Perl, programmation, arbre, théorie, mathématiques, regexp, script">
2011-04-20 12:29:01 +00:00
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
2012-04-02 21:43:39 +00:00
<link rel="stylesheet" type="text/css" href="/Scratch/css/solarized.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
2012-05-02 15:43:56 +00:00
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
2011-04-20 12:29:01 +00:00
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Arbres ; Pragmatisme et Formalisme" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/" />
<link rel="alternate" lang="en" xml:lang="en" title="Trees; Pragmatism and Formalism" type="text/html" hreflang="en" href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
2012-05-02 15:43:56 +00:00
<script type="text/javascript" src="/Scratch/js/highlight/highlight.pack.js"></script>
<script type="text/javascript" src="/Scratch/js/article.js"></script>
2011-04-20 12:29:01 +00:00
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>Arbres ; Pragmatisme et Formalisme</title>
</head>
2011-10-18 22:30:00 +00:00
<body lang="fr" class="article">
2011-04-20 12:29:01 +00:00
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
2011-04-20 12:29:01 +00:00
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/" onclick="setLanguage('en')">in English</a>
2011-04-20 12:29:01 +00:00
</div>
2011-09-28 16:05:55 +00:00
<div class="flush"></div>
2011-04-20 12:29:01 +00:00
</div>
<div id="titre">
<h1>
Arbres ; Pragmatisme et Formalisme
</h1>
<h2>
Quand la théorie est plus pratique que la pratique
</h2>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<div class="intro">
<p><abbr title="Trop Long À Lire"><span class="sc">tlàl</span></abbr>&nbsp;:</p>
<ul>
2012-05-02 15:43:56 +00:00
<li>Jai essayé de programmer un simple filtre&nbsp;;</li>
<li>Jai été bloqué pendant deux jours&nbsp;;</li>
<li>Jai arrêté de penser comme un robot&nbsp;;</li>
<li>Jai utilisé un papier et un stylo&nbsp;;</li>
<li>Jai fait un peu de maths&nbsp;;</li>
<li>Jai résolu le problème en 10 minutes&nbsp;;</li>
<li>Conclusion: Pragmatisme nest pas&nbsp;: «nutilisez jamais la théorie».
2011-04-20 12:29:01 +00:00
</div>
</ul>
<h2 id="rsum-plus-long-que-le--abbr-titletrop-long--liresctllscabbr">Résumé (plus long que le <abbr title="Trop Long À Lire"><span class="sc">tlàl</span></abbr>)</h2>
<p>Je devais résoudre un problème à mon travail. Au début cela
2012-05-02 15:43:56 +00:00
semblait assez facile. Jai donc commencé à programmer
tout de suite. Je suis alors entré dans un cercle infernal dessais
2011-04-20 12:29:01 +00:00
et de réparations. Voilà à quoi ressemblait cet étrange état
de boucle infini&nbsp;:</p>
<blockquote>
2012-05-02 15:43:56 +00:00
<p> Plus que ça a réparer et ça devrait être bon.<br />
Très bien, maintenant ça doit marcher.<br />
Oui&nbsp;!!<br />
Ah mince! Jai oublié ce détail…<br />
2011-04-20 12:29:01 +00:00
<code>répéter jusqu'à la mort</code></p>
</blockquote>
<p>Après deux jours à me prendre pour <a href="http://fr.wikipedia.org/wiki/Sisyphe">Sisyphe</a>, je me suis arrêté pour repenser le problème.
2012-05-02 15:43:56 +00:00
Jai pris un stylo et une feuille de papier. Je me suis souvenu de de ce que javais appris sur les arbres pendant mon doctorat.
2011-04-20 12:29:01 +00:00
Finalement, le problème fut résolu en moins de 20 minutes.</p>
<p>Je pense que la leçon à retenir de cette expérience est de se souvenir que la méthodologie la plus efficace pour résoudre ce problème <em>pragamtique</em> était la méthode <em>théorique</em>.
2012-05-02 15:43:56 +00:00
Ça ne signifie pas que la méthode théorique est toujours la meilleure, mais en tout cas, il ne faut pas lécarter.</p>
2011-04-20 12:29:01 +00:00
</div>
<div class="corps">
2012-05-02 15:43:56 +00:00
<h1 class="first" id="lanecdote">Lanecdote</h1>
2011-04-20 12:29:01 +00:00
<p>Apparemment 90% des programmeurs sont incapable de programmer une recherche binaire sans faire de bug.
2012-05-02 15:43:56 +00:00
Lalgorithme est pourtant connu et facile à comprendre.
2011-04-20 12:29:01 +00:00
Cependant, il est difficile à programmer sans bug.
2012-05-02 15:43:56 +00:00
Jai participé à <a href="http://reprog.wordpress.com/2010/04/19/are-you-one-of-the-10-percent/">ce concours</a>.
2011-04-20 12:29:01 +00:00
Vous pouvez voir les <a href="http://reprog.wordpress.com/2010/04/21/binary-search-redux-part-1/">résultats ici</a><sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>.
2012-05-02 15:43:56 +00:00
Jai dû faire face à un problème similaire à mon travail.
2011-04-20 12:29:01 +00:00
Il paraissait simple au départ.
2012-05-02 15:43:56 +00:00
Transformer un <span class="sc">xml</span> dun format à un autre.</p>
2011-04-20 12:29:01 +00:00
<p>Voici le format général du <span class="sc">xml</span> source&nbsp;:</p>
2012-05-02 15:43:56 +00:00
<pre><code class="xml">&lt;rubrique&gt;
&lt;contenu&gt;
&lt;tag1&gt;value1&lt;/tag1&gt;
&lt;tag2&gt;value2&lt;/tag2&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;/contenu&gt;
&lt;enfant&gt;
&lt;rubrique&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;/rubrique&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;rubrique&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;/rubrique&gt;
&lt;/enfant&gt;
&lt;/menu&gt;
</code></pre>
<p>et le format darrivé est celui-ci&nbsp;:</p>
<pre><code class="xml">&lt;item name="Menu0"&gt;
&lt;value&gt;
&lt;item name="menu"&gt;
&lt;value&gt;
&lt;item name="tag1"&gt;
&lt;value&gt;value1&lt;/value&gt;
&lt;/item&gt;
&lt;item name="tag2"&gt;
&lt;value&gt;value2&lt;/value&gt;
&lt;/item&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;item name="menu"&gt;
&lt;value&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;/value&gt;
&lt;value&gt;
2011-04-20 12:29:01 +00:00
...
2012-05-02 15:43:56 +00:00
&lt;/value&gt;
&lt;/item&gt;
&lt;/value&gt;
&lt;/item&gt;
&lt;/value&gt;
&lt;/item&gt;
</code></pre>
2011-04-20 12:29:01 +00:00
2012-05-02 15:43:56 +00:00
<p>À première vue, cela ma paru simple. Jétais certain de pouvoir y arriver en me fixant les règles suivantes&nbsp;:</p>
2011-04-20 12:29:01 +00:00
<ol>
<li>ne pas utiliser <span class="sc">xslt</span>&nbsp;;</li>
<li>ne pas utiliser de parseur <span class="sc">xml</span>&nbsp;;</li>
<li>résoudre le problème en utilisant un simple script perl</li>
</ol>
<p>Vous pouvez essayer si vous le souhaitez. Si vous attaquez ce problème directement en écrivant le programme, ce ne sera certainement pas si simple.
2012-05-02 15:43:56 +00:00
Je peux le dire, parce que cest ce que jai fait.
Et je dois dire que jai perdu une journée de travail complète en my prenant de la sorte.
En réalité, il y avait pas mal de petits détails dont je ne parle pas qui mont induis en erreur et qui mont fait perdre encore plus de temps.</p>
2011-04-20 12:29:01 +00:00
<p>Pourquoi étais-je incapable de résoudre ce problème si simple en aparence&nbsp;?</p>
2012-05-02 15:43:56 +00:00
<p>Voici comment je my suis pris&nbsp;:</p>
2011-04-20 12:29:01 +00:00
<ol>
<li>Réfléchir</li>
<li>Écrire le programme</li>
<li>Essayer le programme</li>
<li>Vérifier les résultats</li>
<li>Trouver un bug</li>
<li>Résoudre le bug</li>
2012-05-02 15:43:56 +00:00
<li>Reprendre à létape 3</li>
2011-04-20 12:29:01 +00:00
</ol>
2012-05-02 15:43:56 +00:00
<p>Il sagissait dune méthode de travail standard pour un ingénieur en informatique. Lerreur venait de la première étape.
Jai dabord pensé à comment résoudre le problème mais avec des yeux d<em>ingéinieur pragmatique</em>. Je me suis simplement dit&nbsp;:</p>
2011-04-20 12:29:01 +00:00
<blockquote>
2012-05-02 15:43:56 +00:00
<p>Ça à lair de pouvoir se résouvre avec un petit script de <em>search&amp;replace</em> en perl
2011-04-20 12:29:01 +00:00
Commençons à écrire le code maintenant.</p>
</blockquote>
2012-05-02 15:43:56 +00:00
<p>Cest la deuxième phrase qui est complètement fausse. Parce que javais mal commencé et que cette méthodologie de travail ne fonctionne pas lorsque lon part vraiment mal.</p>
2011-04-20 12:29:01 +00:00
<h2 id="rflchir">Réfléchir</h2>
2012-05-02 15:43:56 +00:00
<p>Après un certain temps, jai arrêté de programmer et je me suis dit&nbsp;: «Maintenant, ça suffit&nbsp;!».
Jai pris une feuille et un stylo et jai commencé à dessiner des arbres.</p>
2011-04-20 12:29:01 +00:00
2012-05-02 15:43:56 +00:00
<p>Jai commencer par simplifier un peu en enlevant le maximum de verbiage.
Tout dabord en renommant <code>&lt;item name="Menu"&gt;</code> par un simple <code>M</code> par exemple.
Jai obtenu quelque chose comme&nbsp;:</p>
2011-04-20 12:29:01 +00:00
<p><img alt="The source tree" src="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/graph/The_source_tree.png" /></p>
2011-04-20 12:29:01 +00:00
<p>et</p>
<p><img alt="The destination tree" src="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/graph/The_destination_tree.png" /></p>
2011-04-20 12:29:01 +00:00
<p>Puis, je me suis fait la réflexion suivante&nbsp;:</p>
2012-05-02 15:43:56 +00:00
<p>Dans les distances déditions sur les arbres, chaque opération atomique correspond à un simple <em>search and replace</em> sur mon fichier <span class="sc">xml</span> source<sup id="fnref:nb"><a href="#fn:nb" rel="footnote">2</a></sup>.
2011-04-20 12:29:01 +00:00
On considère trois opérations atomiques sur les arbres&nbsp;:</p>
<ul>
<li><em>substitution</em>: renommer un nœud</li>
<li><em>insertion</em>: ajouter un nœud</li>
<li><em>délétion</em>: supprimer un nœud</li>
</ul>
<p>Une des particularité avec les transformations sur les arbres est celle-ci&nbsp;:
supprimer un nœud et tous ses enfants deviendront les enfants du père de ce nœud.</p>
<p>Un exemple:</p>
<pre class="twilight">
r - x - a
\ \
\ b
y - c
</pre>
<p>Si vous supprimez le nœud <code>x</code>, vous obtenez</p>
<pre class="twilight">
a
/
r - b
\
y - c
</pre>
2012-05-02 15:43:56 +00:00
<p>Et regardez ce que ça implique quand on lécrit en <span class="sc">xml</span>&nbsp;:</p>
2011-04-20 12:29:01 +00:00
2012-05-02 15:43:56 +00:00
<pre><code class="xml">&lt;r&gt;
&lt;x&gt;
&lt;a&gt;value for a&lt;/a&gt;
&lt;b&gt;value for b&lt;/b&gt;
&lt;/x&gt;
&lt;y&gt;
&lt;c&gt;value for c&lt;/c&gt;
&lt;/y&gt;
&lt;/r&gt;
</code></pre>
2011-04-20 12:29:01 +00:00
<p>Alors supprimer tous les nœuds <code>x</code> revient à faire passer le <span class="sc">xml</span> à travers le filtre suivant&nbsp;:</p>
2012-05-02 15:43:56 +00:00
<pre><code class="perl">s/&lt;\/?x&gt;//g
</code></pre>
2011-04-20 12:29:01 +00:00
2012-05-02 15:43:56 +00:00
<p>Par conséquent, sil existe un transducteur déterministe à un état qui permet de transformer mes arbres&nbsp;;
je suis capable de transformer le <span class="sc">xml</span> dun format à lautre en utilisant une simple liste de <em>search and replace</em>.</p>
2011-04-20 12:29:01 +00:00
<h1 id="solution">Solution</h1>
<p>Transformer cet arbre&nbsp;:</p>
<pre class="twilight">
R - C - tag1
\ \
\ tag2
E -- R - C - tag1
\ \ \
\ \ tag2
\ E ...
R - C - tag1
\ \
\ tag2
E ...
</pre>
<p>en celui-ci&nbsp;:</p>
<pre class="twilight">
tag1
/
M - V - M - V - tag2 tag1
\ /
M --- V - tag2
\ \
\ M
\ tag1
\ /
V - tag2
\
M
</pre>
<p>peut-être fait en utilisant le transducteur déterministe à un état suivant: </p>
<blockquote>
2012-05-02 15:43:56 +00:00
<p>C &rarr; ε<br />
2011-04-20 12:29:01 +00:00
E &rarr; M<br />
R &rarr; V </p>
</blockquote>
<p>Ce qui peut-être traduit par les simples directives Perl suivantes&nbsp;:</p>
2012-05-02 15:43:56 +00:00
<pre><code class="perl">s/C//g
s/E/M/g
s/R/V/g
</code></pre>
2011-04-20 12:29:01 +00:00
<p>Une fois adapté au <span class="sc">xml</span> cela devient&nbsp;:</p>
2012-05-02 15:43:56 +00:00
<pre><code class="perl">s%&lt;/?contenu&gt;%%g
s%&lt;enfant&gt;%&lt;item name="menu"&gt;%g
s%&lt;/enfant&gt;%&lt;/item&gt;%g
s%&lt;rubrique&gt;%&lt;value&gt;%g
s%&lt;/rubrique&gt;%&lt;/value&gt;%g
</code></pre>
2011-04-20 12:29:01 +00:00
2012-05-02 15:43:56 +00:00
<p>Et cest tout.</p>
2011-04-20 12:29:01 +00:00
<h1 id="conclusion">Conclusion</h1>
2012-05-02 15:43:56 +00:00
<p>Même si cela peut sembler paradoxal, parfois la solution la plus efficace à un problème pragmatique est dutiliser une méthodologie théorique.</p>
2011-04-20 12:29:01 +00:00
<hr/><div class="footnotes">
<ol>
<li id="fn:1">
2012-02-20 14:41:09 +00:00
<p>Normalement, je fais parti des 10% qui ont fourni une implémentation sans bug.<a href="#fnref:1" rel="reference">&#8617;</a></p>
2011-04-20 12:29:01 +00:00
</li>
<li id="fn:nb">
2012-05-02 15:43:56 +00:00
<p>Jai programmé un outil qui calcule automatiquement le poids de chaque élément des matrices dédition à partir de données.<a href="#fnref:nb" rel="reference">&#8617;</a></p>
2011-04-20 12:29:01 +00:00
</li>
</ol>
</div>
</div>
2012-04-10 13:56:34 +00:00
<div id="social">
<div class="left"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="yogsototh">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="left"> <div class="g-plusone" data-size="medium" data-annotation="inline" data-width="106"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="flush"></div>
</div>
2011-04-20 12:29:01 +00:00
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">
s'abonner
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
2012-04-10 13:56:34 +00:00
document.write('<div id="clickcomment">Commentaires &amp; Partage</div>');
2011-04-20 12:29:01 +00:00
</script>
<div class="flush"></div>
2012-04-10 13:56:34 +00:00
2011-04-20 12:29:01 +00:00
<div class="corps" id="comment">
<h2 class="first">commentaires</h2>
<noscript>
Vous devez activer javascript pour commenter.
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/';
2011-04-20 12:29:01 +00:00
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
2011-04-20 12:29:01 +00:00
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/fr/">Bienvenue</a></li>
<li><a href="/Scratch/fr/blog/">Blog</a></li>
<li><a href="/Scratch/fr/softwares/">Softwares</a></li>
<li><a href="/Scratch/fr/about/">À propos</a></li></ul>
2011-04-20 12:29:01 +00:00
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/"><span class="nicer">«</span>&nbsp;Comment réparer un XML coupé ?</a>
2011-04-20 12:29:01 +00:00
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/"><span class="nicer">«</span>&nbsp;Je reviens à la vie !</a>
2011-04-20 12:29:01 +00:00
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-03-23-Encapsulate-git/"><span class="nicer">«</span>&nbsp;Encapsuler git</a>
2011-04-20 12:29:01 +00:00
</div>
</div>
<div id="next_articles">
articles suivants
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-14-multi-language-choices/">choix liés à l'écriture dans plusieurs langues&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
2012-04-02 21:43:39 +00:00
<div>
2012-04-10 13:56:34 +00:00
<a href="https://twitter.com/yogsototh">Follow @yogsototh</a>
2012-04-02 21:43:39 +00:00
</div>
2011-04-20 12:29:01 +00:00
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
</div>
<div id="lastmod">
Écrit le : 24/05/2010
2011-12-07 16:37:23 +00:00
modifié le : 07/12/2011
2011-04-20 12:29:01 +00:00
</div>
<div>
Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a>
et
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>