<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>f4nf.net &#187; developpement</title>
	<atom:link href="http://f4nf.net/category/developpement/feed/" rel="self" type="application/rss+xml" />
	<link>http://f4nf.net</link>
	<description>live(); love(); share(); smile();</description>
	<lastBuildDate>Tue, 08 Mar 2011 18:09:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Note rapide &#8211; Flash, prototypage et art de vivre</title>
		<link>http://f4nf.net/2011/03/08/note-rapide-flash-prototypage-et-art-de-vivre/</link>
		<comments>http://f4nf.net/2011/03/08/note-rapide-flash-prototypage-et-art-de-vivre/#comments</comments>
		<pubDate>Tue, 08 Mar 2011 17:40:57 +0000</pubDate>
		<dc:creator>f4nf</dc:creator>
				<category><![CDATA[art de vivre]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[4hww]]></category>
		<category><![CDATA[ted]]></category>

		<guid isPermaLink="false">http://f4nf.net/?p=252</guid>
		<description><![CDATA[Quelques trésors qui engorgeaient mes onglets&#8230; AS3 Signals, vu il y a plusieurs mois, et à tester dans le contexte d&#8217;un projet. Cette librairie offre une alternative intéressante au système évènementiel de Flash. Robert Penner s&#8217;y est inspiré des évènements en C# et du système signals/slots de Qt, pour arriver à des fonctionnalités avec du [...]]]></description>
			<content:encoded><![CDATA[<p>Quelques trésors qui engorgeaient mes onglets&#8230;</p>
<p><strong><a href="https://github.com/robertpenner/as3-signals">AS3 Signals</a></strong>, vu il y a plusieurs mois, et à tester dans le contexte d&#8217;un projet. Cette librairie offre une alternative intéressante au système évènementiel de Flash. <a href="http://www.robertpenner.com/">Robert Penner</a> s&#8217;y est inspiré des évènements en C# et du système signals/slots de Qt, pour arriver à des fonctionnalités avec du &#8220;addOnce&#8221;, du &#8220;removeAll&#8221;, de la composition qui nous dispense d&#8217;étendre EventDispatcher, et autre trucs sympathiques :)<br />
Il est même assez aisé d&#8217;intégrer dans ce système les évènements Flash standards, si besoin. Au final, on en écrit moins, et ça rend bien. A creuser.<br />
Pour s&#8217;épargner le premier test fastidieux, un <a href="http://johnlindquist.com/2010/01/21/as3-signals-tutorial/">tutoriel</a> basique et bien senti, en anglais.</p>
<p><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/wB_sWJ5EgXI" frameborder="0" allowfullscreen></iframe></p>
<p><a href="http://labs.adobe.com/technologies/wallaby/"><strong><br />
Wallaby</strong></a>, technologie en test chez Adobe Labs, permet de convertir une animation <strong>Flash</strong> en <strong>HTML5</strong>. L&#8217;appli AIR est on ne peut plus simple, l&#8217;outil est expérimental, et le rendu assez sommaire après un premier test. Mais l&#8217;ouverture permet l&#8217;accès à l&#8217;iOS avec des sources en FLA, même si l&#8217;on reste loin du potentiel de Flash. Lien complémentaire chez <a href="http://pro.01net.com/editorial/529643/wallaby-convertit-du-flash-en-html5-et-croque-la-pomme/">01net</a> où l&#8217;on parle un peu plus du marché (merci Mickro pour le lien de dernière minute ;)).</p>
<p>Un peu de <strong>prototypage</strong>. Je cherchais un outil pour réaliser simplement des mockups présentables, à moindre coût, en standalone. <a href="http://balsamiq.com/products/mockups">Balsamiq Mockups</a> m&#8217;avait bien plut il y a quelques temps, mais le standalone est payant. En fouillant un peu, j&#8217;ai trouvé <a href="http://cogtool.hcii.cs.cmu.edu/">CogTool</a>, très intéressant avec son évaluation des actions utilisateurs sur le prototype. Mais un peu trop pour mon usage du moment, et à l&#8217;interface assez réberbative. Du coup, je suis parti sur <a href="http://pencil.evolus.vn/en-US/Home.aspx"><strong>Pencil</strong></a>, et mon premier test m&#8217;a donné envie d&#8217;en voir plus. Le produit est soigné, simple et efficace, et apparemment extensible (pas encore ajouté mes propres sketches).</p>
<p><iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/iJew4fxHl1U?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p>On change de cap, et on passe voir des <a href="http://www.huffingtonpost.com/tim-ferriss/cold-remedy-18-real-world_b_415900.html">retours d&#8217;expériences</a> sur l&#8217;application du <strong>&#8220;4 Hours WorkWeek&#8221;</strong> de <a title="blog 4HWW" href="http://www.fourhourworkweek.com/blog/">Timothy Ferriss</a>. Personnellement, ceci pique ma curiosité. Le contenu du livre (survolé rapidement, en cours de relecture plus profonde &#8211; merci Flav pour le prêt ^^) est intéressant. Sans nécessairement aller aussi loin que ce qui peut se voir sur ces retours, il peut faire prendre un peu de recul, et apporter quelques pistes concrètes pour s&#8217;arranger la vie au quotidien. Ne serait-ce qu&#8217;en se posant de bonnes questions.</p>
<p>Et en bonus, une vidéo quotidienne de TED, c&#8217;est sur <a href="http://www.bonjourted.com/"><strong>BonjourTED</strong></a>. Et ça vaut sûrement mieux que la TV :)</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Note+rapide+%E2%80%93+Flash%2C+prototypage+et+art+de+vivre+http%3A%2F%2Ff4nf.net%2F%3Fp%3D252" title="Post to Twitter"><img class="nothumb" src="http://f4nf.net/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter2.png" alt="Post to Twitter" /></a> <a class="tt" href="http://www.facebook.com/share.php?u=http://f4nf.net/2011/03/08/note-rapide-flash-prototypage-et-art-de-vivre/&amp;t=Note+rapide+%E2%80%93+Flash%2C+prototypage+et+art+de+vivre" title="Post to Facebook"><img class="nothumb" src="http://f4nf.net/wp-content/plugins/tweet-this/icons/en/facebook/tt-facebook.png" alt="Post to Facebook" /></a></p></div>]]></content:encoded>
			<wfw:commentRss>http://f4nf.net/2011/03/08/note-rapide-flash-prototypage-et-art-de-vivre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ANT et FlashDevelop (et bonus)</title>
		<link>http://f4nf.net/2010/07/20/ant-et-flashdevelop-et-bonus/</link>
		<comments>http://f4nf.net/2010/07/20/ant-et-flashdevelop-et-bonus/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 22:25:44 +0000</pubDate>
		<dc:creator>f4nf</dc:creator>
				<category><![CDATA[developpement]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[matiere a penser]]></category>
		<category><![CDATA[pro]]></category>
		<category><![CDATA[ant]]></category>
		<category><![CDATA[flashdevelop]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[svn]]></category>
		<category><![CDATA[ted]]></category>

		<guid isPermaLink="false">http://f4nf.net/?p=238</guid>
		<description><![CDATA[Je travaille actuellement sur un projet en Flash où plusieurs sous-projets compilés, dépendants d&#8217;un tronc commun, sont intégrés à l&#8217;appli finale. Je me suis adapté au pipe-line en place en passant sous FlashDevelop, que je n&#8217;avais pas utilisé depuis un moment. Belle évolution, très sympathique outil aujourd&#8217;hui. Mais il me manquait ANT. ANT, c&#8217;est trop [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://f4nf.net/wp-content/uploads/2010/07/fd_logo.jpg" alt="fd_logo" width="135" height="135" /></p>
<p>Je travaille actuellement sur un projet en Flash où plusieurs sous-projets compilés, dépendants d&#8217;un tronc commun, sont intégrés à l&#8217;appli finale. Je me suis adapté au pipe-line en place en passant sous <a href="http://fr.wikipedia.org/wiki/FlashDevelop" target="_blank">FlashDevelop</a>, que je n&#8217;avais pas utilisé depuis un moment. Belle évolution, très sympathique outil aujourd&#8217;hui.</p>
<p>Mais il me manquait <a href="http://fr.wikipedia.org/wiki/Apache_Ant" target="_blank">ANT</a>. <strong>ANT, c&#8217;est trop bien</strong>. Une fois que tu as joué avec la fourmie, difficile de s&#8217;en passer sur ce genre de développement, avec des compilations à tout va, des dépendances, &#8230; J&#8217;ai donc tatonné un peu pour intégrer le tout. La communauté semble efficace et les ressources nombreuses, je m&#8217;en tiens à un simple rassemblement d&#8217;infos et quelques ajouts maison fait en route. Recette cuite sous Windows 7 pro.</p>
<p><strong>Ingrédients:</strong></p>
<ul>
<li>
<div>JDK : <a href="http://java.sun.com/javase/downloads/index.jsp" target="_blank">http://java.sun.com/javase/downloads/index.jsp</a></div>
</li>
<li>
<div>ANT : <a href="http://ant.apache.org/bindownload.cgi" target="_blank">http://ant.apache.org/bindownload.cgi</a></div>
</li>
<li>
<div>FlashDevelop : <a href="http://www.flashdevelop.org/community/viewtopic.php?f=11&amp;t=6709" target="_blank">http://www.flashdevelop.org/community/viewtopic.php?f=11&amp;t=6709</a></div>
</li>
</ul>
<p><strong>Action:</strong></p>
<ul>
<li>
<div><strong>Installer le JDK</strong></div>
</li>
<li>
<div><strong>Décompresser ANT</strong>, placer le répertoire du programme où on le souhaite (pas d&#8217;install, déjà prêt)</div>
</li>
<li>
<div><strong>Paramétrer les variables d&#8217;environnement</strong> (clic droit sur Ordinateur &gt; Propriétés, lien &#8220;Paramètres système avancé&#8221; à gauche, bouton &#8220;Variables d&#8217;environnement&#8221; en bas, puis on bosse sur &#8220;Variables système&#8221;):</div>
<ul>
<li>
<div>Editer la variable &#8220;Path&#8221; en y ajoutant le chemin vers le répertoire &#8220;bin&#8221; d&#8217;ANT (ex: ajout de &#8220;;C:\Program Files\ANT\bin&#8221;)</div>
</li>
<li>
<div>Créer ANT_HOME, qui pointe sur le répertoire ANT</div>
</li>
<li>
<div>A priori, créer JAVA_HOME, qui pointe sur le répertoire du JDK</div>
</li>
<li>
<div>ANT utilisera aussi CLASSPATH, qui doit a priori être vide ou inexistante</div>
</li>
</ul>
</li>
<li>
<div><strong>Tester ANT</strong> : ouvrir une invite de commande (cmd.exe), taper &#8220;ant&#8221; et Entrée, on doit obtenir &#8220;Buildfile: build.xml does not exist! Build failed&#8221;</div>
<ul>
<li>
<div>En cas de souci sur l&#8217;installation de ANT, voir <a href="http://ant.apache.org/manual/index.html" target="_blank">http://ant.apache.org/manual/index.html</a></div>
</li>
</ul>
</li>
<li>
<div><strong>Installer FlashDevelop</strong></div>
</li>
<li>
<div><strong>Lancer FlashDevelop</strong></div>
</li>
<li>
<div><strong>Copier</strong> C:\Program Files (x86)\FlashDevelop\Settings\<strong>ToolBar.xml</strong></div>
</li>
<li>
<div>Dans FlashDevelop, <strong>Tools &gt; Application Files</strong>, aller dans le répertoire <strong>Settings</strong> et <strong>coller ToolBar.xml</strong></div>
</li>
<li>
<div><strong>Editer ce dernier ToolBar.xml</strong> : avant &lt;/toolbar&gt;, placer le code suivant (ayez de préférence le dernier FlashDevelop &#8211; 3.2 à ce jour &#8211; pour être sûr du fonctionnement)</div>
</li>
</ul>
<blockquote><p>&lt;separator /&gt;</p>
<p>&lt;button label=&#8221;ANT Build&#8221; click=&#8221;RunProcessCaptured&#8221; image=&#8221;486&#8243; tag=&#8221;c:\windows\system32\cmd.exe;/c $(Quote)cd $(ProjectDir)&amp;amp;&amp;amp;ant$(Quote)&#8221; /&gt;</p></blockquote>
<ul dir="ltr">
<li>
<div>Dans FlashDevelop, <strong>File &gt;</strong> <strong>Restart, une icône a du apparaître dans la barre d&#8217;outils</strong> pour vous permettre de lancer le build ANT</div>
</li>
</ul>
<p>Hop. <strong>Intégration faite!</strong></p>
<p><strong><a href="http://f4nf.net/wp-content/uploads/2010/07/ant_logo.jpg"><img class="aligncenter size-full wp-image-235" title="ant_logo.jpg" src="http://f4nf.net/wp-content/uploads/2010/07/ant_logo.jpg" alt="" width="225" height="139" /></a><br />
</strong></p>
<p>Pour l&#8217;usage, vous aurez besoin du fichier <strong>build.xml</strong>, au moins. Voici un <strong>exemple</strong>:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243; ?&gt;</p>
<p>&lt;project name=&#8221;MyProject&#8221; default=&#8221;CompileAndTestApp&#8221; basedir=&#8221;.&#8221;&gt;</p>
<blockquote><p>&lt;description&gt;Build MyProject&lt;/description&gt;</p>
<p>&lt;property name=&#8221;fdbuild&#8221; location=&#8221;C:\Program Files (x86)\FlashDevelop\Tools\fdbuild\fdbuild.exe&#8221;/&gt;</p>
<p>&lt;property name=&#8221;compiler&#8221; location=&#8221;D:\Programs\flex&#8221;/&gt;</p>
<p>&lt;property name=&#8221;library&#8221; location=&#8221;C:\Program Files (x86)\FlashDevelop\Library&#8221;/&gt;</p>
<p>&lt;property name=&#8221;flashviewer&#8221; location=&#8221;C:\Program Files (x86)\Adobe\Adobe Flash CS5\Players\Debug\FlashPlayerDebugger.exe&#8221;/&gt;</p>
<p>&lt;property name=&#8221;appswf&#8221; location=&#8221;${basedir}\bin\MyProject.swf&#8221;/&gt;</p>
<p>&lt;property name=&#8221;mylittleproject1&#8243; location=&#8221;${basedir}\external_content\MyLittleProject1\MyLittleProject1.as3proj&#8221;/&gt;</p>
<p>&lt;property name=&#8221;mylittleproject2&#8243; location=&#8221;${basedir}\external_content\MyLittleProject2\MyLittleProject2.as3proj&#8221;/&gt;</p>
<p>&lt;property name=&#8221;myproject&#8221; location=&#8221;${basedir}\MyProject.as3proj&#8221;/&gt;</p>
<p>&lt;target name=&#8221;MyLittleProject1&#8243;&gt;</p>
<p>&lt;echo message=&#8221;Compiling ${mylittleproject1}.&#8221;/&gt;</p>
<p>&lt;exec executable=&#8221;${fdbuild}&#8221; failonerror=&#8221;true&#8221;&gt;</p>
<p>&lt;arg value=&#8221;${mylittleproject1}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-compiler&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${compiler}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-library&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${library}&#8221;/&gt;</p>
<p>&lt;/exec&gt;</p>
<p>&lt;/target&gt;</p>
<p>&lt;target name=&#8221;MyLittleProject2&#8243;&gt;</p>
<p>&lt;echo message=&#8221;Compiling ${mylittleproject2}.&#8221;/&gt;</p>
<p>&lt;exec executable=&#8221;${fdbuild}&#8221; failonerror=&#8221;true&#8221;&gt;</p>
<p>&lt;arg value=&#8221;${mylittleproject2}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-compiler&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${compiler}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-library&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${library}&#8221;/&gt;</p>
<p>&lt;/exec&gt;</p>
<p>&lt;/target&gt;</p>
<p>&lt;target name=&#8221;MyProject&#8221;&gt;</p>
<p>&lt;echo message=&#8221;Compiling ${myproject}.&#8221;/&gt;</p>
<p>&lt;exec executable=&#8221;${fdbuild}&#8221; failonerror=&#8221;true&#8221;&gt;</p>
<p>&lt;arg value=&#8221;${myproject}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-compiler&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${compiler}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-library&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${library}&#8221;/&gt;</p>
<p>&lt;/exec&gt;</p>
<p>&lt;/target&gt;</p>
<p>&lt;target name=&#8221;compile&#8221; depends=&#8221;MyLittleProject1, MyLittleProject2, MyProject&#8221;&gt;</p>
<p>&lt;echo message=&#8221;Compiling ${myproject}.&#8221;/&gt;</p>
<p>&lt;exec executable=&#8221;${fdbuild}&#8221; failonerror=&#8221;true&#8221;&gt;</p>
<p>&lt;arg value=&#8221;${myproject}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-compiler&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${compiler}&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;-library&#8221;/&gt;</p>
<p>&lt;arg value=&#8221;${library}&#8221;/&gt;</p>
<p>&lt;/exec&gt;</p>
<p>&lt;/target&gt;</p>
<p>&lt;target name=&#8221;CompileAndTestApp&#8221;&gt;</p>
<p>&lt;antcall target=&#8221;compile&#8221; /&gt;</p>
<p>&lt;antcall target=&#8221;TestApp&#8221; /&gt;</p>
<p>&lt;/target&gt;</p>
<p>&lt;target name=&#8221;TestApp&#8221;&gt;</p>
<p>&lt;exec executable=&#8221;${flashviewer}&#8221; failonerror=&#8221;true&#8221;&gt;</p>
<p>&lt;arg value=&#8221;${appswf}&#8221;/&gt;</p>
<p>&lt;/exec&gt;</p>
<p>&lt;/target&gt;</p></blockquote>
<p>&lt;/project&gt;</p></blockquote>
<p>Je n&#8217;en détaillerai pas l&#8217;usage ici, se référer au <a href="http://ant.apache.org/manual/index.html" target="_blank">manuel de ANT</a> pour plus de détail sur le fonctionnement d&#8217;un build.xml.</p>
<p>Un clic sur l&#8217;icône ajouté à la barre d&#8217;outils de FlashDevelop lancera donc cette procédure, et vous fournira la sortie dans le panneau FlashDevelop Output.</p>
<p>Pour aller plus loin, je viens de voir un <a href="http://www.flashdevelop.org/community/viewtopic.php?f=4&amp;t=6105" target="_blank">plugin</a> permettant d&#8217;accéder au détail d&#8217;un build et de lancer les sous-tâches sans passer par la console. Non testé, mais je vais le monter, c&#8217;est utile.</p>
<p>Ensuite, <strong>les bonus :)</strong></p>
<p style="text-align: center;"><img class="aligncenter" src="http://f4nf.net/wp-content/uploads/2010/07/svn_logo.jpg" alt="svn_logo" width="450" height="61" /></p>
<p><strong>Le premier :</strong></p>
<p>Après quelques soucis avec <a href="http://tortoisesvn.tigris.org/" target="_blank">TortoiseSVN</a>, j&#8217;ai dégoté un <a href="http://www.sliksvn.com/en/download" target="_blank">client SVN console pour Windows</a>. Et c&#8217;est bien pratique. Penser à ajouter le &#8220;bin&#8221; à votre &#8220;Path&#8221;.</p>
<p><strong>Les complémentaires, via TED :</strong></p>
<ul>
<li>
<div>Hans Rosling nous parle de <a href="http://www.ted.com/talks/hans_rosling_on_global_population_growth.html" target="_blank">l&#8217;évolution globale de la population</a>, et nous propose un avenir possible <em>(10&#8217;04&#8221;)</em></div>
</li>
<li>
<div>Mitchell Joachim nous présente un <a href="http://www.ted.com/talks/mitchell_joachim_don_t_build_your_home_grow_it.html" target="_blank">projet de village végétal</a>, à faire pousser <em>(2&#8217;57&#8221;)</em></div>
</li>
<li>
<div>Ellen Gustafson fait un point rapide sur <a href="http://www.ted.com/talks/ellen_gustafson_obesity_hunger_1_global_food_issue.html" target="_blank">2 problèmes nutritifs mondiaux : obésité et faim</a> &#8211; recul rapide intéressant <em>(9&#8217;30&#8221;)</em></div>
</li>
</ul>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=ANT+et+FlashDevelop+%28et+bonus%29+http%3A%2F%2Ff4nf.net%2F%3Fp%3D238" title="Post to Twitter"><img class="nothumb" src="http://f4nf.net/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter2.png" alt="Post to Twitter" /></a> <a class="tt" href="http://www.facebook.com/share.php?u=http://f4nf.net/2010/07/20/ant-et-flashdevelop-et-bonus/&amp;t=ANT+et+FlashDevelop+%28et+bonus%29" title="Post to Facebook"><img class="nothumb" src="http://f4nf.net/wp-content/plugins/tweet-this/icons/en/facebook/tt-facebook.png" alt="Post to Facebook" /></a></p></div>]]></content:encoded>
			<wfw:commentRss>http://f4nf.net/2010/07/20/ant-et-flashdevelop-et-bonus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

