Wil je zelf mobiele apps bouwen? De komende maanden zullen we laten zien wat er allemaal komt kijken bij het bouwen en publiceren van een app. We gaan een Android-app maken met de ontwikkeltools van dit platform.

Voordat de smartphone er was, had je alleen simpele mobieltjes om mee te bellen, hooguit met een handjevol extra’s. Zo kon je bijvoorbeeld op de Nokia 6110 uit 1997 het iconische spelletje Snake spelen. Dat wordt over het algemeen gezien als de eerste mobiele app. Verder had je enkele simpele toepassingen als een rekenmachine, agenda en valutaconverter.

Bij hedendaagse smartphones is bellen bijzaak; de apps waar ze vol mee staan zijn interessanter en bieden eindeloze mogelijkheden. Met dank aan de kracht van de smartphone, die is volgestopt met elektronica, zoals een modem voor mobiel internet, wifi, bluetooth, gps, microfoon, luidspreker, camera en allerlei sensoren die zelfs de kleinste bewegingen registreren.

Wat is een app?

Een smartphone is eigenlijk een kleine computer, met een touchscreen als voornaamste bedieningsmethode. Het toestel heeft een mobiel besturingssysteem, specifiek ontwikkeld om de hardware te ondersteunen. Android is bijvoorbeeld nauw verwant aan Linux en gebruikt zelfs een Linux-kernel. Een app kun je eenvoudigweg zien als een softwareprogramma voor dat besturingssysteem. De term app is, dankzij het succes van de smartphone, tegenwoordig algemeen voor softwareprogramma’s. In deze cursus gaan we een app voor Android bouwen met de ontwikkeltools voor dit platform. Maar eerst verkennen we – in dit deel – ook andere bouwmogelijkheden.

©PXimport

Een app of een webapp?

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?

©PXimport

Slepen en neerzetten met app-builders

©PXimport

Native app

Een app die specifiek is ontwikkeld voor een bepaald mobiel besturingssysteem noemen we een native app. Dat is ook wat we in deze cursus gaan maken. 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

Website vermomt als app

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.

In de cursusreeks Programmeren van Tech Academy leer je op een interactieve manier je eigen apps bouwen

©PXimport

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 zul je dus moeten kiezen voor welk platform je die (in eerste instantie) gaat maken. In deze les zetten we de belangrijkste verschillen uiteen om je te helpen bij de keuze.

Marktaandeel Android versus iOS

©PXimport

Besturingssystemen

Android staat bekend om zijn aanpassingsmogelijkheden en keuzevrijheid, met dank aan bijna 400 fabrikanten die producten voor het platform maken. Kenmerkend voor iOS en de iPhone zijn de fijne gebruikservaring en het strakke ontwerp. Apple was zeker in het begin vaak de trendsetter wat betreft nieuwe functies, die later vaak in net wat andere vorm in Android verschenen. Tegenwoordig gebeurt dat meestal andersom. Maar alles bij elkaar opgeteld zijn de besturingssystemen nu behoorlijk vergelijkbaar. Beide bieden ze bijvoorbeeld een sterke beveiliging, volop voorzieningen om je privacy te bewaren, handige clouddiensten en rijke mogelijkheden voor notificaties en widgets. Bovendien worden zowel Android als iOS actief onderhouden met regelmatige updates en vernieuwingen.

Verscheidenheid smartphones

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

Ontwikkelomgeving en hardware

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.

Breder 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 (zie kader ‘Cross-platform ontwikkelen?’), maar een nadeel is dat deze 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

Cross-platform ontwikkelen?

Andere hardware

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 – de zogenoemde wearables – 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.

Hoe maak je een app?

In deze cursus gaan we zoals gezegd een native app maken voor Android. Hoewel oefenen vooropstaat, kun je ook al wat nuttige apps maken. Dit hele proces wordt nog leuker als je al een idee voor een app hebt. In deze les geven we je alvast wat tips, die overigens ook bij het ontwikkelen voor iOS goed van toepassing zijn.

Idee voor een app

De gedachte om echt iets unieks te maken, moet je misschien loslaten. Er zijn immers al zo’n 3 miljoen apps voor Android uitgebracht. Veel apps zijn variaties op of combinaties van oude, bestaande ideeën. Maar daar is niets mis mee! Enkele tips om inspiratie op te doen:

- Neem een bestaande app als uitgangspunt en kijk hoe je die beter kunt maken. Tussen de reviews van apps kun je ook lezen wat er volgens de gebruikers aan schort.

- Bepaalde apps zijn in het buitenland een succes, maar niet aangepast aan de Nederlandse situatie. Wellicht kun je een variant maken voor onze markt.

- Sommige apps zijn succesvol onder iOS-gebruikers, maar hebben geen goed alternatief voor Android. Misschien kun jij daar voor zorgen.

- Een goede manier om ideeën op te doen, is via een brainstormsessie waarin je bijvoorbeeld praktische problemen in het dagelijkse leven als uitgangspunt neemt, waar een app bij kan helpen.

- Je kunt ook kijken naar opensource-apps voor Android, waarvoor de broncode bijvoorbeeld op GitHub staat. Zo heb je relatief snel een kant-en-klare app die je daarna beter of mooier kunt maken.

©PXimport

Idee uitwerken

Heb je een idee voor een app, dan is het tijd dat verder uit te werken. Denk na over de mogelijkheden die de app moet bieden en kijk wat er technisch haalbaar is. Maak dan een eerste versie. Hiervoor hoef je niet alles uit de kast te trekken. Begin met een eenvoudige maar bruikbare app, in het Engels ook wel ‘minimum viable product’ genoemd. Je kunt de app daarna verder uitbreiden door de terugkoppeling van anderen samen te voegen met je eigen ideeën. Vraag vroeg in het ontwikkelproces ook kennissen en familieleden om feedback. Wees niet bang voor negatief commentaar, maar probeer hier je voordeel uit te halen door de app nog beter te maken.

Het bouwen

Als je de app gaat bouwen, ontwerp dan eerst de schermen van de app, ook wel gebruikersinterface genoemd. En denk na over de navigatie tussen de schermen. Daarna kun je de code gaan schrijven en interactie met elementen van de gebruikersinterface afhandelen. Dat is de lastigste stap, zeker als je nog niet zo veel programmeerervaring hebt. Er is gelukkig gedegen documentatie en je kunt talloze voorbeelden gebruiken. In deze cursus helpen we je op weg met het bouwen van je app en geven we je tips met hulpbronnen voor als je vastzit!

©PXimport

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt. Daarom speurt de redactie een aantal keer per week naar zulke deals. Nu de zomervakantie weer bijna ten einde is, gaan de kinderen weer naar school. Bij sommige scholen hebben leerlingen een laptop nodig om lessen te kunnen volgen. Wij vonden vijf uiteenlopende laptops voor een mooie prijs.

Op zoek naar een nieuwe laptop, bijvoorbeeld voor school of studie? Er is ruime keuze, maar welke laptop moet je nu hebben zonder teveel geld uit te geven? Wij vonden een vijftal betaalbare laptops met uitstekende prestaties.

Acer Aspire 3 A317-54-50KW

Met zijn grote 17,3‑inch scherm biedt de Acer Aspire 3 een fijne werkruimte voor wie graag overzicht houdt. Perfect voor multitasken, tekstverwerken of genieten van een film zonder voortdurend te moeten scrollen of zoomen. De snelle Intel-processor is er wel eentje van een eerdere generatie (11e), terwijl we nu bij de 13e generatie zijn aanbeland. Dit maakt het desondanks gezien het grote scherm een heel aantrekkelijke laptop. Wat wel iets is om rekening mee te houden: het werkgeheugen kun je niet uitbreiden; 8 GB kan al snel aan de krappe kant zijn.

Processor: Intel Core i5-1135G7 (11e generatie)
Werkgeheugen: 8 GB (niet uitbreidbaar)
Opslag: 512 GB SSD (uitbreidbaar tot 1 TB)
Beeldscherm: 17,3 inch

HP  15‑fd0951nd

De HP 15‑fd0951nd combineert moderne prestaties met een strak ontwerp. Binnenin draait een Intel Core i5‑processor van de 13e generatie, aangevuld met 8 GB RAM en een snelle 512 GB SSD. Ideaal voor werken met documenten, browsen en videobellen in hoge kwaliteit. Het 15,6‑inch Full HD‑beeldscherm biedt voldoende scherpte en ruimte voor comfortabel gebruik, en extra’s zoals een webcam met privacy-schuifje, ruisonderdrukking en een vingerafdrukscanner maken deze laptop net iets slimmer dan de gemiddelde allrounder. Wil je meer werkgeheugen, dan kun je de interne geheugenmodule vervangen door een 16 GB SO-DIMM-module, er is één enkel slot aanwezig. De SSD-opslag is tot 1 TB uit te breiden.

Processor: Intel Core i5-1334U
Werkgeheugen: 8 GB (uitbreidbaar tot 16 GB)
Opslag: 512 GB SSD (uitbreidbaar tot 1 TB)
Beeldscherm: 15,6 inch

ASUS Vivobook Go 14 E1404FA

De ASUS Vivobook Go 14 is een handige, compacte laptop die opvallend makkelijk mee te nemen is. Met zijn lichte behuizing en 14‑inch scherm is hij gemaakt voor onderweg of flexibel thuiswerken. De prestaties zijn prima afgestemd op dagelijkse taken zoals tekstverwerking, internetten en streamen, en dankzij het efficiënte ontwerp werk je stil en zonder afleiding. De vormgeving is modern en praktisch, zonder overbodige franje – gewoon een betrouwbare laptop die doet wat je ervan verwacht. Geheugen uitbreiden is niet mogelijk, wel kun je de interne M.2-ssd vervangen door een exemplaar van maximaal 2 TB.

Processor: AMD Ryzen 5 7520U
Werkgeheugen: 8 GB (niet uitbreidbaar)
Opslag: 512 GB SSD (uitbreidbaar tot max 2 TB)
Beeldscherm: 14 inch

Samsung Galaxy Book4 NP750XGJ‑KS3NL

De Samsung Galaxy Book4 combineert kracht en stijl in één compleet pakket. De aluminium behuizing oogt strak en professioneel, terwijl het 15,6‑inch Full HD‑scherm met IPS-technologie scherpe beelden levert met weinig reflectie. Binnenin werkt een 13e generatie Intel Core i5‑processor samen met 8 GB geheugen en een snelle 512 GB SSD – ruim voldoende voor veeleisende taken. Je start snel op via de ingebouwde vingerafdrukscanner en profiteert van moderne verbindingen zoals Wi-Fi 6. Alles bij elkaar een veelzijdige laptop dus, maar je kunt het geheugen van deze laptop niet uitbreiden.

Processor: Intel Core i5-1335UWerkgeheugen: 8 GB (niet uitreidbaar)
Opslag: 512 GB SSD (uitbreidbaar tot 2 TB)
Beeldscherm: 15,6 inch

Lenovo IdeaPad Slim 3 - 15.6 inch

De Lenovo IdeaPad Slim 3 is een compacte, stijlvolle laptop die uitblinkt in snelheid en gebruiksgemak. Dankzij de 13e generatie Intel Core i5‑processor schakel je razendsnel tussen programma’s. Ook prettig is het grote werkgeheugen van 16GB. Het 15,6‑inch Full HD‑scherm met IPS‑technologie zorgt voor een scherp en helder beeld, ideaal voor werk en studie. En met Dolby Audio heb je mooi, vol geluid tijdens videobellen of het streamen van series, en met handige extra’s zoals een vingerafdrukscanner en snelladen is hij verrassend compleet voor zijn klasse.

Processor: Intel Core i5-13420H
Werkgeheugen: 16 GB (niet uitbreidbaar)
Opslag: 512 GB SSD (uitbreidbaar tot 1 TB)
Beeldscherm: 15,6 inch

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt. Daarom speurt de redactie een aantal keer per week naar zulke deals. Heb je een niet al te grote keuken of is je budget niet heel hoog, maar ben je op zoek naar een vaatwasser? Kijk dan eens naar een kleiner model: perfect voor kleine gezinnen en betaalbaar. Wij vonden vijf compacte modellen voor je.

Een vaatwasser is handig als je niet van afwassen houdt en graag een opgeruimde keuken hebt. Een kleiner model kun je veel makkelijker plaatsen en wegwerken. Wij vonden vijf compacte modellen die geschikt zijn voor zo'n 6 tot 10 couverts.

ETNA VWV147SWIT

Energielabel: E
Aantal couverts: 9

De ETNA VWV147SWIT is een compacte vaatwasser met een smal ontwerp, speciaal voor keukens met beperkte ruimte. Deze vrijstaande vaatwasser is geschikt voor negen couverts, en dat is prima voor de meeste huishoudens. De indeling is zeer flexibel dankzij de in hoogte verstelbare bovenkorf, waardoor je makkelijk ruimte creëert voor pannen en grote schalen. De vaatwasser heeft vijf verschillende programma’s, waaronder een speciale halve beladingsfunctie die water en energie bespaart wanneer de machine niet volledig gevuld is. De bediening aan de buitenzijde is overzichtelijk en het apparaat geeft met indicatoren aan wanneer het zout of glansmiddel moet worden bijgevuld.

Tomado TDW5501B minivaatwasser

Energielabel: D
Aantal couverts: 6

Deze mini-vaatwasser is een ideale oplossing voor kleinere huishoudens of keukens met beperkte ruimte. Ondanks zijn compacte formaat van 44 cm hoog, biedt de Tomado TDW5501B genoeg ruimte voor zes couverts. Dat maakt hem perfect voor eenpersoonshuishoudens of studentenkamers. Met de keuze uit vijf verschillende programma's, inclusief een eco-stand, kun je de vaatwasser aanpassen aan de vervuiling van je vaat. De bediening is eenvoudig en de uitgestelde startfunctie biedt de flexibiliteit om de vaatwascyclus te laten draaien op een tijdstip dat jou het beste uit. Het geluidsniveau van 49 dB is niet storend is in een kleine ruimte of open keuken.

Inventum VVW4530AW

Energielabel: E
Aantal couverts: 10

De Inventum VVW4530AW is een smalle, vrijstaande vaatwasser met een breedte van 45 cm. Deze vaatwasser kan tot tien couverts tegelijkertijd reinigen en is daardoor een uitstekende keuze voor kleine gezinnen of koppels. Een van de opvallende kenmerken is de in hoogte verstelbare bovenkorf, die het gemakkelijk maakt om ook grotere pannen of schalen te plaatsen. De vaatwasser beschikt over zes programma's, waaronder een hygiëneprogramma voor extra vuile vaat en een halve belading optie om water en energie te besparen wanneer de machine niet helemaal vol is. Daarnaast zorgt het AquaStop-systeem voor extra zekerheid tegen lekkages en waterschade.

Beko BDFS26046XQ

Energielabel: C
Aantal couverts: 10

Met een capaciteit voor tien couverts en zes verschillende programma's, waaronder een zuinig Eco-programma en een Quick & Shine-optie, is deze BDFS26046XQ erg veelzijdig. Prettig is ook het lage geluidsniveau van slechts 44 dB, waardoor je nauwelijks merkt dat de machine aanstaat. Dit is met name prettig voor open keukens of voor gebruik 's nachts. De vaatwasser heeft een besteklade in plaats van een mand, waardoor er meer ruimte is in de onderste korf en zorgt voor een efficiëntere reiniging van het gehele bestek. De in hoogte verstelbare bovenkorf biedt extra flexibiliteit bij het inruimen van grote items.

BOSCH SKS6ITB00E Serie 6

Energielabel: E
Aantal couverts: 6

Bosch SKS6ITB00E De Bosch SKS6ITB00E is een compacte, vrijstaande vaatwasser die zich richt op kleine keukens en huishoudens. Met een capaciteit voor zes couverts is dit model perfect voor een- of tweepersoonshuishoudens. Een belangrijke kenmerk is de ActiveWater-technologie, die zorgt voor een efficiënt gebruik van water en energie zonder in te leveren op de wasresultaten. Daarnaast is er het speciale Glas 40°C-programma, dat delicate glazen voorzichtig reinigt en beschermt. Het AquaStop-systeem biedt bescherming tegen waterschade, wat een geruststellende gedachte is. Met de Extra Droog-functie is zelfs de lastig te drogen vaat, zoals plastic bakjes, na afloop van de cyclus droog.