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.

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.

ZenCoder
Recréer un nouveau Youtube, Vimeo ou autres? Avec le service ZenCoder, vous avez la possibilité d'effectuer la conversion vidéo directement dans votre microsite ou dans votre application. Avec une « API » simple et rapide vous pouvez empiler les demandes d'encodage vidéo aux services ZenCoder qui vous notifie automatiquement lorsque la tâche est complétée. Reste à voir si le service peut supporter des campagnes importantes. Il semblerait que oui selon les informations disponibles.

Selectivizr
Utiliser (avec une certaine limite) le CSS3 maintenant et garder la rétrocompatibilité avec les plus vieux fureteurs? Selectivizr est une librairie JavaScript qui rend disponibles les sélecteurs CSS3 dans les navigateurs Internet Explorer (toutes versions confondues). L'outil est compatible avec la plupart des librairies JavaScript populaires. Certains sélecteurs ne sont pas encore disponibles, mais ils sont cependant en développement.

Modernizr
Librairie JavaScript qui facilite la tâche fastidieuse d'effectuer la détection de fonctionnalité des différents fureteurs pour afficher du contenu personnalisé à l'utilisateur. Il est pratique parfois de savoir si le fureteur accepte certaines fonctionnalités précises comme l'utilisation d'effet CSS ou encore le SVG. Modernizr ajoute des classes aux balises HTML pour qu'il soit possible d'offrir un contenu adapté.

HTML5 Boiler Plate
Vous désirez développer vos sites immédiatement en HTML5 même si ce n'est pas encore un standard complètement supporté et rétrocompatible? Aucun problème. HTML5 Boiler Plate est une base de développement qui permet de lancer rapidement le développement d'un site en HTML5 tout en s'assurant que tous les éléments utilisés seront compatibles avec les plus anciens navigateurs. Le gabarit comprends un squelette HTML de base, une feuille de style de réinitialisation avec les éléments pour l'impression et les mobiles, l'inclusion des libraires importantes JavaScript, un fichier de sécurité pour les éléments Flash, un fichier « robots.txt » pour les moteurs de recherche et finalement un fichier « .htaccess » qui s'occupe de différentes optimisations pour les moteurs de recherche et la rapidité de chargement d'une page. Bref, une solide base pour le développement interactif.

SASS
Si vous trouvez que l'implémentation des feuilles de style devient une tâche lourde, SASS pourrait vous apporter un vent de fraicheur. SASS est un langage simplifié de développement CSS qui permet d'implémenter les feuilles style de façon rapide et concise. Un outil permet de convertir directement les feuilles de style SASS en feuilles de style standard. L'outil en ligne de commande peut donc être intégré à un système de déploiement automatique pour une plus grande flexibilité.

En attendant la prochaine « shortlist », au plaisir!

Le « web » est rempli de trucs intéressants. Spécialement pour les gens, qui comme moi, s'amusent à suivre à travers divers liens, les méandres de l'Internet! Comme développeur dans un secteur technologique constamment en ébullition, je tombe souvent sur des liens intéressants qui me permettent de diversifier mes projets et de pouvoir travailler plus efficacement. Avec la possibilité de voir le service Delicious fermé il y a peu de temps, j'ai eu le plaisir (ce fut long, mais intéressant) de refaire le tri de mes nombreux liens découverts au fil du temps. Je me suis dit qu'il pourrait être intéressant de partager avec vous ces liens qui pourront vous servir dans le cadre de vos projets. On ne réalise pas, de nos jours, à quel point nous avons un immense bassin d'outil de toutes sortes pour constamment redéfinir et repousser les limites de notre travail.

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.

Éditeur Aloha
Nous sommes depuis longtemps habitués dans le domaine des interfaces d'éditions Web aux communs éditeurs riches qui nous permettent d'éditer le texte à la façon Microsoft Word. Si vous êtes un développeur, vous connaissez surement TinyMCE, FCKEditor ou maintenant CKEditor. L'éditeur Aloha est une version un peu différente des éditeurs auxquels nous sommes habitués. S'incluant en « overlay » directement par-dessus les boîtes de texte, il offre une interface simple, élégante, rapide. Est beaucoup plus rapide d'initialisation que ses concurrents, il est une option intéressante quand vient le temps de choisir un éditeur riche pour un projet particulier.

Plateforme YQL de Yahoo
Service gratuit et hyper bien pensé offert par Yahoo. YQL est une plateforme qui permet de faire des requêtes YQL analogues à des requêtes de base de données SQL pour ceux qui sont initiés) auprès de tous les services Web de la compagnie Yahoo. On a accès par exemple aux données de météos, de « Yahoo answers », des statistiques de sports, de géolocalisation, de Flickr, et plus encore. Cette plateforme peut devenir un outil puissant pour développer des applications Web avec services intégrer de façon efficace.

Simple Geo
Vous voulez développer un Facebook Places sur votre microsite? Ou encore afficher de l'information contextuelle à une localisation géographique. Simple Geo est un service Web gratuit qui permet d'aller chercher de l'information contextuelle sur un endroit précis : densité de population, commerce environnant, température, endroits clés environnants, et plus. Le tout habituellement en un seul appel au service. La société offre aussi un service gratuit et ouvert pour effectuer des « check-in » à la Foursquare selon des endroits géographiques précis.

Saplo
Probablement pour des usages un peu plus orthodoxes, Saplo est un service Web qui permet de faire de l'analyse de texte. Cet outil permet entre autres de déterminer le contexte de document écrit et donc de ressortir des catégories directement selon les textes d'un document particulier (une page Web entre autres). Cela pourrait permettre de lier des utilisateurs selon le contexte de leurs contributions dans une application Web. Fait intéressant à noter, il peut aussi détecter les humeurs dans un texte! Il maitrise l'analyse du concept de positif et de négatif.

Twilio
Vous voulez utiliser le SMS (Short Message Service) lors de vos stratégies interactives ? Twilio est une puissante plateforme de communication qui supporte l'envoi de SMS ou encore la gestion de téléconférence en téléphonie IP. Vous pouvez envoyer vos SMS directement à partir d'une interface ou encore automatiquement par programmation dans le cadre d'un microsite ou d'une stratégie interactive.

À la prochaine "shortlist"!

Depuis maintenant une semaine, Marie-Ève Benoit s’est joint à notre équipe à titre de Productrice Web.  Ancienne LG2ienne, elle à eu la l’occasion de travailler sur les comptes de Desjardins, Bell, Hydro Québec et bien d’autres.

Nous sommes convaincus qu’elle saura trouver des défis à la hauteur de ses attentes au sein de l’équipe QuatreCentQuatre.

Bienvenue Marie-Ève

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.

L'Île au souhaits

Comme nous n'avions pas le temps de faire notre propre carte de noël, et bien nous avons décidé de réaliser celle de notre client Allard Johnson. Si jamais vous décidez d'y jeter un coup d'oeil et bien sachez que pour tous les voeux qui seront postés dans le ciel étoilé, une somme sera remise à la fondation Rêve d'enfant.

Production : Quatrecentquatre
Création et Design : Allard Johnson

Dans tout développement d'application interactive, de site web, de microsite, une évaluation sommaire de l'achalandage sur le dit site doit être faîte pour estimer à l'avance le genre de déploiement serveur qui sera nécessaire pour palier à la demande. Avec la nouvelle réalité des réseaux sociaux et du caractère virale de certaines applications ou microsite, il est extrêmement difficile de prédire avec exactitude l'achalandage. Malheureusement, dans certain cas et pour certain serveur, une différence de 2 000 usagers à l'heure dans les périodes de pointe peut signifier la différence entre un serveur bien portant et un serveur avec la langue par terre.Tout dépendant du type d'application (application avec usage extrême de la base de données, application plutôt statique, application avec utilisation extrême du vidéo) il est souvent difficile de s'en sortir pour les compagnies sans débourser une bonne somme d'argent en serveur balancé ou encore en serveur de "streaming".

Alors quoi faire pour s'en sortir sans briser son cochon ? Pour être sûrs de répondre à la demande tant au niveau de la bande passante que des cycles de processeurs nécessaire pour répondre aux requêtes incessantes de tout ces utilisateurs en besoin de navigation.

Il existe plusieurs options. Tout d'abord nous pouvons toujours confier notre produit entre les mains de services d'hébergement mutualisé ou encore de serveurs dédiés (par exemple avec iweb et 1and1)  si on pense que l'achalandage ne requiert aucune infrastructure serveur faramineuse et que la demande en bande passante ne sera pas exhaustive.

Si notre application utilise la vidéo de façon intensive, ce qui souvent est problématique dans le cas d'achalandage élevé sur des serveurs mutualisé, il y a toujours l'option de placer les vidéos sur un serveur de "streaming" (par exemple avec stream the world) ce qui est en soi la meilleure option mais qui souvent implique des coûts importants. Une option intéressante pour assurer un achalandage quasi infinie pour ce genre d'application est d'utiliser un service comme le S3 D'Amazon qui utilise la force du réseau d'Amazon (effectivement c'est bel et bien celui du magasin en ligne Amazon) et qui implique un coût ridiculement bas pour la bande passante.

Dans un dernier cas de figure, si on pense que notre application ou microsite sera assaillit par les utilisateurs, peu d'option s'offrent à nous. La première est de se retourné vers les services d'hébergement personnalisé où le nombre de serveurs requis sera mis en place pour affronter la charge utilisateur avec les coûts énorme que cela implique. La deuxième est d'utiliser les services d'hébergement qu'on appelle "cloud computing", la nouvelle coqueluche en fait d'hébergement de haut niveau et de flexibilité.

Qu'est-ce que le "cloud computing" ? Et bien c'est un type d'hébergement qui permet de configurer un type particulier de serveur qui sera automatiquement cloné en fonction de la demande utilisateur sur notre application ou microsite. Ce qui veut dire que l'application répond rapidement peu importe la demande. Et combien cela coûte-t-il ? Et bien pour la plupart des services de "cloud computing" tel que Mosso et Amazon EC2 les coûts sont calculé en fonction de la bande passante utilisée ainsi que les cycles de processeurs utilisés. Plus de clone nécessaire pour faire rouler votre application, plus de coûts. Les coûts au niveau de la bande passante et des cycles processeur sont extrêmement bas ce qui rend cette option encore plus intéressante.

Bref, il y a maintenant beaucoup de moyens de répondre à la demande des utilisateurs sans investir des sommes considérable dans des services qui sont difficile ensuite a gérer et qui demande du personnel qualifié. Seul l'avenir nous le dira mais j'ai une certaine intuition que le "cloud computing" sera le type d'hébergement le plus utilisé d'ici quelques années.