Chaque semaine, des liens vers divers éléments intéressants incluant une légère description seront publiés. J'ai baptisé le tout : la « shortlist » ! N'hésitez pas à rajouter en commentaire des liens équivalents ou des alternatives à certains liens proposer, j'aime toujours pouvoir comparer les options disponibles.

Pattern Library
Welie (le blogueur) a exécuté la fastidieuse tâche de répertorier tous les patrons d'interface utilisateur les plus utilisés. En plus de montrer des exemples concrets de ces patrons, une explication théorique nous permet de mieux comprendre leurs utilisations. On retrouve environ une quarantaine de patrons répertoriés tel que : accordéon, fil d'Ariane, carrousel, sondage, tri de table, etc. Extrêmement, pratique dans la production de « wireframes » ou de prototype.

MindMeister
Outil d'organisation des idées et pensée, MeindMeister permet d'en construire la hiérarchie et la carte mentale. En version gratuite, il permet de produire trois « cartes mentales » qui sont sauvegardées directement dans l'application. Les outils de créations permettent d'illustrer différents types d'idées. J'ai utilisé à plusieurs reprises l'application pour des listes de tâches, l'organisation de l'architecture d'information de site. L'application disponible sur iPhone et iPad est encore plus agréable à utiliser.

SMS Gateway
Application avec un but unique; vous permettre d'envoyer des SMS directement à partir de vos applications ou microsite. SMS Gateway offre des forfaits pour aussi peu que dix dollars pour cinq cents SMS. À l'aide d'une librairie dans le langage de programmation de notre choix, un SMS peut être envoyé en trois ou quatre lignes de code. L'utilisation peut être faite dans le cas de rappels auprès de clients, offres aux consommateurs d'un produit, rappels d'évènements et plus encore. Le seul désavantage du service est qu'il ne supporte pas les accents de la langue française.

Font Squirrel
Librairie de « polices » web gratuite pouvant être utilisé avec la propriété « font-face » en CSS. Les « polices » sont disponibles en format compatible avec tous les navigateurs (du moderne au plus vieux). Font Squirrel offre aussi un convertisseur de « polices » en format TrueType, OpenType vers le format compatible « font-face ». On peut donc convertir les polices favorites de nos directeurs artistiques! Prendre note que le procédé n'est pas nécessairement bien vu par les fonderies créatrices de « polices ».

ISO-639-1
Ce n'est pas une application ou un service, mais plutôt une référence. Dans le développement de site multilingue, il est parfois pratique de savoir quels sont les codes de deux ou quatre lettres pour les différentes langues de notre planète. La spécification ISO-639-1 est une liste officielle des codes de langues des milliers de langages. J'ai trouvé cette liste bien pratique dans le développement d'un microsite qui était visible dans cinquante-cinq marchés différents.

Chaque semaine, des liens vers divers éléments intéressants incluant une légère description seront publiés. J'ai baptisé le tout : la « shortlist » ! N'hésitez pas à rajouter en commentaire des liens équivalents ou des alternatives à certains liens proposer, j'aime toujours pouvoir comparer les options disponibles.

AmCharts
Si vous désirez inclure des graphiques dans l'une de vos applications, la librairie de graphique AmCharts (utilisant la technologie Flash) est vraiment intéressante. Proposant une panoplie de chartes pour afficher divers type de données, vous pouvez utiliser des graphiques boursiers, en tarte, en ligne, en aire, en colonne et plus encore. Tous les graphiques peuvent être configurés complètement à l'aide d'un fichier « XML » qui comprend un nombre imposant de paramètres. Le « XML » est aussi utilisé pour les données qu'on transmet aux graphiques. Extrêmement utile pour afficher des statistiques ou encore des vues d'ensemble de certains éléments d'une application ou d'un microsite. Noté que certains graphiques supportent la mise à jour en temps réel.

High Charts
Solution de remplacement à la librairie AmCharts, HighCharts est une librairie de graphique utilisant la technologie JavaScript pour produire de superbes chartes animées. La force de HighCharts est le support de plusieurs formats de données : CSV, JavaScript, XML, tableaux HTML. Le rendu se définit plus facilement avec une syntaxe JavaScript. Les graphiques sont extrêmement rapides à l'affichage et les animations fluides.

OAuth
Il y a beaucoup de façons de sécuriser des applications « Web » ou des microsite. Une méthode est cependant plus populaire que les autres dans les diverses plateformes sociales bien connues telles que Facebook, Twitter, LinkedIn et autres. OAuth est le protocole le plus utilisé pour sécuriser les applications « Web » ou les microsites. Il permet d'effectuer une authentification sécuritaire sans révéler de façon explicite les informations de l'utilisateur (nom d'utilisateur, courriel, mot de passe). Les librairies développées autour du protocole OAuth permettent d'agir à titre de client (personne qui fait une requête OAuth) ou de fournisseur (service qui répond à une demande OAuth).

Hurl It
Application permettant d'effectuer des appels vers des services « Web » en utilisant les méthodes HTTP : « GET », « PUT », « POST », « DELETE ». Employé dans le cadre du développement ou de l'utilisation d'interface de programmation d'application, Hurl It offre la possibilité d'intégrer des variables et des entêtes personnalisables. Après une requête, la réponse est affichée directement dans la page.

Dencoder
Déjà observé un lien ou une adresse qui contenait des caractères spéciaux tels que : %20%2F? Déjà eu besoin de fournir une adresse « Web » en paramètres à un service (par exemple le service de partage de Facebook)? Dans les deux cas, il peut être utile de pouvoir encoder et décoder les adresses contenant ces caractères spéciaux. L'utilitaire Dencoder offre simplement cette unique fonctionnalité. L'outil permet de saisir une adresse et deux boutons permettent l'encodage ou le décodage de celle-ci.

Une autre année est passée et je dois avouer que je fais parti de ceux qui voient le mois de janvier comme un nouveau départ, une page blanche.  Pas parce que l'année précédente à été mauvaise ou que je veux l'oublier, mais plutôt car c'est une bonne occasion de prendre le temps de s'arrêter et de l'évaluer.  Qu'est-ce que j'ai fait de bon, qu'est-ce que j'ai fait de moins bon,  est-ce que j'aurais pu faire les choses autrement.

2010

Notre réflexion sur l'année dernière chez QuatreCentQuatre nous a rapidement permis de nous rendre compte que plusieurs choses se sont passées en 2010.  Nous avons pratiquement doublé l'équipe: programmeur PHP, programmeur JavaScript, intégrateur et architecte de contenu.  Notre offre de service s'est par le fait même élargie et nous sommes aussi capable de mieux réagir à la demande de nos clients et dans de meilleurs délais.  En fait, si je peux définir notre expansion jusqu'à ce jour, c'était simplement de répondre à la demande.  En effet il est assez surprenant à quel point le bouche à oreille fonctionne bien, ce fut notre unique média de diffusion.  Nous avons toujours engagé en fonction du surplus de travail qui nous a été confié et des nouveaux clients qui nous ont choisis et jamais en prévision d'approcher de nouveaux clients.  Étant une jeune entreprise qui démarre, sans investisseurs merci, c'était à notre avis la façon la plus prudente de procéder.

2011

Après bientôt 3 ans d'opération, nous avons atteint une certaine sécurité financière qui nous permet d'être plus proactif et d'embaucher en prévision d'un but X...  Nous avons même pris le temps, tranquillement, de faire de la prospection et d'approcher de nouveaux amis. Cette année nous désirons aussi consacrer plus d'efforts sur l'image de QuatreCentQuatre, sur la clarté de son offre et surtout sur sa présence en ligne.  Je dois malheureusement admettre que nous n'avons pas assez consacré de temps à notre site web et à notre présence sur les médias sociaux.  Pour un studio interactif c'est, avouons-le, inconcevable.

Nous allons tout d'abord changer notre site web car il ne rend hélas plus justice au travail que nous effectuons.  Si vous nous connaissez un peu, vous savez que nous parlons beaucoup, haut et fort (certains plus que d'autres). Nous allons donc prendre le temps de vous écrire plus souvent, que ce soit sur le "blog", Twitter ou Facebook.  Nous sommes encore en train de préciser l'approche et la forme que prendront ces communications, mais ça s'en vient.  Nous aimerions aussi commencer à rendre le code des outils que nous développons dans nos temps libres plus disponible.  Nous avons une panoplie d'outils, plug-in jQuery, modules Flash et nous sommes persuadés qu'ils pourraient être utiles pour plusieurs.  Ne suffit qu'à prendre le temps de les documenter un peu mieux et de vous en faire part.

Voilà

Le mois de Movembre est officiellement commencé pour l'équipe de QuatreCentQuatre. Nous avons effectué hier la prise de photos pour la première semaine de Movembre. Vous allez pouvoir suivre l'évolution de la moustache de nos Mo-Brothers et de nos Mo-Sistas. Nous avons mis à jour le site officiel de la campagne 2010 QuatreCentQuatre de Movember.

Pour donner plus d'impact à notre campagne Movember de cette année, nous avons la chance d'avoir une Scion xB (prêté gratieusement par Scion Canada) qui sera "Relooké" pour la cause de Movember! Peut-être aurez-vous l'occasion de voir la "Stache Mobile" bientôt car nous aurons le loisir de nous promener avec celle-ci durant tout le mois de novembre! Visuel de la "Stache Mobile" à venir sous peu.

Aidez-nous a ramasser le plus de fonds possible pour la lutte contre le cancer de la prostate.

Voici un apperçu de nos Mo-Brothers et Mo-Sistas :

Nous avons été plutôt occupés ces derniers temps alors nous n'avons pas eu le temps de vous présenter nos derniers arrivés.

Le premier d'entre eux est Samuel, intégrateur HTML/CSS et programmeur Javascript.

Nous avons ensuite recruté Nathalie, notre productrice web qui est venue remplacer Marie-Ève lors de son congé de maternité.  Avec 7 programmeurs sous sa responsabilité, elle ne manque pas de travail.

Peu après l'arrivée de Nathalie, Philippe est venu faire son stage chez nous en tant qu'intégrateur et programmeur flash junior.

Notre dernière recrue, mais non la moindre, Thomas.  Anciennement chez 90 degrés, il vient porter renfort à Jocelyn en tant que programmeur/analyste PHP.

Alors voilà, bienvenu à tous.  Je suis certain que vous ne manquerez pas de défi et de beaux projets en 2011.

Les donations pour la fondation Movember se sont terminées à la fin décembre. Nous voulons spécialement remercier tous les donateurs qui nous ont aidé à amasser l'impressionnant montant de 1129$ pour la fondation. Nous voulons aussi remercier tous les fans de notre groupe sur Facebook qui ont été spécialement généreux tout au long de la campagne. Comme la collecte fut un franc succèes, nous allons définitivement répéter l'expérience cette année avec un nouveau concept encore plus poilu.

La fondation Movember a ammassé plus de 7 millions de dollars au Canada seulement cette année.

Allors ont se dit à novembre prochain pour le mois de la moustache!

C'est le début d'un temps nouveau chez Quatrecentquatre. À partir de ce mois-ci, en fait directement cette semaine, nous allons débuter un nouveau processus interne qui j'espère nous permettra de rester à l'avant-garde comme développeur d'application interactive et aussi stimuler notre curiosité du domaine.

Ce sera en effet le début des "Présentation Techno 4C4". Dans le cadre de la présentation, chaque membre de l'équipe doit se trouver un sujet technologique, en rapport avec notre domaine bien sûr, qui n’est pas ou peu connu des autres personnes et qui est d’un intérêt certain pour les développeurs. Comme nous sommes au courant des guerres "viriles" entre les développeurs sur certain sujet (PHP vs ASP, Linux vs Windows, iPhone vs BlackBerry) et que nous voulons éviter la discrimination envers les minorités visibles (Cobol, Silverlight), nous avons établis des règles pour déterminer un bon sujet et aussi encourager les membres de l'équipe à aller vers des technologies opposés à leur vision.

Un bon sujet Techno 4C4 est :

• Un nouveau langage de programmation peu connu.
• Un élément peu connu ou peu utiliser d’un langage de programmation existant.
• Une nouvelle technique de production Web ou logiciel.
• Une nouvelle technique pour un langage en particulier.
• Une nouvelle technologie (physique ou virtuelle).
• Une nouvelle approche pour résoudre des problèmes affrontés couramment durant le développement d’une application Web.
• Une nouvelle approche de résolution de problème générique.
• Développement sur de nouvelles plateformes (mobile, iPhone, Silverlight)

Présentation de courte durée, a raison d'une fois par mois, elle seront bien entendu retranscrite ici sur le blogue pour permettre à tous de profiter des trouvailles.

Eh oui! À la suite d’un an de colocation dans les bureaux d’Akufen, QuatreCentQuatre à décidé de se trouver un nouveau chez soi.  Ce fut une année prospère et les deux entreprises comptent maintenant plusieurs nouveaux visages. Or, les pièces et corridors ayant atteint leur pleine capacité d’occupation, nous en étions presque à attendre l’été afin d’installer des bureaux sur la terrasse.

Vendredi prochain nous déménagerons au 3437 boul. St-Laurent, tout juste au dessus du nouveau restaurant « La commission des liqueurs ».  Un beau 2600 pieds carré afin de s’installer sans peur de manquer d’espace.

Nous aimerions sincèrement remercier Akufen pour l’espace qu’ils nous ont alloué durant cette première année d’activité, ce fut un sacré bon coup de pouce.  Leur énergie (débordante) nous manquera à coup sûr.

En espérant que vous serez présent lors de notre pendaison de crémaillère, ce sera le temps d’inaugurer le foyer et le jacuzzi.

Étant une jeune boîte de production en expansion, nous devons faire beaucoup de recherche pour trouver de bon développeur en tant qu'employé ou encore en tant que pigiste. Il est parfois difficile de cerner exactement ce qui fait en soit un bon développeur, surtout lorsque nous n'avons qu'une ou deux entrevues pour le déterminer. Bien sur il y a l'évaluation technique qui aide a déterminer le niveau du développeur en question mais lorsque le choix doit se faire entre deux ou trois développeur qui ont chacun plusieurs années d'expériences, les compétences techniques sont plus relative. Cependant, avec l'expérience, nous sommes en mesure maintenant de déterminer ce qui fait qu'un développeur restera toujours au dessus de la mêlé malgré des compétences techniques plus ou moins équivalente. Parfois, à compétences égales, il est préférable d'y aller avec quelqu'un démontrant plus de passion, d'autonomie et d'ouverture d'esprit.

Autonomie
C'est sûrement une des qualités importante d'un développeur efficace. L'autonomie pour un développeur est la capacité à choisir et se renseigner de son propre chef. En fait, un développeur autonome n'attend pas après les autres pour choisir une technologie, une solution ou un langage, il se renseigne d'abord et tire ensuite par lui-même ses propres conclusion. Un développeur autonome vérifie avant de demander conseil. Un développeur autonome sait très bien que pour la majorité des questions et problèmes, quelqu'un avant a trouver une réponse ou une solution.

Responsabilité
La responsabilité est ici prise au sens spécifique qui se rattache directement au travail de développeur. Un développeur responsable est un développeur qui sait quoi faire au bon moment. Nous travaillons souvent dans des endroits où se trouvent de multiples sources de distraction, sans compter que notre principal outil de travail est une source de distraction en soi. Il est donc primordial de savoir quand maximiser les temps plus productifs et les temps moins productif d'une journée, d'une semaine. Savoir quand prendre le temps de lire et répondre aux multiples courriels. Quand prendre le temps de jouer à un jeu. Quand prendre le temps de lire les nouvelles, d'aller sur Facebook. Un développeur qui responsabilisera son temps de façon optimale au jour, et à la semaine, sera drôlement plus efficace.

Passion
La passion ne s'apprend pas malheureusement, elle vient naturellement lorsque l'on fait ce pour quoi on a un réel plaisir, un réel intérêt. Pour un développeur, la passion signifie plusieurs choses. Elle signifie qu'on veut constamment regarder en avant pour voir quelles seront les prochaines tendances dans notre domaine respectif : les nouveaux langages, les nouvelles plateformes, les nouvelles versions. Elle signifie que nous avons un réel intérêt à lire les blogues, magazines, bouquins des personnes à travers le monde qui font le même métier pour apprendre de nouvelles techniques, de nouvelles façons de penser et d'approcher les problèmes. De plus, cette passion nous amène souvent à tester, dans nos temps libres, des techniques ou nouvelles technologie qui permettront d'élargir nos champs de compétences.

Ouverture d'esprit
Nous avons tous déjà connus des personnes qui ne jure que par OS X ou encore Linux, et qui par préférence se campe dans leur position et ne veulent rien savoir des autres technologies. En soi, il n'y a absolument rien de mal à avoir des préférences, nous en avons tous. Cependant, pour ce qui est d'un développeur, il est souvent tentant de se camper dans un langage précis ou une technologie précise et d'ignorer ce qui se fait de différent. Pour être un développeur informer, et offrir les meilleures solutions à notre client ou notre entreprise, un développeur se doit absolument de garder l'esprit ouvert et vérifier les technologies différentes ou encore moins attirantes. C'est en comparant au fil des années les différentes technologies qu'on développe une expertise et qu'on accumule un bagage d'information qui nous permet de savoir exactement le moyen le plus efficace ou performant pour réaliser un projet.

Bien sûr nul n'est parfait en ce monde et il n'est pas nécessaire, pour avoir du succès, d'appliquer à la lettre les recommandations mentionnées plus haut. Cependant, pour être un développeur qui sort de la mêlée et qui est toujours un pas en avant il faut être conscient de ces aspects.

Est-ce moi ou, peu importe les moyens que l’on cherche pour se changer les idées ces temps-ci, on ne peut s’empêcher d’entendre parler de la crise économique diffusée par nos charmants voisins d’en dessous. Je reste encore étonné quand ma coiffeuse, la préposée chez Archambault ou même le vendeur chez Fido décide, au lieu d’établir la conversation avec une remarque sur la température, de me fournir un update sur le taux de change ou bien sur la valeur de la dette nationale américaine. Même au cinéma, dans le nouveau film de James Bond, on passe des craques sur la valeur du dollar américain en spécifiant, lors d’un échange d’argent, qu’il est effectué en euros plutôt qu’en USD « qui n’a plus la valeur qu’il avait avant» (dit à peu près dans ces mots, l’homme devant moi siphonnait le fond de son gallon de Coke alors j’entendais plus ou moins). Bref, on en vient qu’à se demander si l’instabilité économique qui nous menace est la nouvelle sensation forte ou même pire, le nouveau « y fait beau dehors »!

Il est certain qu’on s’inquiète tous un peu en s’interrogeant à quel niveau la dépression nous affectera et, en tant que nouveaux entrepreneurs en développement web, on se demande à quel point notre entreprise sera touchée par la situation qui, dit-on, sera modérément similaire ici. Une bonne partie de notre clientèle étant des agences de publicité montréalaises, on peut croire que leur sort sera en partie garant du notre et c’est pourquoi des communiqués comme celui-ci qui énumèrent des recherches stipulant une baisse des dépenses publicitaires en général, mais surtout dans les réseaux n’ayant pas une portée nationale ne peuvent, à première vue, que faire sonner un signal d’alarme. Si on calcule qu’environ 85% des campagnes publicitaires sur lesquelles nous travaillons sont ciblées pour le Québec, c’est le début de la fin… Bon, nous somme au Canada, la situation économique est et sera moins désastreuse qu’aux États-Unis nous assure-t-on. De plus, le Québec est un marché plus ciblé que dans le reste du pays, ça crée ainsi une espèce de « microclimat » national j’imagine? Toutefois, la plus grosse différence est que, à l’instar des prédictions de ces recherches qui visent les médias traditionnels, nous avons la chance d’être des spécialistes du web, c’est même pourquoi j’écris cet article avec le sourire plutôt que des plis plein le front.

Rappelons-nous, il n’y a pas si longtemps que les campagnes web ont droit, parfois, à une déclinaison réellement adaptée à ce médium et pas simplement une vulgaire version « low-rez » de la pub télé en version gif animée 16 couleurs, 15x15px, 20ko maximum. Depuis plus de deux ans, les dépenses en publicité sur internet augmentent d’au moins 15% par année et, avant la crise économique, PriceWaterHouseCoopers prédisait que, au Canada plus qu’ailleurs, cette proportion augmenterait pour atteindre et surpasser 20% d’expansion par année. Bien sûr aujourd’hui les chiffres sont plus conservateurs et dans ce communiqué de l’IAB du Canada, on parle plutôt d’un taux de croissance aux environs de 15%. Je ne sais pas pour vous, mais 15% sur un budget estimé à 1.5 milliard pour 2008, je trouve que ça fait quand même beaucoup de sous… En somme, on nous assure que les grandes entreprises gardent confiance et comprennent maintenant mieux certains des avantages des campagnes en ligne tels que la possibilité d’obtenir des chiffres sur l’efficacité de leurs campagnes quasi instantanément ou même de les géo-socio cibler avec une précision jusqu’à aujourd’hui inégalée. Ce sont ces outils, aidés de l’arrivée en trombe de produits numériques sur mobile et autres supports non conventionnels qui me convainquent que, malgré tout ce que pourra me dire ma coiffeuse, je sent que nous sommes au bon endroit au bon moment!