ID.nl logo
Hoe weet je dat je kerstboom dorst heeft? Laat 'm een appje sturen!
© ER - ID.nl
Huis

Hoe weet je dat je kerstboom dorst heeft? Laat 'm een appje sturen!

Sommigen zetten hun kerstboom al in november neer, en als het dan eenmaal kerst is, begint hij te verdrogen. Een standaard die ook als waterbak dient, kan dat voorkomen. Desondanks blijkt al snel dat kerstbomen binnenshuis opvallend dorstig zijn. En wie checkt het water nog als de boel onder een knus sneeuwkleedje ligt? Vandaar dit doe-het-zelf-idee voor knutselaars die een frisse groene kerstboom willen!

🎄 In dit artikel leggen we je uit hoe je zelf een kerstboomalarm kunt knutselen. Een heerlijke kerstvakantie-uitdaging voor de gevorderde knutselaar. Het resultaat? Je krijgt een appje wanneer je boom water nodig heeft!

🎄 Boodschappenlijstje (bijvoorbeeld bij Conrad.nl)🎄 Overige benodigdheden
NodeMCU-module (€ 9,-)Soldeerbout
2x Trekontlasting M10, 2 stuks (€ 2,-)Soldeertin
Printplaatje 80 × 50 mm (€ 3,30)Zijkniptang
Kunststof behuizing 85 × 56 × 39 mm (€ 4,25)Schroevendraaier
Schroefterminal 4-polig (€ 0,40)Boormachine
Netadapter 5 V, 1 A (€ 6,-)Vijl
Rode led (€ 0,10)Secondelijm
Groene led (€ 0,10)Eén-aderig snoer (30 cm)
Weerstand 100 ohm, 2 stuks (€ 0,10)Twee-aderig snoer (1 meter)
Weerstand 10 kilo-ohm (€ 0,05)multimeter (optioneel)
Optioneel, bijvoorbeeld bij AliExpress of eBay:
Watersensor (‘soil moisture sensor’) zonder elektronica (€ 0,50). Als alternatief kun je ook de gestripte uiteinden van het twee-aderige snoer gebruiken, die je een beetje uit elkaar buigt.
Totale kosten: ca. € 25,–

Hardware en software

Dit project kenmerkt zich door zijn eenvoud in hardware en behuizing. Je hebt een netadapter, een compacte behuizing met trekontlasting, een NodeMCU-module, twee leds, drie weerstanden en een printplaatje nodig om alles aan elkaar te solderen. Ideaal voor beginnende soldeerliefhebbers.

De groene led signaleert voldoende water, terwijl de rode oplicht bij een te laag niveau, zoals ingesteld in de code. De schakeling werkt op een simpele 5 volt-netadapter met minimaal 1 ampère. Een usb-adapter is ook mogelijk; vergeet dan niet een geschikte usb-kabel. Alles past in een compacte kunststof behuizing, die je natuurlijk ook zelf kunt maken of hergebruiken. Trekontlastingen beschermen de voedings- en sondekabels tegen losraken bij onbedoelde kracht.

In de rest van deze handleiding worden 'NodeMCU' en 'ESP-module' afwisselend gebruikt. NodeMCU is een populair ontwikkelbordje met een ESP-chip erop, en tegenwoordig zijn er diverse NodeMCU/ESP-modules beschikbaar.

Een compacte en eenvoudige behuizing van kunststof volstaat voor dit project. De eerste trekontlasting is al gemonteerd en de gaten voor beide leds zijn al geboord.

Ontwikkelomgeving installeren

De ESP-module is het gemakkelijkst te programmeren met de Arduino-ontwikkelomgeving (Arduino IDE). Deze kun je downloaden via www.tiny.cc/arduinosoft. Kies bij voorkeur de traditionele installer en niet de Windows-app. Dat maakt het beheren van bibliotheken en ontwikkelbordjes een stuk eenvoudiger.

Omdat Arduino IDE niet primair voor deze module is bedoeld, zul je nog wat extra onderdelen moeten installeren. Klik daarvoor op Bestand / Voorkeuren en voer op het tabblad Instellingen bij Additionele Board Beheer URLs deze url in:

https://arduino.esp8266.com/stable/package_esp8266com_index.json

Kies nu Hulpmiddelen / Board: / Board Beheer… en typ esp8266. Klik op Installeren en selecteer vervolgens de module via Hulpmiddelen / Board / NodeMCU 1.0 (ESP-12E Module). Sluit de ESP-module aan via een usb-kabel en selecteer in Arduino IDE de juiste poort (Hulpmiddelen / Poort, kies de com-poort met het hoogste nummer). Als alles goed is gegaan, is je opstelling nu klaar om met programmeren te beginnen.

Herkent je systeem het ontwikkelbordje niet, dan download je via www.tiny.cc/espdriver een stuurprogramma voor de seriële interface (let op: deze link gaat gelijk het bestand CP210x_Universal_Windows_Driver.zip downloaden).

Installeer de nieuwste versie van de ESP-module.

Aanpassen code

Het kant-en-klare programma hebben wij al voor je klaargezet; je kunt het hier downloaden. Sla het bestand Kerstboom_app.zip en pak het uit naar een willekeurige map. Open het bestand Kerstboom_app.ino (door op het bestand te dubbelklikken, opent het automatisch in Arduino IDE, zie ook kader ‘Ontwikkelomgeving installeren’).

Vul bij ssid en password respectievelijk de naam en het wachtwoord van je draadloze netwerk in.

Het versturen van appjes wordt verzorgd door de dienst CallMeBot. CallMeBot biedt overigens ook de mogelijkheid om berichten te versturen via Signal en Telegram, dit artikel gaat uit van WhatsApp. De benodigde API-sleutel vraag je aan door het nummer +34 644 975 414 aan je contacten toe te voegen en in WhatsApp het bericht I allow callmebot to send me messages te sturen naar je nieuwe contact. Binnen enkele minuten ontvang je de benodigde API-sleutel, die je samen met je telefoonnummer (let op de internationale notatie) invult als constanten in de code bij respectievelijk apikey en telefoon.

Voer je gegevens in bovenaan de code.

Toelichting code

De code begint met het insluiten van de bibliotheek ESP8266WiFi.h. Deze handelt de verbinding met het draadloze netwerk af: dankzij dit programma is de module met enkele regels code met het netwerk te verbinden. Daaronder declareer je enkele constanten en variabelen, waarvan de belangrijkste in bovenstaande alinea’s al zijn besproken. In setup() worden de pinnen gedefinieerd, de leds uitgezet en de seriële monitor geactiveerd.

Verwerken van de gegevens

De functie loop() draait continu en vormt het hart van het programma. Om te beginnen wordt de wifi-module uitgeschakeld, omdat die erg stoort op de analoge ingang. Dan wordt pin D1 op HIGH gezet, en de waarde op de analoge pin bepaald en bewaard in de variabele meting. Zodra dat klaar is, gaat D1 weer op LOW. Door dit te doen, loopt er slechts zeer kortstondig stroom door het water. Dat is belangrijk om de watersensor te ontzien: bij een constante stroom zou de anode (de kant waarop de +5 volt staat) snel corroderen.

De code werkt met twee waarden, vastgelegd in de constanten ondergrens en veilige_waarde. De waarden van deze twee liggen iets uit elkaar, zodat kleine schommelingen in de meting geen invloed hebben bij het bepalen of het nat of droog is.

Is het resultaat van de meting kleiner dan of gelijk aan ondergrens, dan gaat of blijft de rode led aan en de groene uit. Als de booleaanse variabele alarmverzonden de waarde onwaar heeft, wordt ook de functie alarm() uitgevoerd.

Droogtealarm

De functie alarm() begint met het opzetten van de wifi-verbinding. Als dat is gelukt, wordt via de API-call een appje verstuurd met de melding, waarna de variabele alarmverzonden op waar wordt gezet. Dit voorkomt dat er bij elke volgende meetronde een app uitgaat. Pas wanneer de meetwaarde boven de veilige waarde uitkomt, wordt alarmverzonden weer op onwaar gezet en staat alles weer klaar voor een nieuw alarmronde. De rode led gaat of blijft dan uit en de groene aan. De variabele pulsdelay (de wachttijd tussen twee metingen) wordt nu vijf minuten in plaats van een seconde.

De kerstboom heeft uren nodig om het water te verbruiken en niet te vaak meten beperkt de eerdergenoemde corrosie. Bij geconstateerde droogte wordt de wachttijd weer een seconde. Doordat er in die situatie geen water tussen de elektroden aanwezig is, speelt corrosie dan nauwelijks een rol. Als je de kerstboom water geeft, weet je ook zonder het waterniveau te zien wanneer je kunt stoppen.

De watersensor corrodeert niet, door slechts af en toe kort te meten.

Software uploaden en testen

Als het bestand kerstboom_app.ino naar wens is aangepast in de Arduino-ontwikkelomgeving en de NodeMCU-module is aangesloten op zowel je pc als op de watersensor, kan het uploaden beginnen. Open de seriële monitor met Ctrl+Shift+M en upload het programma met Ctrl+U.

Nadat het uploaden is voltooid, volgt de meetwaarde en de melding Droogtealarm!. De module maakt nu verbinding met het draadloze netwerk en voert de API-call uit. Het antwoord van de server verschijnt en als het goed is, ontvang je binnen enkele seconden een appje met de tekst Kerstboom heeft dorst!. De rode led brandt en de melding Droogtealarm! herhaalt zich vervolgens elke seconde.

Door de sensor (of de gestripte uiteinden van het twee-aderige snoer) tegen een natte doek te houden of gedeeltelijk onder te dompelen in een kopje water, zie je de meetwaarde oplopen, de rode led doven en de groene aan gaan. De melding Voldoende water staat nu in de seriële monitor en het programma wacht nu vijf minuten tot de volgende meting. Eventueel kun je de hoogte van ondergrens en veilige_waarde nog aanpassen in de code. Tot nu toe alles in orde? Mooi.

Voorbereiding

Boor om te beginnen drie gaten in de behuizing: twee van 5 millimeter voor de leds en twee van 10 millimeter voor de trekontlasting. Als je kleinere gaten boort, kun je die later met een vijl op maat maken. Bevestig vervolgens de trekontlastingen en check of de leds erin passen. Gebruik secondelijm om de leds stevig in de behuizing te lijmen. Soldeer nu ook de snoertjes aan de leds en de watersensor, zodat je deze later eenvoudig aan de printplaat kunt koppelen.

De behuizing met trekontlasting en met de leds erin vastgelijmd.

Bouwen van de schakeling

Zoals al opgemerkt, is de hardware van dit project beperkt. De NodeMCU-module, de drie weerstanden en de schroefterminal komen op het printplaatje. Boor om te beginnen gaten van 5 millimeter op de hoeken van de printplaat, zodat deze over de schroefgaten van de behuizing vallen.

Door de componenten slim te plaatsen, zijn ze onderling te verbinden met soldeer. Houd er rekening mee dat (afhankelijk van de baantjes op de printplaat) de module dwars in de behuizing kan komen te zitten en er is dan maar weinig marge! Plaats daarom eerst de module op de printplaat en kijk of het in de behuizing past voor je verdergaat. Fixeer dan de module door aan de onderkant de pinnen op elke hoek een stukje naar buiten te buigen, bijvoorbeeld met het platte uiteinde van een schroevendraaier. Plaats daarna de weerstanden van 100 ohm in de buurt van de pinnen D5 en D6 en de weerstand van 10 kilo-ohm bij pin A0.

De bestukte printplaat en de gedeeltelijk gesoldeerde printplaat in de behuizing.

Zet tot slot de schroefterminal aan de andere kant van de module. Ook de weerstanden en de schroefterminal blijven het best op hun plek zitten als je de pootjes een stukje ombuigt. Knip nu met een kniptang alle pootjes (ook die van de module) af op een lengte van ongeveer twee millimeter en soldeer de te verbinden onderdelen en pinnen aan elkaar. Soldeer ook de vier hoekpinnen van de module, waarvan er overigens slechts één wordt verbonden met de schroefterminal. Zie voor tips over solderen onze uitgebreide handleiding.

De schakeling is door zijn eenvoud heel geschikt voor wie met solderen begint. Tip: klik op de afbeelding; hij opent dan in een groter scherm.

Aansluiten

De afwerking is nu eenvoudiger dan ooit, want dankzij de kant-en-klare behuizing zit alles al op z’n plek. Wat rest is het aansluiten van de netadapter, de watersensor en de leds. Knip om te beginnen de ronde stekker van de kabel af. Gebruik je een usb-netadapter, dan knip je van de usb-kabel de micro-usb-connector af. Strip de afzonderlijke draadjes over een lengte van ongeveer een halve centimeter en vertin de uiteinden.

Als je een multimeter hebt, kun je de polariteit (plus en min) van de aansluitingen controleren. Heb je die niet, dan kun je kijken of er een opdruk op (een van) de draden staat. Een andere mogelijkheid is het aansluiten van een led met aan één van de pootjes een weerstand van 220 ohm. Sluit een van de adapterdraadjes aan op de weerstand en het andere draadje op het vrije pootje van de led. Het draadje dat is verbonden met het lange pootje van de led, is de plus. Markeer deze draad. Steek de vertinde uiteinden van buitenaf door de trekontlasting en zet ze vast in de schroefterminal op de printplaat, waarbij de plusdraad op VIN komt en de mindraad op GND.

Soldeer van het twee-aderige snoer elke draad aan één van de pinnen van de watersensor. Verbind de watersensor met de twee overgebleven aansluitingen van de schroefterminal, die je op de printplaat hebt verbonden met de pinnen A0 en D1 van de NodeMCU-module.

Sluit als laatste de leds aan met stukjes draad, waarvan je de uiteinden vertint. Verbind de kathodes (korte pootjes) van beide leds met GND, de anode (lange pootje) van de groene led sluit je aan op de weerstand bij pin D5 en de anode van de rode led op de weerstand bij D6.

De gestripte en vertinde uiteinden van het adaptersnoer.

Ingebruikname

Bevestig de watersensor in de voet met de kerstboom, zodat de twee pennen straks half in het water zullen hangen. Het bevestigen kan even een klusje zijn: duct-tape werkt voor bijna elke klus, maar een constructie met boutjes is wellicht iets robuuster. Let daarbij wel op dat je niet per ongeluk elektrisch verbinding maakt tussen de elektroden van de sensor!

De schakeling en het programma zijn al getest, dus kan de adapter in het stopcontact. Er is nu geen seriële monitor, dus je ziet aanvankelijk niets gebeuren. Binnen enkele seconden moet de rode led gaan branden. En binnen enkele seconden moet je een appje krijgen. Als dat niet gebeurt, is er waarschijnlijk een probleem met de wifi en zul je de schakeling wat dichterbij een accesspoint moeten zetten.

Geef de kerstboom water en zodra dat boven de sensor uitkomt, moet de rode led uitgaan en de groene gaan branden. Alvast een groene Kerst gewenst!

Het kerstboomalarm in bedrijf.

🌼 Ook handig ná de feestdagen

Als de kerstboom weer de deur uit is, kun je de schakeling natuurlijk ook prima gebruiken voor bloemen en planten. Daarvoor zul je eventueel de constanten ondergrens en veilige waarde moeten veranderen, een kwestie van experimenteren. Behalve deze voor de hand liggend toepassing, is de schakeling met het gedeeltelijk omdraaien van de code ook inzetbaar als lekkage-alarm. De functie alarm() voer je dan juist uit als de waarde te hoog is in plaats van te laag. Afgezien van wat tekstuele aanpassingen hoef je daarvoor niet heel veel te wijzigen. Een logische plek is dan bijvoorbeeld onder de wasmachine.

▼ Volgende artikel
Onthulling Steam Machine-prijs en -releasedatum uitgesteld vanwege geheugentekort
Huis

Onthulling Steam Machine-prijs en -releasedatum uitgesteld vanwege geheugentekort

Valve heeft laten weten dat het eigenlijk al de bedoeling was dat we de prijs en releasedatum van de vorig jaar aangekondigde Steam Machine zouden weten. De bekendmaking van deze details is echter uitgesteld door het aanhoudende tekort van geheugen en opslag.

Dat liet het bedrijf weten in een blogpost. Daarin praat het bedrijf niet alleen over de Steam Machine - het aankomende apparaat van Valve waarmee pc-games op televisie gespeeld kunnen worden - maar ook de nieuwe Steam Controller en vr-headset Steam Frame.

"Toen we deze producten in november aankondigden, gingen we ervan uit dat we de specifieke prijzen en lanceringsdata nu wel al hadden kunnen delen", zo stelt Valve. "Maar de tekorten op het gebied van geheugen- en opslagcomponenten waar onze hele bedrijfstak mee kampt, zijn sindsdien behoorlijk toegenomen.  De beperkte beschikbaarheid en oplopende prijzen van deze cruciale onderdelen hebben ons ertoe gedwongen om onze plannen voor vraagprijs en levering bij te stellen (vooral voor de Steam Machine en Steam Frame)."

Valve laat weten dat het nog altijd de bedoeling is dat alle drie de producten ergens in de eerste helft van dit jaar verschijnen. "Er moet echter nog wel wat werk worden verzet voordat we de definitieve prijzen en lanceringsdata kunnen vastleggen, zeker gezien het feit dat de factoren die hierop van invloed zijn heel snel kunnen veranderen. We houden jullie zoveel mogelijk op de hoogte terwijl we proberen die plannen zo snel mogelijk rond te krijgen."

Stijgende RAM-prijzen

De aanhoudende tekorten en alsmaar stijgende prijzen voor geheugen zijn dus de oorzaak van het feit dat we de prijs en releasedatum van de Steam Machine nog niet weten. Prijzen van RAM (Random Access Memory) stijgen alsmaar doordat er massaal RAM nodig is om het alsmaar populairder wordende AI werkende te houden, en daardoor zijn er ook steeds minder componenten beschikbaar om de RAM te produceren. Onlangs gingen er al geruchten dat dit ook voor intern uitstel van de PlayStation 6 kan leiden.

Over de Steam Machine

De Steam Machine is een kubusvormig apparaat dat Steam-games af kan spelen. Het apparaat kan op televisie of een monitor aangesloten worden. In de Steam Machine zit een 'semi-custom' AMD-videokaart. In combinatie met FSR-upscalingtechniek is het in principe mogelijk om games in een resolutie van 4k en met zestig frames per seconde te spelen, zo wordt ook in de nieuwe blogpost benadrukt.

SteamOS dient als besturingssysteem, al wordt dit wel aangepast om het op een groter scherm bruikbaar te maken. Er zullen twee varianten van de Steam Machine beschikbaar komen: één met 2 TB aan opslag en één met 512 GB aan opslag. Tot slot kan ook de voorkant van de Steam Machine verwisseld worden om het apparaat een ander uiterlijk te geven.

View post on X
Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.

▼ Volgende artikel
Bouw in een handomdraai je eigen website: aan de slag met Google Sites
© ER | ID.nl
Huis

Bouw in een handomdraai je eigen website: aan de slag met Google Sites

Wil je snel een moderne website zonder ingewikkelde code en geavanceerde CMS-instellingen? Google Sites is verrassend veelzijdig! Je bedenkt een geschikte titel, voegt pagina’s toe en publiceert tot slot de volledige website met één klik. Lees hoe je binnen enkele uren een volwaardige website bouwt en vervolgens beheert.

We laten in dit artikel stapsgewijs zien hoe Google Sites werkt. Na afloop heb je voor jouw hobbyproject, vereniging of eetclubje een mooie website gebouwd. Technische kennis is niet nodig en ook heb je geen krachtige hardware nodig.

Site openen

Voor Google Sites is een Google-account vereist. Heb je dat nog niet, dan kun je jezelf gratis registreren. Ga in dat geval met een willekeurige browser naar www.kwikr.nl/gglac en doorloop via Account maken het aanmeldproces.

Je start eenvoudig met een nieuwe website. Ga naar https://sites.google.com en log zo nodig in met jouw Google-account. Er zijn diverse sjablonen beschikbaar. Daarmee kun je bijvoorbeeld vlot een portfolio, helppagina of fotogalerij optuigen. Wie zijn of haar website liever zelf wil vormgeven, begint het beste vanaf nul. Klik op Lege site om het ontwerpvenster te openen.

Misschien heb je al een onderwerp voor jouw website bedacht. Klik linksboven op Geef de naam van de site op en typ een relevante naam. Bedenk ook alvast een paginatitel. Zo krijgt de beginpagina van je website alvast wat smoel.

Begin je met een sjabloon of een lege site?

Korte rondleiding

Voordat je daadwerkelijk begint met 'bouwen' is het nuttig om even de indeling van Google Sites te verkennen. Rechts zie je drie vaste tabbladen voor het creëren van je site. Gebruik het onderdeel Invoegen om allerlei contentblokken op de pagina te plaatsen, zoals tekstvakken, afbeeldingen en knoppen. Met het onderdeel Pagina’s bepaal je de structuur van de website, terwijl je met Thema’s het uiterlijk aanpast.

Tijdens het ontwerpen wil je tussentijds wellicht zien hoe de website er aan de voorkant uitziet. Klik dan rechtsboven in de knoppenbalk op Voorbeeld (pictogram met laptop en smartphone). Gebruik de opties rechtsonder en zie hoe de pagina schaalt op een smartphone, tablet en desktop. Je klikt linksboven op het pijltje om weer terug te keren naar het ontwerpvenster.

Een pluspunt is dat Google Sites automatisch het concept opslaat. Behalve jijzelf ziet niemand de inhoud van de website. Pas wanneer je klaar bent om live te gaan, kun je de boel publiceren.

Gebruik de onderdelen Invoegen, Pagina’s en Thema’s om de website in te richten.

Openingsbeeld

Met het toevoegen van een openingsbeeld en een logo krijgt je website wat meer persoonlijkheid. Zweef met de muisaanwijzer boven het blok met de paginatitel en klik op Afbeelding / Uploaden. Selecteer nu een foto op je pc of laptop en kies Openen. Het gekozen beeld verschijnt direct op je website. In plaats van een lokaal opgeslagen afbeelding kun je ook beeld van een online bron selecteren, zoals Google Afbeeldingen, Foto’s of Drive. Klik in dat geval op Afbeelding / Selecteren.

Elke serieuze website heeft een eigen logo. Dat voeg je makkelijk toe. Zweef met de cursor linksboven de naam van de website en kies Logo toevoegen. Klik onder Logo op Uploaden en selecteer de gewenste afbeelding op je computer. Bevestig met Openen. Je voegt eventueel een alternatieve tekst aan het logo toe. Op die manier weten mensen met een visuele beperking wat het logo inhoudt.

Je kunt in hetzelfde menu ook een zogeheten favicon toevoegen. Dit kleine pictogram verschijnt in het tabblad van de browser. Nuttig voor de herkenbaarheid van jouw website. Klik rechtsboven op het kruisje om de instellingen te sluiten.

Plaats met enkele muisklikken een logo op de website.

Titel en broodtekst

Wie weet wil je jouw website vullen met interessante artikelen en mooie foto’s. We beginnen met het toevoegen van tekst. Ga in het rechterdeelvenster naar Invoegen en kies Tekstvak. Klik achter Normale tekst op het kleine pijltje en kies Titel, Kop of Subkop. Je typt vervolgens de tekst. Gebruik de opties in de werkbalk om onder andere het lettertype en de grootte te wijzigen. Verder verander je eventueel de kleur en voeg je desgewenst een emoticon toe.

Klik achter de zojuist getypte titel en druk op Enter. Je kunt nu naar hartenlust een artikel tikken. Maak belangrijke woorden bijvoorbeeld vet of onderstreep een opvallende zin. Daarnaast voeg je ook makkelijk een opsomming met nummers of opsommingstekens toe. Je maakt de openingspagina op die manier aantrekkelijk voor jouw toekomstige bezoekers.

Boven het tekstvak verschijnt een werkbalk met uiteenlopende opmaakfuncties.

Foto’s toevoegen

Een website met voornamelijk tekst is natuurlijk saai. Voeg daarom ook leuke foto’s toe. Ga naar Invoegen en klik daarna op Afbeeldingen / Uploaden. Je bladert op de computer naar de fotomap. Selecteer één of meer afbeeldingen en bevestig met Openen. Het beeld verschijnt meteen op de website. Je sleept de foto met ingedrukte muisknop eenvoudig naar de beoogde plek. Plaats op die manier bijvoorbeeld drie kiekjes naast elkaar.

Bepaal zelf of je een kleine of grote foto op de website wilt publiceren. Klik eerst op een afbeelding om deze te selecteren. Je past het formaat simpel aan. Doe dat door de blauwe bolletjes te slepen. Als je slechts een gedeelte van de afbeelding wilt gebruiken, maak je een uitsnede. Klik in de werkbalk boven het geselecteerde beeld op het pictogram Afbeelding bijsnijden. Alles wat binnen het fotokader valt, is op de website te zien. Gebruik zo nodig de schuifregelaar om in te zoomen. Sluit de bewerking via het vinkje.

Je kunt ook nog een bijschrift onder de afbeelding plaatsen. Selecteer een foto en klik in de werkbalk op het pictogram met de drie puntjes. Via Bijschrift toevoegen verschijnt er onder de afbeelding een tekstkader. Typ nu een relevante zin.

Google Sites ondersteunt alle gangbare fotoformaten.

Diavoorstelling

Wil je een heleboel foto’s laten zien? Wanneer je tientallen kiekjes aan een pagina toevoegt, wordt het al gauw een rommeltje. Google Sites bevat hiervoor een slimme oplossing. Creëer met een zogeheten afbeeldingscarrousel een soort diavoorstelling van jouw favoriete foto’s.

Ga in het rechterdeelvenster naar het onderdeel Invoegen en scrol zo nodig een stukje omlaag. Kies Afbeeldingscarrousel en klik op Afbeelding toevoegen. Wijs nu via het plusteken en Afbeelding uploaden twee of meer foto’s aan. Zodra je op Openen klikt, verschijnen ze in het overzicht. Wijzig desgewenst de volgorde door een kiekje met ingedrukte muisknop te verplaatsen.

Je kunt nog wat opties van de diavoorstelling wijzigen. Klik rechtsboven op het pictogram van het tandwiel om de instellingen te openen. Beslis of je de diavoorstelling automatisch wilt starten. Je kunt hierbij de snelheid van de presentatie aanpassen. Kies tussen Snel, Medium, Traag en Erg traag. Geef ook aan in hoeverre je bijschriften wilt weergeven. In dat geval voeg je bij elk beeld een tekst toe. Zweef hiervoor boven de foto en klik op de spraakballon. Je kiest nu Bijschrift toevoegen, waarna je de tekst typt. Via Invoegen verschijnt de afbeeldingscarrousel op de webpagina.

Publiceer fraaie afbeeldingen in een diavoorstelling op jouw website.

Contentblok

In de voorgaande tips heb je artikelen en beelden als afzonderlijke blokken aan de website toegevoegd. Het is natuurlijk mooier wanneer tekst en beeld vloeiender in elkaar overlopen. Dat regel je met zogenoemde contentblokken.

Navigeer in het rechterdeelvenster naar het onderdeel Invoegen. Merk op dat er zes verschillende contentblokken beschikbaar zijn. Kies bijvoorbeeld voor een afbeelding met aan de rechterkant een alinea. Hierbij staan tekst en beeld dus naast elkaar. Je kunt als alternatief ook drie plaatjes tonen met daaronder evenzoveel bijpassende teksten. In dat geval kies je voor een lay-out met drie kolommen.

Heb je een geschikt contentblok op het oog? Sleep dat dan met ingedrukte muisknop naar jouw website. De inhoud is nog leeg. Het staat je vrij om een verse foto te selecteren en nieuwe tekst te typen. Bovendien kun je ook een bestaand tekst- en beeldblok naar het contentblok slepen.

Met contentblokken krijgt de webpagina een heel andere indeling.

Overige tekstopties

Google Sites heeft nog meer bruikbare tekstopties in huis. Wil je bijvoorbeeld veel informatie compact presenteren, kies dan bij het onderdeel Invoegen voor Samenvouwbare groep. Typ hierbij eerst een korte kopregel en tik een uitgebreidere uitleg in het hoofdtekstvak. Dit is het gedeelte dat kan ‘uitklappen’.

Voor lange pagina’s is een automatisch gegenereerde inhoudsopgave een goede toevoeging. Als je op Inhoudsopgave klikt, verschijnen alle koppen van de bewuste pagina onder elkaar. Klikt de bezoeker op een kop, dan navigeert diegene direct naar de bijbehorende tekst. Wanneer je op een later moment een kop verandert, wijzigt de inhoudsopgave vanzelf mee.

Met een inhoudsopgave krijgt de webpagina meer structuur.

YouTube-video

Op YouTube is er over bijna ieder onderwerp wel een filmpje te vinden. Je kunt zo’n video desgewenst op je website publiceren. Dit noem je ook wel het embedden van een video. Overigens hoeft deze content niet per se van jezelf te zijn. Je kunt namelijk elk YouTube-filmpje aan jouw website toevoegen.

Ga naar het onderdeel Invoegen en kies YouTube. Mogelijk dien je hiervoor wel een eindje omlaag te scrollen. Je zoekt vanuit Google Sites rechtstreeks op YouTube. Typ één of meerdere trefwoorden en probeer interessant videomateriaal te vinden. Overigens plak je net zo makkelijk een link van een YouTube-video in het invoerveld. Klik op een geschikte video en bevestig rechtsonder met Invoegen.

Het filmpje verschijnt op de webpagina. Aan jou de taak om een geschikte plek te kiezen. Je kunt het videokader naar eigen inzicht verslepen. Pas verder ook de afmetingen van het filmpje aan. Dat werkt op soortgelijke wijze als je eerder met foto’s hebt gedaan. Versleep dus de blauwe bolletjes.

Zoek rechtstreeks in de enorme catalogus van YouTube naar interessante video’s.

Plattegrond

Soms is het nuttig om een plattegrond op de website te plaatsen. Wellicht wil je bijvoorbeeld een routebeschrijving naar een specifiek adres toevoegen. Dankzij een verhelderend kaartje weet de bezoeker precies waar hij of zij terechtkan.

Klik in het onderdeel Invoegen op Kaart. Er komt een nieuw Google Maps-venster tevoorschijn. Zoek naar de locatie waarvan je een plattegrond wilt toevoegen. Je kunt bijvoorbeeld op de naam van een bedrijf of straat zoeken. Google Maps plaatst een rood markeringsteken op het kaartje, maar dat kun je naar eigen inzicht verplaatsen. Tevreden? Publiceer deze plattegrond dan met Selecteren op de webpagina.

Kies welke plattegrond van Google Maps je wilt toevoegen.

Extra webpagina’s

Tot dusver hebben we alleen de beginpagina onder handen genomen. Een website bestaat meestal uit meerdere webpagina’s. Die kun je makkelijk toevoegen. Open in het rechterdeelvenster het onderdeel Pagina’s. Je ziet hier als het goed is de homepage al staan. Zweef met de muisaanwijzer boven het plusteken en kies Nieuwe pagina. Bedenk een relevante naam, waarna je via Klaar deze pagina daadwerkelijk aan de website toevoegt.

Er verschijnt nu een leeg ontwerpvenster. Alleen diverse vaste elementen zijn van de beginpagina overgenomen, zoals de websitetitel, het openingsbeeld en het logo. De paginatitel is al voor je ingevuld, maar die kun je eenvoudig wijzigen. Merk op dat er rechtsboven een menu zichtbaar is. Bezoekers kunnen zo tussen verschillende pagina’s van jouw website navigeren. Vul iedere nieuwe pagina onder meer met tekst-, beeld- en contentblokken zoals je in eerdere tips hebt geleerd.

Voeg aan de website zoveel pagina’s toe als je maar wilt.

Submenu’s

Als je flink wat webpagina’s hebt toegevoegd, wordt het al gauw onoverzichtelijk. Je lost dit euvel op door submenu’s te gebruiken. Klik achter de naam van een pagina op het pictogram met de drie puntjes en kies Subpagina toevoegen. Je geeft deze pagina een naam en bevestigt met Klaar. Merk op dat de subpagina onder de hoofdpagina wordt weergegeven. Bovendien verschijnt er in het navigatiemenu van jouw website nu een pijltje met onderliggende pagina’s. Zorg zo voor een logische navigatiestructuur.

Als je een uitgebreide website maakt, ligt het gebruik van subpagina’s voor de hand.

Thema wijzigen

Met een thema wijzig je in één keer de opmaak van jouw website, zoals het lettertype en de kleuren. Google Sites heeft van zichzelf enkele standaardthema’s in huis. Klik in het rechterdeelvenster op het onderdeel Thema’s en kies onder Gemaakt door Google een van de suggesties. Het uiterlijk wijzigt meteen. Bij ieder thema kun je een kleurtje en letterstijl kiezen.

Je kunt ook zelf een nieuw thema creëren. Daarmee heb je meer invloed op de vormgeving van jouw website. Klik in de rechterbalk onder Custom op het plusteken. Geef het nieuwe thema een naam. Je kunt eventueel een logo en bannerafbeelding (openingsbeeld) toevoegen. Wanneer je dat in een eerdere tip al hebt gedaan, laat je deze opties leeg. Klik op Volgende. Je selecteert een mooi kleurenpalet en klikt wederom op Volgende. Kies nu voor de titels en hoofdtekst een prettig lettertype. Sluit via Thema maken het venster.

De naam van je nieuwe thema verschijnt in het rechterdeelvenster. Je kunt nu allerlei details aanpassen. Klik maar eens op Kleuren en verander de vormgeving van de achtergrond, titels en hoofdtekst. In de overige opties wijzig je onder andere de regelafstand, sitebreedte en positie van het navigatiemenu. Er is zéér veel mogelijk!

Geef jouw website met een (standaard)thema een andere huisstijl.

Publiceren

Ben je helemaal tevreden over jouw website? Hoog tijd om het openbaar te maken! Klik rechtsboven op de blauwe knop Publiceren. Het (gratis) domein begint altijd met https://sites.google.com/view/. Het einde van deze url kun je zelf verzinnen. In ons voorbeeld is de volledige link https://sites.google.com/view/curacao-tips.

Is de websitenaam al bezet, dan geeft Google Sites dat netjes aan. Bedenk in dat geval iets anders. Overigens zijn er ook mogelijkheden om een eigen domeinnaam te koppelen, maar daar zijn kosten aan verbonden. Je dient de beoogde url dan eerst bij een geschikte domeinprovider te kopen. Klik tot slot op Publiceren. Bezoekers kunnen nu je gepubliceerde website bewonderen.

Bepaal onder welk webadres je de website wilt publiceren.