<?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>z720.net &#187; Summer Refresh</title>
	<atom:link href="http://z720.net/blog/categories/web/design/summer-refresh/feed" rel="self" type="application/rss+xml" />
	<link>http://z720.net</link>
	<description>Web / Inspiration / Photos</description>
	<lastBuildDate>Sun, 30 Oct 2011 17:02:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Summer Refresh &#8211; Etape 2 &#8211; Description des pages</title>
		<link>http://z720.net/blog/archives/2005/12/12/summer-refresh-etape-2-description-des-pages</link>
		<comments>http://z720.net/blog/archives/2005/12/12/summer-refresh-etape-2-description-des-pages#comments</comments>
		<pubDate>Mon, 12 Dec 2005 16:30:55 +0000</pubDate>
		<dc:creator>Seb</dc:creator>
				<category><![CDATA[DÃ©veloppement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Summer Refresh]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://v05.z720.net/blog/archives/2005/11/25/summer-refresh-etape-2-description-des-pages</guid>
		<description><![CDATA[Pour clarifier les besoins, ainsi que pour mettre une prioritÃ© Ã  chacun d&#8217;eux. Il est intÃ©ressant de faire l&#8217;exercice du diagramme de description des pages. Voici le rÃ©sultat de ce petit Brainstorming personnel : Version PDF : Diagramme de description &#8230; <a href="http://z720.net/blog/archives/2005/12/12/summer-refresh-etape-2-description-des-pages">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Pour clarifier les besoins, ainsi que pour mettre une prioritÃ© Ã  chacun d&#8217;eux. Il est intÃ©ressant de faire l&#8217;exercice du diagramme de description des pages. Voici le rÃ©sultat de ce petit Brainstorming personnel : </p>
<p><span id="more-138"></span></p>
<p><a href="http://v05.z720.net/blog/images/SR2005PDD.png" title="diagramme de description des pages (100%)"><img src="http://v05.z720.net/blog/images/SR2005PDD.png" alt="Diagramme de description des pages" width="450"/></a><br />
<a href="http://v05.z720.net/blog/images/SummerRefreshEtape2PDD.pdf">Version PDF : Diagramme de description des pages</a></p>
<p>Comment faire ? Il suffit de lister les Ã©lÃ©ments que vous voulez voir apparaitre sur votre site. Ensuite, il faut tracer un axe horizontal de prioritÃ© et placer les Ã©lÃ©ments en fonction des autres de gauche Ã  droite. C&#8217;est de Ã  dire du plus important au moins important.</p>
<p>C&#8217;est principalement pour la page d&#8217;accueil, mais une grande partie des Ã©lÃ©ments vont se retrouver sur les autres pages. Principalement les Ã©lÃ©ments importants, qui devraient Ãªtre prÃ©sents sur quasiment toutes les pages du fait de leur importance.</p>
<p>A noter que les &laquo;&nbsp;pages&nbsp;&raquo; suivantes devront Ãªtre disponibles :</p>
<ul>
<li>Accueil
<dl>
<dt>Objectif</dt>
<dd>PrÃ©senter l&#8217;activiter du site, les derniers Ã©lÃ©ments rÃ©cents</dd>
</dl>
</li>
<li>Archives des articles que ce soit par mois, annÃ©e ou catÃ©gorie
<dl>
<dt>Objectif</dt>
<dd>PrÃ©senter les articles archivÃ©s en fonction d&#8217;une navigation chronologique ou thÃ©matique</dd>
</dl>
</li>
<li>Pages &laquo;&nbsp;statiques&nbsp;&raquo;
<dl>
<dt>Objectif</dt>
<dd>Afficher du contenu rÃ©current, c&#8217;est Ã  dire des pages de rÃ©fÃ©rences : portfolio, projet, prÃ©sentation&#8230;</dd>
</dl>
</li>
<li>Article
<dl>
<dt>Objectif</dt>
<dd>Afficher le contenu des articles publiÃ©s rÃ©guliÃ¨rement (les entrÃ©es du weblog)</dd>
</dl>
</li>
<li>RÃ©sultat de recherche
<dl>
<dt>Objectif</dt>
<dd>PrÃ©senter les articles correspondant aux mot-clÃ©s saisie par le visiteur, cette page est assez liÃ©e au concept des archives.</dd>
</dl>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://z720.net/blog/archives/2005/12/12/summer-refresh-etape-2-description-des-pages/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convertir la base MySQL de WordPress en UTF-8</title>
		<link>http://z720.net/blog/archives/2005/09/21/convertir-wordpress-en-utf-8</link>
		<comments>http://z720.net/blog/archives/2005/09/21/convertir-wordpress-en-utf-8#comments</comments>
		<pubDate>Wed, 21 Sep 2005 15:14:49 +0000</pubDate>
		<dc:creator>Seb</dc:creator>
				<category><![CDATA[DÃ©veloppement]]></category>
		<category><![CDATA[Summer Refresh]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://v05.z720.net/blog/archives/2005/09/18/convertir-wordpress-en-utf-8</guid>
		<description><![CDATA[Lors de la mise en place de WordPress sur ce site, j&#8217;avais dÃ©cidÃ© de ne pas passer le site en UTF-8. A ce moment lÃ , je passais de DotClear Ã  WordPress et mon DotClear Ã©tait en ISO-8859-1&#8230; Aujourd&#8217;hui dans le &#8230; <a href="http://z720.net/blog/archives/2005/09/21/convertir-wordpress-en-utf-8">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p> Lors de la mise en place de WordPress sur ce site, j&#8217;avais dÃ©cidÃ© de ne pas passer le site en UTF-8. A ce moment lÃ , je passais de  <a href="http://www.dotclear.net"> DotClear </a>  Ã   <a href="http://www.wordpress.org"> WordPress </a>  et mon DotClear Ã©tait en ISO-8859-1&#8230; </p>
<p> Aujourd&#8217;hui dans le cadre de mon &laquo;&nbsp;Summer Refresh&nbsp;&raquo;, j&#8217;en profite pour convertir ma base en UTF-8. </p>
<p> Le problÃ¨me c&#8217;est que ce n&#8217;est pas simple&#8230; Voici comment, je pense y arriver. </p>
<p> <span id="more-118"></span> </p>
<p> Une des difficultÃ©s de cette opÃ©ration, c&#8217;est qu&#8217;il faut la rÃ©aliser Ã  travers un navigateur web. En effet pour manipuler les informations de ma base, il faut que je passe par  <a href="http://www.phpmyadmin.net/home_page/"> phpMyAdmin </a> . </p>
<h3> Les Ã©tapes </h3>
<p> J&#8217;ai d&#8217;abord commencÃ© par faire une extraction du contenu de ma base (un dump) avec l&#8217;encodage latin1 (ISO-8859-1), je me suis bien Ã©videmment dit qu&#8217;il ne me restait plus qu&#8217;Ã© convertir le fichier et le rÃ©insÃ©rer dans MySQL. J&#8217;ai donc pris mon Ã©diteur de texte prÃ©fÃ©rÃ© et j&#8217;ai lancÃ© la conversion du fichier de ASCII vers UTF-8. AprÃ¨s insertion des nouvelles donnÃ©es, c&#8217;est malheureusement l&#8217;Ã©chec&#8230; </p>
<p>  AprÃ¨s un coup de google, je me rend compte que pour bien faire, il faudrait que je fasse un dump via mysqldump puis une conversion avec iconv et l&#8217;opÃ©ration inverse avec mysqldump. Mais il faut prendre en compte la contrainte du navigateur : pas de mysqldump. Et comme je suis sous Windows, je n&#8217;ai pas accÃ¨s Ã  iconv. </p>
<p> C&#8217;est lÃ© que php vient Ã  notre secours : il va nous permettre de faire une conversion vers UTF-8 via la fonction  <a href="http://fr.php.net/manual/fr/function.utf8-encode.php"> utf8_encode </a> . Mais encore une fois cela ne fonctionne pas correctement, phpMyAdmin refuse obstinÃ©ment d&#8217;intÃ©grer le fichier. Je trouve un commentaire dans la documentation php qui conseille de manipuler les fichiers en binaire avec cette astuce, je peux ensuite intÃ©grer mon contenu de WordPress avec un nouvel encodage via phpMyAdmin en prÃ©cisant que le fichier doit Ãªtre lu en binaire. </p>
<p> Voici le code utilisÃ© pour convertir le fichier en UTF-8, avec les entÃªtes et un format binaire.</p>
<pre>
 <code>
&lt;?php
// RÃ©cupÃ©ration du fichier Ã  convertir
$str = file_get_contents($_REQUEST['file']);
// Ouverture en binaire du fichier oÃ© l'on va Ã©crire
$fh = fopen($_REQUEST['file'].'_UTF','wb');
// Conversion puis Ã©criture dans le fichier
fwrite($fh, "\xEF\xBB\xBF".utf8_encode($str));
// Fermeture du fichier
fclose($fh);
?&gt;
 </code>
 </pre>
</p>
<p> Ce script doit bien entendu Ãªtre utilisÃ© en local, car il n&#8217;est pas du tout sÃ©curisÃ© : le fichier est passÃ© directement en paramÃ¨tre sans contrÃ´le&#8230; </p>
<h3> La manipulation finale </h3>
<ol>
<li> Dans phpMyAdmin, exporter de la base de donnÃ©es </li>
<li> Editer le contenu du fichier et  <strong> supprimer toutes les informations d&#8217;encodage au niveau des instructions de crÃ©ation de table (DEFAULT CHARSET&#8230;) </strong>  </li>
<li> Convertir le fichier avec le  <strong> script php </strong>  ci-dessus </li>
<li> CrÃ©er un nouvelle base avec un encodage par dÃ©faut de type UTF-8 </li>
<li> InsÃ©rer le fichier via phpMyAdmin dans la nouvelle base en utilisant le jeu de caractÃ¨re  <strong> binaire </strong>  </li>
<li>  <strong> Remplacer </strong>  l&#8217;ancienne base par la nouvelle </li>
<li> Ne pas oublier de convertir les fichiers de WordPress : les fichiers de thÃ¨me, le fichier de localisation, &#8230; </li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://z720.net/blog/archives/2005/09/21/convertir-wordpress-en-utf-8/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Summer Refresh &#8211;  PrÃ©-conclusion</title>
		<link>http://z720.net/blog/archives/2005/09/16/summer-refresh-pre-conclusion</link>
		<comments>http://z720.net/blog/archives/2005/09/16/summer-refresh-pre-conclusion#comments</comments>
		<pubDate>Fri, 16 Sep 2005 15:49:35 +0000</pubDate>
		<dc:creator>Seb</dc:creator>
				<category><![CDATA[DÃ©veloppement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Summer Refresh]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://v05.z720.net/blog/archives/2005/09/16/summer-refresh-pre-conclusion</guid>
		<description><![CDATA[Les rÃ©sultats du Summer Refresh 2005 ont Ã©tÃ© publiÃ©s. C&#8217;est hellgy qui a remportÃ© la premiÃ©re place. FÃ©licitations&#8230; Pour ma part vous avez pu remarquÃ© que j&#8217;avais brillÃ© par mon absence, effectivement en raison d&#8217;un autre projet, je n&#8217;ai pas &#8230; <a href="http://z720.net/blog/archives/2005/09/16/summer-refresh-pre-conclusion">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Les <a href="http://www.summer-refresh-05.com/resultats.php">rÃ©sultats du Summer Refresh 2005</a> ont Ã©tÃ© publiÃ©s. C&#8217;est <a href="http://weblog.redisdead.net">hellgy</a> qui a remportÃ© la <a href="http://weblog.redisdead.net/main/2005/09/14/1626-summer-refresh-2005">premiÃ©re place</a>. FÃ©licitations&#8230;</p>
<p>Pour ma part vous avez pu remarquÃ© que j&#8217;avais brillÃ© par mon absence, effectivement en raison d&#8217;un autre projet, je n&#8217;ai pas pu avancer suffisamment avec mes vacances pour m&#8217;inscrire. Je poursuit cependant &laquo;&nbsp;mon summer refresh&nbsp;&raquo; mais j&#8217;avance lentement&#8230;</p>
<p>En revanche, je peux dÃ©jÃ  annoncÃ© la naissance de 2 plugins pour <a href="http://www.wordpress.org">WordPress</a>. Ils ne sont pas encore tout Ã  fait prÃªt mais d&#8217;ici peu de temps, ils seront au point et totalement documentÃ©.</p>
<p><a href="http://v05.z720.net/blog/categories/web/design/summer-refresh/">A suivre</a></p>
<p>Tags : <a href="http://technorati.com/tag/sr2005" rel="tag">sr2005</a></p>
]]></content:encoded>
			<wfw:commentRss>http://z720.net/blog/archives/2005/09/16/summer-refresh-pre-conclusion/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Summer Refresh &#8211; Etape 1</title>
		<link>http://z720.net/blog/archives/2005/07/26/summer-refresh-etape-1</link>
		<comments>http://z720.net/blog/archives/2005/07/26/summer-refresh-etape-1#comments</comments>
		<pubDate>Tue, 26 Jul 2005 09:24:20 +0000</pubDate>
		<dc:creator>Seb</dc:creator>
				<category><![CDATA[DÃ©veloppement]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Summer Refresh]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://v05.z720.net/blog/archives/2005/06/23/summer-refresh-etape-1/index.php</guid>
		<description><![CDATA[PremiÃ©re Ã©tape : Quel est le besoin&#160;? Quelles fonctionnalitÃ©s&#160;? Comment &#171;&#160;afficher&#160;&#187; les informations&#160;? Ce n&#8217;est pas parce que l&#8217;on travaille pour soi-mÃªme qu&#8217;il ne faut pas Ãªtre rigoureux. C&#8217;est aussi pour cela que je m&#8217;astreint Ã  la rÃ©daction de ces &#8230; <a href="http://z720.net/blog/archives/2005/07/26/summer-refresh-etape-1">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>PremiÃ©re Ã©tape : Quel est le besoin&nbsp;? Quelles fonctionnalitÃ©s&nbsp;? Comment &laquo;&nbsp;afficher&nbsp;&raquo; les informations&nbsp;?<br />
<span id="more-96"></span>
</p>
<p>Ce n&#8217;est pas parce que l&#8217;on travaille pour soi-mÃªme qu&#8217;il ne faut pas Ãªtre rigoureux. C&#8217;est aussi pour cela que je m&#8217;astreint Ã  la rÃ©daction de ces billets.</p>
<h2>Feuille de route</h2>
<p>Histoire de bien poser les choses il faut penser Ã  toutes les taches Ã  rÃ©aliser et surtout dans quel ordre. En effet, il faut &laquo;&nbsp;essayer&nbsp;&raquo; de ne pas partir Ã  l&#8217;envers. Je dis Ã§a parce que souvent je commence Ã  penser Ã  l&#8217;aspect final avant de rÃ©flÃ©chir Ã  l&#8217;information Ã  prÃ©senter.</p>
<p>Pour moi, il faudrait suivre cette feuille de route :</p>
<ol>
<li>DÃ©termination des fonctionnlitÃ©s</li>
<li>Architecture de l&#8217;information</li>
<li>DÃ©termination de l&#8217;identitÃ©</li>
<li>Maquette</li>
<li>DÃ©veloppement</li>
<li>Mise en production</li>
</ol>
<p>
<a href="http://v05.z720.net/blog/images/Summer_Refresh_2005Etape1roadmapv01.png" title="Feuille de route design et conception">Illustration des diffÃ©rentes phases</a>
</p>
<h2>DÃ©termination des fonctionnalitÃ©s</h2>
<p>Liste en vrac des besoins&nbsp;:</p>
<ul>
<li>Naviguer dans les diffÃ©rents objets : pages, billets, archives, portfolio (classique)</li>
<li>Recherche parmi les archives (classique)</li>
<li>Naviguer dans le site avec le moins de clic possible</li>
<li>ParallÃ©le pages/billet : le weblog doit prendre une plus grand part du site</li>
</ul>
<p>&Eacute;videmment il faut pondÃ©rer cette liste en fonction de leur importance</p>
<p>Tag : <a href="http://technorati.com/tag/sr2005" rel="tag">sr2005</a></p>
]]></content:encoded>
			<wfw:commentRss>http://z720.net/blog/archives/2005/07/26/summer-refresh-etape-1/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Summer Refresh &#8211; PrÃ©lude</title>
		<link>http://z720.net/blog/archives/2005/06/21/summer-refresh-prelude</link>
		<comments>http://z720.net/blog/archives/2005/06/21/summer-refresh-prelude#comments</comments>
		<pubDate>Tue, 21 Jun 2005 07:24:56 +0000</pubDate>
		<dc:creator>Seb</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Summer Refresh]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://v05.z720.net/blog/archives/2005/06/20/summer-refresh-prelude/index.php</guid>
		<description><![CDATA[Pendant mes lectures journaliÃ¨res, je suis tombÃ© sur le billet de Maurice Svay Ã  propos des tendances de design. Il y avait une liste de liens trÃ¨s intÃ©ressants dans ce billet, je n epeux que vous conseiller d&#8217;aller les lire. &#8230; <a href="http://z720.net/blog/archives/2005/06/21/summer-refresh-prelude">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Pendant mes lectures journaliÃ¨res, je suis tombÃ© sur le billet de <a href="http://www.svay.com">Maurice Svay</a> Ã  propos <a href="http://www.svay.com/blog/index/2005/06/18/269-tendances">des tendances de design</a>.</p>
<p><span id="more-91"></span></p>
<p>Il y avait une liste de liens trÃ¨s intÃ©ressants dans ce billet, je n epeux que vous conseiller d&#8217;aller les lire.</p>
<p>Par contre, sous cet air anodin, son billet &laquo;&nbsp;cache&nbsp;&raquo; une vrai invitation Ã  la crÃ©ation : le <a href="http://www.summer-refresh-05.com">Summer Refresh 2005</a>.</p>
<p>Il s&#8217;agit d&#8217;un concours amical de webdesign. Le principe est assez simple&nbsp;: il faut faire un nouveau design ou une refonte de son site pour le 5 septembre 2005. Le nouveau design sera comparÃ© Ã  une caputre de l&#8217;ancienne version prise Ã  la fermeture des inscriptions le lundi 29 ao&ucirc;t.</p>
<p>Je pense que je vais participer Ã  ce petit concours, mais <strong>en plus</strong> je vais faire un petit suivi &laquo;&nbsp;live&nbsp;&raquo; des diffÃ©rentes Ã©tapes, directment sur ce weblog.</p>
]]></content:encoded>
			<wfw:commentRss>http://z720.net/blog/archives/2005/06/21/summer-refresh-prelude/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

