Maak grafieken en diagrammen geschikt voor elk mobiel apparaat in uw "Bring Your Own Device"-omgeving

Een uitdaging bij de ontwikkeling van mobiele bedrijfsoplossingen is het aanpassen van de weergave aan alle verschillende apparaten die eindgebruikers gebruiken. Elk mobiel besturingssysteem ondersteunt een reeks schermformaten, van de kleinste smartphones tot de grootste tablets. En wanneer u overstapt naar een concurrerend besturingssysteem, veranderen alle schermformaten opnieuw. De noodzaak om veel verschillende mobiele apparaten te ondersteunen, kan de ontwikkeling van mobiele oplossingen voor bedrijven die het "Bring Your Own Device"-principe hanteren, vertragen.

Altova MobileTogether is een platformonafhankelijk ontwikkelingsframework voor mobiele applicaties waarmee u één keer kunt ontwikkelen en uw applicatie op meerdere platforms kunt gebruiken:

  • Android
  • iOS
  • Windows 8
  • Windows Phone 8
  • HTML-5 clientapplicatie die in de webbrowser draait

MobileTogether ondersteunt alle beschikbare schermformaten voor elk besturingssysteem en biedt speciale functies om de productiviteit van ontwikkelaars te verhogen.

Globale variabelen als oplossing

De MobileTogether Designer biedt u toegang tot een bibliotheek met meer dan drie tientallen globale en lokale variabelen die u voor diverse doeleinden kunt gebruiken tijdens het ontwerpen van uw mobiele oplossing. Globale variabelen zijn statisch, wat betekent dat ze niet veranderen tijdens de uitvoering van uw oplossing. Lokale variabelen zijn dynamisch en zijn mogelijk alleen beschikbaar onder bepaalde omstandigheden.

Veel globale variabelen bevatten waarden die relevant zijn voor het apparaat waarop de mobiele oplossing wordt uitgevoerd tijdens runtime:

U kunt globale variabelen direct toepassen in het venster met eigenschappen van de MobileTogether Designer, of u kunt functies maken die globale variabelen bevatten en resultaten definiëren op basis van de waarde van die variabelen.

Als u een bepaalde variabele die uw ontwerp vereist niet kunt vinden, kunt u zelfs uw eigen gebruikersvariabelen definiëren. Uiteraard zijn al deze variabelen beschikbaar, naast de elementen in uw databronnen die waarden kunnen bevatten die u ook in functies kunt gebruiken.

Stel de variabele grootte van het diagram in

Als u de globale variabele $MT_DeviceWidth instelt als de breedte voor het maken van het diagram in het eigenschappenvenster, dan zal uw diagram tijdens de uitvoering automatisch de breedte van elk apparaat in portretmodus innemen, ongeacht het mobiele besturingssysteem of de schermgrootte van het apparaat.

U hoeft de hoogte van het diagram niet eens zelf in te stellen. De hoogte wordt automatisch bepaald, waardoor het hele diagram zonder scrollen bekeken kan worden.

U kunt ook globale en lokale variabelen gebruiken met apparaat-specifieke zichtbaarheid, een optie in het contextmenu, om gedrag te definiëren voor specifieke omstandigheden, zoals portret- versus landscape-oriëntatie. De Widget Sales Data-oplossing op de Altova MobileTogether-demo server laat zien hoe lokale variabelen op verschillende manieren kunnen worden toegepast op grafiekgegevens, afhankelijk van de oriëntatie van het apparaat. Zo toont de pagina "Verkoop per regio" een lijndiagram in portretoriëntatie of een 3D-staafdiagram in landscape-oriëntatie.

De oplossing voor verkoopgegevens van widgets is opgenomen in de voorbeelden die worden geïnstalleerd met MobileTogether Designer, zodat u deze kunt bekijken om te zien hoe deze is opgebouwd.

Grafieken die gedefinieerd zijn door de variabele $MT_DeviceWidth behouden hun grootte, zelfs wanneer het apparaat wordt geroteerd, en maken niet optimaal gebruik van de beschikbare schermruimte, zoals te zien is in het voorbeeld van de staafgrafiek hieronder.

Een beter alternatief voor de globale variabele is $MT_CanvasX. De waarde van $MT_CanvasX verandert wanneer het apparaat wordt gedraaid, en het diagram wordt automatisch opnieuw getekend. Als we $MT_CanvasX gebruiken om de breedte van het diagram bij het maken in het eigenschappenvenster te definiëren, wordt het diagram eleganter opnieuw getekend om beter bij het scherm te passen in horizontale modus, met meer ruimte voor de legenda-tekst langs de horizontale as.

U kunt een video bekijken waarin wordt gedemonstreerd hoe u diagrammen maakt in MobileTogether Designer, op de website van Altova, een gratis proefversie downloaden die meer dan 30 voorbeelden bevat, en zo direct aan de slag gaan met het maken van uw eigen oplossingen!