Jean-Marc Fontaine » Développement Web

Serez-vous à PHP Tour Lille 2011 ?

jmfontaine — Mon, 19 Sep 2011 08:36:07 +0000

La première édition du PHP Tour, le nouveau cycle de conférence de l’AFUP approche à grands pas.

Pour les deux du fond qui ne suivent pas, il s’agit d’un évènement similaire au désormais traditionnel Forum PHP mais qui a la particularité de se dérouler en région et de changer chaque année de ville. Le PHP Tour ne se substitue pas au Forum PHP qui lui se tiendra désormais à la fin du printemps et toujours à Paris.

Si vous comptez venir à cette première édition du PHP Tour à Lille et que vous voulez le faire savoir, n’hésitez pas à utiliser le code HTML suivant :

Ce qui donne le résultat suivant :

PHP Tour Lille 2011 : Appel à conférenciers

jmfontaine — Mon, 16 May 2011 08:26:04 +0000

La fin de cette année va marquer l’histoire de l’AFUP avec l’organisation du premier évènement PHP de taille en région. Calqué sur le modèle éprouvé du Forum PHP, le PHP Tour s’en distinguera par sa localisation en province mais également parce qu’il changera de ville chaque année. La première édition aura lieu à Lille et se tiendra les 24 et 25 novembre 2011.

Pour cette édition lilloise, plusieurs thématiques sont à l’honneur :

Le commerce en ligne : e-commerce, m-commerce, internet des objets…
L’intégration d’applications hétérogènes au sein des systèmes d’informations
L’échelle du web : outils, techniques et astuces pour résister aux montées en charge

Vous êtes expert dans l’un de ces domaines, vous avez installé une ou plusieurs applications PHP dans un contexte spécifique (forte charge, client reconnu, projet innovant) ou bien vous participez à un projet Open Source lié à PHP, venez proposer des solutions globales à des problématiques locales.

Attention : l’appel à conférenciers du PHP Tour se termine le 31 mai !

Pourquoi publier mod_pagespeed est une erreur de Google

jmfontaine — Thu, 04 Nov 2010 10:16:55 +0000

Il y a déjà quelques années, Yahoo! bousculait bien des idées reçues en affirmant que les potentialités de gains de performance des applications web se situaient davantage du côté client que du côté serveur.

La prise de conscience

Menée par Steve Souders, une équipe baptisée Exceptional Performance team était constituée dans le but de mener des recherches sur les technologies web et leur gestion par les navigateurs. A l’issue de ces longs tests empiriques, l’équipe a publié une liste de préconisations qui a bousculé certaines idées reçues.

Dans la foulée, l’équipe publiait Yslow, une extension pour Firefox qui permet de tester très simplement l’application de ces préconisations. On obtient une note entre A et F qui permet de situer son site par rapport à d’autre en terme de performances et de lister les améliorations possibles.

Google entre dans la danse

Google ne pouvait rester longtemps étranger à cette problématique, le géant américain recrute donc Steve Souders début 2008 pour monter une équipe similaire en son sein.

L’équipe publie rapidement sa propre liste de préconisations ainsi qu’une extension pour Firefox nommée PageSpeed. La filiation avec Yslow et les préconisations de Yahoo est évidente même si chacun conserve ses particularités.

Un choix contre-productif

Pour aller plus loin, Google a annoncé hier la sortie de mod_speedpage, un module Apache qui permet de mettre en place simplement ces préconisations. L’intention est louable mais elle me semble contre-productive au final.

Proposer des préconisations sous un format facilement compréhensible avec à la fois les raisons qui amènent à prodiguer ce conseil et les manières de l’implémenter me semble être une bonne manière d’éduquer les développeurs web et les administrateurs de serveurs en partageant avec le plus grand nombre le fruit des recherches complexes effectuées par des équipes de pointe.

Au contraire, empaqueter l’application des ces préconisations dans un module Apache prêt à l’emploi me semble être une fausse bonne idée car les plus fainéants (et qui ne l’est pas au fond ?) vont préférer installer ce module à l’étude puis l’implémentation manuelle des préconisations. On perd au passage la prise de conscience et la compréhension fine des problématiques sous-jacentes.

On risque également de se retrouver avec des modules mal configurés qui n’apporteront pas grand chose, donnant une fausse impression de travail accompli.

Il est important de rappeler au passage qu’en matière de performance, chaque évolution doit être validée par des mesures précises. Les benchmarks montrent souvent que les problèmes ne se situent pas vraiment là où on le pense intuitivement. Par ailleurs, modifier un élément pour améliorer la vitesse d’affichage d’une application web ne doit pas être basé sur l’intuition au risque de ne rien gagner voire même de perdre en performances.

Tout n’est pas à jeter

Il faut cependant veiller à ne pas jeter le bébé avec l’eau du bain car il y a également de bonnes choses dans ce projet de Google.

Tout d’abord mod_speedpage est très paramétrable et peut être utilisé en complément des optimisations manuelles notamment pour ce qui concerne du code dont on n’aura pas la maîtrise (contenu généré par des utilisateurs, code géré par une équipe tierce ou un prestataire, code intégré dynamiquement depuis une source non maîtrisée, etc.)

Le module propose également un mécanisme permettant de déterminer la vitesse d’affichage des pages dans le navigateur des visiteurs de manière automatisée. Cela permet d’aller plus loin que les tests de performances menées par l’équipe de développement et qui sont forcément limitées par les configurations à disposition.

En conclusion, je trouve l’initiative intéressante sur certains aspects mais j’ai bien peur qu’elle ne vienne annihiler une partie des efforts fait par Yahoo! et Google depuis quelques années pour promouvoir les performances web.

© Jean-Marc Fontaine, 2010. | Permalink | 10 commentaires | Ajouter à del.icio.us
Mots-clés: google, mod_pagespeed, pagespeed, performance, yahoo, yslow

Utiliser un dictionnaire français dans Eclipse

jmfontaine — Sun, 28 Feb 2010 13:35:18 +0000

L’éditeur de code Eclipse possède une fonctionnalité de correction orthographique. Malheureusement, par défaut seuls les dictionnaires anglais de Grande Bretagne et des Etats-Unis sont proposés.

Il est cependant assez facile de mettre en place un dictionnaire français. Pour cela nous allons utiliser le dictionnaire Aspell français :

sudo aptitude install aspell aspell-fr

Puis nous allons extraire les données au format destiné à Eclipse :

aspell dump master nl | cut -d / -f 1 > fr.txt

Ensuite, il n’y a plus qu’à indiquer ce dictionnaire à Eclipse dans les options de configuration pour que le tour soit joué.

Détection de la langue des visiteurs avec l’entête HTTP Accept-Language

jmfontaine — Wed, 09 Dec 2009 22:05:30 +0000

Détecter automatiquement la langue d’un visiteur n’est pas chose aisée. Généralement, on utilise un système de géo-localisation pour déterminer le pays depuis lequel l’internaute navigue afin d’en déduire la langue.

Mais comment fait-on pour les pays avec plusieurs langues officielles comme la Belgique, le Canada ou la Suisse ? Comment distinguer également une personne située dans un pays dont elle ne parle pas la langue (touristes, travailleurs en déplacements, immigrés, etc.) ?

L’équipe de Flickr a résolu le problème en basant sa détection sur l’entête HTTP Accept-Language qu’envoient la plupart des navigateurs. Celle-ci indique au serveur les langues acceptées par l’internaute dans l’ordre de préférence. Il est donc ainsi aisé de servir le contenu du site dans la langue la plus appropriée sans devoir passer par des déductions plus ou moins approximatives.

Attention cependant à ne pas imposer vos déductions à vos visiteurs. Comme toute méthode, celle-ci a ses limites. Il est donc important de proposer un mécanisme aux visiteurs pour changer manuellement de langue.

L’Agile Tour passera encore par Lille cette année

jmfontaine — Mon, 21 Sep 2009 07:54:15 +0000

Cette année encore, l’Agile Tour passera par Lille. L’an passé l’événement avait attiré environ 80 participants, couvrant une large palette des métiers du logiciel en région.

Les commentaires sur la conférence ont été unanimement positifs grâce essentiellement à la qualité du contenu et donc des intervenants. C’est d’autant plus un tour de force qu’il s’agissait de la première édition.

Cette année, Agile Tour Lille 2009 se déroulera le 30 octobre, de 13h30 à 18h30 à Euratechnologies. A partir de 19h30, un OpenSpace permettra de poursuivre les échanges dans un cadre moins formel et plus interactif.

Toutes les infos sont disponibles sur le site où vous pouvez dès à présent vous inscrire.

Diagnostiquer un problème de certificat SSL

jmfontaine — Wed, 29 Jul 2009 22:27:07 +0000

Si les certificat SSL se sont fortement démocratisés ces dernières années, en grande partie avec l’arrivée d’offre à des coûts décents, leur installation n’est pas toujours aisée surtout quand c’est la première fois.

J’ai récemment découvert un outil très pratique pour diagnostiquer d’éventuels problèmes sur une installation de certificat SSL. Il s’agit de la commande openssl avec l’argument s_client qui s’utilise comme suit :

# openssl s_client -connect domaine.tld:443

Le résultat sur le site de Verisign donne ceci :

# openssl s_client -connect www.verisign.com:443 CONNECTED(00000003) depth=3 /C=US/O=VeriSign, Inc./OU=Class 3 Public Primary Certification Authority verify error:num=19:self signed certificate in certificate chain verify return:0 --- Certificate chain  0 s:/1.3.6.1.4.1.311.60.2.1.3=US/1.3.6.1.4.1.311.60.2.1.2=Delaware/2.5.4.15=V1.0, Clause 5.(b)/serialNumber=2497886/C=US/postalCode=94043/ST=California/L=Mountain View/streetAddress=487 East Middlefield Road/O=VeriSign, Inc./OU=Production Security Services/CN=www.verisign.com    i:/C=US/O=VeriSign, Inc./OU=VeriSign Trust Network/OU=Terms of use at https://www.verisign.com/rpa (c)06/CN=VeriSign Class 3 Extended Validation SSL SGC CA  1 s:/C=US/O=VeriSign, Inc./OU=VeriSign Trust Network/OU=Terms of use at https://www.verisign.com/rpa (c)06/CN=VeriSign Class 3 Extended Validation SSL SGC CA    i:/C=US/O=VeriSign, Inc./OU=VeriSign Trust Network/OU=(c) 2006 VeriSign, Inc. - For authorized use only/CN=VeriSign Class 3 Public Primary Certification Authority - G5  2 s:/C=US/O=VeriSign, Inc./OU=VeriSign Trust Network/OU=(c) 2006 VeriSign, Inc. - For authorized use only/CN=VeriSign Class 3 Public Primary Certification Authority - G5    i:/C=US/O=VeriSign, Inc./OU=Class 3 Public Primary Certification Authority  3 s:/C=US/O=VeriSign, Inc./OU=Class 3 Public Primary Certification Authority    i:/C=US/O=VeriSign, Inc./OU=Class 3 Public Primary Certification Authority --- Server certificate -BEGIN CERTIFICATE- MIIF5TCCBM2gAwIBAgIQKetbRjH16FBeijEqcmY5HTANBgkqhkiG9w0BAQUFADCB vjELMAkGA1UEBhMCVVMxFzAVBgNVBAoTDlZlcmlTaWduLCBJbmMuMR8wHQYDVQQL ExZWZXJpU2lnbiBUcnVzdCBOZXR3b3JrMTswOQYDVQQLEzJUZXJtcyBvZiB1c2Ug YXQgaHR0cHM6Ly93d3cudmVyaXNpZ24uY29tL3JwYSAoYykwNjE4MDYGA1UEAxMv VmVyaVNpZ24gQ2xhc3MgMyBFeHRlbmRlZCBWYWxpZGF0aW9uIFNTTCBTR0MgQ0Ew HhcNMDkwNDIyMDAwMDAwWhcNMTAwNTA5MjM1OTU5WjCCASgxEzARBgsrBgEEAYI3 PAIBAxMCVVMxGTAXBgsrBgEEAYI3PAIBAhMIRGVsYXdhcmUxGzAZBgNVBA8TElYx LjAsIENsYXVzZSA1LihiKTEQMA4GA1UEBRMHMjQ5Nzg4NjELMAkGA1UEBhMCVVMx DjAMBgNVBBEUBTk0MDQzMRMwEQYDVQQIEwpDYWxpZm9ybmlhMRYwFAYDVQQHFA1N b3VudGFpbiBWaWV3MSIwIAYDVQQJFBk0ODcgRWFzdCBNaWRkbGVmaWVsZCBSb2Fk MRcwFQYDVQQKFA5WZXJpU2lnbiwgSW5jLjElMCMGA1UECxQcUHJvZHVjdGlvbiBT ZWN1cml0eSBTZXJ2aWNlczEZMBcGA1UEAxQQd3d3LnZlcmlzaWduLmNvbTCBnzAN BgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEA01oIFLAcpSLnE9nH+sfA15AHTlUPVlEM ihxVeIBwJcc+ZzK+5OOqMyW+MtP8/U0IeE0im2an/EG7NjukNb605GOxuQ/eJ6qj wLgC4udKupFB7qYR4I73y6GZbGQN9Czl0cngp0H8f0v31ymOyc8TsqWtggrcQ5Ug fxklIHujMHcCAwEAAaOCAfQwggHwMAkGA1UdEwQCMAAwHQYDVR0OBBYEFA1sDVu0 ElhkbjtS6+Ci5Qk4d8WHMAsGA1UdDwQEAwIFoDA+BgNVHR8ENzA1MDOgMaAvhi1o dHRwOi8vRVZJbnRsLWNybC52ZXJpc2lnbi5jb20vRVZJbnRsMjAwNi5jcmwwRAYD VR0gBD0wOzA5BgtghkgBhvhFAQcXBjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3 dy52ZXJpc2lnbi5jb20vcnBhMCgGA1UdJQQhMB8GCCsGAQUFBwMBBggrBgEFBQcD AgYJYIZIAYb4QgQBMB8GA1UdIwQYMBaAFE5DyB127zdTek/yWG+U8zji1b3fMHYG CCsGAQUFBwEBBGowaDArBggrBgEFBQcwAYYfaHR0cDovL0VWSW50bC1vY3NwLnZl cmlzaWduLmNvbTA5BggrBgEFBQcwAoYtaHR0cDovL0VWSW50bC1haWEudmVyaXNp Z24uY29tL0VWSW50bDIwMDYuY2VyMG4GCCsGAQUFBwEMBGIwYKFeoFwwWjBYMFYW CWltYWdlL2dpZjAhMB8wBwYFKw4DAhoEFEtruSiWBgy70FI4mymsSweLIQUYMCYW JGh0dHA6Ly9sb2dvLnZlcmlzaWduLmNvbS92c2xvZ28xLmdpZjANBgkqhkiG9w0B AQUFAAOCAQEAAiMM2+ttMiSUAWsaReBUVAfHx/2Y9dZeAgGHd4xZPhqmncSs+0vU J1FJ1gDOHMEeUshJP2ZmP4V0Igy7pSizBWhqN84z0en48E799znrzyTpx/ahKkxx c9FGf2I/5lHdKanqmjh8nywW6fQrwLjxmtRdU6Xo8G2M7ettPT2xN3fZBBxfmR1d yIwTuCXk/NiPAWsFmkl3CGgeYLTrdVa/kcApcf1mohpLyiZY7HSavBElaBjKpAcp h3xM/pytlQj+rphiP0hsadJjpNnwyLnnhGGJCV9kwC8JDQIBQQkSCXjayE2msx7i DeBmWyAYetjeVZ2NQFBE47fopin/v/uiAw== -END CERTIFICATE- subject=/1.3.6.1.4.1.311.60.2.1.3=US/1.3.6.1.4.1.311.60.2.1.2=Delaware/2.5.4.15=V1.0, Clause 5.(b)/serialNumber=2497886/C=US/postalCode=94043/ST=California/L=Mountain View/streetAddress=487 East Middlefield Road/O=VeriSign, Inc./OU=Production Security Services/CN=www.verisign.com issuer=/C=US/O=VeriSign, Inc./OU=VeriSign Trust Network/OU=Terms of use at https://www.verisign.com/rpa (c)06/CN=VeriSign Class 3 Extended Validation SSL SGC CA --- No client certificate CA names sent --- SSL handshake has read 5111 bytes and written 322 bytes --- New, TLSv1/SSLv3, Cipher is RC4-MD5 Server public key is 1024 bit Compression: NONE Expansion: NONE SSL-Session:     Protocol  : SSLv3     Cipher    : RC4-MD5     Session-ID: 409F900979983A704652A6A5316B5B24A9C102F88510F7E5790B9A07CC291DE6     Session-ID-ctx:     Master-Key: 234956F9E973E8A68E1AC7A55027F3FD998D2BB3365EC88DD59C6CD6E5ECE183265F5C5C7C6AF7072175E0D5FD73BB2E     Key-Arg   : None     Start Time: 1248899046     Timeout   : 300 (sec)     Verify return code: 19 (self signed certificate in certificate chain) ---

FancyBox et CSS Reset

jmfontaine — Thu, 24 Jul 2008 19:17:09 +0000

Depuis quelques mois, on voit fleurir une multitude de clones de Lightbox. Personnellement, mon choix s’est porté sur FancyBox qui fonctionne bien et possède un code nettement plus propre que la moyenne.

J’ai cependant rencontré un souci en l’utilisant en conjonction avec le CSS Reset d’Eric Meyer : les légendes étaient trop hautes.

Le problème vient de l’alignement vertical appliqué sur la balise « td » par le CSS Reset. Pour annuler son effet, il suffit d’ajouter les lignes suivantes dans le fichier fancy.css :

#fancy_title td { 	vertical-align: middle; }

MySQL : Copier facilement une base de données vers un autre serveur

jmfontaine — Thu, 03 Jul 2008 14:38:25 +0000

Il arrive parfois d’avoir besoin de copier une base de données vers un autre serveur. Il est possible de faire facilement cette opération en utilisant l’outil mysqldump en ligne de commande :

mysqldump table_source | mysql --host=hote -C table_cible

Il est également possible de créer la copie sur le même serveur en omettant l’option –host :

mysqldump table_source | mysql -C table_cible

J’ai découvert cette astuce aujourd’hui en lisant la documentation de l’outil mysqldump. Voilà encore une preuve que RTFM est probablement le meilleur adage pour un développeur.

Interface d’administration

jmfontaine — Mon, 21 May 2007 18:55:44 +0000

Les interfaces d’administration des applications web sont souvent tristes à pleurer. Dans le cadre de mon projet-top-secret-du-moment (TM), je cherche à éviter ce syndrome. J’ai déjà quelques idées de ce à quoi ressemblera l’interface mais si vous avez des exemples d’interfaces particulièrement bien ficelées je suis preneur.