ID.nl logo
Bouw je eigen Android-app: AI maakt het moeiteloos mogelijk
© Stanisic Vladimir
Huis

Bouw je eigen Android-app: AI maakt het moeiteloos mogelijk

Je hebt geen programmeerervaring, maar je wilt toch een eigen mobiele app maken? Onmogelijk? Niet met een gratis en krachtig duo als Android Studio en Cursor. Programmeerkennis is niet vereist, al helpt het als je precies weet wat je wilt en dat ook goed kunt verwoorden.

In dit artikel laten we zien hoe je eenvoudig een Android-app kunt ontwikkelen:

  • Installeer en configureer Android Studio en Cursor
  • Gebruik AI-prompts om functies toe te voegen en te optimaliseren
  • Test en debug je app met behulp van ingebouwde tools
  • Genereer een apk-bestand en installeer je app op een Android-toestel
  • Personaliseer je app met een eigen pictogram en interface

Nog meer personaliseren? Lekker persoonlijk: zo maak je je Android-smartphone écht van jou

We richten ons op het maken van Android-apps met behulp van het gratis Android Studio. Dit is de officiële geïntegreerde ontwikkelomgeving (IDE) van Google. Die biedt een uitgebreide set tools voor het ontwerpen, ontwikkelen, testen en debuggen (foutopsporing) van Android-applicaties, en ondersteunt programmeertalen als java, C++ en Kotlin. Deze laatste wordt officieel door Google ondersteund en is erg geschikt voor het ontwikkelen van Android-apps. Deze taal wordt daarom ook standaard gekozen voor nieuwe projecten in Android Studio.

Leuk om te weten, maar eigenlijk hoef je je daar helemaal niet om te bekommeren, aangezien we zelf niet, of althans niet handmatig, aan de achterliggende code gaan sleutelen. Immers, we laten deze gewoon genereren met een andere gratis tool: Cursor. Dit is een codegenerator en -editor die op Visual Studio Code is gebaseerd en door AI wordt gestuurd. Beide tools kunnen netjes naast elkaar draaien en met prompts in een natuurlijke taal, zoals Nederlands, genereer, wijzig en optimaliseer je de nodige code automatisch.

Installatie en setup Android Studio

Je hebt inmiddels begrepen dat je twee tools nodig hebt: Android Studio en Cursor. We beginnen met de eerste. Ga hiervoor naar https://developer.android.com/studio en klik op Download Android Studio (in ons geval is dit de versie Ladybug Feature Drop). Accepteer de voorwaarden en bevestig de download (circa 1,14 GB).

Open het installatiebestand, druk driemaal op Next en klik op Install. Start Android Studio na de installatie. De set-upwizard verschijnt. Klik op Next, laat Standard geselecteerd en klik opnieuw op Next.

Er worden verschillende onderdelen geïnstalleerd, waaronder een emulator, een SDK voor Android en aanvullende modules. Klik op Finish om deze te downloaden. Bevestig met Ja en klik nogmaals op Finish. Het welkomstvenster verschijnt.

Android Studio is een IDE met verschillende handige componenten.

Begin nieuw project

Klik in het welkomstvenster op New Project. Kies bij Templates voor Phone and Tablet en selecteer Empty Activity. Druk op Next. Voer een naam in voor je app, afhankelijk van het type app dat je wilt maken. In ons voorbeeld maken we een app om de weersverwachting te bekijken en op basis van temperatuur, windkracht en regenkans te bepalen of een dag geschikt is voor een fietstocht, inclusief de mogelijkheid om een locatie in te voeren. We noemen deze app Fiets of Niets.

Bij Package Name kun je bijvoorbeeld invullen nl.<jenaam>.fietsofniets, een omgekeerde domeinnaam gevolgd door de appnaam. Pas eventueel Save Location aan en noteer deze. Laat de overige instellingen, zoals API 24 en Kotlin DSL, ongewijzigd.

Klik op Finish om de benodigde bestanden te laden. Er wordt een basisstructuur gegenereerd, waaronder MainActivity.kt, een Kotlin-bestand dat de code voor de hoofdactiviteit bevat. Dit kan intimiderend ogen, maar zoals gezegd: je hoeft hier zelf zo goed als niets aan te wijzigen.

Als Android Studio detecteert dat Microsoft Defender actief is en hierover een melding geeft, klik dan op Automatically en bevestig met Ja om te voorkomen dat deze beveiliging storend werkt. Je kunt het venster Assistent verbergen via het knopje rechtsboven. Laat het Android Studio-venster wel geopend. Dit bevat nu twee deelvensters: rechts de eigenlijke code, links de bestandsstructuur voor deze code.

De Studio-omgeving met de Kotlin-code oogt intimiderend, maar watervrees is nergens voor nodig.

Installatie en setup Cursor

Hoog tijd om AI-tovenaar Cursor erbij te halen. Open je browser en ga naar www.cursor.com. Klik op Download en voer het gedownloade exe-bestand uit.

Kies de gewenste taal, bijvoorbeeld English, ga akkoord met de licentieovereenkomst, selecteer de installatielocatie en laat de overige opties ongewijzigd. Klik op Next en vervolgens op Install. Laat Launch Cursor geselecteerd en druk op Finish.

Bij de eerste opstart kun je de meeste instellingen ongemoeid laten. Wil je AI-prompts in het Nederlands gebruiken? Vul dan Nederlands in bij Language for AI en bevestig met Continue. In het volgende venster kun je eventueel Private Mode inschakelen, zodat prompts en invoer niet worden opgeslagen. Klik op Continue en daarna op Sign Up om de AI-functionaliteit te activeren. Meld je nu in het geopende browservenster aan met je e-mailadres of via een Google- of GitHub-account. Volg de instructies en bevestig indien nodig met Yes, Log in.

De installatie en setup van Cursor heb je zo voor elkaar.

Nieuw project

Wanneer je terugkeert naar het Cursor-venster, ben je automatisch aangemeld. Aangezien zowel Cursor als Android Studio een donker thema gebruiken, kan dit in het begin wat verwarrend zijn. Je kunt het thema van Cursor daarom misschien het beste aanpassen. Ga hiervoor naar File / Preferences / Theme / Color Theme en kies bijvoorbeeld Red.

Klik in het startvenster op Open project en navigeer naar de map waarin Android Studio het project heeft opgeslagen. Standaard is dit C:\Users\AndroidStudioProjects\<app_naam>. Cursor importeert automatisch de code van je Android Studio-project. Je kunt nu AI-prompts gebruiken om je app helemaal vorm te geven.

Het project is geladen en het thema hebben we wat opvallender gemaakt.

Cursor Composer

Druk op Ctrl+I om het deelvenster CursorComposer te openen. Rechts verschijnt nu een invoerveld waarin je je eerste AI-prompt kunt typen, oftewel je vraag of instructie.

Linksonder dit venster zie je dat standaard het AI-model Claude-3.5-sonnet wordt gebruikt. Wil je een ander model, zoals gpt-4o, klik dan op het pijlknopje en selecteer je voorkeur.

Wil je extra modellen inschakelen, klik dan op het tandwielpictogram rechtsboven, open de rubriek Models en vink de gewenste modellen aan. Let op: sommige modellen vereisen een betaalde API-sleutel, die je hier bij de juiste provider kunt invullen. In dit artikel werken we verder met het gratis Claude-3.5-sonnet.

Je kunt met verschillende AI-modellen aan de slag.

AI-prompts

Het komt erop neer dat je met prompts instructies geeft aan Cursor (Composer) om je app vorm te geven. Doe dit stapsgewijs en gestructureerd. Waarschijnlijk gebruikt je projectstructuur meerdere bestanden, zoals kt en xml. Om Cursor te dwingen hiermee rekening te houden, begin je prompts bij voorkeur met @codebase (bevestig met Enter). Dit is niet altijd nodig bij eenvoudige of algemene instructies, maar kwaad kan het eigenlijk nooit.

Hieronder een voorbeeld van een eerste prompt voor onze app Fiets of Niets:

@codebase, druk op Enter. Gebruik de gratis dienst Open-Meteo om een weersvoorspelling van de eerstvolgende 7 dagen te geven, telkens in één regel, druk op Enter.

Cursor genereert direct de nodige code (bestanden). Verschijnt de melding Accept file of Accept all, klik hierop om de aanpassingen door te voeren. Wij hebben Open-Meteo gekozen omdat deze geen API-sleutel vereist. Zo vermijd je dat Cursor een dienst gebruikt die dit wel nodig heeft. Moet er toch een sleutel worden ingevoerd, geef deze dan via een prompt aan Cursor door en vraag om deze op de juiste plek in de code te verwerken.

Alle begin is moeilijk: de eerste prompts voor de ontwikkeling van een app.

App testen

Test je app geregeld. Open het venster van Android Studio – de door Cursor gegenereerde code is hier ook opgenomen – en klik bovenaan op de groene knop Run App (Shift+F10). De app start dan in de Android-emulator, al kan dit vooral de eerste keer even duren.

Het is niet uitgesloten dat er foutmeldingen verschijnen in het deelvenster Build Output (onderaan) van Android Studio. Druk hiervoor indien nodig eerst op de knop Build in de knoppenbalk linksonder. Duiken er inderdaad foutmeldingen op (zoals ‘unresolved references’), geef deze dan via prompts door aan Cursor en vraag om ze op te lossen. Bevestig de voorgestelde wijzigingen telkens met Accept all en test opnieuw.

Cursor kan ook voorstellen om foutmeldingen uit de Logcat van Android door te geven. Open Logcat in Android Studio via de gelijknamige knop in de knoppenbalk linksonder, kopieer de meldingen met Ctrl+C en plak ze in het Cursor-promptvenster met Ctrl+V. Zijn de fouten verholpen, dan kun je de app verder vormgeven, telkens met gerichte prompts aan Cursor.

Desnoods open je de Logcat en geef je foutmeldingen als prompts aan Cursor door.

App gebruiken

Werkt je app goed en ziet deze er goed uit in de emulator, dan kun je deze overzetten naar een fysiek Android-apparaat. Je kunt hiervoor een apk-bestand laten genereren (Android Package Kit) dat alle code in één pakket verzamelt. Klik op het menuknopje linksboven in Android Studio, open bovenaan het tabblad Build en kies Build App Bundle(s)/APK(s) / Build APK(s).

Je kunt je app in een apk-bestand inpakken.

Even later verschijnt een melding en kun je hier op Locate klikken om de map in Verkenner te openen. Wil je de app installeren, stel dan het apk-bestand beschikbaar op je telefoon, bijvoorbeeld via cloudopslag, en dubbelklik erop. Zorg wel eerst dat in de Android-instellingen de installatie van onbekende apps is toegestaan (via een optie als Apps / Specialeapp-toegang / Onbekende apps installeren). Je kunt het kant-en-klare apk-bestand van onze eigen Fiets of Niets-app hier downloaden.

Je kunt ook je fysieke Android-apparaat direct gebruiken via de knop Device Manager in de rechterzijbalk van Android Studio. Selecteer hier je eigen apparaat in plaats van het virtuele apparaat van de emulator, mits dit via usb is aangesloten en je de nodige machtigingen hebt ingesteld. Voor verdere details hebben we hier helaas niet de ruimte.

Of je verbindt rechtstreeks je fysieke Android-apparaat.

App-pictogram

Je kunt je app op je telefoon een eigen pictogram geven. Download of ontwerp een afbeelding, bijvoorbeeld met een AI-beeldgenerator, bij voorkeur 512 x 512 pixels, en bewaar deze (bijvoorbeeld) als png-bestand.

Open je project in Android Studio en navigeer in het linkerdeelvenster, met de projectstructuur, naar app > res. Klik met rechts op res en kies New / Image Asset. Vul bij Path het pad in naar je afbeeldingsbestand, bijvoorbeeld C:\Users<naam>\desktop\fietsofniets.png. Bevestig met Next en met Finish.

Wel zo leuk: een eigen pictogram voor je eigen app.

Watch on YouTube
▼ Volgende artikel
Volledig nieuwe iPhone 17 Pro en Pro Max zetten in op kracht en creativiteit
© Apple
Huis

Volledig nieuwe iPhone 17 Pro en Pro Max zetten in op kracht en creativiteit

Apple heeft de iPhone 17 Pro en iPhone 17 Pro Max aangekondigd, met een nieuw aluminium ontwerp, de krachtige A19 Pro-chip en verbeterde camera's met 8x optische zoom. Beide modellen krijgen grotere batterijen en ondersteunen nieuwe videofuncties zoals ProRes RAW en genlock. De toestellen zijn vanaf 19 september verkrijgbaar in drie kleuren, met pre-orders vanaf 12 september.

Aluminium unibody en betere warmteafvoer

De iPhone 17 Pro-serie maakt gebruik van een nieuwe behuizing van aluminium uit de 7000-serie. Deze constructie is niet alleen vederlicht, maar ook thermisch geleidend. Apple heeft een zogenaamde dampkamer geïntegreerd in het ontwerp, gevuld met gedeïoniseerd water dat warmte beter verspreidt vanuit de A19 Pro-chip. Dit moet langdurig hogere prestaties mogelijk maken, bijvoorbeeld bij gamen of videobewerking, zonder dat het toestel oververhit raakt. Het plateau op de achterkant creëert extra interne ruimte, waardoor de batterijcapaciteit is toegenomen.

Er zijn twee varianten: de iPhone 17 Pro met een 6,3-inch scherm en de Pro Max met een 6,9-inch scherm. Beide modellen hebben een Super Retina XDR-display met ProMotion tot 120 Hz en een piekhelderheid van 3000 nits, wat zorgt voor betere leesbaarheid buitenshuis. Nieuw is dat niet alleen de voorkant, maar ook de achterkant is beschermd met Ceramic Shield. Dit moet krassen en breuken beter tegengaan dan het glas van eerdere generaties. Prijzen beginnen vanaf 1329 euro voor de Pro en 1479 euro voor de Pro Max.

©Apple

Krachtiger A19 Pro-chip

De A19 Pro-chip vormt het hart van de nieuwe Pro-modellen. Deze processor heeft een 6-core CPU en een vernieuwde 6-core GPU met ingebouwde Neural Accelerators. Volgens Apple levert dit tot 40 procent betere prestaties bij langdurig gebruik in vergelijking met de vorige generatie. De chip is ontworpen voor zware toepassingen, zoals het draaien van lokale AI-modellen, grafisch intensieve games en professionele videobewerking. Daarnaast is de nieuwe N1-chip toegevoegd voor wifi 7 en bluetooth 6, en een snellere, energiezuinige C1X-modem voor mobiel internet.

Camera's bieden nu nog meer zoom

De iPhone 17 Pro en Pro Max beschikken over drie 48 megapixel Fusion-camera’s: een hoofdcamera, een ultragroothoek en een nieuwe telelens. Samen moeten ze het effect bieden van acht verschillende lenzen. De telelens gebruikt een tetraprismasysteem en maakt optische zoom mogelijk tot 8x, de langste zoomafstand die tot nu toe op een iPhone beschikbaar is. Ook digitale zoom is uitgebreid tot 40x. Aan de voorkant bevindt zich een vernieuwde 18 megapixel Center Stage-camera, die automatisch het kader aanpast bij groepsfoto’s en ook in videovergaderingen de gebruiker in beeld houdt.

De Pro-modellen richten zich sterk op videomakers. Naast bestaande functies zoals Dolby Vision en 4K120-opnamen, krijgen ze ondersteuning voor ProRes RAW, Apple Log 2 en genlock. Vooral genlock is opvallend: deze techniek synchroniseert meerdere camera’s tijdens opnames, iets dat normaal alleen in professionele filmstudio’s wordt toegepast. Hiermee wil Apple de iPhone ook aantrekkelijker maken voor producties die met meerdere camera’s werken.

©Apple

Batterij, opladen en eSIM

Door de efficiëntere chip en grotere accu belooft Apple dat de iPhone 17 Pro Max de langste batterijduur ooit op een iPhone heeft. Beide modellen kunnen bovendien in 20 minuten tot de helft worden opgeladen met een 40W usb-c-oplader. In een aantal landen verschijnen de toestellen alleen nog in eSIM-variant, wat extra ruimte oplevert voor de batterij en twee uur langere videoweergave mogelijk maakt.

▼ Volgende artikel
Apple Watch line-up uitgebreid met Series 11, Ultra 3 en SE 3
© Apple
Gezond leven

Apple Watch line-up uitgebreid met Series 11, Ultra 3 en SE 3

Apple heeft drie nieuwe Apple Watches gepresenteerd: de Series 11, de Ultra 3 en de SE 3. De Series 11 is het belangrijkste model met meldingen bij hoge bloeddruk, een slaapscore, een krasbestendiger scherm en een batterijduur tot 24 uur. De Ultra 3 richt zich op sport en avontuur met een extra groot scherm, lange batterijduur en satellietfuncties voor noodgevallen, terwijl de SE 3 een voordeliger instapmodel is met een Always-On display en vernieuwde gezondheidsfuncties.

Gezondheid centraal

De Series 11 introduceert meldingen die kunnen wijzen op chronische hoge bloeddruk. Op basis van de optische hartslagsensor analyseert het horloge hoe de bloedvaten reageren bij elke hartslag. Wanneer er langere tijd patronen worden herkend die duiden op hypertensie, krijgt de gebruiker een waarschuwing om dit verder te controleren met een bloeddrukmeter of arts.

Ook de nieuwe slaapscore helpt beter begrijpen hoe de nacht verloopt. Factoren zoals slaapduur, slaapstadia en regelmaat worden samengebracht in één overzichtelijke score. Die verschijnt in de Slaap-app op de Watch en kan ook via de Gezondheid-app op iPhone worden gevolgd.

©Apple

Duurzamer ontwerp en langere batterijduur

De Series 11 heeft een platter en lichter ontwerp dat prettig draagt, zowel overdag als 's nachts. De aluminium varianten zijn voorzien van Ion-X-glas dat dankzij een nieuwe keramische coating twee keer beter bestand is tegen krassen. De titanium modellen behouden het saffierkristal, dat nog kras- en stootvaster is.

De batterij houdt het tot 24 uur vol. Opladen gaat snel: vijftien minuten aan de lader levert al tot acht uur gebruik op. Voor bellen, berichten en streaming zonder iPhone ondersteunt de Watch nu 5G. De antenne is opnieuw ontworpen en zorgt voor een stabielere verbinding, ook in gebieden met zwak bereik.

Training en motivatie

Met watchOS 26 krijgen gebruikers toegang tot Workout Buddy. Deze functie analyseert prestaties tijdens trainingen en geeft via Apple Intelligence persoonlijke aanwijzingen. Het vernieuwde Workoutscherm maakt het eenvoudiger om eigen trainingen samen te stellen en meer statistieken bij te houden, zoals tempo, hartslagzones en afgelegde routes.

Daarnaast zijn er nieuwe wijzerplaten, het pols-flick gebaar om meldingen snel te sluiten en slimme suggesties in berichten, bijvoorbeeld voor een Check In of een betaalverzoek.

©Apple

De andere modellen

Naast de Series 11 introduceert Apple de Watch SE 3. Dit instapmodel krijgt voor het eerst een Always-On display, snelladen en uitgebreide gezondheidsfuncties zoals slaapscore en meldingen bij slaapapneu.

Voor sporters en avonturiers is er de Watch Ultra 3. Deze variant heeft het grootste scherm tot nu toe, een batterijduur tot 42 uur en ingebouwde satellietcommunicatie. Die functie is vooral bedoeld voor noodgevallen: gebruikers kunnen zonder mobiel bereik een SOS-bericht sturen naar hulpdiensten of hun locatie delen met contactpersonen. In minder dringende situaties is het ook mogelijk korte tekstberichten of emoji te versturen, maar satelliet vervangt geen gps-navigatie of mobiel internet. Net als eerdere Ultra-modellen is de gps wel extra nauwkeurig voor hardlopers, fietsers en wandelaars.

Slide
Slide

Prijs en beschikbaarheid

De Apple Watch Series 11 verschijnt in 42 en 46 millimeter. Er zijn aluminium uitvoeringen in gitzwart, spacegrijs, roségoud en zilver, en titanium modellen in naturel, goud en leisteen. De prijzen lopen uiteen van 449 euro (42 mm, aluminium, sportband) tot 1149 euro (46 mm, titanium, roestvrijstalen schakelarmband). De SE 3 kost vanaf 269 euro, de Ultra 3 vanaf 899 euro. Alle modellen zijn vanaf 19 september verkrijgbaar.