WEB MOBILE Web Éducation Québec, le 24 mars 2011.

Présentation au sujet: "WEB MOBILE Web Éducation Québec, le 24 mars 2011."— Transcription de la présentation:

1 WEB MOBILE Web Éducation Québec, le 24 mars 2011

2 1.Comment construire un site Web mobile 2. Technologies disponibles 3.Intégration dans un CMS Ordre de la présentation

3 Comment construire un site Web mobile Mobilize Adaptation Création dune version web mobile Création dune application mobile Introduction

4 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

5 1.Adaptation Avantages Pas cher Rapide ( à programmer ) Mieux que rien Adaptation

6 1.Adaptation Désavantages Lent pour lusager Difficile à naviguer Contenus non adaptés Ergonomie non adaptée Adaptation

7 2.Création dune version web mobile Standards Web mobile WAP HTML 4 HTML 5 Flash Création dune version mobile

8 Wap Création dune version mobile

9 HTML 4 VS HTML 5 Création dune version mobile

10 HTML 5 VS FLASH Création dune version mobile

11 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

12 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

13 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

14 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

15 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

16 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

17 Désavantages Création dune application mobile

18 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

19 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

20 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

21 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

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