ID.nl logo
In gesprek over Home Assistant: Slim huis zonder overbodige cloud
© Reshift Digital
Zekerheid & gemak

In gesprek over Home Assistant: Slim huis zonder overbodige cloud

Wil je de controle over je huishoudelijke apparaten niet zomaar overdragen aan Big Tech? Home Assistant houdt je data zoveel mogelijk uit de cloud en fungeert als tolk tussen bijna 1800 verschillende apparaten en ecosystemen. We spraken de makers er achter.

Veel slimme apparaten werken door een koppeling met de cloud, in beheer bij de aanbieder van het product. Doordat deze bedrijven jouw huishoudelijke mededelingen in hun eigen cloud afhandelen, zwiep je een schat aan persoonlijke data het internet op. God weet wat Big Tech er vervolgens mee doet. Je zou dan ook kunnen uitwijken naar een opensource-thuisautomatiseringssysteem als Home Assistant. 

Dat heeft als uitgangspunt om gebruikersdata zoveel mogelijk uit de cloud te houden. Tegelijkertijd fungeert het als tolk tussen bijna 1800 verschillende apparaten en ecosystemen. Daardoor ontstaat een keur aan gebruiksmogelijkheden.

Geschiedenis van Home Assistant

De eerste regels Home Assistant-code werden in september 2013 geschreven door Paulus Schoutsen, ook wel bekend als Balloob. Hij was na een studie bedrijfsinformatica aan de TU Twente naar Californië verhuisd om er stage te lopen bij het San Diego Supercomputer Center. 

“Ik woonde in een studentenhuis en kocht ik een paar Philips Hue-lampen.” Paulus schreef een klein scriptje in Python, om ervoor te zorgen dat de lampen bij zonsondergang automatisch aangingen. “Zo kwamen er steeds meer nieuwe functionaliteiten bij.”

In oktober 2013 zette Paulus zijn code op GitHub. Ook begon hij in het home automation forum van Reddit voorzichtig reclame te maken. “Als mensen daar vroegen hoe ze het moesten aanpakken, dan zei ik: met Home Assistant heb ik het zo opgelost. Zo ontdekten steeds meer mensen dat je met Home Assistant elegantere oplossingen kon vinden dan met off-the-shelf-producten.” 

Toen Paulus eind 2013 met Material Design een strakke interface bouwde, haalde Home Assistant zelfs de voorpagina van Hacker News. Dat betekende een doorbraak. Hij werkte intussen aan het opbouwen van een hechte opensource-gemeenschap. Laagdrempelige online communicatie was daarbij extreem belangrijk, zo realiseerde hij zich. 

©PXimport

“Ontwikkelaars vinden het soms lastig om bijvoorbeeld onderhoudsissues aan te kaarten, uit angst dat het misschien aan hen ligt.” Dus zette hij een mailinglijst op, een chatgroep en een forum. Toen op een dag iemand anders dan Paulus antwoord gaf op een gebruikersvraag, voelde dat als een mijlpaal.

Levendige gemeenschap

Jaarlijks sleutelen inmiddels meer dan achtduizend ontwikkelaars in samenspraak aan nieuwe features. Die samenwerking zorgt regelmatig voor een trein aan leuke nieuwe ideeën. Een voorbeeldje. In september vorig jaar werd de iOS app voor Home Assistant overgezet naar MacOS – door ontwikkelaar Zac West uit San Francisco, in zijn vrije tijd. Dat zag er niet alleen fraaier uit dan een bedieningspaneel in de browser, maar Zac maakte van de gelegenheid gebruik om wat extra functionaliteit in te bouwen. 

De Home Assistant Companion for macOS kan voortaan ook enkele Mac-statusdata doorgeven. Sindsdien kun je vanuit Home Assistant bijvoorbeeld signaleren of de camera of microfoon actief is, de batterij van je MacBook bijna leeg is, of de computer in slaap is gevallen. Deze ‘binary_sensors’ kun je als trigger gebruiken voor handige automatiseringen. 

©PXimport

Franck – alias Frenck – Nijhof gaf van zo’n automatisering in een introductievideo meteen een mooi voorbeeld: hij liet zien hoe, wanneer de camera op zijn Mac aanging, automatisch een ledpaneel aanfloepte boven zijn scherm, zodat hij er bij videocalls automatisch goed belicht bij zat. In de opmerkingen onder de introductieblog werd volop gefilosofeerd over andere gebruiksmogelijkheden.

Zo zou je via Home Assistant ook volledig geautomatiseerd een waarschuwingslicht boven de deur van je kamer kunnen laten aangaan – een beetje zoals een lampje bij een opnamestudio – op hetzelfde moment dat je videocall start.

Autodiscovery

Home Assistant is van oorsprong vooral populair in kringen van ontwikkelaars en fanatieke home automation-hobbyisten, die met alle liefde al hun vrije tijd opofferen voor het tweaken van hun systemen en het delen van hun ervaringen op online fora.

Toch was oprichter Paulus zich al in een vroeg stadium bewust van het belang van gebruiksgemak. Al enkele maanden nadat hij in 2013 de eerste regels Pythoncode schreef, voegde hij een ‘Autodiscovery’ feature toe. Daardoor scant Home Assistant meteen na installatie het netwerk op slimme apparaten en configureert die op verzoek om samen te werken met Home Assistant. 

Ook de ontwikkeling van een besturingssysteem door de Zwitser Pascal Vizeli in 2017 betekende een doorbraak. Vanaf toen konden gebruikers dankzij Home Assistant OS een Raspberry Pi in een paar stappen omtoveren tot een huisserver.

Home Assistant-blueprints

Omdat het voor veel ‘gewone’ gebruikers een stap te ver gaat om een image naar een microSD-kaartje te uploaden en vervolgens een Raspberry Pi te configureren, presenteerde Home Assistant in december 2020 het eerste hardwareproject. Home Assistant Blue is een strak gelakte blauw aluminium home automation hub, die van gebruikers alleen vraagt om de stroom- en internetkabel aan te sluiten.

 Nadat ze Blue aanzetten en Autodiscovery zijn werk heeft gedaan, kunnen ze de status van hun slimme apparaten in een dashboard zien en bedienen vanaf hun telefoon of computer. Daarnaast kunnen gebruikers ‘Blueprints’ importeren en configureren. Daarmee kunnen ze ervoor zorgen dat in reactie op bepaalde triggers (er komt iemand thuis) en onder omstandigheden (de zon is onder) bepaalde acties worden uitgevoerd (de thermostaat gaat omhoog en de lichten gaan aan).

©PXimport

Omdat Home Assistant bleef groeien, en het modereren van die gezamenlijke ontwikkelexplosie inmiddels meer dan een dagtaak was, richtte Paulus in 2018 samen met Pascal een bedrijf op: Nabu Casa. Dat telt inmiddels acht medewerkers over de hele wereld, onder wie Franck. Een andere Nederlandse (front-end-)ontwikkelaar is Bram Kragten. 

Om het bedrijf levensvatbaar te maken zochten Paulus en Pascal naar een inkomstenmodel. Het was daarbij voor hen uit den boze om Home Assistant gebundeld te verkopen als softwarepakket. Daarom besloten de oprichters tot het ontwikkelen van een nieuw product: de Home Assistant Cloud. Voor vijf dollar per maand hebben gebruikers met de Home Assistant Cloud ook op afstand toegang ertoe. 

©PXimport

Franck: “Gebruikers kunnen dat ook al zelf regelen, maar dat vereist aardig wat technische kennis en vaardigheid.” Nu verzorgt de Home Assistant Cloud dit hele proces op een veilige en privacyvriendelijke manier. Zo worden datapakketjes tussen app en hub versleuteld verzonden, gedurende de volledige route. Met een abonnement op de Home Assistant Cloud ondersteunen gebruikers bovendien het achterliggende opensource-project.

De Home Assistant Cloud maakt het ook mogelijk om apparaten alsnog te koppelen aan Google Assistant en Amazon Alexa, zodat die via spraak bedienbaar worden en opduiken in de bijbehorende apps. Dat betekent dan wel dat Big Tech alsnog mee kan kijken en luisteren in je huis. Ideaal is dat natuurlijk niet. Paulus ziet wel hoopgevende tendensen, zoals de ontwikkeling van een open standaard die is gebaseerd op het internetprotocol (IP). 

Met Connected Home over IP (CHIP) kunnen slimme apparaten, mobiele apps en clouddiensten als het goed is in de toekomst eenvoudiger met elkaar communiceren. Ook krijgen consumenten dan minder te maken krijgen met incompatibele producten. In de projectgroep voor CHIP zitten grote namen als Amazon, Apple, Google, de Zigbee Alliance, IKEA, NXP Semiconductors en Samsung.

Meer lokale API’s onder druk van consumenten

Tegelijkertijd probeert het team van Nabu Casa ervoor te zorgen dat het consumentenbewustzijn groeit over de manier waarop producenten van slimme apparaten hun geld verdienen. “Als je een wifi-lamp koopt voor 8 euro, dan kun je er zeker van zijn dat ofwel jouw gebruiksgegevens online verkocht worden aan de hoogste bieder, of dat die lamp over een paar jaar niet meer ondersteund wordt.” 

Ook stimuleert Home Assistant gebruikers om bij fabrikanten aan te dringen op lokale ondersteuning. Dat ondervond bijvoorbeeld TP-Link. Tot november 2020 werkten hun slimme schakelaars lokaal. In november 2020 rolde TP-Link een firmware-update uit die deze mogelijkheid uitzette, omdat die onveilig zou zijn.

“Gebruikers werden gedwongen hun schakelaars voortaan te bedienen vanuit de TP-Link-cloud, terwijl ze juist bewust voor dit merk gekozen hadden vanwege de lokale integratiemogelijkheden.” Een week en veel boze reacties later, bood TP-Link gebruikers de mogelijkheid om de firmware-update terug te draaien.

Om consumenten te helpen bij het selecteren van apparaten met een lokale API, toont de website van Home Assistant inmiddels van elk apparaat duidelijk hoe deze een verbinding legt met Home Assistant. “Het zou mooi zijn als gebruikers dat aspect meer mee gaan laten wegen bij de aanschaf van slimme apparaten. Hun stem en hun aankoopgedrag kunnen ervoor zorgen dat meer bedrijven gaan inzien dat het belangrijk is om lokale connectiviteit voor hun apparaten te ondersteunen.”

Zelf proberen

Op de Home Assistant website vind je uitgebreide documentatie over de installatie en configuratie van Home Assistant en over het automatiseren van je huis met dit platform. Ook bevat de website een eenvoudig doorzoekbare database van apparaten en platformen waarmee Home Assistant kan worden geïntegreerd, lokaal en/of in de cloud. Dat zijn er momenteel bijna 1800. 

Nabu Casa werd in 2018 opgericht door Home Assistant-oprichter Paulus Schoutsen en Pascal Vizeli, de maker van Home Assistant OS. Binnen Nabu Casa werken zij samen met acht medewerkers aan een Home Assistant Cloud, een privacyvriendelijk cloudalternatief. Daarnaast is Nabu Casa de hoofdsponsor van opensourceproject Home Assistant. 

Op Reddit delen gebruikers regelmatig interessante toepassingen van Home Assistant. En door ‘Blueprints’ te importeren en te configureren, kun je er relatief eenvoudig voor zorgen dat de apparaten in je huis samen gaan werken om jouw leven gemakkelijker of leuker te maken. 

©PXimport

In het volgende voorbeeld willen we graag onze IKEA-afstandsbediening voor slimme lampen aansluiten op Home Assistant, zodat we kunnen bepalen wat er met de lichten gebeurt als we de knoppen van deze afstandsbediening indrukken. 

Om te onderzoeken of er al Blueprints bestaan voor deze afstandsbediening, gaan we naar het forum op https://community.home-assistant.io en klikken op Blueprints Exchange. Er verschijnt een doorzoekbare pagina met alle beschikbare Blueprints. In het zoekvenster rechtsboven vullen we de naam in van de IKEA-afstandsbediening (Trådfri). We kunnen kiezen uit een aantal verschillende Blueprints.

We selecteren deCONZ - IKEA five button remote for lights. Nu verschijnt er een beschrijving van de Blueprint. We zien dat de Blueprint is gedeeld door Bram Kragten. Omdat hij zo vriendelijk is geweest om dit YAML-script als Blueprint beschikbaar te maken, hoeven we zelf geen code meer te schrijven.

Hij vertel op deze pagina exact wat de Blueprint doet. Ook gunt hij ons een kijkje op de achterliggende code. Als ons bevalt wat we lezen, klikken we op de lichtblauwe knop Import Blueprint en daarna op Open Link. Daarna drukken we in het pop-up-venster op Bekijk Blueprint en vervolgens op Blueprint importeren.

De Blueprint is nu toegevoegd aan het Blueprint overzichtsscherm in onze eigen Home Assistant-installatie. Om de blueprint te gebruiken, klikken we op Automatisering maken. De automation-editor verschijnt. Daarin valt te lezen dat de middelste knop al voorgeprogrammeerd is (aan-uitknop), net als de bovenste en onderste knop (dimmen). We kunnen wel zelf bepalen wat er moet gebeuren bij het kort of lang indrukken van de rechter- en linkerknop. Daarvoor hoeven we alleen maar te klikken op Add Action.

Nu weet je dat een slim huishouden ook mogelijk is zonder alles van jezelf bloot te geven aan grote techbedrijven. Welke projecten had je zelf in gedachten?

Tekst: Jolein de Rooij

▼ 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.