Verwen gebruikers met mobiele app-functies die zijn afgestemd op het specifieke apparaat

Er bestaan tegenwoordig een ongelooflijke verscheidenheid aan mobiele telefoons en tablets, en er worden voortdurend nieuwe modellen aangekondigd. Al deze mobiele apparaten hebben verschillende specificaties en mogelijkheden, wat een probleem kan vormen voor ontwikkelaars die mobiele apps maken. Tablets hebben grote schermen, maar hebben niet altijd een mobiele dataverbinding. De standaard kleurenschema's verschillen per telefoonfabrikant, en ingebouwde mobiele functies kunnen zich anders gedragen in elk mobiel besturingssysteem. Gelukkig biedt de MobileTogether Designer een geïntegreerde ontwikkelomgeving waarmee gebruikers snel en eenvoudig mobiele app-functionaliteiten kunnen ontwerpen en ontwikkelen die optimaal zijn afgestemd op het apparaat van elke eindgebruiker.

Drie unieke functies in de MobileTogether Designer ondersteunen de ontwikkeling voor meerdere platforms:

• De ingebouwde simulator maakt het voor ontwikkelaars mogelijk om te zien hoe hun app eruitziet en hoe deze functioneert op verschillende apparaten
• Een uitgebreide set globale variabelen geeft de ontwikkelaar toegang tot de kenmerken van het apparaat van de eindgebruiker en maakt het mogelijk om voorwaardelijke bewerkingen te definiëren op basis van het apparaat
• Apparaatafhankelijke weergave – standaard is elk element dat aan een app wordt toegevoegd, zichtbaar op alle apparaten, maar ontwikkelaars kunnen de weergave van elk element afhankelijk maken van het apparaat

Met de MobileTogether Designer kunt u apps ontwikkelen die soepel en elegant werken op alle apparaten, waaronder iPhone, iPad, Android, en ook op Windows 8- en Windows 10-werkstations. Tegelijkertijd kan uw app optimaal gebruikmaken van geavanceerdere functies wanneer deze beschikbaar zijn.

In de Geolocation Demo App, die we bespraken in onze recente post met de titel "REST-services als databronnen voor mobiele apps", hebben we verschillende functies geïmplementeerd die afhankelijk zijn van het gebruikte apparaat. In die post publiceerden we screenshots van de voltooide app die op een iPhone draaide, maar tijdens de ontwikkeling was het nuttig om de app in de MobileTogether Simulator te draaien om te zien hoe deze er op verschillende apparaten uitzag.

Hieronder een gedeeltelijke weergave van het simulatorvenster, waarin dezelfde applicatie op verschillende apparaten wordt weergegeven.

Android:

iOS:

Windows Phone:

Alle drie de afbeeldingen bevatten dezelfde informatie en bedieningselementen die ook in de mobiele app te vinden zijn. Verschillen in de weergave tussen verschillende apparaten komen voort uit variaties in schermgrootte en verschillen in de gebruikersinterface tussen verschillende besturingssystemen.

Onze app bevat een instellingenpagina waarmee eindgebruikers app-voorkeuren kunnen instellen. Deze pagina houdt rekening met apparaat-specifieke instellingen, aangezien verschillende mobiele besturingssystemen verschillende mogelijkheden hebben. Hieronder een weergave van de instellingenpagina in het hoofdvenster van het ontwerp:

De tabbladen aan de linkerzijde van de elementen in het midden van het scherm bepalen welke mobiele apparaten deze elementen zullen weergeven. Om de weergave afhankelijk te maken van het apparaat, maakt de ontwikkelaar het element op de normale manier aan en gebruikt vervolgens een contextmenu (door met de rechtermuisknop te klikken) om het dialoogvenster voor apparaat-specifieke weergave te openen. Op onze pagina zijn de knoppen voor GPX-bestanden bedoeld voor Android- en iOS-apparaten, maar niet voor Windows. Daarom zijn de juiste opties aangevinkt in het dialoogvenster voor weergave.

Wanneer we de app in de simulator uitvoeren, kunnen we de bedieningselementen op elk apparaat bekijken. Hier wordt de instellingenpagina weergegeven, gesimuleerd voor Android aan de linkerkant en voor Windows Phone aan de rechterkant.

De Designer stelt ontwikkelaars in staat om acties te definiëren die worden uitgevoerd op basis van de waarden van globale en lokale variabelen die gegevens opslaan over het apparaat van de eindgebruiker. Er zijn meer dan twee dozijn globale variabelen voor informatie over het besturingssysteem en de fysieke kenmerken van het apparaat, en meer dan een dozijn lokale variabelen waarvan de waarden kunnen veranderen tijdens de uitvoering van de app. Lokale variabelen stellen ontwikkelaars in staat om bijvoorbeeld gespecialiseerde weergaven te creëren voor portret- en landscape-oriëntaties. Hieronder is een deel van de lijst met globale variabelen weergegeven.

Onze demo-app is ontworpen om Android- en iOS-gebruikers in staat te stellen al hun geregistreerde GPS-punten in een bestand op te slaan, en dat bestand als bijlage via e-mail te verzenden. Het Windows Phone-besturingssysteem maakt het voor externe apps niet zo eenvoudig om e-mailbijlagen te maken, dus we zullen die functie niet implementeren voor Windows Phone, en we hoeven het bestand ook niet te genereren.

MobileTogether stelt ons in staat om een actiegroep te definiëren waarmee we de breedte- en lengtegraad van elk punt aan het bestand toevoegen, maar alleen als de eindgebruiker Android of iOS gebruikt, zoals hier te zien is:

Aan de andere kant heeft Windows Phone een elegantere zoomfunctie bij het weergeven van adressen op een kaart dan andere besturingssystemen. Daarom bieden we Windows-gebruikers de mogelijkheid om de zoomfactor van de kaart in te stellen via de instellingenpagina.

Als u zelf het apparaat-specifieke gedrag in de MobileTogether Designer wilt uitproberen, download dan de MobileTogether Designer – het gebruik ervan is gratis – en download een kopie van de demo-app voor geolocatie en de bijbehorende bestanden op GitHub via https://github.com/altova/MobileTogether-geolocation-example.