No-code/Low-code: bouwen zonder (veel) te programmeren

De democratisering van media. Zo is het internet te beschrijven. Het is de afgelopen decennia eenvoudig geworden om verhalen in tekst, beeld en geluid te produceren en publiceren. Iedereen kan het. Die democratisering grijpt alsmaar meer om zich heen. Zo kun je nu zonder (veel) technische kennis ook apps maken. We vertellen je het verhaal van SPORT-PODCAST.NL, de app die we als Sportinnovatiestudio maakten.

Het bouwen van een app is vaak een lang traject. Of je dit nou volgens Waterval of Agile methodes doet, het ontwikkelen vereist lang en goed samenwerken. Wat wil je precies, hoe moet het er uit zien, wat moet het kunnen. De reden hiervoor is dat ontwikkelaars precies moeten weten wat ze moeten bouwen. Het liefst helemaal uitgewerkt, voor de start. In de praktijk lukt dat niet altijd goed. Want als organisatie weet je niet alles van te voren, en weet je ook niet altijd wat heel moeilijk of makkelijk is om te bouwen. En als ontwikkelaar weet je niet altijd het waarom achter iedere vraag, en moet je keuzes maken over de architectuur.  

Nu zijn er de laatste jaren een aantal ‘no-code’ platforms gekomen, zoals Glide, Adalo en Bubble. De belofte van die omgevingen is dat je als niet-programmeur een app kan bouwen, door visueel componenten aan elkaar te koppelen. Slepen en klikken. Kan het echt zo simpel zijn? Om hier achter te komen hebben we als Sportinnovatiestudio een idee uitgewerkt via deze methode. En we zijn enthousiast! We hebben met twee personen in een paar dagen tijd een app in elkaar gezet, op iOS en Android, die een altijd actueel overzicht geeft van alle sport-podcasts in Nederland. 

In dit artikel leggen we uit hoe we dat hebben gedaan, wie wat heeft gedaan, welke werkwijze goed beviel, en wat de voor- en nadelen zijn van no-code. Zodat je zelf kan beslissen of je dit ook eens wil uitproberen.

Hoe zit een app in elkaar

Heel sterk vereenvoudigd heeft een app twee kanten: een voorkant en een achterkant. De voorkant is wat je ziet als gebruiker. Inhoud, navigatiebuttons, menu’s, invulvelden. De achterkant is de data-wereld. Hier komen gegevens vandaan die de app leest, en waar de app ook gegevens in kan toevoegen, wijzigen of verwijderen. 

Met no-code kan je die twee werelden keurig in tweeën delen, en dat hebben we in ons geval ook gedaan. Wij hebben gekozen voor Glide, dat heel goed kan werken op een Google Spreadsheet. De data-kant (achterkant) van de app is daarmee een Google sheet geworden, de voorkant is de interface die je in elkaar kan klikken met Glide.

Met alleen data in die Google Sheet kun je heel waardevolle apps maken die je in kunt zetten voor trainingen, voor communicatie, etcetera. Maar als je meer wilt, als je bijvoorbeeld automatisch data wilt ophalen uit andere systemen, dan moet je een extra stap zetten. Om een Google spreadsheet echt als ‘database’ te gebruiken die informatie ophaalt en bijwerkt, is bijvoorbeeld enig programmeerwerk nodig. Een ontwikkelaar kan met behulp van de zogenoemde API’s die Google beschikbaar stelt iedere soort data in zo’n sheet toevoegen en bijwerken. Dat is niet ingewikkeld. Als dit eenmaal loopt is het werk van de ontwikkelaar klaar. De voorkant kan vervolgens met Glide worden gebouwd, door iemand die een goed beeld heeft van hoe de app moet werken. En die kan daar zelf mee experimenteren en al doende de ervaring voor de gebruiker steeds beter maken. 

Onze case: sport-podcast.nl

In een van onze team-overleggen ontstond het idee om iets te doen met podcasts in de sport, en van daaruit kwam het idee om een overzicht te maken van alle Nederlandse sport podcasts. Want hoeveel zijn er, en hoe vaak worden ze geactualiseerd? We hadden niet echt een beeld. “Laten we een app maken met een permanent actueel overzicht hiervan”. 

Nu hebben we twee mensen in het team met de juiste kennis. Michiel Berger is handig met data, python, API’s en dat soort zaken, Erwin Blom heeft ervaring met no-code tools, en hoe je van idee tot product kan komen. En zo is het werk verdeeld.

Michiel: “De achterkant bestaat uit een Google sheet, en dat maakt het leven makkelijk. Ik heb een script gebouwd wat een kolom leest uit de Google sheet, waarin het Spotify ID van de podcast staat. Vervolgens haalt dat script bij Spotify de actuele data van die podcast op, en vult het Google sheet aan, met informatie als: wanneer was de laatste aflevering, wat was de omschrijving, wat is het url voor het plaatje, dat soort dingen. Ook sorteert het de hele sheet zodat de meest recent bijgewerkte podcast bovenaan komt te staan, want dat was makkelijker voor Erwin. Dat script draait ieder uur, ik heb er geen omkijken naar. Het was in totaal 14 uur werk voor mij.”

Erwin: “De kracht van deze app is dat alle belangrijke info (links, plaatjes, tekst) al in Spotify staat en door ons makkelijk op te halen is. Maar bij Spotify is het niet makkelijk om alle Nederlandse sportpodcasts bij elkaar te vinden, daar zorgen wij dus voor toegevoegde waarde. En met Glide kan ik alle info die Michiel ophaalt er ook goed en overzichtelijk uit laten zien. Ik ben totaal niet technisch, wat ik kan, kunnen jullie ook!”

“Om een Glide app te maken is het belangrijk dat de benodigde informatie logisch in een Google Sheet staat. In ons geval hebben we een aantal verschillende sheets / tabs in een doc aangemaakt. In de sheet ‘podcasts’ verzamelen we alle podcasts. In de sheet ‘uitgever’ worden de bedrijven genoemd die de podcasts maken. En in de sheet ‘categorieën’ hebben we een lijst met alle sporten / thema’s. Door in Glide verbanden te maken tussen podcasts en sporten en categorieën hebben we in de app overzichtelijke pagina’s kunnen maken waardoor onder de categorie ‘voetbal’ alle voetbal-podcasts en bijbehorende informatie te zien en beluisteren zijn. En onder bijvoorbeeld de uitgever FC Afkicken zijn alle podcasts van dat bedrijf verzameld. Tegen Glide zeg ik dat steeds de nieuwe afleveringen te zien moeten zijn. Zo hebben we dankzij 254 actieve sportpodcasters een app die iedere dag nieuwe inhoud heeft zonder dat wij er iets actief voor hoeven doen. En de cijfers kunnen we in Glide ook aantrekkelijk geautomatiseerd naar voren halen, zoals je op het plaatje hieronder ziet.”

“Na het werk van Michiel, had ik binnen een dag de eerste versie van de app staan, maar reken twee dagen om het echt af te maken. In vier mandagen hadden wij dus een waardevolle app gerealiseerd.”

Waarom je no-code eens moet proberen

Zoals je hierboven leest verandert no-code iets fundamenteel aan het bouwen van een app. Waar vroeger veel inzet van ontwikkelaars nodig was, verschuift nu een groot deel van het werk naar iemand die vooral moet weten wat hij of zij wil, en kan omgaan met een muis en browser. De intelligentie van het aan elkaar koppelen van de voorkant en achterkant wordt helemaal afgehandeld door het no-code platform. Zo kan je dus als niet-programmeur echt aan de slag om iets te bouwen, en zie je direct je resultaat. Sleep, klik, refresh.

Uiteraard zijn er wel een paar dingen waar je rekening mee moet houden. No-code werkt niet zo flitsend als een echte native app, omdat het platform er tussen zit. Ook verbind je je aan het platform: als Glide uit de lucht is, is onze app uit de lucht. En er zijn kosten: voor het gebruik van een app in productie, of op je eigen domeinnaam, betaal je vaak een maandbedrag. Maar die kosten zijn een fractie van wat een bouwpartij kost.

Maar laat dit je niet tegenhouden om het eens te proberen. Met no-code kan je snel iets in elkaar zetten, en het kan je al veel leren over hoe je app moet werken. Een heel nuttige toepassing is het bouwen van een prototype met no-code; je kan daardoor samen iets in elkaar zetten, er dagelijks mee werken en de interface finetunen, voordat er een ontwikkelteam aan de slag gaat om de echte app te bouwen. Dat kan een hoop tijd en geld besparen! Je creativiteit is zo steeds meer de enige beperkende factor!

Kijk om een idee te krijgen hoe Glide werkt naar de YouTubefilmpjes van het bedrijf. Hier een snelle indruk …

Heb je ook een idee dat je in een app wilt omzetten en kun je advies gebruiken? Mail info@sportinnovatie.studio en we helpen je!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *