Simple IT : le blog

Aller au contenu | Aller au menu | Aller à la recherche

Tag - newwave

Fil des billets - Fil des commentaires

mardi 3 mars 2009

[Spoiler] Aperçu du futur design "New Wave"

Par Mathieu Nebra le mardi 3 mars 2009, 17h32 - Annonces

Le bug tracker a été mis à jour cet après-midi avec 2 maquettes du projet New Wave. Vous pouvez les trouver à l'adresse suivante : http://bugs.siteduzero.com/versions/show/2

A cette adresse vous pouvez voir l'avancement du projet New Wave en temps réel, ainsi que le nombre de bugs et améliorations qui restent à effectuer avant la mise en ligne au public du projet. Cette mise en ligne est d'ailleurs prévue pour le 20 mars comme indiqué (sauf les retards, mais on va éviter :o).

Attention : il s'agit uniquement de maquettes. Le travail de développement XHTML / CSS de ces maquettes est en cours et n'est pas terminé (mais il est assez bien avancé). Notez que ces maquettes ne sont pas définitives, il y aura quelques changements dans la version finale que tout le monde pourra consulter. En particulier, le logo n'est pas du tout définitif (nous travaillons dessus) et certaines icônes (comme celles du menu) non plus. Dans l'ensemble vous avez néanmoins l'idée générale de ce que sera New Wave.

Les forums avec New Wave, version déconnecté :

Les forums avec New Wave, version connecté (pour les membres) :

Quelques infos en vrac (un peu comme la rubrique Trivia d'imdb.com ;o) :

  • Vous n'avez que les maquettes des forums pour avoir une idée du design global. Nous gardons pour nous les maquettes de l'accueil qui change d'ailleurs beaucoup. Allez quoi, vous saurez bien patienter encore un peu. ;o)
  • A l'origine, nous souhaitions faire un Bluzaz 3, c'est-à-dire un rafraîchissement du design par défaut actuel. Nous avions d'ailleurs proposé aux membres de brainstormer à ce sujet sur le forum graphisme, mais il nous est apparu évident que nous n'allions pas dans la bonne direction. Finalement, le projet Bluzaz 3 a été abandonné, et c'est de ses cendres qu'est né "New Wave", un projet plus ambitieux qui ne se contente pas de changer l'aspect graphique mais qui revoit aussi la disposition de l'ensemble des liens pour améliorer l'ergonomie du site.
  • Le projet New Wave trouve son origine en octobre 2008 mais ne démarrera réellement qu'à partir de décembre / janvier suite à quelques petits calages au démarrage.
  • C'est à Cam (ex-newser devenu développeur) que l'on doit la plupart du travail de ce design.
  • L'équipe du site ainsi qu'une équipe de designers ont également beaucoup participé à la critique du design au fur et à mesure de son évolution.
  • Le tout premier jet de Cam était TRES loin de ressembler à ce que vous voyez actuellement. En fait, il est resté longtemps abandonné jusqu'à ce que quelqu'un fasse remonter le sujet et me motive à demander à Cam d'effectuer la première d'une (longue) série de modifications.
  • Les maquettes du design New Wave ont été modifiées un très grand nombre de fois (plusieurs centaines probablement). Jamais auparavant nous n'avions autant brainstormé sur l'apparence et l'ergonomie du Site du Zéro. Chaque lien a été repensé, analysé, pesé, afin de déterminer son utilité et sa position adaptée.
  • En fait, le design du Site du Zéro n'avait pas autant changé depuis le passage de la v1 à la v2. C'est dire si nous avons mis du temps à remettre en question notre organisation et certains éléments discutables (comme le message aléatoire du livre d'or...).
  • New Wave conserve autant que possible l'accessibilité de Bluzaz 3, mais apporte un certain nombre d'améliorations que nous avions rechigné à mettre en place à l'époque du lancement de la v3 (comme le menu déroulant "Mon compte").
  • New Wave fait appel à la bibliothèque jQuery pour avoir une surcouche potable au Javascript de base. Cela facilite grandement nos développements.
  • Le code XHTML ayant grandement évolué, les anciens designs ne seront plus compatibles. Tous les visiteurs seront basculés vers New Wave lors de sa sortie.
  • Il sera toujours possible de réaliser des designs externes personnalisés et nous vous en donnerons les moyens. En revanche, nous ne souhaitons officiellement plus gérer qu'un seul design (New Wave) car cela demande trop de travail sinon. Nous avons fait les frais de la gestion de 20 designs simultanés et ne souhaitons plus recommencer ^^
  • L'onglet "Bientôt..." que vous voyez tout en haut à droite fait référence à un futur "sous-site" du SdZ, ayant trait à un autre domaine que l'informatique. Votre compte membre fonctionnera toujours mais ce sous-site aura ses propres forums, ses propres news, ses propres tutoriels. Plus d'informations à ce sujet... bientôt :p
  • La publicité fait son retour au format bannière (comme sur la v2). A ceci plusieurs raisons : le format skyscraper, très peu visible, a très peu d'efficacité (contrairement au pavé par exemple). Mais paradoxalement, on a réellement besoin de l'argent de la publicité. On préfèrerait qu'il n'y en ait pas, mais ça reste un pilier très important des revenus de l'entreprise dont on ne peut se passer. D'autre part, les annonceurs sont plus nombreux sur le format plus classique de la bannière, ce qui nous permettra d'en trouver plus facilement. A noter que ce n'est pas définitif, c'est un test, mais il est important pour nous de le faire.
  • New Wave doit marquer l'arrivée de la section "Articles" demandée par plusieurs membres depuis un moment. On considère désormais que la catégorie "Cours" est séparé en 2 sous-catégories "Articles" et "Tutoriels". Plus de détails prochainement.
  • Le design ne sera en fait pas totalement fini lorsqu'il sera présenté au public. Un certain nombre d'améliorations concernant l'ergonomie continueront à être effectuées lors de futures itérations (New Wave 1.1, etc). Nous projetons notamment de mettre en place une navigation bien plus agréable entre les catégories de cours.
  • L'icône des MP est la toute toute dernière modification effectuée sur la maquette. C'est une (bonne) idée de dernière minute de Sh4rk.
  • Sur New Wave, chaque couleur a été étudiée et a du sens. La couleur orange par exemple apparaît au survol des éléments (liens / speedbarre...).
  • La boîte en haut à droite où apparaît votre avatar est appelée la "logbox" entre les développeurs.
  • New Wave devrait diminuer grandement le nombre de fichiers CSS et d'images à charger sur chaque page. Une optimisation du cache sera notamment effectuée côté client pour éviter que vous ayez à effectuer trop de requêtes HTTP à chaque fois. Cela devrait diminuer notre usage de la bande passante.
  • Euh... on va arrêter là ^^

On y retourne, y'a du boulot ! ;o)

68 commentaires

mardi 17 février 2009

Drôle de mois de février

Par Mathieu Nebra le mardi 17 février 2009, 15h54 - Vie courante

TP - Entretiens - TP - Entretiens - TP... Décidemment, ce mois de février est un peu particulier à bien des égards.

Tout d'abord, je n'ai pas pu prendre le temps de mettre à jour le blog. Je n'avais rien de fondamental à dire ceci étant, mais cela ne veut pas dire que j'aie chômé pour autant.

En fait, mon mois de février aura été occupé par 2 principales activités :

  • Donner des cours à l'EFREI, où j'anime des TP de C, SDD, PHP et C++. Je l'avais déjà annoncé je crois. J'ai bientôt terminé (normalement ma dernière journée est demain). J'aurai sûrement l'occasion de faire un point plus complet dans un moment, mais ce qui est certain c'est que cela m'aura permis de rencontrer des étudiants, potentiels visiteurs du Site du Zéro, et ainsi mieux cerner leurs questions et leurs problèmes. Et puis, quoiqu'on en dise, ça permet aussi de casser la monotonie de la solitude au bureau.
  • Faire passer des entretiens de stage au bureau, pour l'offre de stage qu'on a publiée ici même, mais aussi directement dans des IUT, Fac, sur le net, etc. Je n'ai pas fini, j'enchaîne d'ailleurs aujourd'hui pas moins de 5 entretiens, et j'écris ce billet rapidement entre deux entretiens. ;o) Il y aurait de quoi dire là aussi, mais j'y reviendrai plus tard.

En somme, les cours que je donne à l'EFREI se terminent et cette fin devrait coïncider avec l'arrivée du ou des stagiaires au bureau. Ca tombe bien. Ca m'évite de me retrouver tout seul trop longtemps, car mine de rien ça peut devenir pesant. ;o)

Que dire d'autre ? Eh bien que rien que ces deux choses-là me prennent l'essentiel de mon temps ce mois-ci (si l'on exclue la petite pause au ski la dernière semaine que je me réserve :p ).

En tâche de fond, j'ai mis en place Redmine comme annoncé et je continue à suivre l'évolution du projet New Wave (que vous pouvez suivre sur le bug tracker justement). Je suis vraiment satisfait de la tournure que prend ce projet. Nous avons mis du temps à démarrer, à avoir l'étincelle de départ, mais depuis janvier c'est un peu la folie : Cam (qui s'occupe de l'essentiel du design, merci à lui !) a dû faire pas moins de euh... je sais pas, 250-300 révisions sur sa maquette avant qu'on arrive à quelque chose qui nous satisfasse tous globalement.

Le développement XHTML / CSS de New Wave a commencé, et là encore ça part bien. J'ai d'ailleurs réussi à faire quelque chose que je croyais impossible : post-charger la publicité, pour éviter que son chargement ne ralentisse le chargement du reste de la page (c'est particulièrement visible lorsque, cas rare, Google Adsense timeout). Merci à celui qui m'a mis sur la voie de la solution, qui était loin d'être aussi évidente que ça en a l'air (en particulier, on ne peut pas charger Adsense en AJAX). On gagne de précieux dixièmes de secondes grâce à ça, ce qui donne l'impression d'un site web qui se charge plus vite. :)

Je vous reparlerai de tout ça plus en détails, en attendant faut que je vous laisse, un autre entretien m'attend ! :D

22 commentaires

dimanche 11 janvier 2009

Simple IT prépare son année 2009

Par Mathieu Nebra le dimanche 11 janvier 2009, 11h56 - Evènements

Jeudi et vendredi, Pierre est monté sur Paris pour me rejoindre au bureau de Bourg-la-Reine. L'objectif de ce passage éclair était que l'on se voie pour discuter en face à face avant qu'il n'attaque son dernier semestre d'études à l'INSA (à Lyon).

Discuter, mais de quoi ? On a préparé chacun avant de se voir une liste de sujets relatifs à la boîte et au site qu'on voulait aborder.

On pourrait classer ces réflexions dans 2 catégories :

  • Celles qui font le bilan de l'année 2008, réussites et échecs
  • Celles qui préparent l'année 2009, nos objectifs et ambitions

Nous avons abordé des sujets très divers dont je ne peux pas vous dévoiler la teneur exacte (du moins, pas de tout) mais qui ont eu le mérite de rappeler que nous étions ouverts à toutes les pistes de réflexions sur l'évolution du site, et que notre objectif était toujours de faire au mieux afin d'améliorer l'expérience des visiteurs du Site du Zéro.

On a parlé de nos méthodes de développement et sommes bien d'accord que le SdZ n'a toujours pas la "force de développement" qu'il mérite. Cela doit changer. Plusieurs pistes ont été explorées : du recrutement de nouveaux stagiaires à l'embauche, en passant par l'ouverture possible du code source (qui n'a pas été retenue pour le moment pour des raisons de gestion). Nous avons convenu dans un premier temps de mieux gérer le suivi des bugs et de communiquer de manière plus transparente sur l'évolution des fonctionnalités du site. Nous projetons d'utiliser un outil de bug tracking sous peu.

Nous avons dû faire le point aussi sur quelques sujets plus ennuyeux, mais nécessaires, comme le choix d'une mutuelle complémentaire, la signature des assemblées générales, l'analyse de la répartition des charges sociales (pas toujours très cohérent). D'ailleurs à ce sujet, il semblerait que personne ne sache réellement comment cela fonctionne. Pas même la personne contactée au téléphone qui est censée savoir, ni sa supérieure. Pierre et moi sommes payés exactement pareil, et pourtant lui doit payer plus de charges sociales que moi à situation identique. Allez comprendre.

Enfin bon, ceci mis à part, nous avons longuement parlé et débattu de 2 sujets importants pour le SdZ en 2009, 2 sujets que je souhaite aborder avec vous ici (et que l'on annoncera directement sur le Site du Zéro un peu plus tard) :

  • Le projet de refonte de la charte graphique du site (projet "New wave")
  • Le projet de livres basés sur les cours du Site du Zéro

New wave : le nouveau Site du Zéro

Non, il ne s'agit pas d'une v4 du site, bien qu'à mon avis beaucoup de gens l'appelleront comme ça au final. En effet, ce projet consiste à refondre entièrement (ou presque) la partie visible par les visiteurs du Site du Zéro : le design. Plus que le design en fait, c'est toute l'ergonomie qui va être repensée.

En effet, depuis le lancement de la v3, le site a évolué, de nouvelles sections sont apparues, nos habitudes ont changé. Les tutoriels des membres se sont multipliés, les membres aussi d'ailleurs, nous avons mis en place des animations (concours, évènements, sondages) et une section que nous souhaitons améliorer encore et porter plus en avant : l'aide à l'orientation (aka "Vos études").

Je dis qu'on ne peut pas réellement considérer qu'il s'agisse d'un tout nouveau Site du Zéro car, derrière, le code lui ne sera pas repris à zéro. Oh, il va bien devoir changer un peu pour s'adapter, mais globalement on ne refait pas tout ce qui est PHP. On refait surtout la surface.

L'ergonomie

Le but est de rafraîchir le design mais aussi l'ergonomie. Nous voulons que l'accès à toutes les sections que nous considérons importantes soit plus clair, plus logique, en particulier notamment pour les nouveaux visiteurs. Nous voulons que du premier coup d'oeil les gens sachent tout ce que le Site du Zéro est en mesure de leur proposer. Des tutoriels oui, mais pas seulement.

Paint

C'est pourquoi nous avons beaucoup brainstormé avec Pierre et nous nous sommes posés une question qui n'a rien d'évident : qu'est-ce que le Site du Zéro aujourd'hui ? Plus difficile encore, nous devions aussi prévoir ce que serait le Site du Zéro de demain. Nous avons donc regroupé les sections du Site du Zéro par thèmes et idées concordantes. Notre travail n'est pas totalement terminé ni définitif, mais nous avons bien avancé sur le sujet et nous sommes contents.

Pour être cohérent, il va donc falloir aussi réorganiser les menus et la position des éléments du design dans leur ensemble. Nous estimons par exemple que le "message aléatoire du livre d'or" n'a plus sa place, un côté trop amateur en quelque sorte, et en ce qui nous concerne nous ne pouvons plus le voir. Il a fait son temps.

De même, la liste des anniversaires, des derniers connectés ou encore des membres que l'on ignore sur le site ont trop de visibilité. Nous voulons adapter l'importance de chaque section et la visibilité du lien qui vous y amène.

Le code

Actuellement, quand un visiteur arrive sur le site, il effectue un trop grand nombre de requêtes http sur le serveur. Cela est dû à la présence des images bien entendu, mais aussi aux multiples fichiers CSS et JS. Plutôt que de travailler selon le principe "un fichier CSS par section du site", nous allons travailler sur un CSS global, certes un peu plus gros, mais qui présentera des classes utilisables sur l'ensemble du site. Cela augmentera de fait la cohérence du site dans son ensemble, car on pourra insérer le même "type d'élément" n'importe où sur le site.

D'autre part, nous optimiserons la mise en cache côté client pour éviter que les ordinateurs nous réclament constamment les mêmes fichiers alors qu'ils n'ont pas changé. Nous devons adapter nos méthodes de travail en conséquence, mais cela permettrait de réduire de façon non négligeable la quantité de requêtes, et cela nous ferait économiser de la bande passante (le trafic augmentant, notre bande passante a considérablement augmenté ces dernières années).

Le design

D'autre part, nous souhaitons affiner le design du site. Cela fait un moment que nous trouvons bluzaz (le design du début de la v3 à peu de choses près) un peu trop fade. Les nombreux membres qui ont changé de design ont en général opté pour quelque chose de plus coloré mais aussi de plus net.

Si le nouveau design ne vous plaît pas (et il y aura des gens qui ne manqueront pas de nous le faire remarquer dans tous les cas :D ), pas de panique, vous pourrez toujours opter pour un design externe. Cependant, nous basculerons par défaut tout le monde vers ce nouveau design car la structure du code XHTML du site va changer. Si on vous laissait tous avec votre propre design, vous auriez immanquablement des bugs lors du passage à la version "new wave" du SdZ.

Nous ne gèrerons en revanche plus de multiples designs nous-mêmes : nous sommes incapables de le gérer, c'est trop de travail et nous préférons nous concentrer sur le reste du code du site. Nous ferons donc confiance à la communauté pour s'organiser vis à vis des designs externes et nous lui en fournirons les moyens (le forum des designs du site sera toujours ouvert).

Nous avons déjà commencé à plancher sur le design en interne. Nous présenterons nos travaux sur le forum graphisme à tous les visiteurs, plus probablement en février. De là, nous recueillerons des commentaires et adapterons le design en fonction des bonnes idées de chacun, car nous sommes sûrs qu'il y aura des remarques pertinentes.

Il faudra ensuite reprendre l'ensemble des templates (dans une certaine mesure) pour effectuer les changements nécessaires sur le site. Le tout sera répercuté sur le Site du Zéro après une période de bêta-test.

Le livre du Site du Zéro

Livre

L'autre projet majeur, vous en avez peut-être eu vent avec un sondage passé, c'est notre projet de sortir un livre Site du Zéro. Attention, oubliez le livre "Réussir son site web avec XHTML et CSS" que j'ai écrit : ça n'a rien à voir. Il s'agissait d'un projet personnel (qui n'implique aucunement Simple IT) et qui a consisté pour moi en une fastidieuse (mais parfois intéressante) réécriture du tutoriel XHTML / CSS du SdZ. Le livre a été édité par Eyrolles, qui garde le contrôle de ce qui est publié. Une des plus grandes frustrations pour moi est de ne pas avoir eu toute la liberté que je souhaitais dans la rédaction. J'ai appris des choses, mais j'ai un goût d'inachevé, de "pas tout à fait de moi".

Si je suis heureux d'avoir mené ce livre à bien, je ne suis pas prêt à donner à nouveau le même temps de travail pour réécrire ce que j'ai pris tant de temps à écrire sur le SdZ. J'estime que dans l'ensemble, tous les tutoriels que j'ai écrits ont été suffisamment lus, relus et corrigés, et qu'ils sont tout à fait prêts à être publiés dans un format papier (à quelques adaptations près bien sûr)... à l'exception du tutoriel PHP, vieillissant, que je souhaite remettre à jour ou réécrire dans quelques temps, mais pas aujourd'hui (je n'en aurai pas le temps).

L'idée

L'idée donc, c'est de proposer les tutoriels du SdZ au format livre, édité par Simple IT. Ca change beaucoup de choses, car nous pouvons alors décider ce que nous publions, comment nous le publions, et nous pouvons nous permettre de créer une forte interaction entre le livre et le site du zéro (ce que je n'avais pas pu faire sur le livre paru chez Eyrolles).

Nous projetons de commencer par le tutoriel de C. Nous aurions bien commencé par PHP, sensiblement plus plébiscité, mais nous ne souhaitons pas le publier en l'état (il nécessiterait d'être pas mal retapé et complété). Toutefois, nous ne nous arrêterons pas au C : si le livre marche, l'objectif à terme est de créer toute une collection de livres "Site du Zéro". Et il y a de quoi faire.

Rencontre avec un imprimeur

Nous avons eu l'occasion vendredi de rencontrer un imprimeur qui est venu nous rendre visite à nos bureaux.

A ce sujet, j'ai une anecdote pas mal : il fait super froid ici à Paris et nous avons dû mettre le chauffage au bureau pour ne pas mourir transis ; toutefois, bien que nous ne les ayons pas mis fort ni tous activés, nous avons rapidement atteint la limite de puissance (ridiculement basse, j'ai appelé EDF pour faire régler ça sous peu), et donc bah les plombs ont sauté 5 min avant l'arrivée de notre invité. Le problème, c'est que le disjoncteur est trop mal placé : au sous-sol, avec un accès par clé que nous n'avons pas et qu'il faut demander. Donc pas le temps de rétablir le courant. Heureusement ça ne s'est pas vu quand notre interlocuteur est arrivé, mais j'ai eu un petit moment de panique lorsque Pierre lui a gentiment demandé s'il voulait du café. J'ai fait de grands signes discrets pour lui dire que c'était pas une bonne idée vu qu'on n'avait plus de courant, mais fort heureusement le monsieur ne buvait pas de café. Ouf ! ^^

Mais revenons au sujet. Nous avons pu discuter du projet du livre dans les détails, en parlant notamment du façonnage du livre (dos carré collé ou cousu ?), de la qualité du papier (80g offset blanc ou 70g ?), de la couverture (mat ou brillant ?), de la taille du livre en passant par les marges idéales pour faciliter la lecture.

Les choses se présentent bien pour le moment. Nous avons discuté avec de nombreux imprimeurs intéressés par notre projet, mais tout cela se précise et nous savons de mieux en mieux ce que nous voulons.

Cela fait longtemps que l'on nous demande si on va publier un livre, et nous sommes excités à l'idée de le faire enfin. Plus tard, on se dira peut-être que c'était évident, qu'on aurait dû le faire bien avant. Mais qu'importe : le moment est bientôt venu. ;)

Nous sommes convaincus que proposer les cours du Site du Zéro au format papier, adaptés et correctement mis en forme, est un besoin de nombreux visiteurs. Pas tous, bien sûr : il y en a qui clameront haut et fort qu'une version web leur suffit amplement et qu'ils ne voient pas l'intérêt d'un équivalent papier. Mais quand on voit le nombre de personnes qui ont imprimé tout le tutoriel sur leur propre imprimante, plus ou moins bien relié à la main, on se dit qu'on doit pouvoir proposer quelque chose qui les intéressera. :)

54 commentaires