WEB MOBILE Web Éducation Québec, le 24 mars 2011
1.Comment construire un site Web mobile 2. Technologies disponibles 3.Intégration dans un CMS Ordre de la présentation
Comment construire un site Web mobile Mobilize Adaptation Création dune version web mobile Création dune application mobile Introduction
1.Adaptation Consiste à adapter ce quon a présentement Styles Navigation Cacher du contenu Handheld.css (sauf iPhone) SOLUTION FACILE, RAPIDE, MAIS PEU EFFICACE Adaptation
1.Adaptation Avantages Pas cher Rapide ( à programmer ) Mieux que rien Adaptation
1.Adaptation Désavantages Lent pour lusager Difficile à naviguer Contenus non adaptés Ergonomie non adaptée Adaptation
2.Création dune version web mobile Standards Web mobile WAP HTML 4 HTML 5 Flash Création dune version mobile
Wap Création dune version mobile
HTML 4 VS HTML 5 Création dune version mobile
HTML 5 VS FLASH Création dune version mobile
Avantages ( HTML 5 ) Standard aux différents appareils mobiles ***Devrait donner le même résultat Langage très puissant Possibilité dintéragir avec les appareils mobiles Possibilité de créer une application mobile à partir du HTML 5 Possibilité de stocker de linformation sur lappareil Création dune version mobile
Problèmes contenus Interaction avec lusager est limitée La taille de lécran est limitée Les comportements sont différents Le poids des contenus est important Adapter les multimédias ( photos, vidéos )… Pour avoir un bon site mobile, il faut complètement refaire le site Création dune version mobile
Solutions contenus Définir les contenus nécessaires au mobile Repenser à la navigation (arborescence) Implanter un moteur de recherche? Utiliser les fonctionalités des téléphones intelligents? - Géolocalisation - Stockage - Accéléromètres & Gyroscope Contenus géolocalisés? Penser au poids Bref! Soyez créatifs! Création dune version mobile
Interaction Site mobile vs Site internet Nomdedomaine.mobi? nomdedomaine.com/mobile Sur les pages, avoir une redirection automatique vers la bonne version avec les entêtes Possibilité de changer manuellement de version Création dune version mobile
Référencement mobile ( SEO ) Indexeur différent Simule différentes versions de cellulaire Plan du site différent ( sitemap mobile ) Les règles de référencement standard sappliquent ** Attention à la duplication des contenus Création dune version mobile
Application Mobile ( Application native ) Travaille avec le coeur du cellulaire Plus de fonctionalités que les sites web Plus rapide quun site Internet Création dune application mobile
Désavantages Création dune application mobile
Désavantages Coûteux à développer et maintenir Non compatible entre les plateformes cellulaires Non reférencé Lusager doit installer lapplication Création dune application mobile
Questions à se poser avant? Est-ce que les contenus seront les mêmes? Est-ce que larborescence sera la même? Langues? Clientèles? Besoins? Bref, faire la même réflexion stratégique que pour un site! Soyez stratégique! Développement avec des CMS
Comment implanter? Modules Coeur Implanter un module dauto-détection Arborescence et thèmes Possibilité de reprendre les contenus existants Développement avec des CMS
Trucs! Tester votre mobile avec W3 validator! Essayez plusieurs versions avec des émulateurs Penser au mobile lors de la refonte dun site principal! Penser à lusager, essayer de le reconnaître! Profitez en! Et encore une fois, soyez créatif! Développement avec des CMS
Merci! Charles Guimont C B Développement avec des CMS