Agence Média WEB | Projet-FX.com | L'Agence WEB

 

 

 

Articles

La détection de ‘devices’ – Mobile

Nous entendons beaucoup parler du ‘Responsive WEB Desing’ qui consiste en un grille CSS qui permet un redimensionnement et des média query   en javascript qui permettent le redimensionnement des images. L’idée d’avoir des sites Internet qui se redimensionne parait géniale à première vue et l’est en partie, mais ne peut répondre aux besoins de tous les appareils  d’aujourd’hui.

Le redimensionnement d’images à ses limites, à une certaine dimension l’ont peut remarquer  un arrêt ou quasi arrêt de la diminution des images. De plus les résultats varie un peu selon les navigateur mais finisse par fonctionné avec beaucoup de ‘Hack’, les mobiles ne sont pas complètement compatible avec tout le javascript des PC.

Le W3C à fait des recommandations que l’ont peu voir ici :  http://icp.ge.ch/sem/cms-spip/spip.php?article1670

Le W3C approuve le ‘Responsive WEB Design’ , mais affirme que le site devra être visible sur un écran de 120 pixels de largeur, 20KB et aucun support javascript, ce qui limiterais beaucoup tout ce qui est design, exemple : page blanche avec un logo (un fond à la limite).

Le ‘Resposive WEB Design est largement documenté sur Internet

Pour palier à ces problèmes il existe une solution, la détection du ‘Device’ cette technique consiste à détecté l’appareil du coté du serveur avant l’affichage du site Internet. Donc si le visiteur à un PC le site PC s’ouvre, si il à un appareil Mobile, il est dirigé ver un site Internet ‘Responsive WEB Design’ mais préalablement adapté à la réalité des Mobiles.

L’ont peut avec cette technique poussé encore plus loin et faire un site pour chaque type de plateforme.

Ce qui donne un rendu plus juste pour tous.

Une page à visité pour les programmeurs http://code.google.com/p/php-mobile-detect/

Une classe PHP pour la détection d’appareil (detection device) et son utilisation y est expliqué.