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
Review Motorola Edge 70 – Licht toptoestel leg gewicht in de schaal
© Wesley Akkerman
Huis

Review Motorola Edge 70 – Licht toptoestel leg gewicht in de schaal

De Motorola Edge 70 volgt de recente trend van dunne, lichte smartphones, maar dan met een zachter prijskaartje van net geen 800 euro. Hoewel het geen directe concurrent is van vlaggenschepen als de S25 Edge, bewijst de Edge 70 dat een uniek premium ontwerp niet de hoofdprijs hoeft te kosten.

Uitstekend
Conclusie

De Motorola Edge 70 is een slimme aankoop als je een slank en licht toestel zoekt voor minder dan 1000 euro. De bouwkwaliteit, het scherm, de lange batterijduur en de robuustheid maken dit een fijne smartphone voor dagelijks gebruik. Ondanks de bloatware en de onvolwassen Moto AI bewijst dit toestel dat je geen duur vlaggenschip nodig hebt voor een vooruitstrevend ontwerp en vlotte prestaties.

Plus- en minpunten
  • Licht en slank ontwerp
  • Fijn en kleurrijk amoledscherm
  • Lange batterijduur
  • Robuust en duurzaam
  • Unieke kleurenopties
  • Geen telelens
  • Beperkte opties voor video-opnamen
  • Plaatsing vingerafdrukscanner
  • Onnatuurlijke foto's
  • Veel vooraf geïnstalleerde apps

Met een dikte van nét iets minder dan 6 millimeter en een gewicht van slechts 159 gram is de Edge 70 een van de lichtste en slankste telefoons op de markt. Desondanks voelt het toestel niet goedkoop aan, en dat is te danken aan een stevig aluminium chassis en een op nylon geïnspireerde bekleding. De Edge 70 biedt bovendien uitstekende duurzaamheid: hij heeft een MIL-STD-810H-certificering (MIL staat voor military grade), IP68- en IP69-ratings én is voorzien van Gorilla Glass 7i.

Het 6,7-inch amoledscherm heeft een resolutie van 2712 bij 1220 pixels en een adaptieve verversingssnelheid van 1 tot 120 Hz. Het vlakke oledpaneel biedt daarnaast een hoog contrast. Vooral de levendige, licht verzadigde kleuren, mogelijk gemaakt door de Pantone-nabewerking, vallen positief op. Het enige nadeel aan het display is de laag geplaatste vingerafdrukscanner; om die te gebruiken moet je je duim in een oncomfortabele positie buigen.

©Wesley Akkerman

Uitstekende middenklasser

De Edge 70 wordt aangedreven door de middenklasse Qualcomm Snapdragon 7 Gen 4-processor, bijgestaan door 12 GB werkgeheugen en 256 GB aan opslagruimte. Vooral de cpu is op papier minder krachtig dan die van de duurdere vlaggenschepen, maar in de praktijk maakt dat weinig uit. Apps worden snel geopend en multitasking gaat het apparaat goed af. Een groot voordeel is dat de processor niet erg heet wordt onder hoge druk en zijn werk dus zonder morren doet.

Een ander voordeel is dat de 4800mAh-batterij het opvallend lang volhoudt; zelfs bij matig tot zwaar gebruik is dat al snel een volledige dag. Daarmee overtreft hij de duurdere concurrentie van Samsung en Apple. Opladen gaat eveneens vlot, met 68 W bedraad, waardoor je binnen 50 minuten weer een volledig opgeladen batterij hebt. Ook op dit punt scoort Motorola flink wat punten.

©Wesley Akkerman

©Wesley Akkerman

Typisch Motorola

Traditioneel doet Motorola het goed op het gebied van software dankzij de bijna stock Android 16-ervaring. Helaas treffen we deze keer behoorlijk wat bloatware aan en zijn er advertenties zichtbaar in de weerapp; dubieus voor een toestel van 800 euro. Tijdens de installatie word je bovendien meermaals gevraagd om voorgestelde apps te installeren. En als je daar nee op zegt, kom je alsnog applicaties tegen waar je niet om vroeg, zoals TikTok en Perplexity AI.

Wat betreft ondersteuning kan de Motorola Edge 70 rekenen op vier Android-upgrades (tot Android 20) en vijf jaar aan beveiligingspatches. Hoewel dat voldoende is voor een middenklasser, blijft het wel iets achter bij de langere support die Samsung en Google bieden. Daarnaast voelt Moto AI nog aan als een achtergesteld project. De functies werken niet allemaal in het Nederlands, waardoor de AI-knop op het toestel eigenlijk nog maar weinig waarde heeft.

Groothoeklens

1x zoom

2x zoom

Foto's maken gaat prima

Het camerasysteem bestaat uit een 50MP-hoofdcamera met optische beeldstabilisatie, een 50MP-ultragroothoeklens en een 50MP-selfiecamera. Bij voldoende licht leveren deze camera's prettig ogende foto's met een ruim dynamisch bereik. Vooral in het donker verrast het toestel: dankzij de grote sensoren blijven beelden helder en gedetailleerd. Jammer is wel dat de software kleuren soms te nadrukkelijk verzadigt, waardoor foto's iets minder natuurlijk overkomen. Voor gebruik op sociale media zijn ze echter meer dan prima.

Toch kent het camerasysteem duidelijke beperkingen. Video's kunnen slechts in 4K met 30 fps worden opgenomen, terwijl beeldstabilisatie alleen werkt bij 1080p en 30 fps. Daarnaast kan de handmatige scherpstelling onverwacht invloed hebben op de helderheid. En doordat er geen telelens aanwezig is, ben je volledig aangewezen op digitale zoom. Begrijpelijk gezien de slanke behuizing van de Edge 70, maar alsnog een teleurstellend compromis.

Macrostand

Motorola Edge 70 kopen?

De Motorola Edge 70 is een slimme aankoop als je een slank en licht toestel zoekt voor minder dan 1000 euro. De bouwkwaliteit, het scherm, de lange batterijduur en de robuustheid maken dit een fijne smartphone voor dagelijks gebruik. Ondanks de bloatware en de onvolwassen Moto AI bewijst dit toestel dat je geen duur vlaggenschip nodig hebt voor een vooruitstrevend ontwerp en vlotte prestaties.

▼ Volgende artikel
Waar voor je geld: 5 smartphones met eSim voor minder dan 400 euro
© Farknot Architect - stock.adobe.
Huis

Waar voor je geld: 5 smartphones met eSim voor minder dan 400 euro

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt. Een paar keer per week speuren we daarom binnen een bepaald thema naar zulke deals. Op zoek naar een betaalbare smartphone, maar dan wel eentje met een virtuele simkaart? De redactie van ID.nl is voor je op zoek gegaan naar smartphones met een prijskaartje van onder de 400 euro.

Met een eSim ben je niet meer afhankelijk van een fysiek simkaartje en heb je geen gepriegel meer met het plaatsen van je sim in de telefoon. Je kunt daardoor snel van provider wisselen zonder gedoe. Dit bespaart niet alleen tijd, maar ook ruimte in je apparaat. Perfect voor wie veel reist, omdat je eenvoudig internationale abonnementen kunt activeren. Daarnaast kun je op die manier ook gebruik maken van meerdere telefoonnummers op een enkel toestel, bijvoorbeeld eentje voor werk en prive.

Samsung Galaxy A26 5G

De Galaxy A26 5G combineert een slank ontwerp met krachtige prestaties. Het 6,7-inch FHD+ Super AMOLED-display biedt levendige kleuren en vloeiende beelden dankzij de 120 Hz verversingssnelheid. Onder de motorkap bevindt zich de Exynos 1380-chipset, ondersteund door 4 tot 8 GB RAM, wat zorgt voor soepele multitasking.

De 50 MP hoofdcamera met optische beeldstabilisatie legt scherpe foto's vast, zelfs bij weinig licht. Met een batterijcapaciteit van 5000 mAh en IP67-certificering is dit toestel zowel duurzaam als betrouwbaar. Bovendien belooft Samsung tot zes jaar beveiligingsupdates, wat de levensduur van het apparaat verlengt

Redmi Note 13 Pro

De Redmi Note 13 Pro 5G is een krachtpatser in het middensegment. Met een indrukwekkende 200 MP hoofdcamera met optische beeldstabilisatie leg je elk detail vast. Het 6,67-inch AMOLED-display met een resolutie van 1220x2712 pixels en een verversingssnelheid van 120 Hz zorgt voor een meeslepende kijkervaring.

Aangedreven door de Snapdragon 7s Gen 2-chipset en beschikbaar met tot 16 GB RAM, biedt dit toestel uitstekende prestaties. De 5100 mAh batterij ondersteunt 67W snelladen, waardoor je snel weer op pad kunt.​

Motorola Moto G35 5G

De Motorola Moto G35 5G biedt solide prestaties voor een betaalbare prijs. Het 6,72-inch LCD-scherm met een verversingssnelheid van 120 Hz zorgt voor vloeiende beelden. De 50 MP Quad Pixel-camera levert scherpe foto's, zelfs bij weinig licht.

Met een batterijcapaciteit van 5000 mAh en ondersteuning voor 5G-connectiviteit blijf je de hele dag verbonden. Hoewel de Unisoc T760-processor niet de snelste is, biedt het toestel voldoende kracht voor dagelijks gebruik

Sony Xperia 10 VI

De Sony Xperia 10 VI is een compacte smartphone met een focus op multimedia. Het 6,1-inch FHD+ OLED-scherm met een 21:9 beeldverhouding is ideaal voor het bekijken van films. Aangedreven door de Snapdragon 6 Gen 1-chipset en uitgerust met 8 GB RAM, biedt het toestel soepele prestaties.

De 48 MP hoofdcamera legt gedetailleerde foto's vast, terwijl de 5000 mAh batterij zorgt voor langdurig gebruik. Met IP68-certificering is het toestel bestand tegen water en stof

Samsung Galaxy A35 5G

De Galaxy A35 5G biedt premium functies in een betaalbaar jasje. Het 6,6-inch FHD+ Super AMOLED-display met een verversingssnelheid van 120 Hz zorgt voor heldere en vloeiende beelden. De 50 MP hoofdcamera met optische beeldstabilisatie legt scherpe foto's vast, terwijl de 13 MP selfiecamera zorgt voor duidelijke zelfportretten.

Aangedreven door de Exynos 1380-chipset en beschikbaar met tot 12 GB RAM, biedt het toestel krachtige prestaties. De 5000 mAh batterij ondersteunt 25W snelladen, en Samsung belooft tot vijf jaar beveiligingsupdates.