Ma Titine

Et voilà, la boucle est bouclée, le premier billet sur ce blog datait du 16 mars 2007, un an plus tard jour pour jour nous sommes enfin prêts à lancer le site en beta privée. Il y a eu beaucoup de boulot depuis la version alpha d’octobre dernier, je pense même qu’on peut dire qu’aucune ligne de code n’a été épargnée: le design a été intégralement repris en CSS, l’ergonomie a été largement améliorée, les différentes fonctions ont été affinées, tout a été revu de fond en comble en essayant d’intégrer les remarques des alpha-testeurs. 635 révisions plus tard, on peut dire qu’on a enfin atteint l’objectif qu’on s’était fixé: un site beau et agréable à utiliser dont on puisse être fier. Mais le plus dur reste à faire: le rendre populaire, c’est une nouvelle étape qui commence, un plongeon vers l’inconnu, une phase beaucoup plus difficile à maîtriser car elle ne dépend plus totalement de nous. A coup sûr, elle va nous réserver son lot de surprises et d’enseignements!

En attendant, si vous voulez tester Ma Titine, n’hésitez pas à nous laisser un commentaire, on vous enverra une invitation.

On a toujours autant de mal à alimenter ce blog régulièrement! Il faut avouer que que la fin d’année comme toutes les fins d’années a été chargée: exams pour les deux jeunes (Julien et Kef), boulot et voyages professionnels pour le vieux (moi en l’occurrence). Résultat, ben notre titine est un peu restée bloquée dans les embouteillages. Mais voilà, l’année 2008 et son cortèges de bonnes résolutions sont là et parmi celles-ci, il y en a deux qui vous intéressent au plus haut point: on va tout faire pour sortir la version beta de Ma Titine avant fin février (c’est à dire à peu près un an après avoir imaginé l’idée) et on a décidé d’alimenter ce blog plus régulièrement.

Au chapitre des nouvelles:

• la version Alpha a reçu un bon écho de la part des utilisateurs et nous a permis de détecter pas mal de bugs
• après de longs débats agités dignes de l’Assemblée Nationale, on a décidé d’un presque-commun-accord de faire une version mobile et allégée du site
• le design a été entièrement repris en full-CSS pour rendre le code plus propre
• on passe toujours autant de temps à essayer d’assurer la compatibilité du design avec Internet Explorer 6. C’est quand même navrant de voir comme certains trucs marchent du premier coup sous Firefox et exigent des trésors de bidouille pour arriver à les faire fonctionner sous IE.
• on a découvert jQuery, une librairie Javascript vraiment complète et bien foutue, et on y a pioché 2 ou 3 effets sympa pour améliorer le design et l’interface utilisateur
• on est en train de mettre en place un partenariat avec le site Allogarage qui rassemble des avis d’internautes sur tous les garages de France et de Navarre
• les deux jeunes cités plus haut ont trouvé un stage plutôt sympa et il semble que, outre leur immense talent et leur CV long comme le bras, la petite démo de Ma Titine n’y a pas été pour rien

Bon on a encore du pain sur la planche mais on commence à voir le bout du tunnel, encore quelques semaines d’attente et vous pourrez voir le fruit de notre travail.

Vous avez peut-être fini par croire que ce blog était à l’abandon, pire que le projet Ma Titine était mort. Il n’en est rien, soyez rassuré. Seulement, entre la rentrée étudiante des deux “jeunes” et le boulot bien prenant du “vieux”, on n’a pas eu beaucoup de temps pour vous donner de nos nouvelles. Et pourtant, il y en a eu du travail sur Ma Titine, au point qu’on vient de franchir une étape importante avec le lancement jeudi dernier de la version alpha auprès de quelques proches. Le site est donc en ligne et tourne plutôt bien. Il y a évidemment encore des bugs à corriger, des améliorations à faire, mais cette version alpha va nous permettre de recueillir les avis des premiers utilisateurs pour voir dans quelle direction doivent s’orienter nos efforts pour la suite. Cette phase de test devrait durer 1 mois environ et l’objectif est de sortir la version béta privée à la fin de l’année. Pas question de prendre des vacances pendant un mois donc, on se relève les manches et on repart mettre le nez dans le moteur!

Vous vous en êtes peut-être rendu compte … ou pas …, désormais quand vous tapez www.latetesouslecapot.com dans votre barre d’adresse, vous êtes automatiquement redirigé sur blog.matitine.com. Petit changement en apparence mais gros changement en réalité. Le blog a déménagé sur un hébergement popre à Ma Titine. Il devrait être bientôt rejoint par la version Alpha. C’est donc vers l’offre mutualisée d’Infomaniak qu’on s’est orienté. Plusieurs raisons ont motivé notre choix:

• c’est pas cher: 90€ la première année, c’est le maximum qu’on pouvait payer pour notre projet auto-financé
• des fonctionnalités intéressantes: PHP 5, base de données illimitées, espace de back-up de 5 Go…
• une interface d’administration bien conçue, simple à utiliser et fonctionnelle
• un support plutôt réactif et compétent
• de bonnes performances: on est une quarantaine de sites à se partager le serveur et ça pédale plutôt bien.

On est conscient qu’il nous faudra sans doute passer sur un dédié si le site grossit beaucoup (sous peine de se faire expulser manu-militari!), mais pour l’instant la solution Infomaniak nous convient bien! Quelques regrets tout de même: pas de cron et la durée d’exécution des scripts PHP limitée à 10 secondes.

Où en sommes nous ? Environs 85% des fontionnalités de base sont développées. Il nous reste donc encore de petits points à approfondir. Le design quand à lui est quasiment fini (depuis un petit moment en fait) il faut surtout maintenant se pencher sur la résolution de bugs en tout genre. Les formulaires sont aussi en train d’être fignolés.

Comment va se dérouler la suite ?

Nous avons opter pour d’abord sortir le site en version alpha. Celle-ci sera proposée a quelques personnes de notre entourage pour avoir un retour utilisateur assez rapidement (ergonomie, fonctionnalités etc.). Une fois les petites modifications éffectuées suivant les retours de nos alpha testeurs une beta privée vera le jour.

Et c’est la que vous interviendrez !

Voilà, on avance doucement mais surement. Nous sommes là pour nous faire plaisir et pour l’instant c’est pluôt réussi de ce coté.

A bientôt pour d’autres nouvelles.

J’avais promis de vous dévoiler le design, voici donc l’historique de cette quête ô combien longue et difficile que fut la recherche du design parfait, celui qui fait rêver les hommes, tomber les filles, rire les enfants et danser les grands-mères! Accrochez-vous on repart quelques moins en arrière.

Voici donc le tout premier design, volontairement vieillot par rapport à la production actuelle. Justement, jugé beaucoup trop décalé par mes compères!

Puis le second basé sur l’idée d’utiliser des panneaux de signalisation mais qui ne s’accordait pas bien avec le nouveau logo.

Enfin, voilà le design quasi définitif (en attendant la prochaine version) …

… d’abord la page d’accueil …

… ensuite l’espace utilisateur:

Interdiction de critiquer, on a déjà eu bien trop de mal à se mettre d’accord!

On a beau développer ce projet en amateurs éclairés, on  est parfois obligé d’utiliser des outils pro pour se faciliter la vie. Ce softeux de Julien m’a donc sorti un SVN de derrière les fagots pour faciliter le développement à plusieurs du site. SVN pour les novices, c’est un système qui permet de gérer la configuration du code afin de pouvoir tracer de façon très fine toutes les modifications apportées par les différents développeurs. Pour l’électronicien que je suis, SVN, c’est d’abord une sacré usine à gaz! Mais comme je n’avais pas le choix, j’ai installé Tortoise SVN et je me suis plongé dans la doc (heureusement en français). Eh bien croyez le ou non, j’ai réussi à comprendre le truc. Mieux que ça j’ai été agréablement impressionné par la facilité d’utilisation et la puissance de la chose. Bon allez, je vous laisse, j’ai quelques fichiers à “commiter”!

Maintenant que le design général du site est à peu près figé, ils nous faut nous attaquer au design des formulaires. C’est un point que certains auraient sans doute tendance à négliger, pourtant si on veut faire un site agréable et facile à utiliser, c’est l’élément à peaufiner avec soin.

Une fois de plus, voilà 3 liens qui vont nous aider à bien déblayer le terrain:

• La “bible des formulaires en ligne” découverte grâce à Fred Cavazza et qui regorge de “Best practices” comme disent nos amis anglo-saxons
• La sélection de l’incontournable Smashing Magazine concernant les formulaires qui présente l’état de l’art dans le domaine
• Enfin pour ceux qui en redemandent, cette sélection de 101 ressources utiles pour créer des formulaires sur internet

Qu’on se le dise, on n’est pas là seulement pour raconter notre vie, on est aussi là pour partager les bons tuyaux qu’on découvre au fur et à mesure de l’avancement du projet. Donc si j’mais vous cherchez une police, plutôt que de décrocher votre téléphone et d’appeler le 15, un seul site: Urban Fonts. Quelques 8000 polices gratuites qui ont l’énorme avantage d’êtres classées par genre: manuscrites, arrondies, modernes, futuristes, …. Si vous ne trouvez pas votre bonheur là-dedans, moi je sais plus quoi faire! Allez, banzaï!

Suites de mes aventures de néophyte du design. Après quelques errances, il est temps de passer aux choses sérieuses pour sortir un design qui, à défaut de révolutionner le monde Internet, ne fera pas trop tâche dans le paysage webistique mondial!

Toujours armé du fidèle Inkscape, me voilà donc en quête d’inspiration:

• un petit tour sur l’excellentissime Smashing Magazine et notament sur sa sélection des “60 designs élégants et attirants visuellement” qui m’a bien tapé dans l’oeil
• puis un arrêt rapide sur le tutorial “Comment pondre un design Web 2.0″ du non moins génial Web design from scratch
• enfin un coup d’oeil rapide mais profond sur la liste des “85 ressources-qui-tuent-que-chaque-designer-devrait-connaître”

Armé de ses 3 liens, j’ai de quoi faire. Le résultat de mes intenses cogitations au prochain numéro!