<?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"
	>

<channel>
	<title>jacky béjean</title>
	<atom:link href="http://book.jb-interactive.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://book.jb-interactive.com</link>
	<description>Programmeur en nouveaux médias</description>
	<pubDate>Mon, 13 Oct 2008 15:44:10 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
	<language>fr</language>
			<item>
		<title>Cube OL en papervision 3D</title>
		<link>http://book.jb-interactive.com/experimentation/cube-ol-en-papervision-3d/</link>
		<comments>http://book.jb-interactive.com/experimentation/cube-ol-en-papervision-3d/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 04:31:52 +0000</pubDate>
		<dc:creator>jacky</dc:creator>
		
		<category><![CDATA[Expérimentation]]></category>

		<category><![CDATA[AS3]]></category>

		<category><![CDATA[Karim Benzema]]></category>

		<category><![CDATA[OLTV]]></category>

		<category><![CDATA[Sydney Govou]]></category>

		<guid isPermaLink="false">http://book.jb-interactive.com/?p=7</guid>
		<description><![CDATA[Voici mon second projet 3D Flash réalisé avec la fameuse librairie Papervision 3D.
Mon premier projet était un simple cube réalisé avec 6 planes. Dans cette version, les 6 planes sont à plat et je les anime pour former le cube.
Ce cube contient 4 faces avec vidéos streaming en utilisant le matériel VideoStreamMaterial. On peut faire [...]]]></description>
			<content:encoded><![CDATA[<p>Voici mon second projet 3D Flash réalisé avec la fameuse librairie <a title="Blog de Papervision 3D" href="http://blog.papervision3d.org/" target="_blank">Papervision 3D.</a></p>
<p>Mon premier projet était un simple cube réalisé avec 6 planes. Dans cette version, les 6 planes sont à plat et je les anime pour former le cube.</p>
<p>Ce cube contient 4 faces avec vidéos streaming en utilisant le matériel <em>VideoStreamMaterial. </em>On peut faire pivoter le cube de 90° à droite ou à gauche en utilisant les flèches du clavier.</p>
<p>Bonne visualisation de 2 clips vidéos de joueurs de l&#8217;olympique lyonnais réalisées par OLTV.</p>
<div id="olcube"></div>
<p><script src="http://book.jb-interactive.com/js/swfobject.js"></script><br />
<script type="text/javascript">
var so_ol = new SWFObject("http://book.jb-interactive.com/experimentation/olcube/BlogOLCube.swf", "OLCube", "500", "500", "9");
so_ol.addParam("quality", "high");
so_ol.write("olcube");
</script></p>
<p><a title="Source du OLCube" href="http://book.jb-interactive.com/experimentation/olcube/srcview/" target="_blank">Voir le code source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://book.jb-interactive.com/experimentation/cube-ol-en-papervision-3d/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Juste pour rire</title>
		<link>http://book.jb-interactive.com/projets-boulot/juste-pour-rire/</link>
		<comments>http://book.jb-interactive.com/projets-boulot/juste-pour-rire/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 03:30:40 +0000</pubDate>
		<dc:creator>jacky</dc:creator>
		
		<category><![CDATA[Projets au boulot]]></category>

		<category><![CDATA[AS3]]></category>

		<category><![CDATA[Flex]]></category>

		<category><![CDATA[Just For Laugh]]></category>

		<category><![CDATA[Juste Pour Rire]]></category>

		<category><![CDATA[MXML]]></category>

		<category><![CDATA[SingleTon]]></category>

		<guid isPermaLink="false">http://book.jb-interactive.com/?p=6</guid>
		<description><![CDATA[
Début mars, nous avons mis en ligne la nouvelle version du site internet Juste pour rire. Mon travail sur ce projet était de réaliser le header flash, pas un seul header mais en fait 6 headers différents composés de 3 ou 4 modules chacuns.
Au lieu de réaliser 6 headers différents en flash, j&#8217;en ai réalisé [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://book.jb-interactive.com/img/header_jpr.jpg" alt="Header Flash du site web Juste Pour Rire" width="500" height="206" /></p>
<p>Début mars, nous avons mis en ligne la nouvelle version du site internet Juste pour rire. Mon travail sur ce projet était de réaliser le header flash, pas un seul header mais en fait 6 headers différents composés de 3 ou 4 modules chacuns.</p>
<p>Au lieu de réaliser 6 headers différents en flash, j&#8217;en ai réalisé qu&#8217;un seul relié à un fichier xml pour gérer la configuration de chaque, soit l&#8217;image de fond et les modules à charger avec leur position exacte.</p>
<p>Certains modules sont indépendants mais d&#8217;autres sont dépendants les un des autres comme le header de la page d&#8217;accueil. Sur ce dernier, quand on sélectionne une date ou un mois, les informations du calepins changent, ainsi que celles du menu déroulant. Le lecteur vidéo au centre du header est géré par les articles affichés dans le calepin.</p>

<div class="wp_codebox"><table width="100%" ><tr><td colspan="2" class="msgheader"><div class="codebox_right"><a href="###" onclick="copycode($('6code2'));">[Copy to clipboard]</a><a href="###" onclick="toggle_collapse('62');">[<span id="62_symbol">-</span>]</a></div><div class="codebox_left"><span id="l6code2"><a href="#" onclick="javascript:showCodeTxt('6code2'); return false;">View Code</a>ACTIONSCRIPT</span></div></td></tr><tr id="62"><td width="1%" class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
</pre></td><td class="code" id="6code2"><pre class="actionscript">package ca.<span style="color: #006600;">turbulent</span>.<span style="color: #006600;">jpr</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Bridge
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #0066CC;">static</span> <span style="color: #000000; font-weight: bold;">var</span> _instance:Bridge = <span style="color: #000000; font-weight: bold;">null</span>;
&nbsp;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Bridge<span style="color: #66cc66;">&#40;</span>s:SingleTon = <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>s == <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
				<span style="color: #0066CC;">throw</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Controller doesn't exist!&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #0066CC;">static</span> <span style="color: #000000; font-weight: bold;">function</span> getInstance<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:Bridge
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_instance == <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				_instance = <span style="color: #000000; font-weight: bold;">new</span> Bridge<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> SingleTon<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
				_instance.<span style="color: #006600;">initialize</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
&nbsp;
			<span style="color: #b1b100;">return</span> _instance;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> initialize<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #808080; font-style: italic;">// initialisation de la classe Bridge</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #808080; font-style: italic;">// création des différentes fonctions public</span>
		<span style="color: #808080; font-style: italic;">// dont on se sert pour communiquer entre plusieurs objets</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> SingleTon<span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Pour réaliser cela, j&#8217;ai créé une classe <a title="Wikipédia - Explication du SingleTon" href="http://fr.wikipedia.org/wiki/Singleton_%28patron_de_conception%29" target="_self">SingleTon</a> pour créer un pont entre tout ces modules. Réaliser une classe SingleTon permet d&#8217;avoir une seule et unique instance de cette dernière ce qui permet de communiquer entre chaque modules sans erreurs.</p>
<p><strong>Site internet :</strong> <a title="Juste pour rire" href="http://www.hahaha.com/" target="_blank">http://www.hahaha.com/</a><br />
<strong>Réalisation technique : </strong>Turbulent Média Inc.<strong><br />
Conception graphique :</strong> Mecano Montréal</p>
]]></content:encoded>
			<wfw:commentRss>http://book.jb-interactive.com/projets-boulot/juste-pour-rire/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Sound Spectrum</title>
		<link>http://book.jb-interactive.com/experimentation/sound-spectrum/</link>
		<comments>http://book.jb-interactive.com/experimentation/sound-spectrum/#comments</comments>
		<pubDate>Sun, 30 Mar 2008 20:36:38 +0000</pubDate>
		<dc:creator>jacky</dc:creator>
		
		<category><![CDATA[Expérimentation]]></category>

		<category><![CDATA[AS3]]></category>

		<category><![CDATA[Flash]]></category>

		<category><![CDATA[Flex]]></category>

		<category><![CDATA[Sound Spectrum]]></category>

		<guid isPermaLink="false">http://book.jb-interactive.com/experimentation/sound-spectrum/</guid>
		<description><![CDATA[C&#8217;est en ce beau dimanche que je vous propose mon premier Sound Spectrum en actionScript 3.
Sur la musique de Boys Noize - Let&#8217;s Buy Happiness, j&#8217;ai créé 4 effets visuels différents.
J&#8217;ai une petite préférence pour les cercles multicolores  
Je vous laisse admirer le travail.



var so_ss = new SWFObject("http://book.jb-interactive.com/experimentation/soundspectrum/BlogSoundSpectrum.swf", "SoundSpectrum", "500", "500", "9");
so_ss.addParam("quality", "high");
so_ss.write("sound_spectrum");

Voir le [...]]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est en ce beau dimanche que je vous propose mon premier Sound Spectrum en actionScript 3.<br />
Sur la musique de Boys Noize - Let&#8217;s Buy Happiness, j&#8217;ai créé 4 effets visuels différents.<br />
J&#8217;ai une petite préférence pour les cercles multicolores <img src='http://book.jb-interactive.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Je vous laisse admirer le travail.</p>
<div id="sound_spectrum"></div>
<p><script src="http://book.jb-interactive.com/js/swfobject.js"></script><br />
<script type="text/javascript">
var so_ss = new SWFObject("http://book.jb-interactive.com/experimentation/soundspectrum/BlogSoundSpectrum.swf", "SoundSpectrum", "500", "500", "9");
so_ss.addParam("quality", "high");
so_ss.write("sound_spectrum");
</script></p>
<p><a title="Source du SoundSpectrum" href="http://book.jb-interactive.com/experimentation/soundspectrum/srcview/" target="_blank">Voir le code source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://book.jb-interactive.com/experimentation/sound-spectrum/feed/</wfw:commentRss>
		</item>
		<item>
		<title>&#8230;mais deux c&#8217;est mieux</title>
		<link>http://book.jb-interactive.com/projets-boulot/mais-deux-cest-mieux/</link>
		<comments>http://book.jb-interactive.com/projets-boulot/mais-deux-cest-mieux/#comments</comments>
		<pubDate>Sat, 29 Mar 2008 01:26:00 +0000</pubDate>
		<dc:creator>jacky</dc:creator>
		
		<category><![CDATA[Projets au boulot]]></category>

		<category><![CDATA[AS3]]></category>

		<category><![CDATA[deux c'est mieux]]></category>

		<category><![CDATA[Flex]]></category>

		<category><![CDATA[MXML]]></category>

		<guid isPermaLink="false">http://book.jb-interactive.com/projets-boulot/mais-deux-cest-mieux/</guid>
		<description><![CDATA[
Mi-janvier dernier, on a sorti en une dizaine de jour un gros projet AS3 pour la nouvelle version du site internet &#8220;un verre de lait c&#8217;est bien, mais deux c&#8217;est mieux&#8221;. Un concours basé sur des bouteilles de lait qui contiennent des messages texte, photo, audio ou vidéo que les visiteurs jettent à la mer [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://book.jb-interactive.com/img/lait2008.jpg" alt="www.deuxcestmieux.com" border="0" height="306" hspace="0" vspace="0" width="500" /></p>
<p>Mi-janvier dernier, on a sorti en une dizaine de jour un gros projet AS3 pour la nouvelle version du site internet &#8220;un verre de lait c&#8217;est bien, mais deux c&#8217;est mieux&#8221;. Un concours basé sur des bouteilles de lait qui contiennent des messages texte, photo, audio ou vidéo que les visiteurs jettent à la mer auxquels on peut répondre quand on en reçoit une dans sa boîte courriel.</p>
<p>Ce site a été mon premier gros projet entièrement codé en ActionScript 3 sous <a href="http://www.adobe.com/products/flex/" title="Information sur Adobe Flex Builder 3" target="_blank">Adobe Flex Builder 3</a>, un joli défi <img src='http://book.jb-interactive.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> Cela m&#8217;a permis de bien switcher du langage AS2 à AS3 et d&#8217;utiliser un logiciel qui simplifie la réalisation de site internet AS3 grâce à la structure de fichiers mxml.</p>
<p><strong>Site internet :</strong> <a href="http://www.deuxcestmieux.com/" title="Un verre de lait c'est bien, mais deux c'est mieux." target="_blank">http://www.deuxcestmieux.com/</a><br />
<strong>Réalisation technique : </strong>Turbulent Média Inc.<strong><br />
Conception graphique :</strong> BBDO Montréal</p>
]]></content:encoded>
			<wfw:commentRss>http://book.jb-interactive.com/projets-boulot/mais-deux-cest-mieux/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Bienvenue sur mon blog</title>
		<link>http://book.jb-interactive.com/maj-blog/bienvenue-sur-mon-blog/</link>
		<comments>http://book.jb-interactive.com/maj-blog/bienvenue-sur-mon-blog/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 15:00:18 +0000</pubDate>
		<dc:creator>jacky</dc:creator>
		
		<category><![CDATA[MAJ du blog]]></category>

		<guid isPermaLink="false">http://book.jb-interactive.com/?p=1</guid>
		<description><![CDATA[Depuis un bon moment, je voulais réaliser un portfolio sur les projets et les expérimentations que je réalise au quotidien mais un problème se posait. Quel concept réaliser ? Quel graphisme faire ? Quel technologie utiliser ?
Pour être efficace et surtout visible, le choix s&#8217;est très vite tourné vers un blog propulsé par WordPress en [...]]]></description>
			<content:encoded><![CDATA[<p>Depuis un bon moment, je voulais réaliser un portfolio sur les projets et les expérimentations que je réalise au quotidien mais un problème se posait. Quel concept réaliser ? Quel graphisme faire ? Quel technologie utiliser ?</p>
<p>Pour être efficace et surtout visible, le choix s&#8217;est très vite tourné vers un blog propulsé par WordPress en utilisant un thème gratuit&#8230; Vu que je ne suis pas graphiste <img src='http://book.jb-interactive.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Aujourd&#8217;hui, j&#8217;ouvre donc mon blog, qui aura pour but d&#8217;être mon portfolio, mon book ou mon image puisque j&#8217;y parlerai des projets sur lesquels je travaille chez <a href="http://www.turbulent.ca" title="Turbulent - Montréal" target="_blank">Turbulent Média Inc.</a> et ailleurs ainsi que mes expérimentations.</p>
<p>Je vous souhaite à tous un très bon week-end de Pâques.</p>
]]></content:encoded>
			<wfw:commentRss>http://book.jb-interactive.com/maj-blog/bienvenue-sur-mon-blog/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
