<?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>Quatrecentquatre &#187; Réalisation</title>
	<atom:link href="http://blog.quatrecentquatre.com/category/realisation/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.quatrecentquatre.com</link>
	<description>3437 St-Laurent, Montréal, Québec, H2X 2T6, / Téléphone : 514-303-6810</description>
	<lastBuildDate>Mon, 05 Jul 2010 20:59:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Concoctez votre soirée!</title>
		<link>http://blog.quatrecentquatre.com/2009/09/17/concoctez-votre-soiree/</link>
		<comments>http://blog.quatrecentquatre.com/2009/09/17/concoctez-votre-soiree/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 15:12:40 +0000</pubDate>
		<dc:creator>Mathieu</dc:creator>
				<category><![CDATA[ActionScript 3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Réalisation]]></category>

		<guid isPermaLink="false">http://blog.quatrecentquatre.com/?p=288</guid>
		<description><![CDATA[Notre dernière réalisation est en ligne sur http://www.exceldor.ca/.  C’est un petit module flash qui s’appel le « concocteur de soirée » permettant aux usagers de se bâtir un souper idéal.
Ce projet à été réalisé pour l’agence Saint-Jacques Vallée young &#38; Rubicam.
]]></description>
			<content:encoded><![CDATA[<p>Notre dernière réalisation est en ligne sur <a href="http://www.exceldor.ca/">http://www.exceldor.ca/</a>.  C’est un petit module flash qui s’appel le « concocteur de soirée » permettant aux usagers de se bâtir un souper idéal.</p>
<p>Ce projet à été réalisé pour l’agence Saint-Jacques Vallée young &amp; Rubicam.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.quatrecentquatre.com/2009/09/17/concoctez-votre-soiree/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Librairies externes en Flash</title>
		<link>http://blog.quatrecentquatre.com/2009/05/31/librairies-externes-en-flash/</link>
		<comments>http://blog.quatrecentquatre.com/2009/05/31/librairies-externes-en-flash/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 00:26:25 +0000</pubDate>
		<dc:creator>Jocelyn</dc:creator>
				<category><![CDATA[ActionScript 3]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Réalisation]]></category>
		<category><![CDATA[cs4]]></category>

		<guid isPermaLink="false">http://blog.quatrecentquatre.com/?p=166</guid>
		<description><![CDATA[La problématique des productions Flash multi fichiers
Lors du développement d’un site Flash à fichiers multiples, une problématique apparait très rapidement dans le processus de développement : La réutilisation des même éléments (graphiques, classes, composants) dans plusieurs des fichiers du site. Le problème vient entre autre du fait que chaque fichier  SWF a une librairie de [...]]]></description>
			<content:encoded><![CDATA[<p><strong>La problématique des productions Flash multi fichiers</strong></p>
<p>Lors du développement d’un site Flash à fichiers multiples, une problématique apparait très rapidement dans le processus de développement : La réutilisation des même éléments (graphiques, classes, composants) dans plusieurs des fichiers du site. Le problème vient entre autre du fait que chaque fichier  SWF a une librairie de graphique, composant, et classes unique. De ce fait, si on veut utiliser le même graphique dans deux fichiers SWF, ont doit donc recopier les mêmes éléments qu’on désire réutilisable dans toutes les librairies nécessaires. Cela implique une redondance des éléments et donc une multiplication du poids des fichiers.</p>
<p>Avant  l’arrivé de Flash CS4 et de l’ActionScript 3, il n’y avait pas beaucoup de solution pour contourner le problème. Ont pouvait utiliser un fichier exclude.xml au même endroit que notre fichier FLA pour définir les classes qui ne devait pas être compilé  dans le fichier SWF. Ainsi on pouvait exclure les classes qui étaient dupliqué à travers plusieurs fichiers SWF de l’application. Le problème était qu’on devait quand même recopier les éléments graphiques dans chacun des ces fichiers FLA pour ne pas avoir des erreurs de compilation sur des éléments inexistant dans la librairie.</p>
<div id="attachment_170" class="wp-caption aligncenter" style="width: 469px">
<div class="mceTemp mceIEcenter">
<dl id="attachment_170" class="wp-caption aligncenter" style="width: 469px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-170" style="margin-top:5px" title="Flash multi fichier" src="http://blog.quatrecentquatre.com/wp-content/uploads/2009/05/untitled-1.gif" alt="Exemple de la problématique multi fichiers" width="459" height="290" /></dt>
</dl>
</div>
<p><p class="wp-caption-text">Example de la problématique</p></div><br />
<br/><br />
<strong>Les modules </strong></p>
<p>Depuis la sortie de la suite CS4, il est maintenant possible d’intégrer des librairies externes pour la compilation directement à partir de l’IDE de Flash. Il est donc maintenant possible de créer une librairie d’élément (graphique, composant, classes) qu’on désirer partager à travers plusieurs fichiers mais qui ne seront pas compiler (injecter) dans le fichier final d’un SWF donné. L’arrivée des modules élimine donc la redondance de poids avec la réplication des éléments partagés dans plusieurs librairies des fichiers FLA.</p>
<p>Pour créer une application multi fichiers avec module, ont doit donc commencer par créer le module en tant que tel et ensuite ce module est charger en premier par le fichier principal (celui qui s’occupe du chargement des fichiers subséquents) et ensuite procède au chargement des sections ou sous-section de l’application. Dès que le module est chargé, les sections et sous-sections ont directement accès aux ressources de celui-ci. Le module doit cependant être chargé de façon à ce que « l’Application Domain » soit le même que le fichier principale pour que les ressources soient accessible.</p>
<div id="attachment_170" class="wp-caption aligncenter" style="width: 469px">
<div class="mceTemp mceIEcenter">
<dl id="attachment_191" class="wp-caption aligncenter" style="width: 469px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-191" style="margin-top:5px" title="Example avec module" src="http://blog.quatrecentquatre.com/wp-content/uploads/2009/05/untitled-2.gif" alt="Example avec module" width="459" height="350" /></dt>
</dl>
</div>
<p><p class="wp-caption-text">Example avec module</p></div><br />
<br/><br />
<strong>Création d’un module</strong><br />
Le module se crée en deux étapes. En premier lieu, on crée un fichier FLA et on y place tous les éléments réutilisables que nous voulons partager à travers les différents fichiers SWF du site ou de l’application. Ensuite, nous exportons le tout en format SWC (fichier SWF compressé par ZIP) et SWF. À partir de cet instant, le module est donc terminer et prêt à être utiliser directement dans les autres fichiers.</p>
<p><strong>Exemple de création</strong></p>
<ul>
<li>On crée un fichier “module.fla” dans lequel on inclut tout les éléments (graphiques, composants, classes, etc...) à partager</li>
<li>On exporte ce fichier en “module.swc”</li>
<li>On compile ce fichier en ”module.swf”</li>
<li>Pour tous les fichiers FLA qui doivent utiliser ces éléments, inclure le SWC dans les paramètres de publication sous l’onglet “External Library Path”</li>
<li>Dans votre fichier principal, charger le fichier “module.swf” en premier lieu, et ensuite procéder au chargement des sections et sous-section selon le besoin</li>
</ul>
<p>En mode développement, on peut bien tester les sections et sous-sections en chargeant directement le module dans ces fichiers avant toute exécution du code pour pouvoir bien tester les fonctionnalités. Lors de la mise en ligne, on retire tout simplement le chargement du module dans les sections et sous-sections. C'est présentement la meilleure solution pour le travail en multi fichiers.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.quatrecentquatre.com/2009/05/31/librairies-externes-en-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Faites un voeux!</title>
		<link>http://blog.quatrecentquatre.com/2008/12/08/faites-un-voeux/</link>
		<comments>http://blog.quatrecentquatre.com/2008/12/08/faites-un-voeux/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 03:07:43 +0000</pubDate>
		<dc:creator>Jocelyn</dc:creator>
				<category><![CDATA[Nouveauté]]></category>
		<category><![CDATA[Réalisation]]></category>
		<category><![CDATA[allard johnson]]></category>
		<category><![CDATA[carte de noël]]></category>
		<category><![CDATA[rêve d'enfants]]></category>

		<guid isPermaLink="false">http://blog.quatrecentquatre.com/?p=92</guid>
		<description><![CDATA[Comme nous n'avions pas le temps de faire notre propre carte de noël, et bien nous avons décidé de réaliser celle de notre client Allard Johnson. Si jamais vous décidez d'y jeter un coup d'oeil et bien sachez que pour tous les voeux qui seront postés dans le ciel étoilé, une somme sera remise à [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_93" class="wp-caption alignleft" style="width: 322px"><a title="L'Île au souhaits" href="http://www.ileauxsouhaitsaj.com" target="_blank"><img class="size-full wp-image-93" title="L'Île au souhaits" src="http://blog.quatrecentquatre.com/wp-content/uploads/2008/12/realisation_wishland.jpg" alt="L'Île au souhaits" width="312" height="191" /></a><p class="wp-caption-text">L&#39;Île au souhaits</p></div>
<p>Comme nous n'avions pas le temps de faire notre propre carte de noël, et bien nous avons décidé de réaliser <a title="L'Île au souhaits" href="http://www.ileauxsouhaitsaj.com" target="_blank">celle</a> de notre client <a title="Allard Johnson" href="http://www.allardjohnson.com/" target="_blank">Allard Johnson</a>. Si jamais vous décidez d'y jeter un coup d'oeil et bien sachez que pour tous les voeux qui seront postés dans le ciel étoilé, une somme sera remise à la fondation <a title="Rêve d'enfant" href="http://www.childrenswish.ca/index_2007.php/fr/welcome" target="_blank">Rêve d'enfant</a>.</p>
<p>Production : <a title="Quatrecentquatre" href="http://www.quatrecentquatre.com" target="_self">Quatrecentquatre</a><br />
Création et Design : <a title="Allard Johnson" href="http://www.allardjohnson.com/" target="_blank">Allard Johnson</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.quatrecentquatre.com/2008/12/08/faites-un-voeux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les qualités d&#8217;un bon développeur</title>
		<link>http://blog.quatrecentquatre.com/2008/11/29/les-qualites-dun-bon-developpeur/</link>
		<comments>http://blog.quatrecentquatre.com/2008/11/29/les-qualites-dun-bon-developpeur/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 00:13:04 +0000</pubDate>
		<dc:creator>Jocelyn</dc:creator>
				<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[Publicité]]></category>
		<category><![CDATA[Réalisation]]></category>
		<category><![CDATA[développeur]]></category>
		<category><![CDATA[employé]]></category>
		<category><![CDATA[production]]></category>

		<guid isPermaLink="false">http://blog.quatrecentquatre.com/?p=6</guid>
		<description><![CDATA[

Étant une jeune boîte de production en expansion, nous devons faire beaucoup de recherche pour trouver de bon développeur en tant qu'employé ou encore en tant que pigiste. Il est parfois difficile de cerner exactement ce qui fait en soit un bon développeur, surtout lorsque nous n'avons qu'une ou deux entrevues pour le déterminer. Bien [...]]]></description>
			<content:encoded><![CDATA[<p><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves /> <w:TrackFormatting /> <w:PunctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF /> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> <w:Word11KerningPairs /> <w:CachedColBalance /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> <m:brkBinSub m:val=" " /> <m:smallFrac m:val="off" /> <m:dispDef /> <m:lMargin m:val="0" /> <m:rMargin m:val="0" /> <m:defJc m:val="centerGroup" /> <m:wrapIndent m:val="1440" /> <m:intLim m:val="subSup" /> <m:naryLim m:val="undOvr" /> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"   DefSemiHidden="true" DefQFormat="false" DefPriority="99"   LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Normal" /> <w:LsdException Locked="false" Priority="9" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="heading 1" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" /> <w:LsdException Locked="false" Priority="39" Name="toc 1" /> <w:LsdException Locked="false" Priority="39" Name="toc 2" /> <w:LsdException Locked="false" Priority="39" Name="toc 3" /> <w:LsdException Locked="false" Priority="39" Name="toc 4" /> <w:LsdException Locked="false" Priority="39" Name="toc 5" /> <w:LsdException Locked="false" Priority="39" Name="toc 6" /> <w:LsdException Locked="false" Priority="39" Name="toc 7" /> <w:LsdException Locked="false" Priority="39" Name="toc 8" /> <w:LsdException Locked="false" Priority="39" Name="toc 9" /> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" /> <w:LsdException Locked="false" Priority="10" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Title" /> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" /> <w:LsdException Locked="false" Priority="11" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtitle" /> <w:LsdException Locked="false" Priority="22" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Strong" /> <w:LsdException Locked="false" Priority="20" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Emphasis" /> <w:LsdException Locked="false" Priority="59" SemiHidden="false"    UnhideWhenUsed="false" Name="Table Grid" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" /> <w:LsdException Locked="false" Priority="1" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="No Spacing" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 1" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 1" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 1" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 1" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" /> <w:LsdException Locked="false" Priority="34" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" /> <w:LsdException Locked="false" Priority="29" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Quote" /> <w:LsdException Locked="false" Priority="30" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 1" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 1" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 1" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 1" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 1" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 2" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 2" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 2" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 2" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 2" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 2" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 2" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 2" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 3" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 3" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 3" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 3" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 3" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 3" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 3" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 3" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 3" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 4" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 4" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 4" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 4" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 4" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 4" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 4" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 4" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 4" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 5" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 5" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 5" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 5" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 5" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 5" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 5" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 5" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 5" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 6" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 6" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 6" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 6" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 6" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 6" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 6" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 6" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 6" /> <w:LsdException Locked="false" Priority="19" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" /> <w:LsdException Locked="false" Priority="21" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" /> <w:LsdException Locked="false" Priority="31" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" /> <w:LsdException Locked="false" Priority="32" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" /> <w:LsdException Locked="false" Priority="33" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Book Title" /> <w:LsdException Locked="false" Priority="37" Name="Bibliography" /> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" /> </w:LatentStyles> </xml><![endif]--></p>
<p><!--[if gte mso 10]><br />
<mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin-top:0in; 	mso-para-margin-right:0in; 	mso-para-margin-bottom:10.0pt; 	mso-para-margin-left:0in; 	line-height:115%; 	mso-pagination:widow-orphan; 	font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:"Times New Roman"; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin;} --></p>
<p><!--[endif]--><span lang="FR-CA">Étant une jeune boîte de production en expansion, nous devons faire beaucoup de recherche pour trouver de bon développeur en tant qu'employé ou encore en tant que pigiste. Il est parfois difficile de cerner exactement ce qui fait en soit un bon développeur, surtout lorsque nous n'avons qu'une ou deux entrevues pour le déterminer. Bien sur il y a l'évaluation technique qui aide a déterminer le niveau du développeur en question mais lorsque le choix doit se faire entre deux ou trois développeur qui ont chacun plusieurs années d'expériences, les compétences techniques sont plus relative. Cependant, avec l'expérience, nous sommes en mesure maintenant de déterminer ce qui fait qu'un développeur restera toujours au dessus de la mêlé malgré des compétences techniques plus ou moins équivalente. Parfois, à compétences égales, il est préférable d'y aller avec quelqu'un démontrant plus de passion, d'autonomie et d'ouverture d'esprit.</span></p>
<p><strong><span lang="FR-CA">Autonomie<br />
</span></strong><span lang="FR-CA">C'est sûrement une des qualités importante d'un développeur efficace. L'autonomie pour un développeur est la capacité à choisir et se renseigner de son propre chef. En fait, un développeur autonome n'attend pas après les autres pour choisir une technologie, une solution ou un langage, il se renseigne d'abord et tire ensuite par lui-même ses propres conclusion. Un développeur autonome vérifie avant de demander conseil. Un développeur autonome sait très bien que pour la majorité des questions et problèmes, quelqu'un avant a trouver une réponse ou une solution. </span></p>
<p><strong><span lang="FR-CA">Responsabilité<br />
</span></strong><span lang="FR-CA">La responsabilité est ici prise au sens spécifique qui se rattache directement au travail de développeur. Un développeur responsable est un développeur qui sait quoi faire au bon moment. Nous travaillons souvent dans des endroits où se trouvent de multiples sources de distraction, sans compter que notre principal outil de travail est une source de distraction en soi. Il est donc primordial de savoir quand maximiser les temps plus productifs et les temps moins productif d'une journée, d'une semaine. Savoir quand prendre le temps de lire et répondre aux multiples courriels. Quand prendre le temps de jouer à un jeu. Quand prendre le temps de lire les nouvelles, d'aller sur Facebook. Un développeur qui responsabilisera son temps de façon optimale au jour, et à la semaine, sera drôlement plus efficace.</span></p>
<p><strong><span lang="FR-CA">Passion<br />
</span></strong><span lang="FR-CA">La passion ne s'apprend pas malheureusement, elle vient naturellement lorsque l'on fait ce pour quoi on a un réel plaisir, un réel intérêt. Pour un développeur, la passion signifie plusieurs choses. Elle signifie qu'on veut constamment regarder en avant pour voir quelles seront les prochaines tendances dans notre domaine respectif : les nouveaux langages, les nouvelles plateformes, les nouvelles versions. Elle signifie que nous avons un réel intérêt à lire les blogues, magazines, bouquins des personnes à travers le monde qui font le même métier pour apprendre de nouvelles techniques, de nouvelles façons de penser et d'approcher les problèmes. De plus, cette passion nous amène souvent à tester, dans nos temps libres, des techniques ou nouvelles technologie qui permettront d'élargir nos champs de compétences.</span></p>
<p class="MsoNormal"><strong><span lang="FR-CA">Ouverture d'esprit<br />
</span></strong><span lang="FR-CA">Nous avons tous déjà connus des personnes qui ne jure que par OS X ou encore Linux, et qui par préférence se campe dans leur position et ne veulent rien savoir des autres technologies. En soi, il n'y a absolument rien de mal à avoir des préférences, nous en avons tous. Cependant, pour ce qui est d'un développeur, il est souvent tentant de se camper dans un langage précis ou une technologie précise et d'ignorer ce qui se fait de différent. Pour être un développeur informer, et offrir les meilleures solutions à notre client ou notre entreprise, un développeur se doit absolument de garder l'esprit ouvert et vérifier les technologies différentes ou encore moins attirantes. C'est en comparant au fil des années les différentes technologies qu'on développe une expertise et qu'on accumule un bagage d'information qui nous permet de savoir exactement le moyen le plus efficace ou performant pour réaliser un projet.<br />
<!--[if !supportLineBreakNewLine]--></span><!--[if gte mso 10]><br />
<mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin-top:0in; 	mso-para-margin-right:0in; 	mso-para-margin-bottom:10.0pt; 	mso-para-margin-left:0in; 	line-height:115%; 	mso-pagination:widow-orphan; 	font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:"Times New Roman"; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin;} --></p>
<p><!--[endif]--></p>
<p class="MsoNormal"><span lang="FR-CA">Bien sûr nul n'est parfait en ce monde et il n'est pas nécessaire, pour avoir du succès, d'appliquer à la lettre les recommandations mentionnées plus haut. Cependant, pour être un développeur qui sort de la mêlée et qui est toujours un pas en avant il faut être conscient de ces aspects.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.quatrecentquatre.com/2008/11/29/les-qualites-dun-bon-developpeur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Campagne de matante gâteau</title>
		<link>http://blog.quatrecentquatre.com/2008/11/06/campgne-de-matante-gateau/</link>
		<comments>http://blog.quatrecentquatre.com/2008/11/06/campgne-de-matante-gateau/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 16:40:54 +0000</pubDate>
		<dc:creator>Jocelyn</dc:creator>
				<category><![CDATA[Réalisation]]></category>
		<category><![CDATA[allard johnson]]></category>
		<category><![CDATA[matante gateau]]></category>
		<category><![CDATA[wal-mart]]></category>

		<guid isPermaLink="false">http://blog.quatrecentquatre.com/?p=21</guid>
		<description><![CDATA[

    Matante Gateau 


Nous venons tout juste de terminer une campagne en ligne pour le temps des fêtes des magasins Wal-Mart. Peut-être avez-vous vu les annonces de Matante Gâteau pour Wal-Mart à la télévision ces derniers temps. Bref, cette campagne est justement le volet "Web" de cette publicité télévisuelle. Une série de bannières et un [...]]]></description>
			<content:encoded><![CDATA[<div class="mceTemp">
<dl id="attachment_26" class="wp-caption alignleft" style="width: 310px;">
<dt class="wp-caption-dt"><a href="http://blog.quatrecentquatre.com/wp-content/uploads/2008/11/realisation_aj08008.jpg"><img class="size-medium wp-image-26" title="Matante Gateau" src="http://blog.quatrecentquatre.com/wp-content/uploads/2008/11/realisation_aj08008-300x183.jpg" alt="Matante Gateau" width="300" height="183" /></a>    <span style="line-height: 17px;">Matante Gateau</span> </dt>
</dl>
</div>
<p>Nous venons tout juste de terminer une campagne en ligne pour le temps des fêtes des magasins <a title="Wal-Mart" href="http://wal-mart.ca/wps-portal/storelocator/index.jsp?lang=fr" target="_blank">Wal-Mart</a>. Peut-être avez-vous vu les annonces de Matante Gâteau pour <a title="Wal-Mart" href="http://wal-mart.ca/wps-portal/storelocator/index.jsp?lang=fr" target="_blank">Wal-Mart</a> à la télévision ces derniers temps. Bref, cette campagne est justement le volet "Web" de cette publicité télévisuelle. Une série de bannières et un microsite ont été réalisés pour aider les gens en manque d'idées cadeaux.</p>
<p>Production : <a title="Quatrecentquatre" href="http://www.quatrecentquatre.com" target="_self">Quatrecentquatre</a><br />
Création et Design : <a title="Allard Johnson" href="http://www.allardjohnson.com/" target="_blank">Allard Johnson</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.quatrecentquatre.com/2008/11/06/campgne-de-matante-gateau/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
