web mobile n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Web Mobile PowerPoint Presentation
Download Presentation
Web Mobile

Loading in 2 Seconds...

play fullscreen
1 / 22

Web Mobile - PowerPoint PPT Presentation


  • 126 Views
  • Uploaded on

Web Mobile. Web Éducation. Québec, le 24 mars 2011. Ordre de la présentation. Comment construire un site Web mobile 2. Technologies disponibles Intégration dans un CMS. Introduction. Comment construire un site Web mobile Mobilize Adaptation Création d’une version web mobile

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Web Mobile' - bo-sears


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web mobile
Web Mobile

Web Éducation

Québec, le 24 mars 2011

comment construire un site web mobile 2 technologies disponibles int gration dans un cms

Ordre de la présentation

Comment construire un site Web mobile

2. Technologies disponibles

Intégrationdans un CMS

slide3

Introduction

Comment construire un site Web mobile

Mobilize

Adaptation

Créationd’une version web mobile

Créationd’une application mobile

slide4

Adaptation

Adaptation

Consisteà adapter cequ’on a présentement

Styles

Navigation

Cacher du contenu

Handheld.css (sauf iPhone)

SOLUTION FACILE, RAPIDE, MAIS PEU EFFICACE

adaptation avantages pas cher rapide programmer mieux que rien

Adaptation

Adaptation

Avantages

Pas cher

Rapide ( à programmer )

Mieuxquerien

slide6

Adaptation

Adaptation

Désavantages

Lent pour l’usager

Difficileànaviguer

Contenus non adaptés

Ergonomie non adaptée

cr ation d une version web mobile standards web mobile wap html 4 html 5 flash

Création d’une version mobile

Créationd’une version web mobile

Standards Web mobile

WAP

HTML 4

HTML 5

Flash

slide11

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

slide12

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

slide13

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!

slide14

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

slide15

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

slide16

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

slide18

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

slide19

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!

slide20

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

slide21

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!

merci charles guimont cguimont@o2web ca c 418 210 3500 b 418 265 6003

Développement avec des CMS

Merci!

Charles Guimont

cguimont@o2web.ca

C. 418-210-3500

B. 418-265-6003