23

Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

Embed Size (px)

DESCRIPTION

Cartographie Mobile, Adobe AIR, CartoVista

Citation preview

Page 1: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista
Page 2: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

•  En affaire depuis 20 ans •  Siège social: Gatineau •  Bureau en France (Savoie)

•  Clients : International –  Gouvernements (Féd., Prov., Mun.) –  Secteur privé

•  Chef de file en cartographie web au Québec

•  Géomatique des affaires •  Produit

–  CartoVista

Page 3: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Le défi de conception d’une application mobile

�  Adobe Flash Builder / AIR ›  Environnement de développement / Démonstration

�  Contenu cartographique – Trucs et astuces pour une bonne performance

�  Interface utilisateur pour une navigation efficace

�  Recherche et interrogation des données �  Utiliser des données locales, accèder au GPS

et à l’appareil photo du mobile �  Conclusion

Page 4: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

1.  Performance ›  RAM / CPU / GPU

2.  Taille des écrans ›  Densité des pixels

3.  Interaction ›  Gestes (Touch) ›  Orientation

Page 5: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Flex: Cadre de développement libre (Open Source)(Apache)

�  Base de code unique pour le Web, les ordinateurs de bureau ou les applications mobiles

�  Déploiement ›  Adobe Flash Player (Web) ›  Adobe AIR sur ordinateur de bureau(Windows,

Mac OS) ›  Adobe AIR (Appareils mobiles)

Page 6: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Application mobile native pour les plateformes suivantes: ›  Apple iOS

�  iPhone �  iPad �  iPod

›  Google Android �  Téléphones intelligents �  Tablettes

›  Blackberry 10 �  Méthode d’abstraction multiplateforme pour

les capacités des appareils. ›  Appareil photo, GPS, taille de l’écran, etc.

Page 7: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Modèle de vues (Très commun)

Page 8: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista
Page 9: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Cadre très riche de composants pour un développement rapide

Page 10: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Vidéo de l’environnement de développement ›  Outils de développement ›  Complétion de code, etc. ›  Dispositif d’émulation ›  Travailler avec l’appareil en cours

d’exécution

Page 11: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista
Page 12: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Données d’affaires ›  Vectoriel (si possible!) ›  Hautement interactif ›  Personalisable

�  Fond de carte ›  Matrices (tuiles) ›  Rapide(slippy maps) ›  Haute qualité

cartographique ›  Relativement statique

Page 13: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Publicateur CartoVista �  Fichiers ESRI Shape �  Index spatial (Quad-Tree) est généré

(.qix)

Page 14: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Solution ›  Tirer profit du GPU (Graphics Processing Unit)

avec AIR ›  Rendu matriciel (Bitmap)

�  BitmapData.draw()

CARTE COMPLEXE... MÉMOIRE LIMITÉE

Page 15: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Supporté dans AIR par les classes GestureEvent et TouchEvent

Déplacer avec un doigt DÉPLACER

Agrandir avec deux doigts ZOOM AVANT Réduire avec deux doigts ZOOM ARRIÈRE

Double taper avec un doigt ZOOM AVANT

Double taper avec deux doigts ZOOM ARRIÈRE

Page 16: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

Taper avec un doigt Obtenir de l’information sur les caractéristiques d’un endroit spécifique

Page 17: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Vidéo de CartoVista Mobile

Page 18: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista
Page 19: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Périphérique de stockage local ›  À partir de la propriété

File.applicationStorageDirectory ›  Utile lorsqu’une connection n’est pas disponible ›  Support pour SQLite

�  Accèder à l’appareil photo ›  CameraUI, pellicule photographique ›  Méthode browseForImage()

�  Accèder au GPS ›  API de géolocalisation

Page 20: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Vidéo sur l’entrée de données

Page 21: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista
Page 22: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

� Outil de packaging avec Flash Builder / (ADT Command-line) pour:

›  Apple App Store .ipa File (Lien) ›  Google Play Store (Android)

.apk File (Lien) ›  Blackberry World

.cod file (Lien)

Page 23: Développer une application mobile interactive (Apple iOS, Google Android, BB10) avec CartoVista

�  Appareil mobile ›  Capacités innovantes ›  Plusieurs cas d’utilisation

potentiels

�  Adobe AIR / CartoVista ›  Base de code unique ›  Multi plateforme ›  Environnement riche ›  Possibilité de manipuler

des données complexes