Web Mobile

1. Web Mobile Web Éducation Québec, le 24 mars 2011

2. Ordre de la présentation Comment construire un site Web mobile 2. Technologies disponibles Intégrationdans un CMS

3. Introduction Comment construire un site Web mobile Mobilize Adaptation Créationd’une version web mobile Créationd’une application mobile

4. Adaptation Adaptation Consisteà adapter cequ’on a présentement Styles Navigation Cacher du contenu Handheld.css (sauf iPhone) SOLUTION FACILE, RAPIDE, MAIS PEU EFFICACE

5. Adaptation Adaptation Avantages Pas cher Rapide ( à programmer ) Mieuxquerien

6. Adaptation Adaptation Désavantages Lent pour l’usager Difficileànaviguer Contenus non adaptés Ergonomie non adaptée

7. Création d’une version mobile Créationd’une version web mobile Standards Web mobile WAP HTML 4 HTML 5 Flash

8. Création d’une version mobile Wap

9. Création d’une version mobile HTML 4 VS HTML 5

10. Création d’une version mobile HTML 5 VS FLASH

11. Création d’une version mobile Avantages ( HTML 5 ) Standard aux différentsappareils mobiles ***Devraitdonner le mêmerésultat Langagetrès puissant Possibilitéd’intéragir avec les appareils mobiles Possibilité de créerune application mobile àpartir du HTML 5 Possibilité de stocker de l’informationsurl’appareil

12. Création d’une version mobile Problèmescontenus Interaction avec l’usagerestlimitée La taille de l’écranestlimitée Les comportementssontdifférents Le poids des contenusest important Adapter les multimédias ( photos, vidéos )… Pour avoir un bon site mobile, ilfautcomplètementrefaire le site

13. Création d’une version mobile Solutions contenus Définir les contenusnécessaires au mobile Repenserà la navigation (arborescence) Implanter un moteur de recherche? Utiliser les fonctionalitésdes téléphonesintelligents? - Géolocalisation - Stockage - Accéléromètres & Gyroscope Contenusgéolocalisés? Penser au poids Bref! Soyezcréatifs!

14. Création d’une version mobile Interaction Site mobile vs Site internet Nomdedomaine.mobi? nomdedomaine.com/mobile Sur les pages, avoirune redirection automatiquevers la bonne version avec les entêtes Possibilité de changer manuellement de version

15. Création d’une version mobile Référencement mobile ( SEO ) Indexeurdifférent Simuledifférentes versions de cellulaire Plan du site différent ( sitemap mobile ) Les règles de référencement standard s’appliquent ** Attention à la duplication des contenus

16. Création d’une application mobile Application Mobile ( Application native ) Travaille avec le coeur du cellulaire Plus de fonctionalitésque les sites web Plus rapidequ’un site Internet

17. Création d’une application mobile Désavantages

18. Création d’une application mobile Désavantages Coûteuxàdévelopper et maintenir Non compatible entre les plateformescellulaires Non reférencé L’usagerdoit installer l’application

19. Développement avec des CMS Questions à se poser avant? Est-ceque les contenusseront les mêmes? Est-cequel’arborescence sera la même? Langues? Clientèles? Besoins? Bref, faire la mêmeréflexionstratégiqueque pour un site! Soyezstratégique!

20. Développement avec des CMS Comment implanter? Modules Coeur Implanter un module d’auto-détection Arborescence et thèmes Possibilité de reprendre les contenusexistants

21. Développement avec des CMS Trucs! Tester votre mobile avec W3 validator! Essayezplusieursversions avec des émulateurs Penserau mobile lors de la refonte d’un site principal! Penseràl’usager, essayer de le reconnaître! Profitez en! Et encore unefois, soyezcréatif!

22. Développement avec des CMS Merci! Charles Guimont cguimont@o2web.ca C. 418-210-3500 B. 418-265-6003