Who’ll Be Lunch is een educatieve webapplicatie met een knipoog. Wanneer je de applicatie opent, zie je een interface die lijkt op een bekende bezorgdienst met gerechten. Al snel wordt duidelijk dat je niet bent ingelogd als een mens, maar als een dier. De gerechten die je ziet zijn geen maaltijden voor mensen, maar datgene wat het gekozen dier in de natuur zou eten.

Eten bezorgen, maar dan voor dieren. De applicatie gebruikt de herkenbare structuur van een eten-bestelwebsite, zonder dat je daadwerkelijk iets bestelt. In plaats daarvan kies je een gerecht en krijg je uitleg over wat een dier eet, waarom het dit eet en hoe dit past binnen zijn dieet. Zo zou een leeuw een zebra “bestellen”, een walvis plankton, een giraffe bladeren en een wrattenzwijn zowel planten als kleine dieren.

De applicatie is opgezet als een educatief project, waarbij op een speelse manier kennis wordt overgebracht over voedselketens, diëten en ecosystemen. Naast carnivoren en herbivoren komen ook minder bekende voedingsstrategieën aan bod, zoals omnivoren en zelfs chemoautotrofe organismen. Bij zowel dieren als gerechten worden extra feitjes en beschrijvingen getoond om de leerwaarde te vergroten.

Bij het openen van de applicatie is de gebruiker automatisch gekoppeld aan een willekeurig dier. Via het profiel-icoon kan eenvoudig een ander dier worden gekozen. Zodra dit gebeurt, past het menu zich direct aan en verschijnen de bijbehorende gerechten. Door op een gerecht te klikken, krijgt de gebruiker meer informatie over dit voedsel en de relatie met het gekozen dier.

Daarnaast bevat de applicatie een Food Web-weergave, waarin visueel wordt weergegeven hoe dieren en hun voedsel met elkaar verbonden zijn. Dit laat zien dat voedselketens geen simpele lijnen zijn, maar onderdeel van een groter en complexer ecosysteem.

Gebruikers kunnen ook nieuwe dieren en gerechten inzenden via een formulier. Deze inzendingen worden niet direct zichtbaar, maar eerst gecontroleerd in een admin panel. In dit admin panel kan een beheerder nieuwe content goedkeuren, bewerken of verwijderen, zodat de kwaliteit en juistheid van de informatie gewaarborgd blijft.

Technisch gezien is Who’ll Be Lunch een Python-applicatie met een webinterface, gebouwd met Flask. De applicatie combineert educatie, interactie en een herkenbaar design om op een laagdrempelige manier inzicht te geven in hoe dieren eten en hoe ecosystemen in elkaar zitten.

Admin pagina

Foodweb eerste design

Foodweb final design

Refelectie

Door deze opdracht viel alles wat ik heb gedaan deze minor op zijn plek. Ik heb gemerkt dat ik het meeste leer door echt bezig te zijn. Ik heb al vaker flask geïmplementeerd deze minor maar om het op deze schaal te gebruiken nog niet hier door weet ik nu veel meer hoe het structuur, de routes werken en hoe dat vertaald naar een applicatie. Het gebruik van html templates gerenderd met jinja was even wennen en soms wat trial en error maar als je het begrijpt is het heel tof en is er zo veel mogelijk. Dit was ook top voor mijn project omdat op deze manier eindeloos dieren en gerechten op de app konden gerenderd plus de voedsel keten kon ik op deze manier best ver uitbreiden.

In eerste instantie dacht ik ik voeg zelf allemaal dieren toe in mijn dataset en dan kunnen gebruikers die weer oproepen maar al snel dacht ik van: hmm het zou handig zijn om gebruikers de dieren laten inzenden daarom en omdat ik dit handig vond voor mezelf. Een van de dingen die ik wel jammer vond is dat ik niet iets heb uitgezocht dat je met python automatisch de animal of meal id kon vertalen tijdens het inzenden zodat die stap ook grotendeels automatisch was maar dit is al 100 keer sneller dan de afbeeldingen zelf downloaden.

Over het foodweb, dit was 100% wel het meeste uitzoek werk. Uiteindelijk heb ik meerdere python functies geschreven voor het genereren van nodes, het opmaken van het boom structuur. Met Javascript heb ik edges van parent node naar child node gemaakt zodat er lijnen tussen de dieren, prooidieren, voedsel zijn hier zit nog een bug in dat het niet er een connectie tussen dier en maaltijd niet is in de grotere voedselketens maar meeste pages werken heel goed!

Tijdens mijn eind project (en minor) heb ik ook vaak feedback gevraagd aan peers ik heb vooral met Jip samen gewerkt, hij is een goede vriend van me die ook deze minor doet maar ook Kirsten van CMD Hanze kwam een paar keer bij ons langs op NHL. Samen los je dan toch al sneller problemen op een goed voorbeeld is mijn portfolio website in week 2 daar hielp ze me met het weergeven van een afbeelding.

Ik doe opleiding Communication & Multimedia Design (CMD) aan NHL Stenden dus voor mij is het wel degelijk heel leerzaam en kan ik veel aspecten van dit project die ik heb geleerd gebruiken in mijn projecten. Zo komt het heel goed overeen met communicatie, een webapplicatie is altijd een tool om iets over te brengen, vooral nu ik CRUD denkwijze snap kan ik informatie dat complex en abstract in elkaar zit, bijvoorbeeld in een database versimpelen voor de gebruiker. Een heel goed voorbeeld is de foodweb, dat is eigenlijk een onderdeel van een infographic wat dan weer onder communicatie en design past.