M2mobi - Web, Cross-platform, Hybrid of Native? Wat is het verschil?
Alle blogs

Web, Cross-platform, Hybrid of Native? Wat is het verschil?

Op 9 januari, 2007, vindt Apple naar eigen zeggen de telefoon opnieuw uit met de iPhone. Een baanbrekende dag voor niet alleen de consument, maar ook voor app-ontwikkelaars. De iPhone werd gelanceerd met een destijds geavanceerde web browser voor mobiel, genaamd Safari. Wie een app wilde bouwen stond vanaf deze dag voor een viertal keuzes. Ga je voor de ontwikkeling van een volledig native app? Of kies je toch voor een web, cross-platform of hybrid app? De verschillen? Die lees je hieronder.

Web apps

Een web app is simpel gezegd een website. In de context van mobiele apps, een website die speciaal is toegespitsts op mobiel. Dit betekent dat verbinding met het internet een vereiste is voor het gebruik er van.

Hoe werken web apps?

Web apps worden met één code geschreven en hebben een responsief ontwerp. Oftewel, ze schalen automatisch naar het juiste beeldscherm formaat. Web apps worden geschreven in HTML, CSS of Javascript.

Als een gebruiker naar de website (web app) in zijn browser gaat, vraagt zijn mobiel de website op bij de server. Vervolgens reageert de server met een voor mobiel geoptimaliseerde website. De server is in dit geval een webserver welke de app-ontwikkelaar meestal in eigen huis heeft.

img web app

De voordelen van web apps?

Een van de grootste voordelen van een web app is dat deze erg snel ontwikkeld kan worden. Dit komt doordat een web app ontwikkeld wordt met slechts één code, die vervolgens gebruikt kan worden op verschillende devices en besturingssystemen. De kosten van het ontwikkelen van een web app liggen dan ook erg laag. Maar, deze eenvoudigheid brengt ook een aantal nadelen met zich mee.

De nadelen van web apps?

Web apps hebben over het algemeen een erg trage performance. Naast het feit dat een verbinding met het internet een vereiste is, hebben web apps ook een lange laadtijd. Daarbij komt dat web apps een erg beperkte toegang hebben tot externe API’s en interne functionaliteiten van de telefoon.

Een API geeft externe applicaties toegang tot informatie en data van een app. Het is dus een manier waarop verschillende apps elkaar toegang verschaffen en informatie uitwisselen.

Een ander nadeel is dat web apps ‘gevangen’ zitten in een webbrowser. Ze zijn dus niet beschikbaar in de app stores, waar app developers hun doelgroep kunnen voorzien van aanvullende informatie over de app. De kans dat gebruikers jouw web app vinden is dus erg klein, aangezien de concurrentie op zoekmachines als Google vele malen groter is dan in de app stores.

Hybrid apps

Wat is een hybrid app? Een hybrid app is een combinatie van een native app en een mobiele website. Een hybrid app wordt vaak beschreven als een website met een native schil. Oftewel, mobiele pagina’s die in een native app worden verpakt. Dit zie je vaak bij additionele pagina’s zoals de algemene voorwaarden of het privacybeleid.

Hoe werken hybrid apps?

In tegenstelling tot volledige native apps, maken hybrid apps ook gebruik van webpagina’s. Voor deze pagina’s is dus alleen kennis van relatief eenvoudige talen als HTML, CSS en Javascript nodig.

Wat zijn de voordelen van hybrid apps?

Een belangrijk voordeel zit hem in de ontwikkelkosten. Zoals we al eerder hebben toegelicht is het ontwikkelen van een webpagina minder tijdrovend dan native pagina’s. App-ontwikkelaars kunnen er daarom voor kiezen alleen de belangrijkste pagina’s van een app native te ontwikkelen en de additionele pagina’s als webpagina’s te implementeren. Daarnaast hoef je webpagina’s niet opnieuw naar de appstore te uploaden op het moment dat aanpassingen wenselijk zijn. Tot slot heeft een hybrid app wel toegang tot de native functies van een mobiel, zoals de camera. Toch brengt een hybrid app ook een aantal nadelen met zich mee.

Wat zijn de nadelen van hybrid apps?

Gebruikers zullen op het eerste gezicht niet het verschil zien tussen een hybrid en native app. Echter, zit er een groot verschil in de gebruikerservaring. Hybrid apps hebben niet alleen een langere laadtijd dan native apps, maar zijn ook op alle platformen hetzelfde. Je kan dus geen gebruik maken van de unieke gebruiksfuncties per platform.

Cross platform

Wat is een cross-platform app? De naam zegt het al: cross-platform apps worden in één taal geschreven, maar zijn over meerdere platformen beschikbaar. In tegenstelling tot web apps zijn cross-platform apps wel beschikbaar in de app stores en worden dus als daadwerkelijke app gedownload. Cross-platform oplossingen schieten als paddenstoelen uit de grond. Kunnen deze oplossingen inmiddels dezelfde ervaring bieden als native apps?

Hoe werken cross-platform apps?

Cross-platform apps worden geschreven in één taal. Dit kan in elke ontwikkeltaal zijn, zoals Javascript, HTML, Objective-C en Python. Dit zijn slechts een paar voorbeelden van de vele ontwikkeltalen die er zijn.

Als de code eenmaal geschreven is, wordt deze doorgestuurd naar de zogeheten middleware. De middleware vertaald deze code op zijn beurt weer naar de native API’s van platformen als iOS en Android.

img cross-platform

De voordelen van cross-platform apps?

Doordat cross-platform apps met één code worden geschreven zijn ze erg kosteneffectief en gemakkelijk te implementeren. Als app-ontwikkelaar kan je dus gemakkelijk een app aanbieden voor zowel iOS als Android. Cross-platform apps worden gedownload uit de app stores en hebben dus een eigen app icon.

De nadelen van cross-platform apps?

Een groot nadeel van cross-platform apps is dat deze afhankelijk zijn van de middleware die de geschreven code vertaald naar een native omgeving. Door deze middleware kan het soms lang duren voor een update kan worden doorgevoerd. Daarnaast zijn cross-platform apps erg gevoelig voor bugs. In sommige gevallen is een update van de middleware nodig voor de bug kan worden gefixed. Dit heb je dus niet zelf in de hand.

Een bug is een fout in een programma, app of website waardoor deze niet meer naar behoren functioneren.

Cross-platform apps hebben een wat trager performance en ondervinden vaak problemen door device fragmentation. Dit komt voor wanneer gebruikers een oudere versie van een besturingssysteem gebruiken, terwijl andere gebruikers de app op nieuwere versies gebruiken.

Native apps

Wat is een native app? De naam zegt het al: native apps worden geschreven in de native taal van een besturingssysteem, zoals Java, Objective C of Swift. Native apps worden gedownload uit de app store en functioneren als een onafhankelijke app op een device. Daarnaast hebben native apps volledige toegang tot alle platform API’s.

Hoe werken native apps?

Developers schrijven een source code voor de app. Hierbij voegen ze bestanden als foto’s, audio en video toe. Eenmaal klaar om de app te uploaden in de Apple Appstore en Google Playstore? Dan moet de source code tezamen met de bestanden worden gecompileerd en aangeleverd worden in een zogeheten package. Een iOS package is een IPA file en een Android package is een APK file. Deze files kunnen worden geüpload in de app stores.

img native app

De voordelen van native apps?

Native apps worden gekenmerkt door een erg goede performance, beter dan cross-platform of web apps. Doordat ze in de taal van elk individueel besturingssysteem worden geschreven kan er een geoptimaliseerd UX-design worden gecreëerd. Daarnaast hebben native apps toegang tot alle functionaliteiten en sensoren van de telefoon. Er kunnen dus niet alleen push notificaties worden verstuurd, maar ook gebruik worden gemaakt van bijvoorbeeld de camera, audio, netwerk, opslag, gps, bluetooth of WiFi.

De nadelen van native apps?

Het ontwikkelen van een native app vraagt om een groter budget en neemt aanzienlijk meer tijd in beslag dan een hybrid, cross-platform of web app. Er wordt een unieke code geschreven voor elk besturingssysteem, wat betekent dat een app-ontwikkelaar alle programmeertalen moet beheersen. Door deze unieke codes duurt het ook langer voordat een native app in de app stores is geüpload.

Conclusie

Bij je keuze voor web, cross-platform, native of hybrid apps zijn er een aantal factoren waar je rekening mee dient te houden. De belangrijkste afweging is in welke mate je bereid bent een budget open te stellen voor een optimale gebruikerservaring. Dient jouw app als online visitekaartje? Dan is een web app voldoende. Heb je al meer specifieke wensen, dan is een hybrid of cross-platform app een mooie tussenweg. Maar wil je een optimale gebruikservaring ontwikkelen en heb je hier een redelijk budget voor open staan, dan biedt een native app de juiste uitkomst.

M2mobi ontwikkelt native apps voor nationale en internationale toonaangevende klanten. Per project werken we met een team waarin alle disciplines samenkomen. Van iOS en Android, tot Backend en UX Design. Ga naar onze projecten voor een overzicht van onze native apps.

Conclusie native hybrid blog

Andere artikelen

Wees de eerste.

Krijg als eerste toegang tot speciale content als whitepapers en blog posts.