ID.nl logo
Hoe zou iets zich ontwikkelen? Bekijk het met de simulaties van NetLogo
© Faiza
Huis

Hoe zou iets zich ontwikkelen? Bekijk het met de simulaties van NetLogo

Simulaties vormen een onmisbaar gereedschap in de wetenschap, maar ook geïnteresseerde leken kunnen ermee spelen. Dat kan helemaal gratis met NetLogo.

Om de kans ergens op in te schatten,wordt veel gebruikgemaakt van simulaties. Met NetLogo kun je zelf allerlei simulaties kunt bekijken:

  • Hoe zuurstof en waterstof reageren
  • Voorspellingen over virussen
  • Het ontploffen van vuurwerk
  • Het kat-en-muisspel tussen jagers en hun prooien

Een heel ander soort simulatie: Aan de slag met Microsoft Flight Simulator

Een deel van onze wetenschappelijke kennis bestaat uit natuurwetten en die hebben vaak de vorm van formules waar je wat getallen in stopt en waar vervolgens een exact antwoord uit rolt. Helaas zit de wereld vol met processen die te complex zijn om op die manier te benaderen. Soms is dat omdat er te veel elementen een rol spelen en onze formules alleen werken voor eenvoudiger situaties en soms omdat we simpelweg de kennis missen om zulke formules te ontwikkelen. Er zijn daarnaast volop situaties waarin dat zelfs in theorie onmogelijk is.

Om in al die gevallen toch nuttige en bruikbare wetenschap te kunnen bedrijven, wordt veel gebruikgemaakt van simulaties.

Universeel

Voor heel veel simulaties wordt speciale software ontwikkeld. Dat geldt bijvoorbeeld voor de voorspelling van het weer en het klimaat, en het analyseren van verschijnselen in de kosmos die in het echt te langzaam verlopen om goed te kunnen bestuderen (zoals het botsen van melkwegstelsels).

Veel simulaties hebben echter gemeenschappelijke kenmerken en daarom bestaat er ook een universeel systeem waarin je allerlei soorten simulaties kunt maken. Het heet NetLogo en is helemaal gratis.

Er is ook een onlineversie, NetLogo Web, met enigszins beperkte functionaliteit en een desktopversie met volledige functionaliteit en een grotere verwerkingssnelheid.

We richten ons in eerste instantie op de webversie, omdat deze voldoende materiaal biedt voor een kennismaking.

Kennismaking

Wanneer je de webversie hebt gekozen, wordt het programma geopend met een willekeurig voorbeeld. NetLogo Web werkt met programmaatjes (die Models worden genoemd). Om een indruk te krijgen van het systeem openen we Connected Chemistry Gas Combustion. We zijn in eerste instantie niet geïnteresseerd in het doel van het model, maar in het gebruik ervan.

Zoals je links kunt zien, is er een knop genaamd setup. Klik je daarop, dan verschijnen in het zwarte vlak rechts blauwe en witte bolletjes die moleculen zuurstof en waterstof voorstellen.

Links zie je ook de nodige schuifregelaars waarmee je verschillende parameters van de simulatie kunt aanpassen, zoals het aantal moleculen waarmee de simulatie begint. We laten ze even voor wat ze zijn en klikken naast de setup-knop op go/stop. Je ziet nu de moleculen rondzweven, maar verder gebeurt er niets.

Klik je nu links op de knop speed up & trace one molecule, dan krijgt één molecuul waterstof zoveel energie dat het bij een botsing een zuurstofmolecuul kan breken om zich er vervolgens aan te binden en water te vormen. Hierdoor ontstaat zelfs een kettingreactie. Klik op go/stop om de simulatie te stoppen.

De simulatie begint te lopen nadat we op de knop speed up & trace one molecule hebben geklikt.

Werking

Zoals je hebt kunnen zien terwijl de simulatie draaide, verschijnen er ook grafieken voor het aantal moleculen, en de temperatuur en druk van het gasmengsel. Het zal duidelijk zijn dat dit niet kan zonder het nodige programmeerwerk. Programma’s voor de verschillende simulaties zijn toegankelijk. Je vindt ze door omlaag te scrollen en te klikken op NetLogo Code.

Uiteraard kunnen we je in deze workshop onmogelijk de programmeertaal van NetLogo leren. We zullen daarom alleen de nodige voorbeelden bekijken die een goed beeld geven van de veelzijdigheid en werking van het systeem.

Het leren van deze voorbeelden wordt vergemakkelijkt doordat programma’s vaak uitgebreid zijn voorzien van commentaar (de teksten achter ;;) en doordat ze in functionele blokken zijn verdeeld. Klik je op het keuzemenu genaamd Jump to Prcocedure, dan zie je de segmenten van het programma, zoals setup, make-box en make-gas-molecules (waar de begintoestand van de simulatie wordt gemaakt). Hierdoor kun je op zeker moment zelf de gewenste elementen uit bestaande voorbeelden halen en gebruiken als startpunt voor je eigen simulaties. Verderop komen we nog terug op educatief materiaal om NetLogo te leren.

De onderliggende programma’s zijn gestructureerd en overzichtelijk.

Uitleg

Elke simulatie in NetLogo kun je van tekst en uitleg voorzien en deze vind je onder het kopje Model Info. Hier lees je dat dit specifieke model de manier toont waarop zuurstof en waterstof met elkaar reageren in een raketmotor. Ook kun je deze ruimte gebruiken om te beschrijven hoe je het model gebruikt, bijvoorbeeld waar de verschillende schuifregelaars voor dienen (onder het kopje How to use it).

Omdat NetLogo vaak wordt gebruikt voor educatieve doeleinden, bevat dit specifieke model ook de nodige informatie over de achtergrond van het experiment en suggesties voor verder gebruik en uitbreiding ervan (vanaf het kopje Things to notice).

Interactie

Helemaal bovenaan de interface staat achter Search the Models Library een keuzemenu. Klik op het driehoekje van de modellenlijst bovenin en typ in het zoekvak dat daaronder verschijnt het woord lunar. Je ziet nu het model Lunar Lander. Klik erop om het te openen.

Net als bij het eerste voorbeeld zie je een schuifregelaar genaamd model speed. Deze komen we vaker tegen en dient uiteraard om de simulatie te versnellen of vertragen. Versnellen willen we in dit geval zeker niet, want Lunar Lander is een simulatie waarin je het oeroude spelletje Maanlander kunt spelen. Hierin moet je een ruimteschip een zachte landing op de maan laten maken.

Na een klik op setup wordt een willekeurig landschap gegenereerd met een blauw landingsplatform en een rood ruimteschip. Zodra je op go klikt, start de simulatie en begint het schip onder invloed van de zwaartekracht te dalen. Aan jou de taak om met de toetsen J (links), L (rechts) en K (motor) het schip zachtjes op het platform te plaatsen.. Behalve dat je automatisch draaiende simulaties kunt maken, biedt NetLogo dus ook volop interactie.

Een versie van het oude spelletje Maanlander.

Model

Ten tijde van de coronapandemie werden regelmatig voorspellingen gedaan over de verspreiding van het virus. Dergelijke voorspellingen waren gebaseerd op modellen. Een voorbeeld van zo’n model is Virus on a network. Op basis van de eerdere paragrafen weet je inmiddels hoe je dit model kunt vinden, initiëren en uitvoeren.

In dit model raken gezonde mensen (blauwe bolletjes) besmet (rode bolletjes). Er is een kans op herstel (recovery-chance). Als dat gebeurt wordt een bolletje weer blauw. Er is ook een kans dat iemand resistent wordt (gain-resistance-chance, grijze bolletjes). Iemand die resistent is (en dus zelf niet ziek wordt) kan het virus nog wel doorgeven.

Het model is opgebouwd als netwerk omdat zo ook onze leefwereld in elkaar zit: we zijn allemaal onderdeel van overlappende netwerken van familie, vrienden en collega’s.

Het voorspellen van de verspreiding van een virus.

Een virus stoppen?

Daar is zelfs een spelletje over gemaakt

Data

Onder de verschillende schuifjes waarmee je de parameters van het model naar je hand kunt zetten, zie je het venster Network Status. Dit heeft zijn eigen menu (de drie streepjes). Klik je daarop, dan kun je de gemaakte grafiek afdrukken (Print chart) of opslaan in verschillende formaten, zoals Download PNG image.

Beweeg je de cursor over de grafiek, dan zie je de bijbehorende waarden in een pop-up. Deze waarden kun je ook downloaden, zodat je er vervolgens in een programma als Excel verder mee zou kunnen werken. Dat doe je via de menuoptie Download CSV.

Grafieken kun je afdrukken en opslaan. Ook de achterliggende data kun je opslaan.

Complex

Tijdens de coronapandemie (en andere epidemieën) overleden er mensen aan een besmetting. In deze simulatie zou je dat kunnen verwerken door een percentage van de rode bolletjes na een bepaalde tijd te verwijderen. Dat zou de simulatie nog realistischer maken. Er is nog een factor als het gaat om de voorspellende waarde van dit model: virussen muteren en een nieuwe variant brengt nieuwe parameters met zich mee als het gaat om de kans op overleven of resistentie opbouwen. Die parameters ken je echter pas als zo’n nieuwe mutatie al een tijdje rondwaart.

Daarmee zie je ook meteen een tekortkoming van het werken met modellen. Ja, wetenschappers doen hun uiterste best om modellen zo goed mogelijk te maken, maar het blijft een kwestie van het doen van voorspellingen op basis van (soms zeer) onvolledige gegevens.

Overigens vind je tussen de vele voorbeelden in NetLogo ook meer geavanceerde voorbeelden op het gebied van virusverspreiding (zoek op epiDEM).

Logo

In de paragraaf ‘Werking’ hebben we al even onder de motorkap van een model gekeken. Een tweede model waarbij we dat doen is Fireworks. In dit eenvoudige programma wordt het ontploffen van vuurwerk nagebootst. Je speelt zelf met dit model door het weer op te zoeken in het keuzemenu Search the Models Library en te klikken op de inmiddels bekende knoppen setup en go.

Een eenvoudig programma dat het ontploffen van vuurwerk nabootst.

NetLogo is gebaseerd op Logo, een programmeertaal die al in 1967 werd ontwikkeld en die vooral voor educatieve doeleinden is gemaakt. Logo bevat een belangrijke grafische component, de zogeheten turtle-grapics. Het idee daarbij is dat je een schildpad, die is voorzien van een tekenpen, opdrachten geeft voor zijn bewegingen en voor het al dan niet gebruiken van de pen. Instructies worden dan ook gegeven vanuit het perspectief van de schildpad en het idee is dat dat perspectief het voor beginnende programmeurs eenvoudiger maakt om de juiste instructies te bedenken.

Open je het vak NetLogo Code, dan zie je ook meermaals het woord turtles in het programma (bijvoorbeeld op regels 34 en 44). De verschillende blokken die beginnen met to en eindigen met end beschrijven de bewegingen van de schildpadden die staan voor de afgeschoten vuurpijl of voor de vallende en gloeiende fragmenten.

In de programmeertaal (Net)Logo spelen zogeheten turtle-graphics een grote rol.

Lokaal

Telkens wanneer je de lijst met voorbeelden opent, zie je de tekst Grayed out models don’t yet run in NetLogo Web. Met andere woorden: de webversie kan nog niet alles wat de desktopversie kan. Tijd om de desktopversie te bekijken.

Daarvoor keren we terug naar de startpagina van NetLogo en kiezen Desktop App en Download NetLogo. Hierna hoef je niet per se iets in te vullen, maar kun je gewoon op Download klikken. Tot slot kunnen we kiezen uit versies voor Linux, macOS en Windows. Wij kiezen de Windows-versie in 64 bit. Eenmaal gedownload biedt de installatie geen verrassingen.

Als alles geïnstalleerd is en je hebt gekozen voor het maken van bureaubladpictogrammen, dan zie je dat er maar liefst vier zijn aangemaakt (ook te vinden in het Startmenu). Wij kiezen voor NetLogo.

Openen

Via het menu File / Open kun je uiteraard zelfgemaakt modellen openen, maar de meegeleverde voorbeelden vind je – keurig in rubrieken verdeeld – in Models Library. Hier kiezen we Sample Models / System Dynamics / Wolf Sheep Predation (System Dynamics). Dit is een bekend model uit de biologie waarmee het telkens verschuivende evenwicht tussen jagers en prooidieren wordt nagebootst. Dit is tevens een van de modellen die je in de webversie nog niet kunt gebruiken.

Naast een venster met het programma zie je nu ook een venster genaamd System Dynamics Modeller. Dit is een geavanceerde mogelijkheid die alleen de desktopversie biedt en waarin je grafisch allerlei verbanden kunt definiëren. Wanneer je dubbelklikt op een element, dan kun je de waarde bekijken en eventueel aanpassen. Ook vind je in dit venster een tabblad Code met het leeuwendeel van het programma.

Het programmavenster bevat weer de bekende elementen setup en go, en wanneer je die uitvoert, zie je hoe de populaties wolven en schapen veranderen.

Dit venster bevat naast het tabblad Interface (de uitvoer) ook het tabblad Info met uitleg en het tabblad Code met programmacode. Die activeert in dit geval de hoofdmoot van de code in het andere venster.

In de desktopversie kun je op geavanceerde wijze modellen visueel opbouwen.

Widgets

Open in de desktopversie het model Curricular Models / Connected Chemistry Gas Combustion dat we eerder in de webversie bekeken. Daar zagen we – naast de programmacode – ook de verschillende schuifregelaars waarmee we parameters konden wijzigen, grafiekjes waarin waarden worden bijgehouden en natuurlijk het venster waarbinnen de moleculen bewegen. Al deze elementen van een simulatie worden aangeduid met de term Widgets.

In het lint met pictogrammen vind je alle beschikbare widgets wanneer je klikt op het driehoekje achter Button. Met een klik op Add en een klik op de plaats van bestemming kun je een widget toevoegen aan de gebruikersinterface van een programma. Er wordt dan een pop-up geopend waarin je de eigenschappen opgeeft.

Met widgets voeg je elementen toe aan de gebruikersinterface van je programma.

Tot slot

In het menu Help vind je heel veel bronnen waarmee je NetLogo verder kunt verkennen. Onder File / Models Library vind je onder het kopje Code Examples heel veel basisvoorbeelden die speciaal zijn bedoeld om de verschillende aspecten van de NetLogo-taal te leren.

Ben je daarmee eenmaal vertrouwd, dan kun je je op de meer geavanceerde mogelijkheden storten, zoals het zoeken naar specifieke uitkomsten van een simulatie met de losse module BehaviorSearch en 3D-visualisaties met NetLogo3D.

Ga je naar het menu Tools / Extensions, dan zie allerlei reeds geïnstalleerde en beschikbare extensies waarmee je de mogelijkheden nog verder kunt uitbreiden. Zo kun je vanuit NetLogo een Arduino-apparaat aansturen, video’s vastleggen van simulaties en nog veel meer.

Er valt dan ook nog heel wat te ontdekken met dit boeiende gereedschap!

Analyseer simulaties automatisch met BehaviorSearch.
Watch on YouTube
▼ 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.