ID.nl logo
Python: zo bouw  je er webapplicaties mee
© Chaosamran_Studio - stock.adobe.
Huis

Python: zo bouw je er webapplicaties mee

JavaScript is de standaard programmeertaal voor webapplicaties. Maar voor liefhebbers van Python is er goed nieuws: dankzij PyScript kun je ook in je favoriete programmeertaal webapplicaties bouwen. Hierdoor krijg je toegang tot een breed scala aan populaire Python-bibliotheken. Bovendien kun je de Python-code moeiteloos communiceren met JavaScript-code.

In dit artikel gaan we dieper in op de mogelijkheden van PyScript voor het ontwikkelen van webapplicaties. Je leert:

  • Hoe je PyScript in het html-bestand verwerkt
  • Hoe je grafieken kunt plotten
  • Hoe je JavaScript als Python-code kunt laten gedragen

Lees ook deze 10-delige cursus over programmeren in Python: Zo kun je programmeren in Python - Deel 1

Code downloaden In deze workshop worden lange voorbeelden van stukken code gegeven. Omdat overtikken van code erg foutgevoelig is, kun je die code beter downloaden en daarna bekijken of kopiëren. Zie het bestand code-pyscript.txt voor de stukken code die in dit artikel genoemd worden.

Webapplicaties maken doorgaans gebruik van een drie-eenheid van (programmeer)talen: HyperText Markup Language (html), Cascading Style Sheets (css) en JavaScript. Html is een opmaaktaal waarmee je de structuur en inhoud van een webpagina definieert. Met css definieer je stijlen die de vormgeving van de pagina beschrijven. En JavaScript is een programmeertaal waarmee je het gedrag van de pagina bepaalt.

Hoewel JavaScript de dominante programmeertaal is in de wereld van webapplicaties, heeft het erbuiten niet dezelfde populariteit kunnen winnen. Python daarentegen is een populaire programmeertaal in diverse domeinen, onder andere voor data-analyse, machine learning, wetenschappelijke projecten, scripting en de serverkant van webapplicaties. Hoe handig zou het zijn als je jouw kennis van Python ook in de webbrowser kunt toepassen?

1 PyScript

Dat is precies wat PyScript mogelijk maakt: Python-toepassingen ontwikkelen die in de webbrowser werken. Net zoals je JavaScript-code in een html-pagina kunt opnemen, kun je dat dankzij PyScript ook met Python-code doen. Bovendien kunnen Python- en JavaScript-objecten probleemloos met elkaar communiceren, zodat je niet gebonden bent aan PyScript, maar je Python-code kunt combineren met bestaande JavaScript-bibliotheken.

Je kunt met PyScript ook gebruikmaken van heel wat populaire Python-pakketten, zoals Beautiful Soup, Matplotlib, NumPy, Pandas of Scikit-learn. Op die manier kun je dus niet alleen je kennis van de programmeertaal Python meenemen naar je webapplicaties, maar ook die van het uitgebreide Python-ecosysteem. Als je dus vertrouwder bent met Python dan met JavaScript en je webapplicaties wilt bouwen, dan is PyScript een logische keuze.

PyScript laat je toe om webapplicaties te ontwikkelen met Python.

2 Hallo wereld

Een PyScript-webapplicatie heeft drie bestanden nodig. Eerst en vooral een html-bestand, bijvoorbeeld index.html, met de structuur van je webpagina, verwijzingen naar PyScript zelf en je eigen Python-script. Een tweede bestand beschrijft de Python-omgeving waarin je applicatie draait. Hierin geef je bijvoorbeeld aan welke extra Python-pakketten je script gebruikt. Dit bestand heet pyscript.toml of pyscript.json. Tot slot is er je Python-script zelf, dat je in een Python-bestand als main.py opslaat.

Een eenvoudig html-bestand voor een PyScript-applicatie ziet er als volgt uit:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

Je verwijst hier in het element head naar de css-stylesheet en JavaScript-code van PyScript. In het element script van de body verwijs je dan naar je Python-script.

3 Python-script

In de body van de html-pagina vind je het element button met een attribuut py-click dat de waarde "generate_text" heeft. Hiermee geef je aan dat bij een klik op die knop de Python-functie generate_text wordt aangeroepen. In het element script verwijs je vervolgens naar je Python-script main.py. Met type="py" geef je aan dat het om een Python-script gaat in plaats van een JavaScript-bestand. En met het attribuut config verwijs je naar het configuratiebestand waarin je definieert welke Python-pakketten PyScript voor je applicatie moet installeren. Als je bijvoorbeeld het pakket lorem-text wilt gebruiken, dan ziet het bestand pyscript.toml er als volgt uit:

packages = ["lorem-text"]

Het Python-script main.py heeft de volgende inhoud:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

We importeren hier dus de module lorem uit lorem-text, het pakket dat we hebben geïnstalleerd. Vervolgens importeren we ook document uit PyScript. In de functie generate_text, die wordt aangeroepen wanneer je in de webpagina op de knop klikt, krijg je via document toegang tot het volledige Document Object Model (DOM) van de webpagina. Hiermee selecteer je het element met de id output. De functie roept dan lorem.paragraph() aan om een alinea met willekeurige tekst te genereren en kent die toe aan de tekst van het geselecteerde element.

PyScript geeft je toegang tot het ecosysteem van de Python Package Index (PyPI).

Onder de motorkap Standaard draai je Python in de volledige omgeving van je besturingssysteem. Deze versie van Python, de officiële Python dus, heet CPython. Om Python in de ingeperkte omgeving van je webbrowser te laten draaien, maakt PyScript gebruik van Pyodide. Dit project is op zijn beurt gebaseerd op WebAssembly, dat een virtuele machine biedt om willekeurige software in de omgeving van je webbrowser te laten draaien. Software die voor WebAssembly is gecompileerd, heeft volledige toegang tot alle functionaliteit van je webbrowser en dezelfde web-API’s (application programming interfaces) die voor JavaScript toegankelijk zijn. Pyodide compileert CPython naar WebAssembly. Op die manier slaagt PyScript er dus in om een volwaardig alternatief voor JavaScript te bieden voor webapplicaties.

4 Webserver

Je PyScript-applicatie is nu klaar, maar je kunt het html-bestand niet gewoonweg in je webbrowser openen als een lokaal bestand. Je moet het bestand via een webserver aanbieden. Als je Python lokaal (op je computer) hebt geïnstalleerd, kun je eenvoudig de ingebouwde webserver van Python opstarten. Navigeer in een terminalvenster of opdrachtprompt naar de directory waarin je PyScript-bestanden staan en voer de volgende opdracht uit:

python -m http.server

Dit start een webserver op poort 8000 die de inhoud van de huidige directory aanbiedt. Bezoek vervolgens in je webbrowser de url http://127.0.0.1:8000/, die verwijst naar poort 8000 op je computer zelf. Je krijgt nu een webpagina te zien met als titel Hallo wereld en een knop met als label Lorem ipsum.

Wacht even tot de hele PyScript-omgeving is ingeladen. Klik dan op de knop wanneer die niet meer grijs is. Eronder verschijnt vervolgens een alinea met willekeurige tekst. Elke keer dat je op de knop drukt, verschijnt er een nieuwe tekst omdat de functie generate_text weer wordt aangeroepen.

Eén druk op de knop roept een Python-functie op die willekeurige tekst genereert.

5 Grafieken plotten

Nu kun je ook in je webapplicaties gebruikmaken van het krachtige ecosysteem van Python-pakketten voor bijvoorbeeld datavisualisatie, zoals Matplotlib. Het principe is hetzelfde als het eerste voorbeeld met de lorem ipsum-tekst: je creëert een html-bestand met de structuur van je webpagina, een bestand met de Python-pakketten die je nodig hebt, en uiteindelijk een bestand met je Python-code. Het bestand met de afhankelijkheden, pyscript.toml, vermeldt eenvoudigweg het pakket Matplotlib:

packages = ["matplotlib"]

Het html-bestand index.html ziet er als volgt uit:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

In dit voorbeeld laten we de gebruiker een amplitude en periode kiezen, om vervolgens een grafiek van de sinusfunctie met die ingestelde amplitude en periode te plotten.

Matplotlib is dé Python-bibliotheek voor visualisaties.

6 Schuifbalken

In de html-code definiëren we twee elementen input van het type range. Je webbrowser toont die als schuifbalken. We stellen voor elk element een minimum en maximum in, een stap (de waarde waarmee de schuifbalk per eenheid wordt verschoven) en een standaardwaarde. We geven beide elementen ook een label, met diezelfde standaardwaarde, zodat de gebruiker niet alleen een bolletje op een schuifbalk ziet, maar ernaast ook de waarde die daardoor wordt ingesteld.

Eronder plaatsen we dan een element div waarin de grafiek komt. We definiëren hier ook een script dat naar het Python-bestand en de configuratie met de te installeren pakketten verwijst. In de elementen input verwijzen we ook naar de in dit Python-bestand gedefinieerde functie plot_sine die wordt uitgevoerd bij elke wijziging van de invoer in het element. De webapplicatie roept de functie daardoor aan telkens als je aan de schuifbalk sleept.

7 Sinus plotten

Dan volgt uiteindelijk de code in main.py om de sinusfunctie te plotten:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

De functie plot_sine haalt allereerst de waarde op van het element met de id amplitude en wijzigt de tekst van het label voor dat element naar die waarde. Daarna doet de functie hetzelfde voor het element met de id period. Deze eerste regels code synchroniseren dus elke keer de getoonde waarde met de ingestelde waarde, zodat de gebruiker onmiddellijk feedback krijgt bij het schuiven.

Daarna creëren we met NumPy’s functie arange een reeks x-waarden en vervolgens berekenen we voor elk van die x-waarden de sinusfunctie met NumPy’s functie sin. Door het argument van de sinusfunctie te vermenigvuldigen met 2π en te delen door de periode, berekenen we de sinus met de gewenste periode: de kromme wordt zo breder of smaller geplot. Door het resultaat van de sinusfunctie met de amplitude te vermenigvuldigen, wordt de kromme hoger of lager geplot.

Uiteindelijk maken we de huidige figuur leeg, plotten we de x- en y-waardes in het blauw, voegen we een raster toe en stellen we het bereik voor de x- en y-as in. Daarna tonen we de plot in het target sine, dat verwijst naar de id van het desbetreffende element div in het html-bestand. Helemaal op het einde van het Python-bestand roepen we de functie ook expliciet op. Zo wordt de grafiek ook getoond nadat de pagina is geladen, zonder dat de gebruiker eerst met een van de schuifbalken moet schuiven.

Deze grafiek plotten we in Python dankzij Matplotlib.

8 JavaScript in Python aanroepen

Er bestaat uiteraard al een heel ecosysteem van JavaScript-bibliotheken voor webapplicaties. Je hoeft het wiel niet opnieuw uit te vinden in Python of een Python-alternatief te zoeken als je er al een in JavaScript bij de hand hebt. Zoals we eerder al schreven, biedt PyScript volledige interoperabiliteit tussen Python- en JavaScript-code in je webapplicaties. Om JavaScript-functies in je Python-code aan te roepen, importeer je de globale JavaScript-namespace met:

import js

Daarna gedraagt js zich in je Python-code als een Python-module en kun je alle globale JavaScript-functies aanroepen met js.naamvanfunctie.

Als je asynchrone JavaScript-functies wilt aanroepen, moet je ook de module asyncio in je Python-code importeren en de functies aanroepen met await ervoor.

9 Alles in één

Laten we dit eens illustreren met een eenvoudig voorbeeld dat de JavaScript Fetch API gebruikt om je publieke ip-adres via de website ipify op te vragen. We tonen meteen een alternatieve manier om PyScript te gebruiken door de Python-code rechtstreeks in het html-bestand te plaatsen in plaats van een afzonderlijk Python-bestand. Zo heeft onze webapplicatie maar één bestand nodig, het html-bestand:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

We creëren hier in de body een element py-script met daarin de Python-code. Merk op dat dit element een attribuut async heeft, omdat we in de Python-code een asynchrone functie met await aanroepen. Zonder het attribuut async zou de code niet werken.

De JavaScript Fetch API biedt een eenvoudige manier aan om http-aanroepen in je webapplicatie te doen.

10 Webpagina ophalen

De code roept de globale JavaScript-functie fetch aan met als argument de url van de API van ipify. Dit is een asynchrone JavaScript-functie, vandaar dat we die aanroepen met await js.fetch(url). Van het resultaat vragen we de tekst op. Omdat dit ook een asynchrone JavaScript-functie is, moeten we dit in onze Python-code ook met await aanroepen.

Als dit succesvol is, bevat de variabele public_ip het antwoord van de webserver van ipify, namelijk je publieke ip-adres. We creëren dan een f-string met de boodschap “Mijn publieke IP-adres:” gevolgd door het betreffende ip-adres. Met de functie display (die je niet mag vergeten te importeren uit de module pyscript) toon je deze string in het html-element waarin deze Python-code wordt uitgevoerd, namelijk het paragraaf-element p. En zo krijg je wanneer je deze webpagina laadt na een korte pauze je ip-adres te zien.

11 Python REPL

Met PyScript kun je zelfs een Python REPL (read-eval-print loop) in je webpagina toevoegen: een terminalvenster waarin je Python-opdrachten uitvoert, volledig client-side in je webbrowser. De html-code hiervoor ziet er als volgt uit:

De code kun je downloaden van deze pagina en daarna vanuit een programma als Kladblok overnemen.

De attributen terminal en worker voor het element script zijn hier belangrijk. Het eerste attribuut toont een terminal waarin de uitvoer van de Python-functie print komt, en het tweede attribuut maakt de terminal interactief (bijvoorbeeld om de gebruiker invoer te vragen met de Python-functie input).

Als je deze webapplicatie zo zou uitvoeren, zou je in de JavaScript-console een foutmelding krijgen: “Error: Unable to use SharedArrayBuffer due insecure environment.” Om je webpagina in een veilige context te plaatsen, moet je de HTTP-headers Cross-Origin-Opener-Policy, Cross-Origin-Embedder-Policy en Cross-Origin-Resource-Policy instellen.

De eenvoudige ingebouwde webserver van Python die we in dit artikel gebruiken, doet dat niet. Maar als je het bestand mini-coi.js via deze GitHub-pagina downloadt en in dezelfde directory als je html-bestand opslaat, en in het element head van je html-pagina vóór alle scripts, links en styles hiernaar verwijst met <script src="./mini-coi.js" scope="./"></script>, werkt dit wel. Laad de pagina, wacht even tot de Python-omgeving is opgestart, en je kunt aan de slag in je interactieve Python-terminal.

Een volledige Python-terminal in je webapplicatie? Dat is maar enkele regels PyScript-code.

Fouten in je code oplossen Als je Python-code een syntaxisfout bevat, zal PyScript die in een rood tekstveld tonen zodra je webapplicatie de Python-code laadt. Helaas betekenen de regelnummers die je te zien krijgt niets, maar je krijgt wel de inhoud van de regel code te zien waar het misgaat. Voor niet al te grote programma’s zul je de bron van de fout wel snel vinden. Het gebruik van een code-editor voor je Python-code zal je ook al wel helpen om fouten te vinden. Het is dan ook een nadeel als je Python-code rechtstreeks in je html-bestand opneemt in een element py-script: je kunt dan niet profiteren van syntax highlighting of andere handigheidjes van een Python-ontwikkelomgeving.

Nog een tip: met de Python-functie print kun je informatie in de JavaScript-console van je webbrowser tonen, wat handig is tijdens het testen van je code.

Watch on YouTube
▼ Volgende artikel
Slimme stekkers: welke modellen zijn echt zuinig?
© Proxima Studio - stock.adobe.com
Huis

Slimme stekkers: welke modellen zijn echt zuinig?

Met slimme stekkers verander je je huis eenvoudig in een smart home: steek ze in een gewoon stopcontact, sluit er lampen of je televisietoestel op aan en regel via een app of met je stem bijvoorbeeld dat ze automatisch worden uitgeschakeld. Zo voorkom je onnodig stroomverbruik doordat apparaten niet meer op stand-by blijven staan. Maar slimme stekkers gebruiken zélf ook stroom. Welke zijn zuinig genoeg om écht geld te besparen?

Energie besparen en slimme apparaten gaan uitstekend samen. In dit artikel lees je hoe je geld bespaart door gebruik te maken van de zuinigste slimme stekkers. • Slimme stekkers en stroomverbruik • De zuinigste slimme stekkers op een rij • Waar je op moet letten bij het kopen van slimme stekkers

Ook lezen: Stroomvreters: deze apparaten in huis verbruiken meer energie dan je denkt


Slimme stekker of slim stopcontact?

De termen slimme stekker en slim stopcontact worden door elkaar gebruikt. Dat is een beetje verwarrend, maar wel begrijpelijk: het is een apparaat met aan de ene kant een stekker (voor je 'domme' stopcontact) en aan de andere kant een slim stopcontact. In dit artikel hanteren we de benaming slimme stekker.


Zo bespaart een slimme stekker stroom

Een slimme stekker helpt je stroom besparen door apparaten automatisch uit te schakelen, bijvoorbeeld 's nachts. Zo verbruikt je televisie geen stroom meer in de stand-bymodus. Je kunt instellen dat alle apparatuur op vaste tijden uitschakelt, bijvoorbeeld zodra je gaat slapen. Je kunt ook met één druk op de knop alle lampen en andere apparaten uitschakelen, zodat je niets vergeet. Slimme stekkers uit een hogere prijsklasse bieden bovendien inzicht in je stroomverbruik. Daardoor kun je gerichter energie besparen.

©Proxima Studio - stock.adobe.com

Verbruik van een slimme stekker

Tegenover de besparing staat het eigen stroomverbruik van slimme stekkers. Dat begint bij zo'n 0,3 watt en loopt op tot 2 watt. Niet veel, maar ze staan wel 24 uur per dag en 365 dagen per jaar aan. De zuinigste modellen verbruiken daardoor op jaarbasis 2,6 kWh (0,3 watt × 24 uur × 365 dagen ÷ 1000). Bij een stroomprijs van 0,30 euro per kWh komt dat neer op 0,79 euro per jaar. Een slimme stekker die 2 watt verbruikt kost op jaarbasis 5,26 euro. In een slim huis gebruik je al snel 10 slimme stekkers, waardoor je op jaarbasis aardig wat geld kunt besparen door de zuinigste modellen uit te kiezen.

Kies niet alleen op prijs, maar ook op verbruik Vergelijk je het jaarlijkse stroomverbruik met de aanschafprijs van een slimme stekker (meestal tussen de 5 en 35 euro), dan blijkt al snel dat vooral het stroomverbruik bepalend is voor de totale kosten op de lange termijn. Toch vermelden veel verkopers niets over het energieverbruik.

Denk aan de compatibiliteit

Alleen letten op het stroomverbruik van een slimme stekker is niet genoeg. Het is minstens zo belangrijk dat de stekker goed samenwerkt met jouw slimme netwerk. De meeste modellen werken met Google Home en Amazon Alexa, terwijl Apple HomeKit selectiever is. Check daarom altijd de productbeschrijving om zeker te weten dat de slimme stekker bij jou thuis werkt.

Slimme stekkers die samenwerken met

Google Assistant en met Alexa

Stroomverbruik en verbindingstype

Waar komt het grote verschil in stroomverbruik tussen slimme stekkers vandaan? Dat heeft alles te maken met de verbinding met je thuisnetwerk. De meeste stekkers gebruiken wifi om bereikbaar te blijven, zodat jij ze op afstand kunt bedienen. Maar wifi verbruikt relatief veel energie – het signaal is eigenlijk krachtiger dan nodig is voor dit soort toepassingen.

Een zuiniger alternatief is een hub die het wifisignaal omzet naar een lichter protocol, zoals Zigbee of Z-Wave. Die vormen een soort schakel tussen je netwerk en de slimme stekkers. Het grote voordeel: dit soort verbindingen verbruiken vaak minder dan 0,5 watt.

©Proxima Studio - stock.adobe.com

Zigbee en Z-Wave

De zuinige protocollen die gebruikt worden zijn Zigbee en Z-Wave en die werken allebei prima. Maar ze zijn niet verenigbaar met elkaar. Je zult dus één systeem moeten kiezen. Daarnaast heb je een centrale hub nodig om alles aan elkaar te koppelen. Dat is een kleine investering die zich, door de lagere stroomkosten, snel terugverdient.

Slimme stekkerVerbruik (watt)Protocol
TP-Link Tapo P1151 – 1,5Wifi
TP-Link Tapo P1000,5 – 1Wifi
Shelly Plug S0,9 – 1,5Wifi
Iqore Smart Plug1 – 2Wifi
Aqara Smart Plug0,3 – 0,5Zigbee
Philips Hue Smart Plug0,3 – 0,5Zigbee
IKEA TRETAKTSmart Plug0,3 – 0,5Zigbee
Samsung SmartThings Outlet0,5 – 1,5 WZigbee
Fibaro Wall Plug V20,5 – 1Z-Wave
Qubino Smart Plug0,5 – 1Z-Wave

Verbruik van hubs voor Zigbee en Z-Wave

Voor een compleet beeld moeten we ook kijken naar het stroomverbruik van een Zigbee- of Z-Wave-hub. Zigbee-hubs verbruiken doorgaans tussen de 0,5 en 3 watt. Sluit je meerdere slimme stekkers of andere apparaten aan, dan verdien je dat al snel terug ten opzichte van wifi. Z-Wave-hubs verbruiken wat meer, meestal tussen de 2 en 10 watt.

Ook qua veelzijdigheid zijn er verschillen. De Philips Hue Bridge (Zigbee) is bijvoorbeeld erg zuinig, met een verbruik tussen de 0,5 en 1 watt. Maar deze werkt uitsluitend met Philips Hue-apparaten.

Een slimme start is het halve werk

Zoals je ziet, zijn er heel wat factoren om rekening mee te houden. Breng daarom vooraf in kaart wat je nu nodig hebt én wat je in de toekomst verwacht te gebruiken. Zo voorkom je onnodige kosten en bespaar je op de lange termijn, vooral als je ook let op het energieverbruik per apparaat.


Nog meer energie besparen? ⤵️

Vraag een offerte aan voor verduurzaming:

▼ Volgende artikel
Review Philips PureProtect Pro 4200 – Zeg die pollen maar gedag
© Wesley Akkerman
Energie

Review Philips PureProtect Pro 4200 – Zeg die pollen maar gedag

De lucht om ons heen wordt steeds minder schoon – en dat is allang geen geheim meer. Tel daar gevoeligheid voor pollen bij op, plus schadelijke deeltjes en gassen die vrijkomen tijdens het koken, en je vraagt je af waarom niet iedereen een luchtreiniger zoals de Philips PureProtect Pro 4200 heeft.

Uitstekend
Conclusie

Een luchtreiniger van zo'n 430 euro is geen kleinigheid. Toch ben je met de Philips PureProtect Pro 4200 voordeliger uit dan bij de concurrent. Tijdens onze test viel op hoe accuraat en doeltreffend dit model de lucht zuivert – vooral pollen worden opvallend goed aangepakt – en hoe scherp hij de luchtkwaliteit in de gaten houdt. De filters zijn eenvoudig te vervangen, installeren is zo gedaan en de bediening spreekt voor zich. Een Dyson haalt misschien nóg wat meer deeltjes uit de lucht, maar voor deze prijs zit je verrassend goed.

Plus- en minpunten
  • Installatie zo gepiept
  • Maakt relatief weinig herrie
  • Rekent af met pollen
  • Gaat goed op in interieur
  • Veel opties binnen app
  • Filters snel te vervangen
  • Kinderslot
  • Kan soms wel veel lawaai maken
  • Gaat in Auto+ soms snel aan
  • Temperatuur- en vochtigheidsmetingen wijken af

Als je aan luchtreinigers denkt, dan denk je misschien niet meteen aan Philips. Ondanks de koppositie van Dyson (dat met de Purifier Big+Quiet Formaldehyde goed scoort) timmert de van oorsprong Nederlandse fabrikant al jaren stevig aan de weg in deze markt. De Philips PureProtect Pro 4200 Series Slimme luchtreiniger, zoals de hier besproken luchtreiniger voluit heet, is daar slechts het meest recente voorbeeld van. Hij heeft een adviesprijs van 429,99 euro.

In de basis heeft de luchtreiniger een aantal uitstekende kwaliteiten. Denk dan aan een dubbel ventilatorontwerp, waardoor hij tot anderhalf keer krachtiger is dan in grootte vergelijkbare soortgenoten. En met een Clean Air Delivery Rate (CADR) van 600 m³/u kan hij grote ruimtes tot 156 vierkante meter aan; een kamer van 20 vierkante meter kan hij in minder dan vijf minuten reinigen. Last van pollen? Geen probleem – met een paar minuten is die ergernis weg.

©Wesley Akkerman

L2 betekent dat er een verhoging in de gaswaarde is.

Viervoudig filtersysteem

De Philips PureProtect Pro 4200 beschikt daarnaast over een viervoudig filtersysteem, bestaande uit een voorfilter, een HEPA NanoProtect-filter en twee actieve koolstoffilters. Gezamenlijk moeten die tot 99,97 procent van alle kleine deeltjes, zo klein als 0,003 micron, uit de lucht kunnen halen. Ook is het systeem in staat tot 99,99 procent van door de lucht zwevende virussen en bacteriën te filteren (waaronder het H1N1-griepvirus en SARS-CoV-2).

Hoewel bij ons (nog) geen hooikoorts geconstateerd is, hebben we wel gemerkt dat we minder niezen en minder vaak jeukende ogen hebben sinds we deze luchtreiniger testen. Enkele symptomen die met de allergie te maken hebben, zoals vermoeidheid en een verstopte neus, waren daarnaast veel minder aanwezig. Het is ook weer niet zo dat alle klachten compleet verdwenen – maar het idee dat de Philips-luchtreiniger werkt, staat hier in elk geval als een huis.

©Wesley Akkerman

Als de led-ring rood kleurt, dan maakt het apparaat ook veel lawaai.

Effectief en geruisloos

De Philips PureProtect Pro 4200 reageert razendsnel op veranderingen in huis. Tijdens het koken kan de luchtreiniger aanspringen om te voorkomen dat schadelijk deeltjes verder verspreid worden. Daarnaast is een open raam, zeker in de lente, genoeg om de boel op scherp te zetten. Schoonmaken, even een lekker luchtje (op jezelf of in huis) verstuiven of stoffen; dergelijke zaken triggeren de 4200 om de lucht te zuiveren. En dat doet het apparaat effectief en vaak geruisloos.

In de slaapmodus maakt de Philips PureProtect Pro 4200 slechts 15 dB(A) aan lawaai, waardoor je er tijdens het slapen geen last van hebt. Daarnaast hoor je het systeem alleen hard loeien als de luchtkwaliteit boven een bepaalde waarde komt. Dat gebeurt, toegegeven, al vrij snel, waardoor je soms wel even de tv wat harder zou moeten zetten. Het reinigen neemt echter weinig tijd in beslag, waardoor je er ook weer niet zo heel veel last van ondervindt.

Personalisatie-opties binnen de app

Daarnaast kun je binnen de app allerlei zaken personaliseren. Zo is er een Fresh Wake-up-functie, waarmee je de zuiveringssnelheid –en daarmee het geluid – langzaamaan laat toenemen. Ook kun je werken met schema's of een Fresh Bedtime-stand, waardoor (bepaalde) ruimtes in huis altijd schoon zijn. Zeker voor in een slaapkamer kan dit handig zijn, omdat de luchtkwaliteit de slaapkwaliteit beïnvloedt. Zulke appfuncties zijn wat ons betreft daarom meer dan welkom.

Verder kun je werken met een aantal standaard modi, waardoor de Philips PureProtect Pro 4200 constant op eenzelfde snelheid draait. Maar je kunt ook Auto+ gebruiken. Die stand zorgt ervoor dat de luchtreiniger automatisch van modus wisselt wanneer dat nodig is. Sta je te koken? Dan kan hij ineens de snelheid verhogen. We hebben wel gemerkt dat de reiniger soms snel aanspringt, bij een kleine waardevermeerdering. Dat zou Philips wellicht beter kunnen afstellen.

©Wesley Akkerman

Je kunt de verlichting uitschakelen.

Informatie over je huis en de buurt

Daarnaast biedt de app een inkijkje in de luchtkwaliteit in huis en de omgeving. Je kunt altijd controleren hoe het gesteld is met schadelijke, inhaleerbare deeltjes (PM2.5), gas, pollen, stofmijt, schimmel en schilfers (bijvoorbeeld van huisdieren) en de vochtigheid. Die data geeft de app weer in een handige grafiek. Het apparaat slaat veel data op – en zolang het aanstaat kun je terugscrollen om te zien hoe de luchtkwaliteit op een bepaalde dag was.

De Dyson-concurrentie pakt daarnaast nog zaken als PM10, HCHO en vluchtige organische stoffen, maar daar betaal je ook aanzienlijk meer voor. Verder valt op dat de metingen van de temperatuur en vochtigheid in huis afwijken van de Tado-thermostaat. We hebben beide producten onder elkaar gepositioneerd om eventuele variabelen te voorkomen die de uitslagen kunnen veranderen. Maar in dit geval toont de Philips een afwijking ten opzichte van de metingen van de Tado.

©Wesley Akkerman

Het oog wil ook wat

Omdat de Philips PureProtect Pro 4200 een product is dat je eigenlijk redelijk prominent in huis plaatst, wil het oog ook wat. De Dyson-apparaten vallen op en gaan daardoor mogelijk minder snel op in het interieur. Daar heeft de Philips-luchtreiniger veel minder last van. Ten eerste omdat hij een stuk kleiner is, en ten tweede vanwege het veel subtielere ontwerp. Bovenop zit led-verlichting, maar als je daar last van hebt, dan kun je die gewoon uitschakelen.

Verder is het installeren geen probleem. Je stopt de stekker in het stopcontact, downloadt de app en volgt de instructies op. Binnen tien minuten, inclusief het uitpakken, zou de 4200 al de eerste ronde gedaan kunnen hebben. Je kunt het systeem overigens ook bedienen met de aanraakgevoelige omgeving bovenop. Daar zit zelfs een kinderslot op, zodat eventueel aanwezig kroost niet zomaar allerlei opties aanpast. Ook aan de kleine dingen zijn dus gedacht.

©Wesley Akkerman

Tot slot valt op hoe gemakkelijk het onderhoud van de Philips PureProtect Pro 4200 is. Daarmee bedoelen we bijvoorbeeld het verwisselen van de filters. Je opent het deurtje voorop moeiteloos en schuift daarna het filter er met één hand uit. De vervanger schuif je er met dezelfde hoeveelheid moeite in en dan doe je het deurtje weer dicht. Gemakkelijker kan haast niet. Dit doet Philips beter dan Dyson, waarbij je net even wat meer handelingen moet verrichten.

Philips PureProtect Pro 4200 kopen?

Een luchtreiniger van zo'n 430 euro is geen kleinigheid. Toch ben je met de Philips PureProtect Pro 4200 voordeliger uit dan bij de concurrent. Tijdens onze test viel op hoe accuraat en doeltreffend dit model de lucht zuivert – vooral pollen worden opvallend goed aangepakt – en hoe scherp hij de luchtkwaliteit in de gaten houdt. De filters zijn eenvoudig te vervangen, installeren is zo gedaan en de bediening spreekt voor zich. Een Dyson haalt misschien nóg wat meer deeltjes uit de lucht, maar voor deze prijs zit je verrassend goed.