Créez des graphiques et des tableaux adaptés à tout appareil mobile dans votre environnement "Bring Your Own Device" (BYOD)
L'un des défis du développement de solutions métier mobiles réside dans l'adaptation aux différents appareils que les utilisateurs finaux utilisent. Chaque système d'exploitation mobile prend en charge une gamme de tailles d'écran, des smartphones les plus petits aux tablettes les plus grandes. De plus, lorsque l'utilisateur passe à un système d'exploitation concurrent, toutes les tailles d'écran changent à nouveau. La nécessité de prendre en charge de nombreux appareils mobiles peut ralentir le développement de solutions mobiles pour les entreprises pratiquant le principe du BYOD (Bring Your Own Device, ou "apportez votre propre appareil").
Altova MobileTogether est un cadre de développement mobile multiplateforme qui vous permet de créer une seule application compatible avec plusieurs plateformes :
- Android
- iOS
- Windows 8
- Windows Phone 8
- Client basé sur un navigateur et utilisant la technologie HTML-5
De plus, MobileTogether prend en charge toutes les tailles d'écran disponibles pour chaque système d'exploitation, et propose des fonctionnalités spéciales pour accélérer la productivité des développeurs.
Les variables globales à la rescousse
Le concepteur MobileTogether vous donne accès à une bibliothèque de plus de trois douzaines de variables globales et locales que vous pouvez utiliser pour de nombreuses fonctions lors de la conception de votre solution mobile. Les variables globales sont statiques, ce qui signifie qu'elles ne changent pas pendant l'exécution de votre solution. Les variables locales sont dynamiques et ne sont disponibles que dans certaines circonstances.
De nombreuses variables globales stockent des valeurs relatives à l'appareil exécutant la solution mobile au moment de l'exécution
Vous pouvez définir les variables globales directement dans la fenêtre des propriétés de l'outil MobileTogether Designer, ou vous pouvez créer des fonctions qui incluent des variables globales et définir des résultats en fonction de leur valeur.
Si vous ne trouvez pas une variable particulière dont votre conception a besoin, vous pouvez même définir vos propres variables personnalisées. Bien entendu, toutes ces variables sont disponibles en plus des éléments présents dans vos sources de données, qui peuvent également contenir des valeurs que vous pourriez utiliser dans des fonctions.
Définir la taille variable du graphique
Si vous attribuez à la variable globale $MT_DeviceWidth la valeur de la largeur de création du graphique dans la fenêtre des propriétés, votre graphique s'adaptera automatiquement à la largeur de n'importe quel appareil en mode portrait, quel que soit son système d'exploitation mobile ou la taille de son écran.
Vous n'avez même pas besoin de définir la hauteur du graphique. La hauteur est générée automatiquement, ce qui permet de visualiser l'intégralité du graphique sans avoir à faire défiler la page.
Vous pouvez également utiliser des variables globales et locales avec une visibilité spécifique à l'appareil, une option disponible dans le menu contextuel, pour définir un comportement en fonction de conditions particulières, comme l'orientation portrait ou paysage. La solution "Widget Sales Data" sur le serveur de démonstration Altova MobileTogether illustre comment utiliser les variables locales pour afficher les données des graphiques de différentes manières en fonction de l'orientation de l'appareil. Par exemple, la page "Ventes par région" affiche un graphique linéaire en mode portrait ou un graphique en barres 3D en mode paysage.
La solution de gestion des données de vente de widgets est incluse dans les exemples installés avec MobileTogether Designer, ce qui vous permet de l'examiner pour comprendre comment elle a été conçue.
Les graphiques définis par la variable $MT_DeviceWidth conservent la même taille lorsque l'appareil est tourné et n'utilisent pas efficacement l'espace disponible sur l'appareil, comme le montre l'exemple du graphique à barres ci-dessous.
Une meilleure alternative est la variable globale $MT_CanvasX. La valeur de $MT_CanvasX change lorsque l'appareil est tourné, et le graphique est automatiquement redessiné. Si nous utilisons $MT_CanvasX pour définir la largeur du graphique dans la fenêtre des propriétés, le graphique est redessiné de manière plus élégante pour s'adapter à l'écran en mode paysage, avec plus d'espace disponible pour le texte de la légende le long de l'axe horizontal.
Vous pouvez visionner une démonstration vidéo de la création de tableaux dans MobileTogether Designer sur le site web d'Altova, télécharger une version d'essai gratuite qui comprend plus de 30 exemples de solutions, et commencer à créer les vôtres !