Optimisation Web | Marketing Internet, E-Commerce, E-Communauté, Web 2.0

Bruno Caillé, le 19 mars 2008 à 11:25 dans Logiciel libre, Programmation, Service Web, Technologie, Web 2.0, Événement

Trois membres de l’équipe de développement de K3Média représentaient l’entreprise à la dernière conférence PHP Québec ayant eue lieu à Montréal. Jérôme Bascoul, Mathieu Ducharme et moi-même. Ce fut une belle réussite, l’événement faisant salle comble pour la première fois, ce qui démontre encore une fois l’implantation croissante de PHP dans la province.

Dans ce billet, je livrerai une petite synthèse de ma visite au Sofitel. Évidemment, sachez qu’il y a une énorme quantité d’information à notre disposition dans ce type d’événement. Chaque personne vient donc y chercher ce qui lui semble pertinent. En ce qui me concerne, je voulais rencontrer les vrais "pros". Ceux qui travaillent chez MySQL, qui ont les deux mains dans le noyau de PHP, qui produisent les innovations techniques nous permettant de demeurer créatifs et de livrer des applications de qualités. À ce chapitre, je n’ai pas été déçu.

Voici donc, chronologiquement, les détails :

JOUR 1 :

Performance-minded MySQL for PHP Developpers
Jay Pipes

Si la modélisation de base de données vous intéresse, sautez sur le dvd de cette conférence aussitôt qu’il sera disponible. Ou encore, cliquez ici pour en avoir un résumé de l’auteur. Jay Pipes travaille chez MySQL et il ne se contente pas de livrer les astuces éculées sur la bête. Il connaît visiblement le fonctionnement des différents engins (MyIsam, InnoDB…) et décrit en détail le fonctionnement interne d’une requête dans chaque cas. En plus de citer de multiples cas d’optimisation concrets de requêtes SQL ou de structure de données. Par exemple, les avantages à utiliser de multiples engins selon les tables et leur contenu, le partitionnement de données, la détection d’index inutiles, etc… Très intéressant et très pertinent.

Databases and SQL (un)patterns
Lukas Smith

Cela doit être difficile de voir la majorité de ses points se faire couvrir dans la présentation précédente. M. Smith s’est rapidement rendu compte que sa conférence était redondante avec la première et que plusieurs personnes assistaient aux deux, donc il a légèrement modifié sa présentation pour ajouter des éléments comparatifs entre MSQL, PostgreSQL et Oracle. Bien qu’intéressante, cette présentation n’avait pas la même profondeur que la première.

Rich desktop Applications
Raphaël Rougeron

Je ne savais que penser en lisant le résumé de ce séminaire car il semblait concerner des technologies propriétaires, mais il m’a grandement surpris. En fait, il s’agissait plutôt d’un comparatif entre Adobe Air et XulRunner. Clairement, le formateur penchait pour ce dernier, mais a joué le jeu de la description des deux, exemples à l’appui.

Bien que friand des solutions ouvertes, je dois avouer qu’Adobe air, était assez convaincant. Quelqu’un qui a des connaissances en HTML, Javascript, CSS, Actionscript peut recycler un projet, lui ajouter 2 lignes de codes et en faire une application desktop… impressionnant. L’intégration des différents outils d’Adobe n’est rien pour nuire.

XulRunner m’a semblé essouflé par rapport à la solution d’Adobe. Une syntaxe beaucoup plus aride (trop) pour le résultat escompté, lente à l’exécution, une pénétration du runtime très faible, bref alors qu’Adobe nous offre une solution clé en main, nous avons de l’autre côté une solution qui nous procurera de multiples migraines.

Maintenant XulRunner possède de belle qualités. En plus d’être une technologie ouverte, il y est plus simple de créer des composantes réutilisables (XBL) et de mieux moduler notre application. De plus, avec l’arrivée prochaine de Firefox 3.0, le runtime XulRunner sera inclu avec le fureteur. Ainsi, le tiers des internautes l’auront sur leur station et pourraient potentiellement installer des applications l’utilisant. Le rendu du Javascript sera aussi grandement accéléré donc le problème de vitesse devrait se résorber. Il y a donc un avenir pour cette technologie, qui sert déjà de base aux extensions de Firefox de toute manière.

Je crois que M. Rougeron frappe dans le mille en nous conseillant d’ailleurs de débuter par le développement d’une simple extension Firefox avant d’y aller avec la totale application si l’on veut suivre la voie Xul.

Une partie de cette conférence était consacré aux API REST et RESTFull. Très intéressant.

PECL : The PHP Language Workbench
Sebastian Bergmann

Quelquefois, un séminaire nous parle d’un truc et bien que nous savons que nous ne nous en servirons pas, cela nous fait aboutir sur d’autres choses. C’est un peu ce qui c’est passé avec celui-ci.

De toutes les extensions PECL que nous avons vues, je retiens parse_tree qui permet d’aller chercher toutes les informations possibles et inimaginables en format XML sur unr page PHP. Seulement, sans l’intervention d’un fichier XSLT, ces informations sont inutilisables pour un être humain normalement constitué!

Je trouvais l’idée d’aller chercher les informations sur les pages PHP géniale, mais l’utilisation de parse_tree me semble trop complexe pour le gain d’optimisation que nous pourrions en tirer. J’ai donc trouvé une extension PEAR PHP_CodeSniffer qui me permettra d’aller chercher les optimisations possibles aux pages PHP sur nos serveurs. Belle trouvaille.

Breaking the rules
Morgan Tocker

Je suis toujours impatient d’assister à un séminaire de quelqu’un de chez MySQL. Mais, je dois avouer que j’ai été déçu par celui-ci. Je m’attendais à des notions avançées de dénormalisations par un spécialiste, mais il ne s’agissait que de trucs génériques sur comment épargner son serveur mySQL. En résumé, la plupart des astuces pointaient vers un motto : “Enlever des trucs de votre MySQL, il roulera plus vite.” Ne pas utiliser de constraints, de checks, de foreign keys, épargne bien sûr du travail côté base de donnée, mais il en donnera davantage côté PHP… S’agit-il d’un gain réel tant au développement qu’à l’utilisation? Il n’avait aucun chiffre, benchmark test à l’appui. Bref, je ne suis pas convaincu.

JOUR 2

API Design in PHP
David Sklar

Passionnant, cette conférence. Le développement d’API fait appel à de nouvelles problématiques et cet architecte logiciel de chez Ning nous a livré de judicieuses astuces sur la maintenance de leur propre API.

Alors que dans le commun des développement, il est plus simple d’effacer que d’ajouter, la réalité s’inverse dans le développement d’API. Impossible de supprimmer une méthode sans subir des plaintes des usagers qui l’utilisent toujours. Si vous voulez déprécier un truc, vous le laisser actif combien de temps? Cela peut rapidement devenir un casse-tête.

La mentalité de Ning est de prévilégier l’expérience client au-dessus même du développement. Donc, si une façon de faire peut rendre un client plus heureux, malgré une perte d’optimisation, ce choix sera fait. L’idée est que l’usager ne devrait jamais être frustré par l’utilisation de l’API. Je crois qu’il s’agit d’une bonne ligne de conduite puisqu’un API pourrait être ultra-fonctionnel, mais très difficile à utiliser pour l’usager. Son succès en serait donc affecté davantage qu’avec un léger compromis sur les performances.

Aussi, les méthodes aux longues listes de paramètres sont proscrites car cela perd en clarté et en facilité de maintenance. L’utilisation d’un array est recommandée.

De plus, il est recommandé de débuter les noms de méthodes, de propriétés et de namespaces avec un préfixe identifiant clairement l’API (XN est celui de Ning). Ceci fait en sorte que les gens instinctivement n’altéreront pas ces items.

Comme Ning est un API RESTFull, il leur est facile d’inclure le numéro de la version de l’API demandée dans l’URL et de conserver plusieurs branches de l’API. Ainsi, les usagers utilisant des méthodes dépréciées pourront continuer d’utiliser la version voulue sans qu’elle ne soit "traînée" dans les branches futures.

Comme par exemple :

XN/ATOM/1.0/CONTENT…

Aussi, encore plus qu’ailleurs, l’importance est à la documentation détaillée de l’application. PHPDocumentor est une solution largement utilisée. Les tests unitaires sont aussi primordiaux dans ce type d’entreprise. Ning est récemment passé de Simpletest à PHPUnit pour les capacité accrues de ce dernier. Le fait de pouvoir automatiser des séquences de tests et de déclencher une notification à la moindre défaillance permet de déceler plus facilement une coquille qui s’est glissée dans quelque chose qui fonctionnait très bien autrefois, précisément le genre de bogue qui frustre les usagers d’un API. PHPUnit s’est d’ailleurs avéré être un outil fort prisé par plusieurs conférenciers.

Graph-Oriented Programming with PHP
Sebastian Bergmann

Ce séminaire présentait le "workflow engine" d’eZ Systems. Il s’agissait d’une présentation très "high level" et théorique sur le projet de thèse de doctorat de M. Bergmann. Je dois avouer que j’aimes voir des cas concrets et du code me démontrant les bénéfices d’une innovation. Je suis resté sur ma faim.

Pour en savoir davantage.

PHP and memcached – Giving your database server a break
Marc Wandschneider

La mise en cache… Le genre de truc que l’on connait tous sans jamais être parfaitement à l’aise avec tous les dillemmes que cela soulève. Cette formation réponds à plusieurs interrogations concernant une des façon les plus populaires d’accélérer l’accès à vos données, memcached.

À la base étonnemment simple, son concept est de réduire les allers-retours au disque dur, le maillon faible de la chaîne en terme de rapidité pour la lecture d’informations provenant de votre base de donnée. Memcached va utiliser votre mémoire vive qui est immensément plus rapide. Il s’agit tout simplement d’un gigantesque array contenant les informations que vous y déposez. Lors d’une requête, memcached va d’abord vérifier si votre valeur est dans l’array, sinon exécute la requête à la base. Tout simple.

Toutefois, memcached est bourré de trous. Par exemple, comme il ne s’agit que d’un giga-array, zéro sécurité. Aucune authentification possible. Ou si vous voulez barrer une entrée temporairement le temps qu’une transaction se termine, impossible de le faire via ce système. Faites très attention à ce que vous mettez dans votre cache.

L’autre faille est que pour être rapide, memcached doit être installé localement, grugeant des ressources précieuses de votre serveur. Bien sûr, il est paramétrable. Mais, pour être pleinement efficace, plusieurs serveurs doivent être greffé à votre memcached. Facebook a agi de la sorte. Ils ont des dizaines de serveurs dédiés à un memcached. Malheureusement, tous n’ont pas les moyens de Facebook.

Malgré tout, pour stocker de petites données bien choisies ne nécessitant pas de sécurité, memcached peut s’avérer un bon choix. À cela j’ajouterais toutefois le MySQL Query Cache. De cette manière, si jamais la donnée n’est pas trouvée dans l’array de memcached, un second niveau de caching se trouverait plus loin lors de la requête si cette entrée n’a pas subi de modification depuis.

Help! I found a bug in my code!
Derick Rethans

Toujours en version beta, xdebug est une extension PEAR permettant au développeur d’aller quérir davantage d’informations sur une erreur survenue en cours d’exécution ou encore d’optimiser son code.

Vous pouvez personaliser les indications d’erreurs fatales vous parvenant en paramétrant xdebug. Je vous invite à aller chercher le PDF de la conférence pour visualiser les différentes possibilités. Notez bien que le message d’erreur n’est pas nécessairement celui que vous auriez normalement, mais bien celui issu du compilateur PHP, souvent plus complet aux yeux du développeur.

Aussi, parmi les choses intéressantes, avec xdebug, vous serez en mesure d’identifier des écarts de temps, par exemple, combien de temps une fonction PHP a mis de temps à s’exécuter. Vous serez aussi en mesure de retracer les pointes de l’usage de la mémoire.

Comme je suis un visuel de nature, j’ai vraiment adoré l’idée d’activer le "profiling" et d’utiliser KCacheGrind pour visualiser les goulots d’étranglement de la page en un clin d’oeil. Idéal lorsqu’une page semble ramer sans raison.

Who am I? - The age of digital identity
Rob Richards

Ce spécialiste de la sécurité informatique, maniaque du respect de la vie privée sur le web a livré une conférence très intéressante sur OpenId versus les Information Cards (openinfocards pas celles de Microsoft!), Bien que l’on sentait son penchant pour l’une des deux solutions, il a livré une bonne description et une bonne analyse des deux plateforme. Je dois avouer que je ne connaissais aucune de ces technologies avant ce séminaire et j’en ai appris énormément. Bien qu’instructif, il reste encore beaucoup de travail pour que ce genre de techno devienne un standard sur le web. Premièrement, l’accessibilité de la chose. Ce n’est pas demain la veille que la personne plus ou moins “computer literate” va utiliser les information cards. Même le formateur s’y est repris à 5 fois pour que cela finisse par fonctionner! Bref, cela demeure pour l’instant une techno de “geeks”.

Côté sécurité aussi cela pose de nombreuse questions. OpenID est à mes yeux un danger public. Il faut vous procurer un ID auprès d’un fournisseur et vous authentifier chez lui à chacune de vos authentification, transaction sur le web… Je ne tiens pas à ce que Verisign ou quiconque possède de telles informations sur moi. Cela serait cent fois pires qu’un espiogiciels planté sur ma station. Et même si je fais confiance à Verisign, à qui sera-t-elle vendue dans le futur? Où irons mes infos? Un non-sens en terme de sécurité. OpenId a fait exactement ce contre quoi elle lutte. Bref, ils se sont plantés.

Concernant les information cards, cette techno a du potentiel si l’on peut traîner ses cartes avec soi, ce qui n’est pas encore le cas. Cela revient donc à dire que cette techno s’adresse pour le moment à ceux qui sauront héberger leurs identités chez eux afin d’en profiter partout. Un truc de “geeks” vous dis-je! Fort prometteur toutefois. Je retournerai voir où ils en sont l’an prochain.

Tags associés: actionscript, adobe, api, Application, astuces, Blogue, carte, Conférence, CSS, Design, Facebook, firefox, futur, google, Innovation, Internet, javascript, K3média, livre, Montréal, MySQL, Optimisation Web, php, Québec, Ressources, Technologie, TI, travail, Trucs, veille, vie privée, Web, xp, Xul

2 commentaires

Plusieurs changements en Beta pour Facebook

Bruno Caillé, le 3 janvier 2008 à 2:11 dans Facebook, OpenSocial, Web social

Plusieurs modifications en cours du côté de la plateforme Facebook en ce début d’année 2008. Il faut croire que le géant du web social n’a pas pris de vacances du temps des fêtes et nous arrive avec une suite de nouveautés qui sont très clairement destinées à faire contrepoids à OpenSocial.

Ces changements sont tous destinés à donner plus de latitude aux développeurs dans le canevas Facebook afin d’optimiser et de maximiser la qualité des applications.

La plus grande innovation réside certainement dans la gestion effectuée par Facebook de ses pages. Afin de se construire, chaque page d’une application passait obligatoirement le supplice de faire trois aller-retours entre votre poste de travail, la plateforme Facebook (la couche de donnée, l’API) et le serveur d’applications (qui construit l’FBML) avant de finalement s’imprimer sur votre écran. Fonctionel, mais laborieux. Et avec l’arrivée d’OpenSocial qui en un seul aller-retour peut effectuer le travail et ne vous limite pas à du FBML sur un canevas très strict, la compétition devenait inégale.

Facebook à donc sabré un aller-retour (requête # 4 et 5 sur Fig. 1) en créant des requêtes FQL préchargeables. Le développeur n’a qu’a les spécifier dans son code et les ajouter programmatiquement comme propriétés de son application. Lorsque la plateforme émettra une requête vers le serveur d’application (requête # 2 sur Fig. 1), elle contiendra déjà le résultat des requêtes FQL de l’application et le FBML sera prêt à être entièrement généré par le serveur d’application qui retournera la page à Facebook, puis à l’usager.

Fig 1.

Fig 2.

Dans la même veine, il sera désormais possible d’inclure des fichier Javascript (compatible au standard FBJS) et des feuilles de styles dans vos pages d’applications. De cette manière, il sera possible de stocker des parties du code dans la mémoire cache du fureteur et ainsi optimiser le rendu des pages. Ceci peut paraître une bien mince optimisation, mais du point de vue où Facebook traite et vérifie et “nettoie” tout le code qui entre dans ses canvas, répéter cette opération à chaque rendu de page devenait très fastidieux. Et de permettre l’usage de librairies javascript aux développeurs leur permettera de coder plus proprement et de manière plus efficace, comme sur toute autre plateforme. Cependant, Facebook repassera sur chaque balise écrite par le développeur et réécrira les balises à son goût… et ce à chaque rendu de page… On accorde donc davantage de liberté aux développeurs, mais en conservant le contrôle entier sur la plateforme et son fonctionnement, au prix de ralentir quelquefois l’ensemble de ce dernier.

En définitive, cette refonte majeure va substantiellement accélérer le visionnement de vos pages d’applications sur Facebook et va faire en sorte que l’écart avec OpenSocial se réduira au niveau de l’optimisation. Toutefois, comme OpenSocial n’a pas de rendu FBML à gérer et n’impose pas de canevas avec toutes les notions de “nettoyage” (vu comme un carcan par plusieurs), OpenSocial jouit probablement d’un avantage naturel sur les cycles de processeurs.

Sur une note plus mineure, Facebook autorise maintenant les témoins (cookies) sur ses applications. Ils seront stockés sur le serveur de Facebook, seront reliés à votre application et demeureront donc actifs peu importe le fureteur ou l’ordinateur utilisé. Rien de bien innovateur ici, mais le fait de pouvoir réaliser cette avancée dans le contexte du canvas très strict de Facebook est désormais intéressant et suscite la question suivante. “Devrions-nous nous réjouir devant l’opportunité que nous offre Facebook de maintenant créer des témoins ou encore nous demander pourquoi quelque chose d’aussi primaire en web ne figurait pas déjà sur cette plateforme?”.

Encore une fois, la faille de Facebook est son désir de tout garder homogène sur une seule et unique plateforme, un seul canevas : facebook.com. Créer un témoin est une chose très simple en web, mais lorsque l’on nous fait transiter par un canevas sur une plateforme distante (Facebook) pour en créer un, cela peut devenir très fastidieux et causer de sérieux maux de têtes aux gens de Facebook.

Aussi, autre frustration des développeurs Facebook, l’utilisation du Javascript a été quelque peu amélioré. Il est désormais possible d’effectuer des requêtes asynchrone (ajax) sans avoir à contourner le canvas dis-t-on ouvertement sur le site de Facebook… Encore une fois, les apparences jouent contre Facebook et ils semblent colmater des brèches et réinventer la roue pour des choses déjà existantes et simples. Faire une requête ajax ne demanderait pas tant de travail aux gens de Facebook s’ils permettaient l’usage de librairies telles Prototype ou Scriptaculous.

OpenSocial en est toujours à son API 0,6 et n’est pas encore considéré stable pour passer des applications en production, mais Facebook semble déjà pallier à ses principales lacunes en vue de conserver sa croissance actuelle. 2008 s’annonce passionnante! Bonne année à tous!

Facebook Beta :
http://www.beta.facebook.com/

Sources :
http://developers.facebook.com/news.php?blog=1&story=62
http://wiki.developers.facebook.com/index.php/Category:Beta_Feature

Tags associés: ajax, api, Application, Blogue, cookies, Facebook, Innovation, javascript, OpenSocial, Optimisation Web, php, TI, travail, Web, Web social, wiki

1 commentaire

Les 19 degrés de séparation du Web

Alain Lépine, le 7 septembre 2007 à 10:52 dans Marketing Internet, Média sociaux, Web social

Nous avons tous déjà entendu parlé de la théorie des 6 degrés de séparation voulant que toute personne sur Terre est reliée à toute autre personne par l’intermédiaire d’une chaine de contacts interposés comprenant au plus 6 personnes.

Cette théorie fût d’abord imaginée en littérature par l’auteur Hongrois Frigyes Karinthy en 1929 et testée par Stanley Milgram en 1967 dans l‘étude du petit monde. L’étude de Milgram visait à mesurer le nombre de degrés de séparation entre des individus de communautés éloignées du sud et du nord des États-Unis. Son étude lui permit de constater que le nombre moyen de 6 intermédiaires se précisait dans les résultats, d’où l’expression des 6 degrés de séparation.

Fait très important à noter, Milgram constata que la plupart des propagations étaient le fruit d’un petit nombre de personnes ayant une connectivité nettement supérieur à la moyenne. Milgram identifia le phénomène créé par ces individus hyper sociaux comme un effet d’entonnoir. (Je reviendrai sur l’importance de ce phénomène dans mon prochain billet).

Inspiré par l’étude du petit monde, le chercheur Albert-Laszio Barabasi entreprit en 1998 de mesurer le nombre de degrés de séparation des documents sur le Web. Son étude démontra qu’une moyenne de 19 degrés sépare les documents sur Internet. Un ami m’a dit que se nombre aurait décliné depuis 1998 en raison de la présence croissante de sites hyper connecté ou hyper sociaux, je ne peux confirmer cette information pour l’instant.

La compréhension de ce phénomène m’amène à vous poser une question très importante pour votre rayonnement sur Internet :Votre site est-il hyper social?