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

�  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

1.  Performance ›  RAM / CPU / GPU

2.  Taille des écrans ›  Densité des pixels

3.  Interaction ›  Gestes (Touch) ›  Orientation

�  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)

�  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.

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

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

� 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

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

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

cartographique ›  Relativement statique

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

(.qix)

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

avec AIR ›  Rendu matriciel (Bitmap)

�  BitmapData.draw()

CARTE COMPLEXE... MÉMOIRE LIMITÉE

�  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

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

� Vidéo de CartoVista Mobile

�  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

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

� 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)

�  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