ID.nl logo
Zelf een smartphone-app bouwen: Met welke tools doe je dat?
© Reshift Digital
Huis

Zelf een smartphone-app bouwen: Met welke tools doe je dat?

Stel, je hebt een fantastisch idee voor een app. Het bestaat nog niet, dus je wil zelf deze smartphone-app bouwen. Maar dat heb je nog nooit gedaan. Waar begin je dan mee? In dit artikel sommen we op welke app-soorten er bestaan en welke ontwikkeltools er voor handen zijn.

We zijn de hype weliswaar een beetje voorbij, maar het blijft voor velen een droom om een eigen app te maken. De potentie is enorm: vrijwel iedereen loopt met een smartphone rond. Mondiaal gaat het weliswaar om ‘slechts’ 45 procent van de wereldbevolking, maar in vrijwel alle meer ontwikkelde landen ligt dat percentage boven de 85 procent. 

Nederland blijkt zelfs koploper: meer dan 93 procent is hier in het bezit van een smartphone. Op de gemiddelde smartphone zijn 60 tot 90 apps geïnstalleerd. Verdient jouw app een plekje op al die toestellen? En op welke manieren kun je die app dan bouwen?

We behandelen de apps per soort, want er bestaan verschillende. Daarna gaan we ook nog even in op andere aandachtspunten, zoals de uitdagingen van Android en iOS-compatibiliteit.

Native app

Een app die specifiek is ontwikkeld voor een bepaald mobiel besturingssysteem noemen we een native app. Ze worden meestal gemaakt met de ontwikkelomgeving en programmeertaal die bij het platform hoort. Bij Android is de ontwikkelomgeving veelal Android Studio en de programmeertaal Kotlin of Java. Bij iOS heet de voornaamste ontwikkelomgeving Xcode en de programmeertaal doorgaans Swift of Objective-C.

Je moet de ontwikkelomgeving én programmeertaal leren kennen, net als de ins en outs van het platform. Dat is best een uitdaging. Maar een native app kan wel álle mogelijkheden benutten en werkt vaak sneller, vloeiender en intuïtiever dan op andere manieren gebouwde apps. De integratie met andere apps is eveneens beter. Je merkt aan alles dat zo’n app specifiek voor het platform is gemaakt. Toch hoef je niet altijd zo’n native app te ontwikkelen. Soms heb je genoeg aan bijvoorbeeld een webapp of hybride app.

Webapp

Met webtechnologieën als html, css en JavaScript kun je websites maken die er op elk apparaat goed uitzien. Ze worden responsief genoemd omdat ze zich aan de scherm- of venstergrootte van het apparaat aanpassen. Je kunt nog een stapje verder gaan en een mooie app-achtige gebruikersinterface maken. Bibliotheken of frameworks voor JavaScript kunnen je daarbij helpen. Het resultaat noemen we een webapp.

Een goed voorbeeld is Facebook: de gebruikersinterface van de website voelt in veel opzichten aan als een app. Het bouwen van een webapp is interessant als je ervaring hebt met webdesign. Wel blijft het resultaat altijd ‘gewoon’ een website die de gebruiker moet openen in de browser en niet een installeerbare app. Al kan er wel een mooi icoontje voor worden gemaakt voor op het beginscherm.

©PXimport

Hybride app

Een hybride app is in de basis een webapp, maar dan in het jasje van een app, geschikt voor zowel Android als iOS. Je kunt de app distribueren via de betreffende appstores. Een hybride app is eenvoudig voor meerdere platforms uit te brengen, ook wel cross-platform genoemd. 

Er zijn speciale frameworks voor het maken van hybride apps. De populairste zijn Ionic en React Native. Verder heb je bijvoorbeeld PhoneGab en Cordova. Vooral React Native is in opkomst. Het is een mooie optie als je veel ervaring hebt met JavaScript, waar het sterk op leunt. De apps die je hiermee bouwt zijn bijna niet te onderscheiden van native apps, maar kennen ook hun beperkingen. Zo kun je vaak niet alle hardware van de smartphone gebruiken.

App maken voor Android of iOS?

In de markt voor smartphones heerst al sinds jaar en dag een strijd tussen smartphones met Android en de iPhone van Apple – zonder duidelijke winnaar. Beide platforms bieden een eigen ontwikkelomgeving en gebruiken een andere programmeertaal. Wil je een native app maken, dan moet je dus kiezen voor welk platform je die (in eerste instantie) gaat maken. 

Een belangrijk verschil vanuit ontwikkelaarsoogpunt is dat je bij Android rekening moet houden met een enorme verscheidenheid aan fabrikanten en toestellen, met bijvoorbeeld uiteenlopende schermafmetingen en -verhoudingen of technische mogelijkheden. Daarnaast zijn er heel veel versies van Android in omloop. Fabrikanten zijn nooit heel trouw geweest met het uitbrengen van updates. 

Ook Apple heeft inmiddels een hele rits iPhones geproduceerd in verschillende soorten en maten waar je rekening mee moet houden, maar het aantal is veel beperkter, net als de onderlinge verschillen tussen de apparaten. Bovendien draait op het gros van – niet al te oude – apparaten gewoon de laatste iOS-versie. Dat maakt het als ontwikkelaar makkelijker om nieuwe functies te benutten.

©PXimport

Google en Apple hebben elk een eigen gratis ontwikkelomgeving voor het maken van apps. Voor Android is dat Android Studio, beschikbaar voor Windows, macOS, Linux en Chrome OS. Apple stelt Xcode beschikbaar om apps voor iOS te maken. Deze software kun je alleen op macOS installeren. Je kunt die beperking eventueel omzeilen door een virtuele machine met macOS te gebruiken binnen je eigen besturingssysteem, zoals Windows. Dat kan bijvoorbeeld met de gratis Virtual Box-software van Oracle. Het druist wel tegen de licentievoorwaarden van Apple in.

Een ander alternatief – het ‘nabouwen’ van een Mac (ook wel Hackintosh genoemd) – is ook een optie, maar is evenmin een officiële methode en door hardware-beveiligingen steeds lastiger. Wil je voor dit platform gaan ontwikkelen, dan ontkom je er bijna niet aan een Mac, MacBook of eventueel een losse Mac mini aan te schaffen.

Cross-platform app ontwikkelen

Je zult er veel tijd en moeite in moeten steken om een app voor een bepaald platform te maken. En wil je de app dan ook nog voor het andere platform uitbrengen, dan krijg je opnieuw met een vergelijkbare leercurve te maken. Het zogeheten cross-platform ontwikkelen is een manier om dat te voorkomen.

Een bekend voorbeeld is Xamarin, waarin je met de programmeertaal C# werkt. Heb je ervaring met het maken van websites? Dan kun je zoals eerder aangehaald ook een hybride app overwegen met bijvoorbeeld React Native. Ook dan kun je het resultaat distribueren via appstores. Voor bovenstaande opties geldt echter dat je niet altijd alle mogelijkheden van het smartphoneplatform kunt benutten. 

een nadeel is dat cross-platform-ontwikkelomgevingen meestal minder gebruiksvriendelijk zijn. Ook is het soms lastiger om de app te optimaliseren en om specifieke hardware- of software-eigenschappen van een platform te benutten.

Je inspanningen worden dus zeker beloond als je je in Android óf iOS en in de toegepaste ontwikkelomgeving en programmeertaal verdiept. Je hoeft je daarbij zeker niet tot apps voor smartphones te beperken. Zonder al te veel moeite kun je dezelfde app geschikt maken voor tablets, zolang je hier rekening mee houdt bij het bouwen van de gebruikersinterface. En met smartphones en tablets houdt het nog lang niet op...

©PXimport

Apps voor smartwatch, tv en meer

Zowel Android als iOS wordt breed ingezet. Zo wordt Android bijvoorbeeld in de vorm van Android TV als besturingssysteem in diverse smart-tv’s en losse mediaspelers gebruikt. Ook bestaan er smartwatches met Wear OS, wat in feite een aangepaste editie van Android is. Ook op deze platforms kunnen apps geheel zelfstandig draaien. En al deze apps kun je met Android Studio maken.

Voor Apple geldt bovenstaande ook. Zo kun je met dezelfde Xcode-ontwikkelomgeving apps maken voor Apple TV (dat tvOS gebruikt), voor Apple Watch (met watchOS) en ook voor macOS, het desktopbesturingssysteem. Natuurlijk komt alle hardware wel weer met zijn eigen uitdagingen, zodra je daar een app voor gaat maken. Maar je kunt eenvoudiger instappen. Niet alleen de ontwikkelomgeving en programmeertaal zijn dezelfde, ook de stappen voor het bouwen van de app hebben veel gemeenschappelijk. In no-time heb je er dus een nieuwe doelgroep bij.

 Nu heb je een aardig idee van alle mogelijkheden die er voor je liggen, zodat je jouw app-idee werkelijkheid kan maken. Vinden we 'm straks terug in de downloadwinkels van Google en Apple?

▼ Volgende artikel
Geen zin in AI-reacties van Google? Zo krijg je weer echte zoekresultaten
Huis

Geen zin in AI-reacties van Google? Zo krijg je weer echte zoekresultaten

Wanneer je iets opzoekt via Google, verschijnt er steeds vaker een automatisch gegenereerd antwoord bovenaan de resultaten. Dat gebeurt niet bij elke zoekopdracht, maar alleen als Google denkt dat het handig is. Vind je die slimme assistent wat te aanwezig of niet altijd even betrouwbaar? Met deze drie tips kun je AI-antwoorden eenvoudig omzeilen.

Dit gaan we doen

In dit artikel lees je hoe je de automatisch gegenereerde samenvattingen van Google kunt vermijden. We bekijken drie concrete methodes: het gebruik van "-AI" bij je zoekopdracht, het toepassen van een speciaal webfilter via de URL of Site-Search, en het installeren van een browserextensie. Je krijgt stap-voor-stap uitleg zodat je zelf bepaalt hoe je zoekt.

Lees ook: Geconcentreerd werken doe je met deze handige Chrome-extensies

Tip 1: -AI

Het is niet mogelijk om de AI-overzichten van Google definitief uit te schakelen, maar je kunt ze wel onderdrukken. Probeer het om te beginnen eens door op je smartphone of laptop-AI te typen voor of achter de zoekterm die je ingeeft. Als je bijvoorbeeld de opdracht "Waarom zou ik een warmtepomp nemen?" intikt, dan reageert Google eerst met een AI-overzicht. Als je "Waarom zou ik een warmtepomp nemen? -AI" typt, dan is het AI-antwoord verdwenen.

Probeer eerst -AI achter je zoekopdracht te typen.

Tip 2: Webfilter in Google

Een tweede manier is door het webfilter &udm=14toe te voegen aan de url. Komt er een door AI gegenereerd antwoord op je zoekvraag? Plak dan &udm=14 achter de ontstane url in de adresbalk van de browser om ervoor te zorgen dat de AI-reactie verdwijnt. Je kunt ook in Chrome via de Instellingen / Zoekmachine / Zoekmachines en Site Search beheren de aangepaste Google-gegevens ingeven in het vak Site Search.  https://www.google.com/search?q=%s&udm=14. Het achtervoegsel zorgt ervoor dat zoekopdrachten altijd met het webfilter worden uitgevoerd. Je geeft dan ook een snelkoppeling in (een woord), dat typ je dan in de zoekbalk voordat je je zoekopdracht ingeeft.

Een andere manier is de zoekopdracht in te geven op www.startpage.com. Hier kun je Google gebruiken via een omweg, zodat je minder persoonlijke gegevens deelt en tegelijk AI-overzichten vermijdt.

Zorg dat je deze gegevens in Site Search ingeeft.

Tip 3: Extensies

Om korte metten te maken met AI kun je in Chrome een browserextensie installeren. De Chrome-extensies Hide Google AI Overviews,Turn Off AI Overview en Bye Bye Google AI zijn gratis. Open de Chrome Webstore en type de naam van de extensie in het zoekvak. Selecteer de gewenste extensie en klik op de blauwe knop Toevoegen aan Chrome. Bevestig dat je de extensie wilt toevoegen. Wil je achteraf de extensie alsnog verwijderen, dan klik je op de drie puntjes van de rechterbovenhoek en kies je Extensies / Extensies beheren. Daarna kom je in het overzicht van alle extensies die in Chrome geïnstalleerd zijn en kun je de knop Verwijderen gebruiken.

Een gemakkelijke manier is natuurlijk een extensie installeren.

Extensies, maar dan anders

(Zei iemand: "Dat is er met de haren bijgesleept"?)
▼ Volgende artikel
Black Friday bij Simyo: hoge kortingen én tot 40 euro cashback via CashbackXL
Huis

Black Friday bij Simyo: hoge kortingen én tot 40 euro cashback via CashbackXL

Wie deze Black Friday écht wil besparen op zijn mobiele abonnement, komt al snel uit bij de combinatie Simyo en CashbackXL. Want waar de meeste providers één losse korting aanbieden, stapel je hier twee voordelen op elkaar: scherpe Black Friday-prijzen én een royale cashback. Zo wordt mobiel internetten ineens verrassend goedkoop, zonder dat je hoeft in te leveren op snelheid of flexibiliteit.

Black Friday is hét moment om je mobiele abonnement eens goed onder de loep te nemen. Dit jaar pakt Simyo extra groot uit met tot 75 procent korting op alle internetbundels, en wie via CashbackXL bestelt, krijgt daarbovenop tot 40 euro cashback. Een combinatie die de sowieso al betaalbare provider tijdelijk nóg aantrekkelijker maakt.

Tot 75 procent korting op databundels

Tijdens de Black Friday-periode verlaagt Simyo de prijzen van al zijn databundels van 2 tot 30 GB. Bij een tweejarig contract geldt de korting 12 maanden, bij een eenjarig contract 6 maanden. Na deze periode betaal je weer de standaardprijs (die gelukkig ook vrij laag is). Omdat Simyo zijn bundels maandelijks laat aanpassen, profiteer je gedurende je volledige kortingsperiode ook als je van bundel wisselt.

De actietarieven liggen opvallend laag. Zo kost de databundel van 30 GB tijdelijk 1,50 euro in plaats van 7 euro, en betaal je voor 2 GB tijdelijk slechts 50 cent per maand. Wie veel belt, kan voor 1 euro extra per maand onbeperkt bellen toevoegen. Klanten met KPN-thuisinternet krijgen via Simyo Compleet bovendien 10 GB extra data per maand cadeau.

Extra besparen via CashbackXL

Wie deze Black Friday-kortingen wil combineren met cashback, moet via CashbackXL doorklikken naar Simyo. Afhankelijk van je keuze ontvang je:

  • 40 euro cashback bij een nieuw tweejarig sim-only-abonnement

  • 30 euro cashback bij een eenjarig sim-only of een abonnement met telefoon

  • 25 euro cashback bij een verlenging

  • 2,50 tot 20 euro cashback bij prepaid-opwaarderingen

De spelregels

CashbackXL werkt eenvoudig, maar er zijn een paar belangrijke regels om rekening mee te houden. Wie deze stappen volgt, krijgt zijn cashback vrijwel altijd zonder problemen uitgekeerd.

Zoals we hierboven al hebben gemeld, moet je via CashbackXL doorklikken naar Simyo en in dezelfde sessie je bestelling afronden. Dat betekent: niet tussendoor de pagina sluiten of later terugkomen via een andere link. Daarnaast moeten cookies geaccepteerd worden en mag er géén adblocker actief zijn, omdat die de benodigde tracking tegenhouden.

Ook belangrijk: gebruik géén andere kortingscodes tijdens je bestelling, want die kunnen ervoor zorgen dat je cashback wordt afgekeurd. De cashback wordt volgens CashbackXL meestal binnen tien minuten bevestigd, en de daadwerkelijke uitbetaling volgt doorgaans binnen twee maanden. Houd er verder rekening mee dat er geen cashback wordt uitgekeerd bij abonnementen waarvan het maandbedrag onder de 5 euro ligt.

Waarom Simyo?

Simyo maakt gebruik van het 5G-netwerk van KPN, met snelheden tot 300 Mbit/s. Daarbij kun je elke maand je bundels aanpassen en optioneel een dataplafond instellen, zodat internet automatisch stopt wanneer je bundel op is. Je zit dus niet alleen voordelig, maar ook flexibel en veilig.

Volgens CashbackXL loopt de complete Black Friday-actie, inclusief cashback, door tot en met 7 december 2025. Daarna vervallen zowel de extra hoge kortingen op de databundels als de verhoogde cashback-bedragen. Wees er dus snel bij!