Een countdown timer op je website

Je kunt heel simpel een countdown timer maken met behulp van een paar formules in Google Sheets.
Deze is vervolgens via een iFrame te embedden in een website of op Google Sites.

Om zo'n counter te maken ga je als volgt te werk:

• Begin met een aanpassing in de spreadsheetinstellingen. Zie de alinea helemaal onderaan dit bericht.
• Plaats in cel A1 de datum en het tijdstip waar naartoe je wilt aftellen in de notatie, bijvoorbeeld:
  15-3-2019 0:00:00 (Noot*)
• Voeg de cellen B1 - D1 samen en zet daarin een titel
• Zet in cel B2: =INTEGER(A1-NU())
• Zet in cel C2: =UUR(A1-NU())
• Zet in cel D2: =MINUUT(A1-NU())
• Zet in cel B3: =ALS(B2>1;"Dagen";"Dag")
• Zet in cel D3: =ALS(C2>1;"Uren";"Uur")
• Zet in cel C3: =ALS(D2>1;"Minuten";"Minuut")
• Als je alles achter elkaar wilt hebben, voeg dan de cellen B4 - D4 samen en zet daarin de volgende formule:
  =INTEGER(A1-NU())&" "&ALS(days(A1;NU())>1;"Dagen";"Dag")&" : "&UUR(A1-NU())&" "&ALS(UUR(A1-NU())>1;"Uren";"Uur")&" : "&MINUUT(A1-NU())&" "&ALS(MINUUT(A1-NU())>1;"Minuten";"Minuut")
• Maak de cellen naar believen op met achtergrondkleur en fontgrootte

Klaar is Kees!
Het resultaat kan er dan uitzien zoals hieronder. Dit is geen plaatje maar embedcode:



*) Wil je aftellen naar een jaarlijks terugkerende gebeurtenis zoals bijvoorbeeld mijn verjaardag, gebruik dan als formule in cel A1: =DATUM(JAAR(VANDAAG());4;5)
Daarbij staat de 4 voor de maand en de vijf voor de dag.

Embedden

Audio embedden in Google Sites

Wat ik de laatste tijd zie is dat Google Sites steeds meer worden gebruikt. Ze bieden dan ook een mooie manier om makkelijk en snel content te publiceren op internet. Wat me wel opvalt is dat er nog weinig met audio gedaan wordt in Google Sites, terwijl geluid prima geïntegreerd kan worden. Voor mij reden genoeg om alle (mij bekende) mogelijkheden eens op een rijtje te zetten...

Volgens mij zijn er zes verschillende manieren om audio te embedden in Google Sites:

• Een audiobestand embedden vanuit Google Drive, zo doe je dat.
• Een map met audiobestanden embedden vanuit Google Drive, zo doe je dat.
• Een audiobestand embedden dat elders op internet beschikbaar is, zo doe je dat.
• Het kan ook met behulp van een beetje JavaScript, zo doe je dat.
• Externe embedcode gebruiken, bijvoorbeeld vanaf Anchor, Clyp, Soundcloud of Spreaker.
• En dan is er nog een "creatieve" manier via YouTube, zo doe je dat.

Je kunt het eigenlijk geen embedden noemen, maar OneDrive van Microsoft biedt embedcode aan waarmee je een link kunt maken naar (geluids)bestanden die je daar hebt staan. Hier zie je dat.

Ik heb alle mogelijkheden even op Audio embedden in Google Sites op een rijtje gezet.
Heb je opmerkingen en/of aanvullingen, dan hoor ik dat graag!

De gemankeerde QR code

Gisteren had ik opeens wat tijd over (de aannemer meldde zich af) en heb me toen verdiept in de "Maak je eigen escaperoom!" module uit de Leerlijn ICT van LearningROCKS, waarin je leert hoe je zelf een virtuele escaperoom kunt maken.

Op zoek naar mogelijke opdrachten vroeg ik me af hoe je een QR code zou kunnen gebruiken. Zo kwam ik op het idee om een QR code te verminken door er wat vierkantjes uit te halen met de opdracht om via de aangegeven coördinaten deze weer te vullen, zodat de code gescand kan worden. Het resultaat is dan natuurlijk een aanwijzing waarmee je weer verder komt.
Ik heb eerst een Google Sheet gemaakt die ik kan gebruiken als basis voor het vullen en daarna weer verwijderen van een aantal blokken. (Klik hier voor een kopie)
Voor het genereren van een QR code gebruik ik mijn eigen tool.

De werkwijze is dan verder heel simpel:

HTML5 audioplayer voor Google Sites

Eerder schreef ik al over de mogelijkheid om audiobestanden op te slaan op Google Sites. Zou het dan ook niet logisch zijn dat je die bestanden gewoon op Google Sites kunt afspelen? Zo maar wat scriptcode embedden op een Google Site is er helaas niet bij. Je moet gebruikmaken van Google Gadgets. De meeste gadgets die ik vond om audio af te spelen maken echter gebruik van Flash. Dat wil ik niet, want ik vind dat een en ander ook op tablets af te spelen moet zijn. Dus ben ik op zoek gegaan naar een gadget die aan al mijn wensen zou voldoen. Ik heb er een gevonden en die voor het gemak vertaald naar het Nederlands. Met een klein beetje kennis van scripting zijn gadgets namelijk ook zelf te maken en aan te passen.

Nieuwsbrieven met Google Sites

Update 21-6-2016
Let op:
Ik krijg een melding van een lezer dat de hier beschreven routine niet meer werkt. Helaas kan ik hier geen ondersteuning op aanbieden.
Daarnaast komt er binnen afzienbare tijd een volledig nieuwe versie van Google Sites uit!

---

Met behulp van Google Forms, Google Spreadsheets, Google Apps Scripts en Google Sites is het mogelijk om nieuwsbrieven te versturen waarbij de inhoud van de nieuwsbrief gehaald wordt uit een Google Site pagina.
Belangstellenden kunnen zich abonneren via een Google formulier, waarbij ze alleen maar hun naam en e-mail adres hoeven in te vullen. Ook is er plaats voor eventuele opmerkingen. Van deze aanmelding krijgen invuller en aanbieder automatisch een afschrift.

Als aanbieder maak je op een Google Site een pagina met nieuwsitems. Daarbij kan gebruik gemaakt worden van kolommen, plaatjes en andere opmaakelementen (in HTML), zoals verschillende fonts en kleuren. Het voordeel hiervan is dat de nieuwsbrief in precies dezelfde layout als op de Google Site binnenkomt.

Op het moment dat de nieuwsbrief verzonden moet worden hoef je in de spreadsheet met e-mailgegevens maar op één knop te drukken (na wat configuratie natuurlijk) en alle nieuwsbrieven gaan gepersonaliseerd de deur uit!

Eenvoudig?

Het klinkt heel eenvoudig en dat is het uiteindelijk ook, maar toch heb ik er nogal wat voor moeten puzzelen om het allemaal draaiend te krijgen. Door kant-en-klaar materiaal aan te bieden wil ik jullie dat werk nu uit handen nemen.

Zelfstudie!

Via Google Apps Script kwam ik diverse mooie scripts tegen die allemaal voor een deel deden wat ik wilde. Met een hoop gepuzzel heb ik alles nu bij elkaar gebracht en kan het via één spreadsheet aanbieden. Wat ik me daarbij realiseerde is dat je ontzettend veel kunt leren door zelfstudie, puur door gebruik te maken van alles wat online aangeboden en gedeeld wordt.

De uitleg is te uitgebreid om hier in z'n geheel in een blogpost te plaatsen, dus iedereen die echt geïnteresseerd is wil ik graag verwijzen naar de Google Site Nieuwsbriefmodule die ik voor deze gelegenheid heb aangemaakt. Je vindt daar een (naar ik hoop) duidelijke instructie en stappenplan. Ook vertel ik iets meer over de achterliggende techniek en je kunt je zelfs aanmelden voor een demo nieuwsbrief!

Natuurlijk weet ik dat er prima alternatieven zijn in de vorm van bijvoorbeeld MailChimp waar je makkelijk, snel en gratis nieuwsbrieven kunt aanmaken, maar alles zelf in de hand hebben heeft ook wel wat. Verder kan dit een mooie oplossing zijn voor iedereen die al gewend is te werken met Google Sites, bijvoorbeeld voor de website van een school.

Maak je eigen woordenzoeker

Met een Google account heb je automatisch ook de beschikking over Google spreadsheets. Daarmee kun je dankzij beschikbare gadgets heel makkelijke allerlei dingen maken, zoals een Word Cloud, spider charts en zelfs QR codes (bron).
Maar er zijn ook educatieve toepassingen zoals Flash Cards, woorden raden en een woordenzoeker (bron).
Met behulp van deze uitleg is het maken van zo'n woordenzoeker heel eenvoudig.
Maak een lijst met woorden, haal de juiste gadget op, pas de instellingen aan en klaar ben je!
Zo'n gadget kan je vervolgens publiceren op je weblog of de schoolwebsite. De namen van de kinderen uit de klas, woordjes die geleerd moeten worden of begrippen uit een opdracht, verzin het maar! De gadget is interactief: je kunt met de muis de letters van een woord selecteren en dan wordt het gevonden woord geel en doorgestreept.
Probeer maar uit:


Iedere keer als je de pagina laadt wordt er een nieuwe woordenzoeker gegenereerd. Bij elkaar afkijken heeft dus geen zin. Je kunt er ook een heleboel uitprinten en meenemen op vakantie natuurlijk...