5.2 Web & hybride

Deze pagina is een concept. Reacties via nora@ictu.nl of tekstvoorstellen in de wiki zijn welkom.

Hybride apps

Hybride apps zijn een combinatie van een web app en een native app. De app is gebouwd in HTML5, CSS en Javascript maar draait niet op een server, maar in een container op het mobile device waarbij de code wordt uitgevoerd in een webview, een versimpelde versie van de browser. De webcontent kan in de app zelf zijn opgenomen of worden gedownload via een internetverbinding. Voordeel hiervan is dat de code hergebruikt kan worden voor alle platformen. Voor toegang tot sommige sensoren moet er per platform code geschreven worden, de toegang tot camera, locatie, microfoon is meestal cross-platform beschikbaar. De gebruikerservaring van hybride apps ten opzichte van de gebruikerservaring van native apps is anders. Bijvoorbeeld, paginaovergangen die door het webgedeelte worden afgehandeld, ogen minder vloeiend. Hybride apps bestaan in diverse gradaties van “nativeness”, dit is verder uitgewerkt in de technische referentie architecturen voor app ontwikkeling. In het hoofdstuk ‘Beleid’ is aangegeven waar deze architecturen beschikbaar zijn.

Web apps

Web apps (ook wel HTML5 apps genoemd) zijn apps gemaakt met HTML5- en Javascript-technologie die op een server staan en in de browser van het device uitgevoerd worden. De gebruiker kan door een snelkoppeling op het device te maken toegang tot de app verkrijgen. Bij zogenaamde “installable webapps” wordt een icoon op het homescreen van het device geplaatst. Web apps bieden de ontwikkelaar de meeste flexibiliteit. Voor de ontwikkeling zijn vele ondersteunende frameworks beschikbaar. Interessant zijn met name de Javascript frameworks die allerlei functionaliteiten bieden zoals kant-en-klare componenten. Populaire JavaScript frameworks zijn Angular, React en Vue.

Een bijkomend voordeel van web apps is dat de achterliggende webcode ook ontsloten kan worden in browsers op niet mobiele devices. Door slim gebruik te maken van responsive webdesign heb je op die manier een code base voor alle platformen.

Een PWA (Progressive web app) wordt bij de eerste request in haar geheel ingeladen. Hierna functioneert de PWA als een opzichzelf staande applicatie, zelfs zonder internetverbinding. Belangrijkste voordelen van een PWA t.o.v. een web app zijn dan ook gebruikersvriendelijkheid en betere performance.

Volgende pagina: 5.3 Welk type app?

Een bepaald voorkomen van iets.

Ga naar de pagina met de definitie van 'versie'

De mogelijkheid van een entiteit om een object te benaderen en te gebruiken.

Ga naar de pagina met de definitie van 'toegang'

Een natuurlijke persoon die iets gebruikt.

Ga naar de pagina met de definitie van 'gebruiker'

Een computerprogramma voor gebruikers.

Ga naar de pagina met de definitie van 'applicatie'