• TrophyWebbureau met 10+ jaar ervaring
  • HouseWij maken websites, apps en webapplicaties
  • MedalWinnaar FD Gazellen 2019!
  • Page 1Specialist in digitale automatisering
  • Google+ icon4.9 ★★★★★ Klantbeoordeling
Phone

Ionic app

Benieuwd naar de mogelijkheden van Ionic voor het bouwen van een app? We geven je graag de voor- en nadelen, en een aantal voorbeelden van bestaande Ionic-apps.

Wat is Ionic?

Ionic is een HTML 5 open-source framework voor het bouwen van snelle en kwalitatieve apps voor zowel mobiel als desktop.

logo van het ionic framework

In 2013 werd Ionic uitgebracht als open-source SDK (Software Development Kit) voor hybride mobiele applicaties. Sindsdien zijn er meer dan vijf miljoen apps ontwikkeld op basis van deze technologie. ‘Onder de motorkap’ is Ionic een uitbreiding op Angular, een web framework oorspronkelijk ontwikkeld door Google. Inmiddels zijn er verschillende nieuwe versies verschenen en is Ionic 4 uit 2019 de meest recente. Een grote vernieuwing is dat deze versie niet meer vastzit aan Angular als vast framework.

Ionic als framework richt zich op de ‘front-end’ gebruikerservaring. Denk aan de interactie die je als gebruiker hebt met een app, zoals de knoppen, navigatie, animaties en andere controls. Het bouwen van Ionic apps gebeurt op basis van bekende webtechnologieën als HTML, CSS, Javascript en Angular.

Ionic werkt grotendeels op basis van Javascript bovenop WebView en (Cordova of in functionaliteit vergelijkbare) plugins. Deze combinatie betekent simpel gezegd dat de app gebouwd is als ‘een website’ die wordt ingeladen binnen de app. Met deze opzet kan een Ionic-app ‘als website in een app’ beschikbaar worden gemaakt voor meerdere platformen. Hiermee wijkt Ionic af van alternatieven als React Native.

Het gebruik van het Ionic-framework bij het maken van apps kent meerdere voor- en nadelen. Hieronder lees je waar je rekening mee moet houden als je van plan bent een Ionic app te (laten) maken.

Voordelen van Ionic

Open source, dus gratis in gebruik

Ionic is een open-source framework. Dat betekent dat er geen licentiekosten verbonden zijn aan het gebruik van de techniek. Je betaalt dus enkel voor het werk dat een developer moet verzetten om een app te bouwen. Wanneer je de keuze moet maken tussen een eigen app en het afnemen van een bestaande app op basis van een licentie, loont het om de ontwikkeling Ionic-app te overwegen. Op de lange termijn zal de investering in een eigen app zichzelf namelijk terugbetalen. Laat staan dat je dan de vrijheid hebt om de app naar wens in te richten en uit te breiden.

Op basis van webstandaarden

Het Ionic-framework is gebouwd op basis van gestandaardiseerde en bekende webtechnologieën als HTML, CSS en Javascript. Daarbij wordt gebruik gemaakt van moderne API’s. Hierdoor is Ionic een stabiel framework. Daarnaast is er een goede en brede ondersteuning van de community. Dit maakt de technologie makkelijk om te begrijpen vanwege alle informatie die online via bijvoorbeeld GitHub gedeeld wordt. Ook worden bugs en andere issues snel opgemerkt en aangepakt.

Hybride / cross-platform

Met Ionic ontwikkel je applicaties die op meerdere platformen werken. Denk bijvoorbeeld aan een app die zowel op Android (vanaf 4.1) als iOS (vanaf 7) werkt. Mogelijk is deze ook nog beschikbaar via het web of als Windows 10 app. Met Ionic schrijf je maar één keer code, en optimaliseert vervolgens per platform. Hiermee bespaar je op de dubbele kosten die je hebt wanneer je native apps ontwikkelt. Een native app moet namelijk voor elk platform los worden ontwikkeld.

Simpel voor ontwikkelaars om te leren

Ionic is opgezet als een simpel en flexibel platform dat makkelijk is om te begrijpen. Wanneer een ontwikkelaar bekend is met CSS, HTML of Javascript, zal die Ionic snel in de vingers krijgen. Dit maakt dat Ionic apps ook makkelijk overgedragen kunnen worden aan nieuwe ontwikkelaars (en ontwikkelbureaus).

Bestaande componenten beschikbaar

Ontwikkelaars kunnen met Ionic gebruik maken van veel voorgedefinieerde componenten. Denk hierbij aan buttons, navigatie en zoekbalken. De beschikbaarheid van deze ‘bibliotheek’ versnelt het ontwikkelproces en heeft daarnaast als voordeel dat de ontwikkelaar het wiel niet opnieuw uit hoeft te vinden.

Nadelen van Ionic

Ionic kent een aantal potentiële nadelen, met name op het gebied van prestaties. Hoe breder de app wordt ingezet, hoe groter de impact van deze issues. Ontwikkelaars moeten zich hier van bewust zijn en adequaat te werk gaan om problemen te voorkomen.

Prestaties op oudere telefoons

Ionic werkt grotendeels op basis van WebView. In tegenstelling tot native apps kunnen Ionic-apps daardoor met name op oudere telefoons tegen performance issues oplopen. Zo zijn animaties mogelijk trager en ontbreken platformspecifieke functies. Bij de ontwikkeling van een Ionic-app moet dus goed rekening worden gehouden met de issues die mogelijk ontstaan op oudere telefoons. Dit kan door goed te testen en risicofactoren eruit te pikken.

Prestatieverschillen tussen telefoons

Ook tussen verschillende telefoonmodellen lopen de prestaties soms uiteen. Niet ieder model en besturingssysteem draait een Ionic-app op dezelfde manier, waardoor soms unieke issues of prestatieproblemen optreden. Op iOS valt dit goed te testen vanwege het relatief kleine aantal aan Apple-telefoons dat op de markt beschikbaar is. Met Android is dit een ander verhaal. Er zijn immers honderden modellen op de markt van verschillende fabrikanten. Met name Android-gebruikers lopen daardoor een grotere kans tegen unieke issues aan te lopen.

Het is de taak van ontwikkelaars om te voorkomen dat deze potentiële nadelen naar voren treden. Daar komt wat ervaring, testen en zorgvuldigheid bij kijken. Het voordeel bij het nadeel is het bestaan van de grote Ionic-community. Die voorziet in veel kennis om Ionic-apps sneller te maken voor diverse platformen.

Voorbeelden Ionic app

Hieronder vind je een aantal voorbeelden van Ionic-apps die wij als ontwikkelpartij hebben gemaakt.

Een Ionic-app voor woningzoekers

Swipen tussen woningen op basis van een zoekprofiel
Afbeelding voor Match met je perfecte woning via de Settle-app
Next lineMatch met je perfecte woning via de Settle-app

Kosten besparen en digitaliseren met een Ionic-app

Een interne app voor monteurs op locatie
Afbeelding voor Inspecties brandveiligheid beter én veiliger met een kostenbesparende app
Next lineInspecties brandveiligheid beter én veiliger met een kostenbesparende app

Een interne app voor Radboudumc-personeel

Voorbereid op een crisis met de Crisisnet-app
Afbeelding voor Kennis van Radboudumc-personeel verhogen met mobiele app CrisisNet
Next lineKennis van Radboudumc-personeel verhogen met mobiele app CrisisNet

Ionic app maken

Als webbureau hebben we veel ervaring in de development van Angular/Ionic-apps. We zijn ons goed bewust van de nadelen en nemen altijd maatregelen om de invloed van deze negatieve factoren te minimaliseren.

Uiteindelijk zien we voor veel bedrijven voordelen in de ontwikkeling een hybride applicatie. Met name de potentiële kostenbesparing en flexibiliteit van een Ionic-app maakt het aantrekkelijke keuze voor bedrijven om in te investeren.

Ben jij benieuwd of een Ionic-app past bij jouw wensen, of zoek je een partij die je kan helpen bij de ontwikkeling? Neem dan contact met ons op. We vertellen je graag vrijblijvend welke mogelijkheden wij voor je zien.

Neem contact op Next line
Thomas

Direct contact? Thomas beantwoordt graag je vragen