<?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>WebDesign &#38; WebConsulting</description>
	<lastBuildDate>Wed, 11 Nov 2009 08:36:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</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[Design]]></category>
		<category><![CDATA[Développement]]></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 des pages Comment faire ? Il suffit de lister les éléments que vous voulez voir [...]]]></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 cadre de mon &#171;&#160;Summer Refresh&#160;&#187;, j&#8217;en profite pour convertir ma base en UTF-8. Le problème [...]]]></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[Design]]></category>
		<category><![CDATA[Développement]]></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 pu avancer suffisamment avec mes vacances pour m&#8217;inscrire. Je poursuit cependant &#171;&#160;mon summer refresh&#160;&#187; mais [...]]]></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[Design]]></category>
		<category><![CDATA[Développement]]></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 billets. Feuille de route Histoire de bien poser les choses il faut penser à toutes [...]]]></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. Par contre, sous cet air anodin, son billet &#171;&#160;cache&#160;&#187; une vrai invitation à la création [...]]]></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>
