M5Stack ontwikkelt ESP32-microcontrollerbordjes met behuizing en scherm die je zo in je woonkamer zou kunnen zetten. Het zijn de ideale producten om een dashboard voor je smarthome van te maken. Met UIFlow is dat ook vrij eenvoudig te programmeren, op een grafische manier. Zo hoef je geen kaas gegeten te hebben van programmeercode.

UIFlow is een grafische ontwikkelomgeving voor de producten van M5Stack, ESP32-microcontrollerbordjes met behuizing en scherm. Met UIFlow kun je op een visuele manier een programma opbouwen door blokjes te verslepen, zonder dat je een letter programmeercode hoeft te schrijven. Ook de grafische interface op het scherm kun je zo eenvoudig met drag-and-drop instellen. Op deze manier maken we in deze masterclass een dashboard voor je smarthome.

Hardwarekeuze

UIFlow ondersteunt alleen de hardware van M5Stack, maar gen willekeurig ESP32-microcontrollerbordjes. Het voordeel is dat de drivers van hun eigen producten allemaal ingebouwd zijn. Voor onze toepassing van een smarthome-dashboard kies je een van de M5Stack-producten met ingebouwd scherm.

Ga je voor een klassiek tft-scherm, dan kom je uit bij de M5Stack Core2 of de voorganger M5Stack Core. De Core2 heeft een aanraakscherm, zodat je je slimme producten ook eenvoudig kunt bedienen via het scherm. De Core heeft geen aanraakscherm, maar wel drie fysieke knoppen onder het scherm, waarmee je ook acties in je smarthome kunt aansturen.

Gaat je voorkeur uit naar een e-ink-scherm, dan heeft M5Stack de Core Ink (1,54 inch) en de M5Paper (4,7 inch). Dit laatste product heeft een aanraakscherm met een hoge resolutie van 960 bij 540 pixels, terwijl de Core Ink aan te sturen is via een knop aan de zijkant. Beide e-ink-apparaten zijn voorzien van een batterij en een magneet. Daardoor kun je ze eenvoudig tegen je koelkast of een ander metalen voorwerp bevestigen.

UIFlow-firmware installeren

We gaan aan de slag met de Core Ink om de binnen- en buitentemperatuur van ons huis op het e-paperscherm te tonen. Die lezen we via MQTT in. Onder Windows en macOS moet je eerst nog een driver downloaden voor de USB-naar-UART-chip van het apparaatje. Afhankelijk van het model is dat de CP210x of de CH910x. De drivers zijn ook in de downloadsectie van de website van M5Stack te vinden. De Linux-kernel heeft die drivers al ingebouwd.

Na de installatie van de driver (voor de Core Ink is dat de CP2104) heb je ook nog de software nodig om de UIFlow-firmware op je apparaatje te installeren. Dat is M5Burner, en ook deze software vind je op de downloadpagina van M5Stack, zowel voor Windows als macOS en Linux. In M5Burner kies je links je apparaat en rechts klik je bij UIFlow op Download.

Verbind nu je Core Ink via de usb-kabel met je computer en klik op Burn om de firmware naar je apparaat te schrijven. In het volgende venster vul je de SSID en het wachtwoord in van het wifi-netwerk waarmee je het apparaat wilt verbinden, en klik je op Next. Daarna kies je de juiste seriële poort en snelheid, en klik je op Start.

UIFlow verkennen

Wanneer de firmware op je apparaatje staat, verbindt het met je wifi-netwerk en toont het een API-sleutel. Bezoek nu de website van UIFlow, vul daar de API-sleutel van je apparaat in en klik op het model Core Ink. Bevestig met OK. Daarna krijg je links een voorstelling van je Core Ink te zien, in het midden een balk met blokjes in allerlei categorieën, en rechts je ‘code’ in Blockly, die initieel alleen uit een blokje Setup bestaat.

Als eerste test kun je een tekst op het scherm van je Core Ink tonen. Sleep uit de zijbalk helemaal links een Label naar het midden van het scherm van je Core Ink. Klik in het midden op UI, op Label en dan op Label label0 show "Hello M5". Dat blokje verschijnt dan op het canvas rechts. Klik het vast onder het blokje Setup. Klik dan onder UI op Screen, vervolgens op Set screen show en klik dit vast onder het vorige blokje. Klik dan helemaal onderaan op Run. Je code wordt nu op de Core Ink uitgevoerd.

En als je op Download klikt, wordt de code definitief als firmware op het bordje geschreven, zodat die na een herstart ook nog blijft draaien. Om je code dan te laten starten in plaats van de UIFlow-programmeermodus, moet je eerst in M5Burner bij UIFlow op Configurate klikken, je poort kiezen en dan bij Start Mode voor App Mode kiezen en op Save klikken. Wil je daarna je apparaatje weer programmeren, zet dit dan terug op Internet Mode.

Verbinden met MQTT

Om van de Core Ink een dashboard voor je smarthome te maken, hebben we een manier nodig om aan de data van bijvoorbeeld sensoren te komen. Dat doen we met MQTT. We gaan er hier vanuit dat je al een MQTT-broker zoals Mosquitto hebt draaien op een Raspberry Pi, bijvoorbeeld als add-on in Home Assistant. Houd de gegevens van je MQTT-broker bij de hand.

Klik in UIFlow op Advanced / MQTT en dan op het blok dat begint met set client id. Vul een unieke client ID in en dan de gegevens voor de server, zoals de hostname, het poortnummer, de gebruikersnaam en het wachtwoord. Verwijder het blokje van het label door erop te klikken en op Delete te drukken. Klik het MQTT-blok dan onder de Setup vast, voeg daaronder nog een blokje mqtt start toe en daaronder Set screen show. Als je deze code op je Core Ink draait, zou je in de logs van Mosquitto iets moeten zien als:

"New client connected from 192.168.0.215:58048 as Core Ink (p2, c1, k300, u'home')."

MQTT-onderwerp

We willen nu dat de Core Ink een sensorwaarde toont die binnenkomt op een specifiek MQTT-onderwerp. Dat doe je door een blokje Advanced / MQTT / mqtt subscribe toe te voegen. Dit klik je niet aan de rest van je blokjes vast, maar staat los daarvan. Vul het MQTT-onderwerp tussen de aanhalingstekens in.

Binnen dit blokje vind je de gegevens die op het gegeven MQTT-onderwerp worden ontvangen in de variabele topic_data. We gaan die waarde eerst in een variabele steken. Klik op Variables / Create variable, noem die bijvoorbeeld buitentemperatuur en klik op OK. Sleep Set buitentemperatuur to in het MQTT-blokje en plak daarachter het blokje Advanced / MQTT / get topic_data.

Temperatuur tonen

Dan rest ons nu nog om de temperatuur te tonen in een label. Omdat we met een e-ink-scherm werken mogen we het scherm niet te snel na elkaar verversen. Dat is de reden waarom we niet in het blok mqtt subscribe onmiddellijk de temperatuur op het scherm tonen, want sommige sensoren sturen elke seconde een nieuwe waarde via MQTT.

Daarom maken we een lus aan die elke minuut het label aanpast. Sleep de lus uit Event / Loop achter mqtt start en verwijder het blokje Set screen show dat er eerst stond. Voeg in de lus het blokje UI / Label / Label show toe. Vervang het blokje met de standaardtekst "Hello M5" door het blokje Variables / buitentemperatuur. Voeg dan het blokje Screen / Set screen show onder het label toe en daaronder Timer / Wait 1 s. Vervang de 1 door 60 voor een update elke minuut.

Meerdere interface-elementen

We zijn begonnen met één label, maar we willen uiteraard meerdere sensorwaardes tonen. Gelukkig kun je de interface eenvoudig uitbreiden. Sleep uit de linkerzijbalk een Title, drie keer een Label en één keer een Line naar het scherm van de Core Ink. Je hebt nu vier labels: twee voor sensorwaardes en twee voor een begeleidende tekst. Met de lijn delen we het scherm op in twee vakken.

Sleep naar elke hoek van het scherm (linksboven, rechtsboven, linksonder en rechtsonder) een label. De exacte locatie pas je dadelijk aan. Klik dan op de lijn. Vul achtereenvolgens voor X1, Y1, X2 en Y2 de coördinaten 0, 110, 200 en 110 in. Dat levert een horizontale lijn op die ongeveer het midden van het scherm van 200 bij 200 pixels doorkruist. Klik op het kruisje om de eigenschappen van de lijn te verlaten.

Tekst aanpassen

Klik op elk van de labels om hun eigenschappen aan te passen. Het label linksboven geef je de tekst Buiten en lettertype DejaVuSans 18. Het label rechtsboven geef je hetzelfde lettertype. Het label linksonder geef je de tekst Binnen en ook hetzelfde lettertype. Dit lettertype ken je ook aan het label rechtsonder toe. De tekst van de labels rechtsboven en rechtsonder maakt niet uit: die gaat ons programma vervangen door de sensorwaardes. Ook bij de titel laten we de tekst door het programma aanpassen.

Laten we eerst de tekst van de titel aanpassen naar de huidige tijd. Daarvoor ga je naar Advanced / NTP en sleep je het blokje getiteld Init ntptime with host "cn.pool.ntp.org" and timezone 8 naar je canvas. Plaats het tussen Setup en de initialisatie van MQTT. Verander de host naar een server die zich dichterbij bevindt, zoals nl.pool.ntp.org, en verander de tijdzone naar 2. Sleep dan uit UI / Title het blokje Title title0 show "Title" en vervang de aanduiding "Title" door het blokje Get date format with "-" and time format with ":" uit Advanced / NTP. Sleep dan dit titelblokje binnen je lus, vóór het blokje dat je label toont.

JSON inlezen

Als je nu nog de buitentemperatuur op het juiste label toont en deze code op je Core Ink draait, krijg je in de titelbalk de huidige datum en tijd te zien, en in het bovenste gedeelte de buitentemperatuur. Nu kunnen we in het onderste gedeelte nog een andere temperatuur tonen als we daarvoor een extra variabele aanmaken die we in een ander mqtt-subscribe-blok een waarde geven. Dat blok kan ook complexer zijn, bijvoorbeeld als de MQTT-boodschap in JSON-formaat is (zie ook het kader ‘JSON’).

Maak daarvoor twee variabelen aan: één om de JSON-string in op te slaan (binnenjson), en één om de binnentemperatuur in op te slaan (binnentemperatuur). Voeg dan in een nieuw blok mqtt subscribe met het juiste MQTT-onderwerp het blok Variables / Set binnenjson to toe en vul het ontbrekende slot met JSON / loads json. In het ontbrekende slot van dit laatste plaats je Advanced / MQTT / get topic_data. Op deze manier lees je de MQTT-boodschap als JSON-structuur in en zet je die om naar een ‘map’ die je aan de variabele binnenjson toekent.

Waardes uit JSON halen

Voeg na dit blok dat de JSON-structuur inleest een blok Variables / set binnentemperatuur to toe en vul het ontbrekende slot met Map / get key … in map …. Na get key voeg je Text / " " toe en daar vul je de sleutel in waarin de temperatuurwaarde zit, zoals tempc. Na in map voeg je Variables / binnenjson toe.

Deze opdracht haalt dus de waarde van de sleutel tempc uit de map die de JSON-structuur bevat en kent deze toe aan de variabele met de binnentemperatuur. Als je nu in je lus ook de binnentemperatuur aan het juiste label toekent, zal je apparaatje elke minuut niet alleen de buitentemperatuur maar ook de binnentemperatuur updaten. Vergeet overigens niet je code op te slaan met het icoontje bovenaan rechts, zodat je hem later opnieuw kunt inladen en aanpassen.

JSON

Meer blokjes

In deze masterclass hebben we maar een beperkt aantal blokjes geïntroduceerd om een eenvoudig dashboard voor je smarthome te maken. Maar UIFlow heeft nog veel meer types blokjes met allerlei mogelijkheden. Zo vind je onder Event de mogelijkheid om op het drukken op de knoppen van je Core Ink te reageren. Zo zou je een bericht naar je MQTT-broker kunnen verzenden (Advanced / MQTT / publish topic) als je de knop aan de zijkant naar boven of onder drukt.

En in de categorie Hardware krijg je dan weer toegang tot allerlei hardwarefunctionaliteit. Je spreekt hier de luidspreker aan, leds, batterij, GPIO-pinnen, UART, I²C, wifi enzovoort, afhankelijk van het model van je M5Stack-apparaat. En als je units en hats op je apparaat hebt aangesloten, vind je die functionaliteit in de gelijknamige categorieën.

Programmeren in blokjes

Onder Advanced vind je ook de mogelijkheid om een http-aanvraag te doen. Je geeft daarbij een methode, url, headers en data op en vult de blokjes in die bepalen wat er gebeurt bij het slagen of falen van de aanvraag. Je kunt ook meer low-level netwerkcommunicatie uitvoeren door een UDP-server of UDP-client op te zetten.

Ook van de echte programmeerconcepten hebben we nog niet veel getoond. Er zijn allerlei blokjes voor wiskundige berekeningen, diverse soorten lussen en vergelijkingen. Je kunt ook teksten manipuleren en met lijsten werken. En je kunt zelfs een functie in een afzonderlijk blok definiëren, die je dan in andere blokjes kunt oproepen. Blockly geeft je dus krachtige grafische programmeermogelijkheden.

MicroPython

Ook krachtig aan UIFlow is dat je Blockly-code onderliggend in MicroPython wordt omgezet, een lichtgewichtversie van de programmeertaal Python voor microcontrollers. Als je bovenaan op Python klikt, krijg je de MicroPython-code te zien die overeenkomt met je blokkenconstructie in Blockly. Klik je daarna op Blockly, dan krijg je weer je blokken te zien.

Tip: bestel ook de cursus Programmeren in Python!

Soms zul je misschien ook externe hardware willen aansturen die niet door UIFlow wordt ondersteund, of andere functionaliteit gebruiken die niet is voorzien. Dan kun je in Blockly onder Advanced / Execute een blokje Execute code toevoegen. Hierin typ je dan MicroPython-code. Die wordt dan rechtstreeks op die plaats uitgevoerd, wat je ook zult zien als je de Python-versie van je programma bekijkt.

Meer inzicht in het energieverbruik van je slimme huis? Bestel dan een energiemeter bij Bol.com.

De belofte is duidelijk: sneller op temperatuur, krokanter van buiten, malser van binnen. Met de Easy Fry Infrared zet Tefal als eerste bekende fabrikant infraroodtechnologie in bij een airfryer. De warmte van boven zorgt voor snelle opwarming; het klassieke element onderin zou garant moeten staan voor gelijkmatiger garing. ID test deze noviteit uit.

Wat is er écht nieuw?

Airfryers zijn er in allerlei uitvoeringen. Eén bakmand, twee, naast elkaar, boven elkaar, met stoom, zonder stoom. De meeste modellen zijn varianten op een eerder model met net een extra toevoeging of snufje. Tefal kwam recent met iets wat wel nieuw te noemen is, en dat is de combinatie van hitte via een element en hitte via infraroodlampen. De IR-straling komt van boven, de hitte van het metalen element van onderen. Samen zouden ze moeten zorgen voor enerzijds snelle opwarming en anderzijds gelijkmatige garing. Infraroodlampen kun je kennen vanuit warmtelampen of sauna's. Ze verwarmen vooral het oppervlak waarop ze schijnen. Zou dit een slimme combinatie zijn?

©Tefal

Formaat, bouw en mand: 7 liter

Eerst wat praktische informatie. De Tefal Easy Fry Infrared is een apparaat van 27,9 × 31,3 × 42,1 cm (B/H/D). Hij weegt iets meer dan 5 kilo en heeft een snoer van 1,20 meter. De bakmand trek je in zijn geheel uit het apparaat, onderin zit een verwijderbaar roostertje voor luchtcirculatie. De inhoud van de mand is 7 liter en je zou er 1,5 kilo aan eten in kunnen bereiden. Dat is theorie, in de praktijk werken lagere hoeveelheden beter - maar dit geldt voor elke airfryer. Bovenop zitten de aan-uitknop, twee tiptoetsen voor tijd en temperatuur, toetsen voor de voorkeuzeprogramma's en een extra knop voor een extra crispy finish (daarover verderop meer).

Wat meteen opvalt, is de grote bakmand. Die biedt ruim plaats aan bijvoorbeeld vier kaiserbroodjes of een royale hoeveelheid groenten om te grillen. De bak is rechthoekig, en het rooster onderin zorgt voor een kleine verhoging. Je etenswaren liggen niet direct op de bodem van de mand maar iets erboven; dit is nodig voor de circulatie van lucht.

©Saskia van Weert

Kijkvenster met led: handig meekijken of gimmick?

Opvallend is het transparante kijkvenster boven de lade. Hierdoor zie je de inhoud van de mand liggen en kun je de garing in de gaten houden. Dat werkt goed, en is ook handig om bij te houden of je je eten al moet omdraaien.

©Tefal

Bediening en programma's: snel kiezen, extra crispy-knop

De bediening wijst zichzelf, zeker na doornemen van de gebruiksaanwijzing. Je kiest zelf een combinatie van tijd en temperatuur, of een van de voorkeuzeprogramma's. Standaard start het apparaat in de stand Airfryer. De andere opties zijn roosteren, grillen, toasten, opwarmen, bakken, dehydrateren, en tot slot knapperige finish (crispy finish). Dit laatste is een leuk snufje. Je voegt deze optie met een druk op de knop toe aan een gekozen programma en de bereidingstijd wordt uitgebreid met 2 minuten extra op 230 graden. Speciaal bedoeld voor eten dat je extra krokant wilt hebben.

De voorkeuzeprogramma's zijn instellingen met een vastgestelde tijd en temperatuur. Zo start Airfryen met 190 graden en 10 minuten. Zowel tijd als temperatuur pas je eventueel aan voordat de bereiding start, en tijdens de bereiding gaat dat ook prima. Het programma om te drogen (dehydrate) heeft een vaste temperatuur van 70 graden, dit kun je niet zelf aanpassen. Je start het programma met de startknop. Als je tussentijds de bak opent om je eten op te schudden of om te keren, pauzeert het programma. Het gaat automatisch verder als je de bak weer sluit.

©Tefal

Merkbaar sneller zonder voorverwarmen

De airfryer is opvallend stil en ook het piepje als het eten klaar is, is bescheiden. Prettig, want airfryers maken vaak best een hoop herrie. Na einde van het programma staat de machine in stand by-stand. Na een minuut of vijf piept hij nog eens. Het doel daarvan is ons onduidelijk. Om ongewenste geluiden te voorkomen, is het aan te raden na gebruik de stekker uit het stopcontact te halen.

Prestaties: van kip en friet tot broodjes en groente

Dan de prestaties. Die zijn zonder meer goed. In enkele weken tijd is er van alles in deze airfryer bereid. Van kippendijen tot frites en snacks, van groenten tot aan afbakbroodjes. Voorverwarmen is niet nodig, want de airfryer is zeer snel warm. De resultaten zijn meer dan uitstekend en het eten is ook daadwerkelijk sneller klaar dan in eerder geteste machines. Reken op een tijdsbesparing van zo'n 20 procent. Dit hangt natuurlijk af van wat je precies maakt en hoeveel, maar gerechten waren in de testperiode eigenlijk altijd sneller klaar dan vooraf verwacht.

Na bereiding haal je je eten met een siliconen tang uit de bak. In de gebruiksaanwijzing staat dat je de bak niet ondersteboven mag houden om eten in een schaal te kieperen, vanwege eventuele hete olie of heet vocht dat zich onder het rooster verzamelt. Een nuttig advies, zeker voor de bereiding van vlees, maar bij iets als broodjes afbakken natuurlijk wat overbodig.

Schoonmaken: vaatwasser kan, maar let op inbranden

Zowel de bak als het uitneembare rooster kan na gebruik en afkoelen in de vaatwasser. Wat betreft schoonmaken komt eigenlijk het enige (relatieve) nadeel aan het licht. Beide onderdelen bakken snel aan. Al na enkele keren ontstonden er zwarte aanbaksels op het rooster en in de bakmand. Deze zijn gelukkig met bbq-reiniger wel weg te krijgen uit de mand, maar het is wel een aandachtspunt. Ook de behuizing, het gedeelte waar de mand op staat in de airfryer, vertoont al wat zwarte inbrandplekken die niet weg te poetsen zijn.

©Saskia van Weert

Duurzaamheid & onderhoud

Let verder op met spetterend eten. Als vetspetters vanaf de binnenzijde tegen het transparante venster komen, zijn deze niet meer te verwijderen. Het venster is namelijk niet los te halen. Op de lange termijn kunnen we ons voorstellen dat er daardoor vlekken ontstaan, waardoor je minder zicht hebt op je voedsel.

©Tefal

Conclusie

De Easy Fry Infrared doet precies wat Tefal belooft: hij is razendsnel op temperatuur en levert mooi krokante resultaten met een sappige binnenkant. In de praktijk win je echt tijd, zonder te hoeven voorverwarmen, en de stille werking en het kijkvenster maken 'even tussendoor checken' prettig. De ruime 7-liter mand is fijn voor gezinnen of grotere porties, en de extra crispy-knop is een bruikbare bonus voor wie nét wat meer bite wil.

Daar staat tegenover dat dit een apparaat is dat aandacht vraagt bij schoonmaken. De mand en het rooster kunnen relatief snel inbranden, en vetspetters tegen het niet-losneembare kijkvenster zijn lastig of niet te verwijderen, iets om rekening mee te houden als je veel vette gerechten maakt.

Kortom: zoek je vooral snelheid, krokant resultaat en een ruime bak met handig zicht op de voortgang, dan is de Tefal Easy Fry Infrared een sterke keuze.

De servers van Call of Duty: Warzone Mobile gaan op 17 april voorgoed offline, waardoor de game vanaf dat moment niet meer speelbaar is.

Dat heeft Activision aangekondigd. Afgelopen jaar werd de game al uit app-winkels gehaald en werd de komst van nieuwe seizoensgebonden content al stopgezet, en het voorgoed offline halen van de servers is de laatste stap in het verdwijnen van de game. Mensen kunnen tot 17 april de game gewoon blijven spelen en hun verdiende in-game geld opmaken.

"We zijn enorm dankbaar voor de spelers die Call of Duty: Warzone Mobile hebben ondersteund, alsmede de ontwikkelaars die de ervaring tot leven hebben gewekt", aldus Activision. "De passie van spelers en hun feedback blijft de toekomst van de Call of Duty-franchise vormgeven, en we kijken er naar uit om betekenisvolle seizoensgebonden content en updates naar Call of Duty: Mobile te brengen."

Call of Duty: Mobile blijft er wel

Call of Duty: Warzone Mobile kwam in 2024 beschikbaar als mobiele versie van Call of Duty: Warzone, de battle royale-game voor consoles en pc. Op die platforms blijft Warzone wel speelbaar.

Activision zei het al: voor een mobiele Call of Duty-ervaring kunnen spelers terecht bij Call of Duty: Mobile. Die game kwam in 2019 uit op smartphones en geniet nog altijd van populariteit. Call of Duty: Mobile heeft ook een battle royale-modus - waar Warzone Mobile juist om draaide - alsmede modi als reguliere multiplayer en Zombies.

Activision Blizzard - en dus ook Call of Duty - werd enkele jaren geleden overgenomen door Microsoft. Buiten het feit dat de jaarlijkse nieuwe Call of Duty-game vanaf release ook meteen op Xbox Game Pass verschijnt, heeft dat echter niet veel aan de Call of Duty-franchise veranderd. Wel leek het meest recente deel, het vorig najaar uitgekomen Call of Duty: Black Ops 7, minder populair dan voorgaande delen. Mogelijk heeft dit te maken met dat het jaar daarvoor nog Black Ops 6 uitkwam, en spelers niet zo snel op een direct vervolg zaten te wachten.