Voor Speedymax hebben we een eigen Android WebView-app ontwikkeld waarmee de website van Speedymax rechtstreeks als mobiele toepassing gebruikt kan worden. Het uitgangspunt was eenvoudig: de bestaande website moest niet alleen in een app worden weergegeven, maar ook echt prettig werken op een Android-telefoon.
Daarom is de app stap voor stap uitgebreid met functies die je normaal gesproken van een complete mobiele toepassing verwacht.
Het resultaat is een Android-app waarin de Speedymax-website centraal staat, maar waarbij navigatie, downloads, externe links, foutafhandeling en verschillende mobiele functies door de app zelf worden geregeld.
Meer dan alleen een website in een venster
Een eenvoudige WebView-app kan in principe bestaan uit niet veel meer dan een venster waarin een website wordt geladen. Voor Speedymax wilden we verder gaan.
De app moest aanvoelen als een echte toepassing en niet als een browser zonder adresbalk.
Daarom hebben we verschillende onderdelen toegevoegd waarmee de app beter aansluit op Android en op de manier waarop bezoekers de Speedymax-website gebruiken.
Eigen navigatie binnen de app
De Speedymax WebView-app beschikt over eigen navigatiemogelijkheden waarmee de gebruiker eenvoudig door de website kan bewegen.
Zo kan vanuit de app worden teruggegaan naar een vorige pagina, vooruit worden genavigeerd, de huidige pagina opnieuw worden geladen en snel worden teruggekeerd naar de startpagina van Speedymax.
Hierdoor hoeft de bezoeker niet afhankelijk te zijn van de bediening van de website zelf en blijft navigeren ook op een kleiner scherm eenvoudig.
Externe websites openen in de normale browser
Niet iedere link die op de Speedymax-website voorkomt hoeft binnen de app te worden geopend.
Daarom maakt de app onderscheid tussen pagina's die bij Speedymax horen en externe websites.
Pagina's van Speedymax blijven binnen de WebView-app geopend, terwijl externe links waar nodig worden doorgestuurd naar de standaardbrowser van het Android-apparaat.
Hierdoor blijft de app gericht op Speedymax en kunnen andere websites worden geopend in de omgeving waarvoor ze bedoeld zijn.
Ondersteuning voor downloads
Een belangrijk onderdeel van de app is de ondersteuning voor bestanden die vanaf de website worden gedownload.
Hiervoor maakt de app gebruik van de downloadmogelijkheden van Android. Bestanden kunnen daardoor op een normale manier op het toestel worden opgeslagen en via Android verder worden geopend of gedeeld.
Ook is rekening gehouden met verschillende soorten bestanden, waaronder PDF-documenten en bestanden die normaal gesproken met kantoorsoftware worden geopend.
Hiermee wordt voorkomen dat een downloadlink binnen een WebView niet reageert of dat de gebruiker niet weet wat er met een bestand gebeurt.
PDF- en Office-bestanden
Websites bevatten regelmatig handleidingen, formulieren, prijslijsten of andere documenten.
Daarom hebben we binnen de Speedymax-app rekening gehouden met bestanden zoals:
- PDF-documenten;
- Word-documenten;
- Excel-bestanden;
- andere downloadbare documenten die met een externe app kunnen worden geopend.
Wanneer een bestand niet rechtstreeks binnen de app hoeft te worden weergegeven, kan Android het doorgeven aan een geschikte toepassing op het toestel.
Eigen offlinepagina
Een mobiele internetverbinding is niet altijd beschikbaar. Daarom hebben we de app voorzien van een eigen oplossing voor het moment waarop de Speedymax-website niet kan worden bereikt.
In plaats van een technische standaardmelding van Android kan een duidelijke offlinepagina worden weergegeven.
De gebruiker ziet daardoor meteen dat de internetverbinding ontbreekt of dat de pagina tijdelijk niet bereikbaar is.
Vanuit deze melding kan opnieuw worden geprobeerd verbinding te maken.
Eigen foutafhandeling
Naast een ontbrekende internetverbinding kunnen tijdens het laden van een website ook andere fouten optreden.
Daarom beschikt de app over een eigen foutpagina waarmee dergelijke situaties duidelijker aan de gebruiker kunnen worden uitgelegd.
Hierdoor wordt voorkomen dat technische WebView- of browsermeldingen de gebruikerservaring verstoren.
Voortgang tijdens het laden
Wanneer een webpagina wordt geladen is het belangrijk dat de gebruiker kan zien dat de app bezig is.
Daarom is een laadindicator opgenomen waarmee zichtbaar wordt dat een pagina nog wordt verwerkt.
Zodra de pagina volledig is geladen verdwijnt deze indicator weer. Dit is vooral prettig bij langzamere mobiele verbindingen of zwaardere webpagina's.
Cookies en websitesessies
De app ondersteunt cookies zodat websitesessies normaal kunnen blijven functioneren.
Dat is belangrijk voor onderdelen zoals ingelogde pagina's, voorkeuren, cookietoestemming en andere functies waarbij informatie gedurende een bezoek moet worden onthouden.
De WebView gedraagt zich hierdoor veel meer zoals een normale moderne browser.
Ondersteuning voor mobiele Android-functies
Bij de ontwikkeling hebben we niet alleen naar de website gekeken, maar ook naar Android zelf.
Een moderne Android-app moet rekening houden met verschillende toestellen, Android-versies en manieren waarop gebruikers hun telefoon bedienen.
Daarbij spelen onder andere de statusbalk, navigatiebalk, schermgrootte en de beschikbare ruimte rond de WebView een rol.
Door hier bij de ontwikkeling rekening mee te houden blijft de website ook op moderne toestellen goed bruikbaar.
QR-codefunctionaliteit
Binnen het Speedymax-project is ook rekening gehouden met het gebruik van QR-codes.
QR-codes zijn een handige manier om snel informatie, websites of andere gegevens vanaf papier of een ander beeldscherm naar een mobiele telefoon over te brengen.
Door QR-functionaliteit naast de WebView-app beschikbaar te maken kan de mobiele omgeving van Speedymax verder worden uitgebreid zonder de hoofdapp onnodig ingewikkeld te maken.
Advertentieondersteuning
De app is voorbereid op het tonen van mobiele advertenties.
Hiermee kan binnen de applicatie advertentieruimte worden gebruikt zonder dat daarvoor de website zelf volledig hoeft te worden aangepast.
Ook hierbij is het belangrijk dat advertenties de bediening van de app niet verstoren en dat rekening wordt gehouden met privacy- en toestemmingsregels die voor mobiele advertenties gelden.
Ontwikkeld met aandacht voor verschillende Android-apparaten
Android bestaat uit veel verschillende apparaten. Een app die goed werkt op één telefoon hoeft niet automatisch perfect te functioneren op een ander toestel.
Daarom hebben we de Speedymax-app ontwikkeld met aandacht voor verschillende schermformaten en systeemconfiguraties.
Hierbij wordt onder andere rekening gehouden met:
- verschillende schermresoluties;
- moderne edge-to-edge schermen;
- Android-navigatie;
- verschillende Android-versies;
- de status- en navigatiebalk;
- mobiele en draadloze netwerkverbindingen;
- bestandsdownloads en externe apps.
De bestaande website blijft centraal staan
Een groot voordeel van een WebView-app is dat de bestaande website de basis blijft vormen.
Wanneer inhoud op de Speedymax-website wordt aangepast, hoeft daarvoor niet iedere keer een nieuwe versie van de Android-app te worden gemaakt.
Nieuwe teksten, diensten, pagina's en andere wijzigingen worden vanuit de website geladen en zijn daardoor ook direct binnen de app beschikbaar.
De app vormt als het ware de mobiele schil rond de bestaande website.
Website en Android gecombineerd
Met dit project combineren we twee werelden.
Aan de ene kant blijft Speedymax gebruikmaken van een normale website die vanuit iedere browser bereikbaar is. Aan de andere kant krijgen Android-gebruikers de mogelijkheid om Speedymax als aparte app op hun telefoon te installeren.
Hierdoor kan de gebruiker Speedymax rechtstreeks vanaf het startscherm openen, zonder eerst een browser te starten of een webadres in te voeren.
Een goede basis voor verdere uitbreiding
De Speedymax WebView-app is bovendien zo opgezet dat nieuwe mogelijkheden later kunnen worden toegevoegd.
Een WebView-app hoeft namelijk niet beperkt te blijven tot alleen het weergeven van een website.
Afhankelijk van toekomstige wensen kunnen mobiele functies en bestaande webfunctionaliteit steeds verder met elkaar worden gecombineerd.
Daarmee vormt de huidige app niet alleen een eindproduct, maar ook een goede technische basis voor verdere ontwikkeling.
Ontwikkeld door Speedymax
De Speedymax WebView-app laat zien hoe een bestaande website kan worden omgezet naar een gebruiksvriendelijke Android-toepassing zonder de flexibiliteit van het web te verliezen.
Door eigen navigatie, downloads, offlinepagina's, foutafhandeling, ondersteuning voor documenten en verschillende Android-functies toe te voegen, ontstaat veel meer dan alleen een website in een mobiele browser.
Website en app werken samen als één geheel.
De Speedymax WebView-app is ontwikkeld door Speedymax en vormt een praktisch voorbeeld van hoe wij webontwikkeling en Android-appontwikkeling met elkaar combineren.
