Photo de gabi_menashe depuis Flickr

Sur le fond

Youhou ca marche !

L’opendata on en entend parler depuis longtemps, une excellente idée pour les développeurs avides de données qu’il a fallu expliquer aux possesseurs de données. Pourquoi les partager ? Tout un tas de nouveaux services et usages ont vu le jour avec les différentes plateforme de téléchargement d’applications. On a vu apparaitre plein d’applications vraiment innovantes, notamment en matière de transports en commun. Plus de simplicité, d’ergonomie et finalement une meilleure expérience utilisateur. Ces nouveaux usages souvent complémentaires de ceux existants se sont d’abord basés sur des données fournies dans des formats non standardisés, souvent en html, qu’il a fallu parser pour en déduire les données. Cette solution n’est pourtant pas viable, et pose problème dès que le format change ou si le service d’origine est surchargé. Ce n’est pas prévu pour cela !
On observe parallèlement une tendance au partage des données pour favoriser ces applications pleines d’idées, au final cela décharge le détenteur des données et permet plus de service pour le client final, c’est donc naturellement du côté des collectivités qu’il faut surveiller les premiers projets Open-data d’envergure.

Cela manquait encore de concret, mais depuis un an ou deux le sujet se faisait plus récurrent, et l’on commençait à entendre parler d’initiatives à Rennes ou Nantes. Et finalement c’est arrivé bien plus vite que prévu, une annonce lors de l’ouverture de la cantine numérique Nantaise et six mois plus tard, ca y est c’est en ligne !

Sur le fond je n’ai qu’une chose à dire « Youhou ! ». Leur nombre est conséquent pour l’ouverture du service, et je suis d’autant plus content que ces données me touchent directement; Nantes libère les noms des prénoms des bébés Nantais depuis 10 ans, idéal pour moi qui développe www.mybabygame.com, justement basé sur les prénoms des nouveaux-nés !

De plus la ville lance un appel à projet innovant pour favoriser l’usage de ces données. Une excellente initiative pour amorcer la pompe et faire de ce projet une belle réussite. Je n’ai aucune raison de ne pas ma lancer dans l’aventure, c’est dit, je vais exploiter les données de la ville de Nantes !

Sur la forme

Pas de la bonne manière

Je me suis donc rendu sur data.nantes.fr, site agréable, bien pensé, j’ai rapidement trouvé les données dont j’ai besoin. Mais malheureusement pas le format que je souhaitais. Ces données ne sont fournies qu’au format CSV. c’est peut être utile dans certains cas, mais comment automatiser l’utilisation de ces données ? Je vais devoir faire un import tous les ans ? Comment serait je au courant que de nouvelles données sont disponibles. Je vais devoir faire cela pour chaque ville qui libère ces données ? Cela sera rapidement ingérable.
Je veux bien admettre que ces données ne soient pas en temps réel, mais une mise à jour un peu plus régulière, tous les mois par exemple, apporterai un plus pour des applications innovantes. Et un format API, permettrai de valider le format des données, là rien ne m’assure que le format CSV ne va pas évoluer, compliquant mon import, mais surtout je ne peux pas automatiser cet import !
Si les données ne changent que rarement je suis prêt à mettre un cache important pour ne pas surcharger le serveur, mais donnez moi des moyens techniques et du choix, sinon je risque de ne pas aller plus loin que l’effet « découverte ».

Pas les bonnes données

Deuxième surprise, les données ne sont pas exhaustives ! On ne m’en donne qu’une partie. Qu’est ce que je vais pouvoir faire avec seulement une partie ? Les prénoms donnés moins de 5 fois par an ne sont pas comptabilisés… Mon site met en avant les prénoms originaux, en proposant aux futurs parents de faire deviner le prénom du futur bébé à leur entourage. Je pourrais proposer une liste de prénoms originaux, tendance, aux amis et à la famille en manque d’idées, et pourquoi pas aux parents encore indécis… Je n’aurai que les prénoms « communs » à leur proposer.
Il est précisé que cette limite est en fait le respect d’une demande de la CNIL, je respecte ce choix mais ne le comprends pas pour plusieurs raisons :

• Ces données sont dans l’état civil, consultable librement en mairie, pourquoi cela serait il différent sur Internet ?
• J’ai tendance à penser que l’on stigmatise ces prénoms en leur accordant un traitement différent, on ne leur laisse pas la chance d’être mis en avant, on les cache. Si le prénom est préjudiciable à l’enfant, c’est à l’officier d’état civil de le refuser il me semble.
• Ces données sont anonymisées ! Je n’ai accès qu’au prénom et à son occurrence, pas aux prénoms des parents ni aux dates de naissance… Pourquoi alors les tronquer ?

Ma fille, Nell, devrait être dans ces statistiques, mais sont prénom n’y est pas, je suis plutôt déçu. Il n’est pas assez bien ?

Conclusion

Je vais donc utiliser ces données que l’on m’offre, pour tester le service, développer de nouveaux usages, mais j’attends des réponses, et je vais être moteur pour faire évoluer le service, car si il reste en l’état, je ne l’utiliserais probablement pas bien longtemps…

Et pour aller plus loin, j’espère que les données seront par la suite disponibles sur des plateformes communes avec un format standardisé, je ne vais pas appeler les webservices de toutes les communes pour agréger des données, je veux un appel commun filtrable sur les villes qui m’intéressent ! Il y a bien http://www.data.gouv.fr, mais il se limite pour le moment aux données de Sarlat et Coulommiers, cette fois encore au format CSV !

Il faudra probablement encore du temps avant d’en arriver là, alors pensez-y dès maintenant ! C’est un excellent début, bravo, on continue à ce rythme là !

Sur le même thème

• Développer en équipe
• Utiliser Chrome et violer la neutralité ?
• Maquettage avec Pencil Sketching
• Retour d’expérience : Grilles & mise en page
• Livre : Réussir son site web en 60 fiches

J’utilise aujourd’hui les services Google à grande échelle. J’ai plusieurs compte Google Apps, avec lesquels j’utilise des dizaines de services. Mon unique navigateur est depuis des années Firefox dont je suis très content, mis à part quelques « détails ».

J’ai déjà testé Chrome, il m’a plu, mais sans me convaincre de me détourner de Firefox qui je pense correspond mieux à mes attentes, surtout en termes d’idéologie.

J’ai appris hier qu’une version offline de Gmail multicompte était disponible sur Chrome sous forme d’application, j’ai sauté le pas et j’ai été rapidement séduit.

Une discussion s’est engagée sur Twitter entre @zeroload qui m’a soufflé l’info, @jwajsberg qui a lancé le débat et @rik24d qui l’a enrichi. Le sujet me semble très intéressant, mais je reviens un peu tard dans la discussion et le format de 140 caractères ne me suffit pas pour ce sujet, voilà donc mon point de vue sur les différentes thématiques abordées.

Neutralité

Tout part de là, l’application ne fonctionnant que sur Chrome remet en cause la neutralité. Je n’ai plus le choix de mon navigateur pour utiliser un service web.
Je suis à 100% d’accord sur la théorie, c’est vraiment dommage, voire inadmissible.
C’est peut être moins grave dans mon cas car je ne switche pas d navigateur, je continue d’utiliser Firefox, je ne switche que les services Google, pour bénéficier d’une meilleure intégration.
Mais clairement la démarche est nuisible au web.

Appli cross browser

Il n’y aurait à priori pas de soucis technique pour rendre l’appli cross-browser. Si c’est vrai c’est d’autant plus grave, Google bloque donc sciemment certaines fonctionnalités pour favoriser son navigateur. N’est il pas assez bon pour convaincre seul ?

Libre concurrence

Google fait donc la promotion d’un produit par un autre, ce qu’il reprochait à Microsoft de faire en livrant par défaut IE avec Windows.
Bon, ok il ne s’agit que du mode offline, Gmail est disponible depuis n’importe quel navigateur, mais il fausse la concurrence et c’est critiquable !

Et en face ?

Le problème est le même chez Apple ou Microsoft et les exemples sont légions. Le problème est général, et on peut difficilement s’en plaindre si on l’accepte. C’est là que je suis le moins clair avec moi-même, et ou je ne vois que mon intérêt personnel à court terme.

Desktop ou appli embarquée ?

Le débat rebondit ensuite sur la différence entre une application desktop ou appli web embarquée. Et cela change quelque chose à mes yeux. Je considère finalement plus cette application comme faisant partie de l’écosystème Chrome, que d’une appli web. Chrome est ici plus qu’un navigateur, c’est aussi un conteneur d’application. Il sert de support comme j’utilise certaines application avec [firefox ?].

J’ai d’ailleurs un avis mitigé sur les apps-stores, et je préfère souvent un site web à une appli si celle-ci n’apporte rien de plus. Pourtant dans bien des cas j’utilise l’appli qui apporte un plus ergonomique et fonctionnel et n’est pas forcément multiplateforme.

Que penser de tout cela ?

Je vais tester pour voir si l’usage que m’apporte cette version offline vaut le détour, mais j’avoue que pour travailler dans le train c’est bien tentant.
Cela me permet aussi d’utiliser Firefox pour de véritables pages web, et Chrome pour des applications avec certainement plus de réactivité car j’ai maintenant deux logiciels qui se partagent la tâche. J’ai aussi moins d’onglets dans chacun et je serais probablement moins distrait par les notifications de l’un ou de l’autre.

Pour aller plus loin

Et si on me demandait mon avis, j’irai encore plus loin, @davidbgk avait abordé le sujet aux RMLL Nantaises il y a quelques temps sur un angle intéressant, il souhaitait évidemment cette qualité de service des applis mais avec du logiciel libre auto hébergé, hackable… Je suis évidemment un grand fan de cette idée. Ce serait encore mieux ! On peut rêver de beaucoup plus mais on est tout de même tributaire de l’existant.

Chrome n’est donc pas pour moi un navigateur web mais bien un conteneur d’application, mais je dénonce clairement la méthode utilisée ici par Google ! Laissez nous le choix !

Merci à Vincent, Julien et Anthony pour ce débat, j’attends vos commentaires pour clarifier encore le sujet

Photo de ecstaticist depuis Flickr

Sur le même thème

• Maquettage avec Pencil Sketching
• Bien utiliser Javascript
• Les plugins Firefox : Firebug
• Les plugins Firefox : Colorzilla
• Les plugins Firefox : FoxyProxy

Photo de samgrover depuis Flickr

Découverte

Lors de la création de mes premières pages web, j’utilisais un outil WYSIWYG et je gérais les alignements comme je le pouvais à coup de marge plus ou moins épaisse, de toutes façons, je ne me préoccupai que du rendu d’IE 5, et vu ce que l’on trouvait à l’époque sur le web, ce n’était pas si mal.
Le passage à une écriture de code à la main, m’a permis de supprimer toutes les fioritures inutiles ajoutées par mon outil précédent. Je me suis vite rendu compte que le résultat était tout de même plus joli, mais basique.
L’arrivé de nouveaux navigateurs à compliqué la donne, le rendu approximatif se révélant au mieux presque correct, au pire vraiment aléatoire.
J’ai toujours souhaité travailler avec un code propre, en évitant les hacks pour corriger les défauts d’implémentation des navigateurs, j’estime que ce n’est pas à moi de le faire. Mais si je peux avoir un code qui passe partout, je ne m’en prive pas.
Et peu à peu ma veille permanente m’a fait découvrir des techniques de mise en page plus évoluées. J’ai suivi cela de plus ou moins loin, en n’en gardant que la théorie, mais sans mettre plus que cela en pratique. Il me semblait clair que c’était une voie à étudier, une solution à mette en œuvre, mais il y a tellement de chose à faire…

Révélation

La conférence sur la micro-typographie de David Rault m’a rouvert les yeux L’illumination est venue d’Anne-Sophie Fradier. Je ne reviendrai pas sur la qualité de sa prestation à Paris Web 2010, mais sur la pertinence du contenu, qui m’a définitivement donné envie de m’y mettre. En une heure elle me présentait un condensé de ma veille avec de jolis exemples, je ne pouvais plus éviter le sujet. Cela tombe bien j’avais un site dont j’étais globalement content, avec des pistes graphiques intéressantes, mais qui pêchait sur certains aspects, et je voyais bien que j’étais désormais dans la bonne direction !
Il ne me restait plus qu’à laisser mûrir tout en me remettant activement dans la technique.

Mise en situation

Vincent Valentin à eu la bonne idée d’écrire à ce moment une série de billets qui m’ont enthousiasmé, et guidé dans mon entreprise. Il y reprend la partie technique avec des exemples précis, un vrai retour d’expérience, sur les outils qu’il utilise et surtout pourquoi. Il y explique le cheminement de ses réflexions, bref comment il travaille. Bien sûr, lui est intégrateur, moi je fais juste de l’intégration. Il m’a donc fallu plusieurs lectures, et quelques autres billets pour bien me remettre au goût du jour, et j’ai commencé par tâtonnements à reprendre mon projet.
Après quelques essais, j’ai décidé de ne pas tout utiliser, et j’ai laissé de coté Les grilles toutes faîtes, et les compilateurs CSS. Les premières car l’utilisation avec les media-queries me semblaient ajouter de la complexité (même si Vincent propose une solution) le second car c’est un projet simple, inutile de trop compliquer la tâche. Cela viendra donc dans un second temps.

Mise en pratique

Le projet initial était finalement assez simple, avec quelques images, mais finalement, beaucoup de dégradés ou de coins arrondis. L’alignement sur la grille ne poserait donc pas trop de problème en découpe d’images.
Je suis donc reparti de feuilles de styles vides, et quitte à reprendre le code en y ajoutant une dose de CSS3, autant revoir le balisage et passer à HTML5. Cette partie fut vite expédiée. La lecture récente des deux premiers opus de la collectionA book apart m’ayant remis les idées en place sur le sujet.

J’ai ensuite pris le temps de tester plusieurs largeurs de grilles et de colonnes avant de trouver mon bonheur, avec une possibilité de mettre en page sur une, deux, trois ou cinq colonnes (Il existe du coup d’autres possibilités que je n’utiliserais pas, restons simples, à mon sens trop de colonnes tuent les colonnes).

L’utilisation de Hashgrid a été précieuse pour cette partie du travail, en me permettant de visualiser l’invisible.

Certaines pages de contenu ne me convenaient pas du tout, mise en page simpliste, alignements maladroits, même si au premier abords, je n’aurai su dire pourquoi et comment le corriger. Je ne suis pas non plus graphiste…
J’avais bien prévu de les refondre, mais comment ? Finalement c’est venu tout seul… Sans rien faire d’autre qu’utiliser ma grille pour remettre en place les différents blocs de contenus, tout s’est éclairci, et au fur et à mesure les textes se sont mis en page aidés par la grille horizontale et par la grille verticale. Tout en gardant un rendu « simple », le tout devenait harmonieux (à mes yeux, pas vous ? mince…)
Le travail en parallèle sur les polices et les hauteurs de ligne, a bien aidé, et à même simplifié le travail. La règle ajoute des contraintes, oblige à se plier à certaines obligations, mais au final, libère ! Plus de rendus approximatifs, plus d’hésitations, on se fie à la grille et c’est tout. Finis aussi les effets de bord quand on ajuste d’un côté et que casse de l’autre…

Il y a pour moi trois étapes :

• L’ignorance de la règle
• Son apprentissage et sa mise en application
• Son appropriation et son contournement

Et un outil, si bon soit il doit être utilisé à bon escient. Pas question d’appliquer bêtement une règle, une réflexion s’impose. Alors bien sûr il m’est arrivé de contourner certaines règles. Les raisons sont variées, mais tout ne peut pas rentrer dans une grille, parfois quelques éléments ont besoin de plus ou moins de place, à l’œil, on sent que quelque chose ne passe pas bien ,que tout est trop rigide… Il faut donc s’échapper du carcan, pour trouver la solution. Il faut trouver une exception, la règle a beau l’air parfaite, il existe des cas particuliers. Il s’agit alors de ne pas faire n’importe quoi, au risque de perdre une partie du bénéfice acquis, mais de trouver une justification raisonnable qui apporte une solution au problème. Et j’ai finalement souvent trouvé cette solution dans d’autres grilles, dans des « sous-grilles », en répétant ma grille d’origine différemment, en appliquant les mêmes marges mais autrement…

La macro-typographie ça marche !

Retour d’expérience

Au final, il m’aura fallu quelques heures/jours de montée en compétence entrecoupées de temps de réflexions, d’essais pratiques, et de remise en question pour arriver à mon résultat. Il reste encore du travail, tout n’est pas fini, l’adaptation aux navigateurs mobiles est en cours, mais il est déjà temps d’en tirer des conclusions.
Je retiens que si j’y ai passé du temps au début, je n’en ai pas perdu pour deux raisons :

• Le résultat final est meilleur
• J’ai gagné du temps sur d’autres aspects de l’intégration

Et sur mes prochains projets, ce sera encore plus vrai.

Ressources

Billets

• Macro typographie sur le Web – une grille dynamique
• Macro-typographie sur le Web – Mise en pratique
• Macro-typographie sur le Web – Quelques outils
• http://snook.ca/archives/html_and_css/font-size-with-rem

Vidéos

• conférence sur la micro-typographie
• sa prestation

Alors que dire de plus, regardez les vidéos, lisez les quelques références ci-dessous, essayez, testez, et dites moi comment vous vous en sortez, ce que cela vous apporte, si cela vous bride ou non…

Moi j’y retourne, j’ai encore un peu de travail…

Sur le même thème

• Bien utiliser les feuilles de style (CSS)
• Optimiser son site web
• Internationalisation & localisation
• Livre : HTML5 pour les webdesigners
• Développer sous Ubuntu

Certains site surfent sur la vague de la notation d’entreprise, mais entres les faux commentaires postés par des DRH en mal de recrutements et les aigris qui qui ne jugent pas de manière objective, difficile de trouver un avis sincère.

Ayant eu moi même des expériences diverses, voici mon ressenti.

Photo de REMY SAGLIER – DOUBLERAY depuis Flickr

SSII

Souvent le passage obligé quand on sort des études, surtout si on ne sait pas exactement ce que l’on veut faire. Elles sont critiquées, souvent à raison, mais certaines sont bien pires que d’autres, pour ma part je n’ai pas eu à m’en plaindre, au contraire. J’y ai eu des missions variées qui m’ont permis de gagner en assurance, de travailler chez des clients très différents, avec des méthodologies variées et de rencontrer beaucoup de monde.

Les SSII permettent une montée en compétences rapide, et en début de carrière c’est à mon avis un choix pas plus mauvais qu’un autre. Mais faîtes tout de même attention à bien la choisir ! Il ne faut pas se focaliser sur la mission proposée, bien souvent vous ferez tout autre chose, c’est pourquoi il vaut mieux s’attarder sur l’ambiance générale, les moyens mis en œuvre pour al réussite des missions, le feeling avec le commercial ou le directeur d’agence…

Sans expérience les salaires sont peu élevés, n’attendez pas qu’on vous augmente significativement, regardez ailleurs pour voir ce que l’on vous propose, ensuite négociez ou changez !

Éditeur logiciel

Pour les mêmes raisons j’ai moins apprécié le travail chez un éditeur de logiciel. Arrivé en cours de projet, le travail et les technos était limités à l’existant, avec quelques évolutions sympas à développer, mais un périmètre trop restreint m’a poussé à aller voir ailleurs. Le risque de rester cantonner sur un même projet des années à faire de l’intégration pour des clients ou de la TMA sans rien de plus, ce n’était pas pour moi. Ceci dit certains y trouvent leur compte et peuvent s’investir à fond sur du long terme, avec l’assurance d’horaires moins contraignants, un environnement moins changeant…

Attention tout de même à ne pas trop vous enfermer et à évoluer, vous ne resterez pas 40 ans dans la même boite et le changement peut s’avérer rude.

Petite web agency

J’y ai travaillé en sous traitance pendant plus d’un an, et j’y ai apprécié la convivialité, la taille des projets, l’étendue des compétences demandées et l’autonomie accordée… On se rapproche d’un travail d’artisan du web., mais en équipe. Il faut bien sûr avoir un minimum d’expérience purement web, de la curiosité, l’envie d’apprendre, pour une expérience enrichissante !

Grosse web agency

C’est mon expérience actuelle, j’ai encore peu de recul, mais c’est pour le moment exactement ce que je recherchai !
Pour autant je ne me plairai pas chez n’importe quel concurrent, en effet mon choix était motivé par certains pré-requis indispensables à mon épanouissement professionnel :

• Qualité des projets
• Moyens mis à disposition
• Niveau d’expertise
• Valeurs humaines

Aujourd’hui c’est nickel, avec les quelques bémols qui font que rien n’est jamais parfait, mais qu’on est motivé pour les surmonter et améliorer encore ce qui peut l’être.
Pas évident d’être tout à fait objectif, en plus je ne suis pas sûr du tout que ca ressemble à ce qui se fait dans d’autres structures de taille équivalente ou je n’ai pas d’expérience, j’attends vos retours !

Indépendant

C’est une situation un peu particulière que je n’ai jamais vraiment développée, même si j’y ai rapidement pensé. Je manquait certainement d’expérience à ce moment là, et j’aurai eu du mal à m’en sortir, je ne suis pas assez « commercial ». Le côté positif c’est l’indépendance, le côté négatif c’est que l’on ne peut compter que sur soi même. Aux qualités de développeur il faut ajouter celles de commercial, et assez peu de gens peuvent gérer correctement ces deux aspects. Pensez aussi que c’est un cadre de travail ou l’on se retrouve plus souvent seul, ou il faut des compétences pour gérer son réseau, rencontrer du monde, échanger techniquement…

Financièrement les fortunes sont diverses, l’expérience et la qualité de votre réseau faisant bien souvent la différence. C’est pourquoi, avec une bonne expérience et des connaissances solides, cela peut être une piste à explorer. Mais pas pour moi qui ai besoin de l’émulation qu’apporte le travail en équipe, les échanges techniques, la vie de bureau…

Associations

Si les petites associations ne font souvent appels qu’a des bénévoles ou à des compétences internes, limitées, de plus grosses associations peuvent être un bon tremplin pour débuter. , le modèle économique ne permettant pas forcément mieux. Mais ce n’est pas forcément vrai et si en plus vous adhérez la cause de l’association, ce n’est que du bonheur !

Les dernières annonces que j’ai vu dans ce domaine étaient clairement sous payées, mais les postes étaient super intéressants ! à mon avis un très bon moyen de faire ses preuves en toute autonomie avant de voir plus grand !

Petit client final

On peut y retrouver les avantages de la petite web agency comme les inconvénients de l’éditeur logiciel. Une grande autonomie, et toujours le même projet… Évidement les cas sont variés et sur un projet à temps plein, on a l’occasion de mettre en place énormément de concept, de technos, de savoirs faire… Si l’intégration avec le reste de l’équipe, développeurs ou non est bonne, cela peut être une très bonne expérience, mais comment évoluer dans une petite structure ? Pensez-y !

Gros client final

C’est un peu comme le petit client final, mais avec une équipe plus développée, beaucoup de PME d’envergure nationale ou internationale, on un service informatique qui gère leur site web et quelques sites évènementiels, parfois en sous traitant à des web-agency, et là on se retrouve du côté du client. Encore un poste avec énormément de potentiel.

Les postes chez ce genre de clients ne sont pas les plus faciles à trouver, bien souvent il faudra passer par une mission via une SSII avant de se faire embaucher par le client. Un bon moyen de voir si le job plait ou pas. Dans cette catégorie, il y en a clairement pour tout les goûts !

Et encore…

On pourrait aussi citer le cas de l’employeur un peu en dehors du web, industriel qui privilégie les process métier ,mais qui utilise l’outil web pour des intranets. Vous ferez certes du web, mais certainement de manière moins sexy qu’en web-agency. Vous pouvez aussi bosser dans le web à titre perso, afin de gérer vous même votre boutique en ligne, par nécéssité ou par plaisir en tant qu’activité annexe…

Conclusion

Les occasions de travailler dans le web sont nombreuses, mais encore une fois, attention de ne pas se laisser enfermé dans un projet ou une techno, le web évolue vite et il est primordial de faire de une veille technique régulière, de se tenir informé des évolutions techniques sous peine d’être largué et plus du tout au goût du jour.
Pensez aussi que vous ne trouverez pas le poste rêvé du premier coup, qu’il faudra démontrer vos capacités à évoluer pour, après quelques changements, avoir un poste qui vous convienne bien… Jusqu’à la prochaine évolution, qui ne sera peut être possible qu’en s’investissant dans une autres structure…
Le principal est de se sentir bien au moment présent ! Je vous souhaite de l’être autant que moi !

Et vous ?

J’attends vos réactions et commentaires, vous travaillez comment vous ?

Sur le même thème

• Comment apprendre le développement web ?
• La compatibilité du code avec les navigateurs
• Veille techno Web de A à F (partie 1)
• Trouver un bon hebergeur web, quels critères ?
• Outils : Edition de fichiers avec Notepad++

Photo de minusbaby depuis Flickr

Mais il faut surtout se doter des bons outils…

Communication

La communication est la base du travail d’équipe. Il est important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance. L’information doit y circuler facilement pour avancer efficacement. Il faut privilégier des points réguliers et pas trop longs pour pouvoir réagir rapidement en cas de problème, garder une certaine dynamique, et garder un auditoire actif.
Il est aussi important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance.

Réunion

Rien de pire que les réunions à rallonge ou rien ne se décide, mais elles sont pourtant indispensables pour avancer. L’idéal à mon avis est de les limiter tout en les multipliant. Je m’explique. Moins de réunions longues avec toute l’équipe, mais plus de réunions courtes voire très courtes avec juste les personnes concernées pour faire des points d’avancements, des points techniques…

Pour qu’une réunion soit efficace, elle doit capter les intervenants et les faire participer sans les lasser !

Messagerie instantanée

Que ce soit via MSN ou un protocole XMPP, ou encore via de nouveaux outils comme Google wave, la messagerie instantanée est indispensable au quotidien pour échanger rapidement sur des sujets peu sensibles mais qui nécessitent une réponse simple et rapide.

Mails

Le mail a l’avantage de pouvoir garder une trace des échanges, avec éventuellement un tri par conversations, par projet… Intéressant pour archiver des demandes ou des décisions dont on pourrait avoir à prouver l’existence.
C’est à mon sens uniquement à cela que doivent servir les échanges par email. Ils ne devraient jamais contenir de données sensibles ou stratégiques, mais annoncer leur disponibilité et leur emplacement. Ceci pour des raisons évidentes de sécurité et pour éviter d’avoir de multiples versions de documents en cours d’utilisation.
Si l’on vous envoie un document, des données, classer les sur le réseau dans un wiki, mais pas dans vos mails, ce n’est pas fait pour cela.

Téléphone

A mon avis, très proche de la messagerie instantanée, les mêmes contraintes voire plus si le destinataire de l’appel est absent.
N’oubliez pas de valider les points importants par un mail récapitulatif.

Visio-conférence

Indispensable pour du travail à distance, même si l’on ne s’en sert pas systématiquement, elle apporte un plus, couplée à des outils tels que des tableaux blancs, elle apporte de l’interactivité et simplifie les rapports humains.

Sources & documentation

Tout projet de développement n’existe pas sans sources et documentation. A plus ou moins grande échelle il est vrai. C’est pourquoi il est primordial de mettre en place les outils et les processus associés pour gagner en productivité et en qualité.

Gestion des versions

C’est l’outil de base, et pourtant tout le monde ne l’utilise pas encore. Au forum PHP 2009, pas plus de la moitié de l’audience d’une des conférences n’a levé la main pour dire qu’il l’utilisait. Je m’attendait à du 99%, surtout au regard de l’assistance plutôt « geek ».

Indispensable pour travailler en équipe sur un même projet et en même temps. Même si il faut essayer de compartimenter le travail pour éviter les incohérences qui compliquent les fusions, il est indispensable de pouvoir revenir en arrière ou d’intégrer les modifications d’autres développeurs à son code.

Bien évidemment il faut apporter une attention particulière à l’utilisation de ces outils, sans commentaires de qualité et sans soumissions régulières, l’intérêt s’amenuise…

Gestion documentaire

Bien souvent c’est juste un dossier sur le réseau ou chacun peut écrire et lire des documents au format Word ou Excel. C’est une limitation gênante car à moins d’avoir une rigueur et des process sans failles, il n’est pas évident de tenir à jour ses documents et de les versionner…

Passer un outil de gestion électronique de documents apporte un plus important avec l’ajout de méta données, une gestion des accès et des différentes versions facilitée.

Wiki

Le wiki est également un outil de communication trop souvent négligé. Il est pourtant très utile pour certaines données comme les coordonnées des intervenants sur le projet, une présentation de l’équipe, une présentation complète du projet avec une liste des différents outils et leurs emplacements…

Cet un outil vivant et simple à prendre en main, un vrai plus pour centraliser les informations !

Gestion de tickets

Pour échanger sur les nouvelles fonctionnalités ou les bugs, peu importe qu’on utilise Mantis, Trac ou Redmine, l’important est de l’utiliser et de bien documenter toutes les actions afin d’avoir une traçabilité sans faille, ces données doivent souvent être reprises par d’autres membres de l’équipe qui doivent comprendre ce que vous avez voulu dire ou faire sous peine de voir des régressions ou d’autres bugs surgir…
Et si vous pouvez intégrer le avec votre outil de versionning pour simplifier l’interaction entre les deux.

Intranets, Extranets, Cloud…

Certains Intranets ou Extranet regroupent une partie de ces outils, pour avoir un maximum d’efficacité, ils doivent êtres intégrés et inter-connectés de façon cohérente pour maximiser les

Sur mes projets personnels j’utilise Google Apps qui apporte tout un lot d’outils bien intégrés les uns aux autres et mes permet de gérer ma communication et ma documentation. Avec l’intégration progressive de tous les outils dans cette suite logicielle, elle va encore gagner en utilisabilité et permettre d’accroitre encore la productivité de ses utilisateurs.

Conclusion

Échangez, documentez, normalisez, mettez en place les process pour être efficace ! En un mot, industrialisez les processus, la productivité et la qualité sont à ce prix !

Voilà mon avis de développeur, j’aimerai avoir votre avis, de développeur, de chef de projet, de client… Laissez un commentaire !

Sur le même thème

• La gestion des versions
• MySQL GUI Tools
• Maquettage avec Pencil Sketching
• Les plugins Firefox : Colorzilla
• Comparaison et fusion de fichiers et de dossiers

Photo de Jean-Marc Hardy de 60questions.net

Présentation

La force de ce livre est à mon avis de s’adresser à tous les publics, aussi bien techniques que fonctionnels, MOE ou MOA, débutants ou expérimentés. C’est le résultat d’une écriture simple et d’explications claires. Les auteurs ne rentrent pas dans les détails techniques, mais expliquent les tenants et les aboutissants, et donnent les pistes pour en savoir plus sur le sujet. Le tout est accompagné d’exemples et de références précises.

La qualité Internet : Indispensable et fragile

Le livre tout en couleurs est agréable à lire, soit du début à la fin; idéal pour une première lecture, soit en cherchant le sujet qui nous intéresse grâce à un index précis.

On aborde ainsi aussi bien les performances web, que la qualité du contenu, du design ou l’impression des pages…

Chaque fiche présente ainsi :

• Une courte introduction
• Un conseil argumenté
• Des citations
• Des chiffres statistiques pour étayer le propos
• Une étude de cas comparée
• Des références & outils pour aller plus loin

La fin du livre est consacrée à une bibliographie de qualité et des références web complètes.

A la lecture on se pose des questions sur ses projets en cours, on prends des notes, on vérifie… Le livre aborde des sujets tellement variés qu’il y a forcément quelque chose à apprendre ou réapprendre. Devant la multitude, on passe souvent à côté points qui nous semblent plus ou moins anodins et il est bon de se les remémorer de temps à autre.

Mon seul bémol, des chiffres et références pas toujours à jour. Cela reste un détail puisque les tendances énoncées semblent bonnes, on aurait juste aimé des chiffres plus justes, de manière à être plus crédible si on doit les présenter à un client pour étayer un sujet.

Chapitrage

Le livre est découpé en 5 chapitres :

• Contenu
  (Écriture, utilité, crédibilité…)
• Navigation
  (Facilité de navigation, qualité de la recherche, liens…)
• Design graphique
  (Qualité de la charte graphique, typographie, multimédia…)
• Interactivité
  (Utilisabilité, , convivialité, contact…)
• Aspects techniques et fonctionnels
  (Performance, qualité du code, accessibilité, standardisation, sécurisation…)

Photo de Gaetano Palermo d’Expressions.be

Les auteurs

Jean-Marc hardy est consultant et formateur auprès des chefs de projets Internet, enseignant, il est également l’auteur du blog 60questions.net. Il a écrit la première version de ce livre en 2004.

Gaetano Palermo, diplômé en journalisme, est responsable de projets e-business, consultant, formateur, créateur de contenu et expert en ergonomie web, vous pouvez le retrouver sur son blog Expression.be. Il participe à la rédaction de ce livre depuis la seconde édition.

Interview des auteurs

Afin de mieux les connaitre, voici trois questions sur leur métier et leur façon de voir le web.

J’en veux un !

• Réussir son blog professionnel
• 200 conseils pratiques, 120 études de cas et 150 repères statistiques
• Broché : 151 pages
• Éditeur : Dunod
• Édition : 3ème (10 mars 2010)
• Collection : Cré@
• Langue : Français
• ISBN-13: 978-2100545650

Pour résumer, ce livre est un condensé de ce qu’il faut connaitre pour faire du web… Exactement la philosophie de mon blog ! la différence tient à l’exhaustivité du livre qui traite vraiment tous les sujets, mais je compte bien rattraper mon retard…

En attendant, Lisez le !

Sur le même thème

• Veille techno Web de A à F (partie 1)
• Livre : Réussir son blog professionnel
  3 exemplaires à gagner !
• Veille techno Web de F à Z (partie 2)
• Internationalisation & localisation
• Livre : HTML5 pour les webdesigners

Photo de exquisitur depuis Flickr

Présentation

Mon besoin se limite au maquettage web, et Pencil Sketching à une belle bibliothèque de composants web. On peut également y importer d’autres collections d’objet ou de cliparts pour faire des diagrammes.
L’installation est simplifiée au maximum, et la prise en main immédiate. Quelques essais rapides m’ont convaincu.

Points forts

Une application comme je les aime, utilisable sur n’importe quelle machine, avec une prise en mais rapide…

• Licence GPL version 2
• Gratuit
• Mutli plateforme (Windows, MacOS, Linux)
• Environnement graphique intuitif
• Bibliothèques graphiques variées (mobile, icônes…)

Fonctionnalités

• Outils pour créer des diagrammes et faire du prototypage
• Documents multi-page avec liens entre les pages
• Edition de texte riche
• Installing user-defined stencils and templates
• Opérations standards : superpositions, alignements, rotations,…
• Collections d’objets extensibles
• Exports au format HTML, PNG, Openoffice, Word et PDF.

Documentation

Une documentation basée notamment sur des screencasts permet de rapidement prendre en main une application naturellement intuitive.

• Tutoriel vidéo sur Pencil Sketcher

Bibliothèques graphiques (pencils)

Une dizaine de bibliothèques permettent d’étendre les possibilités graphiques du produit, et d’autre devraient venir compléter la gamme.

• Bibliothèques pour Pencil Sketching

Plugin pour Firefox

Ce logiciel est distribué de plusieurs manières. Soit en application stand-alone telle que je vous l’ai présentée, soit en plugin de Firefox. Elle est dans ce cas disponible sur le site d’extension du navigateur :

• Le plugin Pencil Sketching pour Firefox

Site officiel du projet

• Site officiel du projet
• Le projet sur Google Code

Conclusion

Un outil prometteur à tester ! Je vous en dit plus dès que j’aurai pris le temps de tester…

Sur le même thème

• Les plugins Firefox : XRefresh
• Bien utiliser Javascript
• Les bons outils pour PHP (partie 2)
• Utiliser Chrome et violer la neutralité ?
• Recette & environnements de test