Archives du mot-clé metro

Les nouvelles technologies au service de la mobilité

L’informatique mobile évolue à grande vitesse ces dernières années, les utilisateurs étant amenés à consulter des sites internet via leurs smartphones ou tablettes tactiles.

Dans ce contexte tourné vers la mobilité, deux nouvelles technologies ont fait leur apparition : HTML 5 et CSS3.

Il est intéressant de savoir que les technologies nécessitant un plugin (notamment Flash) sont dorénavant boycottées par les grandes firmes d’appareils mobiles comme Apple ou Microsoft. Pour exemple, l’iPhone/iPad et le nouvel système d’exploitation Windows 8 (dénommé Metro pour sa version tablette) via Internet Explorer 10 n’intègrent pas le plugin Flash dans leur navigateur web. 

HTML 5 et CSS3 se positionnent donc comme les technologies qui apportent une compatibilité, une sécurité et une stabilité accrues entre tous les navigateurs et sur toutes plateformes (PC/tablette/téléphone portable) et surtout préservent l’autonomie des terminaux utilisés.

Ces nouvelles technologies amènent également quelques nouveautés techniques non négligeables comme l’intégration directe de médias (video, audio, etc.) sans passer par l’utilisation d’un plugin tiers, la géolocalisation, une meilleure gestion des formulaires avec une validation au niveau du navigateur de l’utilisateur ou encore la gestion possible du drag&drop. Je reviendrai sur tous ces éléments d’un point de vue technique dans un autre post.

Une évolution majeure apparaît pour les méthodes de développement, plus rapides. En effet, auparavant, il était nécessaire de développer une interface pour chacune des plateformes, une pour la partie site internet, une autre pour la partie tablette et une dernière pour le téléphone portable, soit 3 fois plus de développements (pas de factorisation possible).

Or, grâce à quelques lignes de CSS3, il est dorénavant possible de ne concevoir qu’une seule interface qui s’adapte automatiquement à l’environnement dans lequel la page est affichée.

Amusez-vous à redimensionner ce site pour voir le résultat, une référence : http://www.alsacreations.fr/ (ne fonctionne que sur les navigateurs récents, Chrome, Mozilla et IE9)

Enjoy !