Je m'étais bien amusé à retracer l'avancement d'Icosien à travers le temps, aussi ai-je décidé de faire de même pour cette nouvelle version d'Omnilogie. Commencée voilà maintenant quelques mois, elle s'est étoffée semaine après semaine, lentement mais sûrement, pour finalement être révélée au grand public début septembre.
J'y ai inclus de nombreuses choses qui rendent la programmation plus simple (fichiers de logs, pattern MVC customisé, structure souple et puissante...), et Licoti l'a rendu plus belle et plus facile à utiliser. Encore une fois, un grand merci à ce petit génie de Photoshop :)

Parcours en image.

Drafts

Tout commence donc, comme souvent, par un constat : l'ancienne version n'est plus utilisable. On réfléchit à ce qu'on veut changer, on annonce qu'on va faire une nouvelle version, on brainstorme, on pense à ce qu'on souhaite ajouter, clarifier ou enlever, on écrit des documents de spécification qu'on complète et affine au fur et à mesure (et qu'on rend public à la fin pour le fun), et puis on passe à l'étape suivante : les grandes lignes graphiques. Et ça... c'est Licoti qui s'y colle. Des brouillons au premiers drafts, voici le cheminement.

Déjà pas mal ressemblant à la version finale, non ? Et pourtant, à ce point là, c'est tout du Photoshop : un seul gros fichier avec des calques partout que Licoti modifie en permanence, selon ses inspirations artistiques (c'est beau) ou nos considérations esthétiques (c'est moche). Oui, c'est plutôt subjectif. Comme vous le voyez, certains menus ne sont pas présents dans la version finale, et des points de détails ont été modifiés pour mieux s'intégrer.

Implémentation

Muni de ces précieux documents et rempli de vigueur, me voilà sur le chemin du codage. On commence par poser les bases : de nombreuses classes utilitaires au fonction précieuse. C'est un moment paradoxal : au rendu, il n'y a strictement rien, mais derrière c'est toutes les fondations et les outils qui apparaissent afin de bâtir plus rapidement par la suite.

Dans le même temps, on commence à se poser des questions sur le positionnement des éléments. Ça, ça vient là ? Ou là ? À moins qu'ici ce soit mieux ?

Vous remarquerez d'ailleurs si vous êtes membre que la layout final est encore différent ! Cent fois sur le métier...

Et c'est parti

Arrive enfin la période la plus longue : l'implémentation des différentes pages. Fonction après fonction, les éléments s'ajoutent : d'abord la page, puis son contenu, puis les actions possibles (enregistrement de formulaire)... et on passe à la suite. Une image valant des centaines de mots, je préfère vous donner juste les captures (certaines sont sous Windows, mon nouveau PC ayant boycotté Linux pendant quelque temps. Shame on me).
Encore une fois, vous apprécierez l'avancement progressif des menus autour et du design global qui mue et s'affine.

Et dans le même temps, le désormais professionnel Licoti ajoute des bannières. Pour tous les articles. J'imagine le chemin de croix... mais il l'a surmonté avec brio, qu'il en soit à nouveau remercié !