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.

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.

Ben je verdwaald in het eindeloze aanbod van series en films? Geen stress, wij hebben ook deze week weer het kaf van het koren gescheiden zodat je zonder keuzestress kunt bingen. Dit zijn de lekkerste nieuwe releases, speciaal voor jou op een rijtje gezet.

Roofman | Amazon Prime Video | 9 februari

De comedyfilm Roofman vertelt het waargebeurde verhaal van Jeffrey Manchester (Channing Tatum), een voortvluchtige voormalige reserveofficier van het Amerikaanse leger. Wanneer hij gepakt wordt, krijgt hij de bijnaam ‘Roofman’, omdat hij McDonald’s-filialen beroofde door via het dak naar binnen te gaan. Hij weet echter uit de gevangenis te ontsnappen en maandenlang uit handen van de politie te blijven door zich op bizarre wijze te verstoppen.

Cross (seizoen 2) | Amazon Prime Video | 11 februari

Het tweede seizoen van de misdaadserie Cross is vanaf deze woensdag te zien op Amazon Prime Video. Cross is gebaseerd op de boeken van James Patterson en volgt Alex Cross, een rechercheur en forensisch psycholoog in Washington D.C. en zijn partner Detective John Sampson. Na de moord op zijn vrouw worstelt Cross al meer dan een jaar met woedeproblemen en overweegt hij om tijdelijk verlof te nemen, tot hij bij een nieuwe zaak betrokken raakt. De eerste drie afleveringen van het nieuwe seizoen verschijnen deze week, de overige vijf worden wekelijks toegevoegd.

Predator: Badlands | Disney+ | 12 februari

De zesde Predator-film, Predator: Badlands, is vanaf deze donderdag te zien op Disney+. De jonge Yautja Dek (Dimitrius Schuster-Koloamatangi) is verstoten door zijn clan. Om het respect van zijn volk terug te winnen, gaat hij erop uit om het op te nemen tegen het gevaarlijkste monster in het universum. Tijdens zijn reis wordt hij gedwongen samen te werken met de android Thia (Elle Fanning). Onze Dunke vond de film destijds een frisse wind:

“Als actieblockbuster vinkt Predator: Badlands alle goede vakjes af. Fantastische actiescènes voel je tot op je botten door de keiharde soundtrack, het verhaal doet precies genoeg om de vele set pieces te waarborgen en de meedogenloze Yautja worden in een intrigerend nieuw licht neergezet.”

The Grand Budapest Hotel | Netflix | 12 februari

The Grand Budapest Hotel speelt zich af in de jaren twintig van de vorige eeuw en volgt een hotel-conciërge, Monsieur Gustave (Ralph Fiennes). Na een one-night-stand met de rijke Madame D. (Tilda Swinton), wordt zij op mysterieuze wijze vermoord en erft Gustave een kostbaar schilderij. Hij wordt als schuldige voor haar moord aangewezen en moet zich met de hulp van de lobbyjongen Zero Moustafa (Tony Revolori) en zijn vriendinnetje Agatha (Saoirse Ronan) zien te verstoppen voor de autoriteiten en de zoon van Madame D, Dimitri (Adrien Brody). The Grand Budapest Hotel is zonder twijfel een van regisseur Wes Andersons beste films. Voor wie houdt van charmante en absurde verhalen, is deze film absoluut het kijken waard. 

Daddio | HBO Max | 13

Daddio speelt zich volledig af in een taxi die van JFK Airport naar Manhattan rijdt. Normaal gesproken duurt die rit minder dan een uur, maar door een ongeluk komen de hoofdpersonen vast te zitten in het verkeer. De chauffeur, Clark (Sean Penn), en zijn passagier, die alleen bekendstaat als Girlie (Dakota Johnson), hebben ineens veel tijd te doden. In eerste instantie bestaat het gesprek uit de smalltalk die je in een taxi verwacht. Hoe langer ze praten, hoe dieper het gesprek echter wordt en de twee beginnen een onverwachte band te vormen.

De afgelopen najaar aangekondigde remake van de eerste Halo, genaamd Halo: Campaign Evolved, zou mogelijk al ergens aankomende zomer verschijnen.

Dat claimt The Verge-journalist Tom Warren van bronnen te hebben vernomen. Toen de game vorig jaar werd aangekondigd, werd gemeld dat het spel ergens in 2026 uit zou komen, maar werd er geen preciezere indicatie gegeven.

Warren meldt nu dat de game dus waarschijnlijk ergens aankomende zomer uitkomt. Wel wordt benadrukt dat de releasedatum nog niet helemaal zeker is, en dat er dus nog vertragingen kunnen plaatsvinden.

Warren meldt daarnaast overigens dat er ook nog altijd gewerkt wordt aan een remake van Fallout 3. Daar gaan al jaren geruchten over, maar vooralsnog is die remake niet officieel aangekondigd. De remake zou volgens Warren in ieder geval van vergelijkbare kwaliteit moeten worden als de remake van The Elder Scrolls 4: Oblivion.

Halo voor het eerst naar PlayStation

De remake van de singleplayercampagne van Halo: Combad Evolved werd zoals gezegd vorig najaar aangekondigd. De game krijgt daarbij verbeterde graphics, aangepaste filmpjes en verfijndere besturing. Campaign Evolved draait daarbij op Unreal Engine 5. De game bevat daarnaast nieuwe missies, wapens en de mogelijkheid om te sprinten.

Overigens is het grootste nieuws rondom deze Halo-game dat hij niet alleen naar Xbox Series-consoles en pc komt, maar ook naar PlayStation 5. Het is voor het eerst dat er een Halo-game naar een Sony-console komt.