Digital signage … makkelijk en goedkoop met Screenly

In steeds meer scholen wordt gebruik gemaakt van grote schermen om leerkrachten en leerlingen te informeren. Er bestaan (dure) commerciële oplossingen en heel wat gratis alternatieven. In deze post leg ik je uit hoe je eenvoudig en goedkoop een goed werkend systeem kan uitbouwen. Ik maak daarvoor gebruik van een Raspberry Pi 3 mod B+ en de open source versie van Screenly.

Naast de Raspberry Pi zelf kocht ik een beschermende behuizing, een bijpassende voeding en een MicroSD kaartje bij Kiwi Electronics voor net geen 70 euro. Uiteraard heb je een scherm nodig met HDMI ingang en een HDMI kabel.

Werkwijze

  • Download Screenly OSE, dit is eigenlijk het OS Raspbian Lite waarop Screenly al is geïnstalleerd.
  • Download en installeer het programma Etcher, daarmee kan je Screenly OSE op de MicroSD kaart plaatsen.
  • Plaats de MicroSD kaart in je computer, gebruik eventueel een externe kaartlezer.
  • Start Etcher. Kies uiterst links de image (Screenly OSE) die je net hebt gedownload, centraal kies je de MicroSD kaart die je net in je computer plaatste. Klik tenslotte op “Flash!”. (zie schermafbeelding hieronder)

Het flashen kan een tijdje duren, na verloop van tijd krijg je een nieuw scherm met de duidelijke vermelding “Flash complete!”.

  • Plaats de MicroSD kaart in de Raspberry Pi en sluit de voeding aan.

Configuratie van het (draadloos) netwerk

  • Als Screenly OSE er niet in slaagt om een netwerkverbinding op te zetten (bv. omdat er geen Ethernet kabel werd aangesloten) zal het zelf een draadloze hotspot aanmaken waarmee je kan verbinden om het netwerk te configureren.  Je krijgt het volgende scherm te zien.

  • Maak verbinding met de hotspot (SSID), meld je aan met het opgegeven wachtwoord (Password) en surf vervolgens naar http://screenly.io/wifi. Je krijgt onderstaand scherm te zien.

  • Kies het (echte) draadloos netwerk waarmee Screenly verbinding moet maken én geef indien nodig het juiste wachtwoord op. Klik tenslotte op “Connect”.
  • Als Screenly erin geslaagd is om verbinding te maken met een (draadloos) netwerk krijg je het volgende scherm te zien …

Configuratie van Screenly

  • Van zodra Screenly verbinding heeft met een netwerk (door een UTP kabel in te pluggen of door een draadloos netwerk te configureren) krijg je onderstaand scherm (kort) te zien.

  • Surf (vanop een computer die met hetzelfde netwerk is verbonden) naar de opgegeven URL om Screenly te configureren.
  • In het configuratiescherm dat verschijnt zie je wat er op het scherm getoond wordt, dit zijn de zogenaamde “Assets”.  Je kan de assets wijzigen, verwijderen en nieuwe assets toevoegen.


Asset toevoegen

  • Klik bovenaan rechts op de knop “Add Asset”.
  • Je hebt de keuze tussen het uploaden van bestanden (bv. een Jpeg-bestand) of het intikken van een URL.
  • Klik op “Save”.
  • De asset is standaard niet actief, klik op het “On/Off” knopje om de asset te activeren.

Interessante asset: Google presentaties

Hoewel het uploaden van assets niet moeilijk is, is het misschien wat omslachtig, zeker voor niet IT’ers.  Door te werken met Google presentaties kan je bepalen wat er op het scherm komt vanuit dit pakket ipv het configuratiescherm van Screenly OSE.

  • Maak een Google-account aan als je die nog niet zou hebben.
  • Maak een nieuwe presentatie aan met Google Presentaties (https://docs.google.com/presentation/u/0/)
  • Klik op “Bestand” => “Publiceren op Internet”.
  • Bepaal hoe lang een slide op het scherm moet blijven staan, vink de aankruisvakjes bij “Diavoorstelling starten zodra de speler is geladen” en “De diavoorstelling opnieuw starten na de laatste dia” aan.
  • Klik op “Publiceren”, bevestig met “Ja”.
  • Kopieer de hyperlink die je te zien krijgt en voeg die toe als een nieuwe asset in het configuratiescherm van Screenly.
  • Configureer de tijdsduur (zie volgend rubriekje) voldoende ruim (bv. 600 seconden). Na die tijdsduur wordt de presentatie door Screenly opnieuw gedownload en wijzigingen die je aanbracht worden vanaf dan getoond op het scherm.

Asset wijzigen (tijdsduur instellen)

  • Klik op het potloodje naast een bestaand asset.
  • De asset zelf (afbeeldingen of URL) kan je niet wijzigen, wel vanaf welke datum tot welke datum die asset moet getoond worden op het scherm én hoe lang (in seconden) de asset op het scherm moet blijven staan alvorens de volgende asset wordt getoond. (duration). Wanneer de laatste asset in het lijstje is getoond wordt gewoon weer de eerste asset getoond.

Gevorderde configuratie – het configuratiescherm beschermen

Het is je misschien niet direct opgevallen maar het configuratiescherm van Screenly is niet beschermd. Elke leerling kan dus de configuratie van je scherm wijzigen en zo dus bepalen wat er op dat scherm verschijnt.

  • Hang een klavier aan je Raspberry en tik CTRL+ALT+F1. Er verschijnt een klassieke Linux-console.
    • Meld je aan met gebruikersnaam “pi” en wachtwoord “raspberry” (opgelet: QWERTY klavier!)
  • Naviveer naar de map “~/.screenly/” (commando: cd ~/.screenly).
  • Wijzig het bestandje “screenly.conf” (commando: pico screenly.conf)
  • Helemaal onderaan het bestand onder de rubriek “[auth]” vind je de parameters “user=” and “password=”. Tik de gewenste gebruikersnaam en wachtwoord in.
  • Verlaat de teksteditor en sla je wijzigingen op. (commando: CTRL+X, bevestig met Y + enter.

Bij het openen van het configuratiescherm wordt nu een gebruikersnaam en wachtwoord gevraagd. Voor het geval de Raspberry op een plaats ligt waar leerlingen er makkelijk bij kunnen is het ook een goed idee om de console user (pi/raspberry) een aangepast wachtwoord te geven.

  • Tik het commando “passwd” in.
  • Geef het oude wachtwoord in en vervolgens 2x een nieuw wachtwoord.

Gevorderde configuratie – een vast IP-adres instellen

Standaard zal Screenly gebruik maken van DHCP op alle interfaces (wifi en bekabeld).  Als je je toestel een welbepaald IP-adres wil geven en/of een aangepaste gateway of dns server … dan kan dat.

  • Hang een klavier aan je Raspberry en tik CTRL+ALT+F1. Er verschijnt een klassieke Linux-console.
    • Meld je aan met gebruikersnaam “pi” en wachtwoord “raspberry” (opgelet: QWERTY klavier!)
  • Open de netwerkmanager (commando: nmtui).
  • Kies “Edit a connection”.
  • Kies uit één van de twee netwerkverbindingen (bekabeld of draadloos).
  • Kies bij “IPv4 configuration” voor “Manual” en klik daarnaast op “Show”. Vul het gewenste IP-adres, subnetmasker, gateway en dns-servers in.

Vragen en opmerkingen zijn uiteraard steeds welkom.

Meervoudige kopnummering in HTML

Een artikeltje enkel voor de geeks onder ons 😉 Een van de dingen die ik heel erg praktisch vind in Microsoft Word is de mogelijkheid een meervoudige nummering te voorzien bij de verschillende titels. Daardoor kan je hoofdstukken en onderdelen ervan zoveel verplaatsen, invoegen, verwijderen als je wil, de nummering van de titels past zich automatisch aan. Het is iets wat ik miste bij het opmaken van webpagina’s maar wat blijkt … ik hoef dit helemaal niet te missen het kan en eigenlijk al vrij lang.

Het toverwoord is “counters” in CSS. De code hieronder is uitgebreid gedocumenteerd maar wie nog vragen heeft kan zeker bij mij terecht.

Met dit stukje test-code …

krijgen we dit resultaat …

 

Streaming video downloaden met Youtube-DLG

In een vorig artikel vertelde ik over DASH, een technologie die meer en meer gebruikt wordt om video over het internet aan te bieden. Onder meer de openbare omroep (canvas.be en vrt.nu) maakt er gretig gebruik van.

Deze technologie is gebaseerd op een manifest file waarin precies beschreven staat waar de data staat die samen ‘de video’ vormt.  Die data bestaat uit allemaal kleine stukjes film en kleine stukjes audio.  Wil je de video graag offline opslaan dan komt het er dus op neer om al die stukjes video en audio te verzamelen en die op de juiste manier aan elkaar te plakken.

Om dit te doen bestaat het gratis programma “Youtube-DLG”.  Hoewel de naam doet vermoeden dat je er vooral YouTube filmpjes mee kan downloaden kan je er ook heel wat andere video’s mee downloaden.

Voor je het programma kan gebruiken moet je het eerst downloaden en installeren en dat doe je zo:

  • Download het programma hier.
  • Het bestand dat je net hebt gedownload is een ZIP bestand. Dubbelklik erop om het te openen. Het bevat slechts één bestand nl. “youtubedlg-0.4.exe”. Dubbelklik hierop om de installatiewizard te starten.
  • Misschien krijg je een waarschuwing met de vraag of je zeker bent dat dit programma op je computer mag geïnstalleerd worden. Klik in dat geval op “Ja”.
  • Kies de taal waarin je het programma wil installeren, English is de meest voor de hand liggende keuze.
  • Klik op “Next”.
  • Aanvaard de voorwaarden “I accept the agreement” en klik op “Next >”
  • Kies de plek waar je het programma wil installeren, de voorgestelde plek is zeker goed. Klik op “Next >”.
  • Klik nog twee maal op “Next > ” en tenslotte op “Install”.

Na de installatie vind je het programma terug in het startmenu.

Het programma heeft een eenvoudige gebruikersinterface. Bovenaan het scherm plak je de link naar het filmpje dat je wil downloaden. Je hebt hier ongeveer 2 mogelijkheden:

  • YouTube filmpje: de link die je in de adresbalk van je browser vindt.
  • Ander filmpje: de MPD file die je bekomt zoals uitgelegd in deze blogpost.

Je kan één of meerdere links tegelijk in het venster ingeven, daarna klik je op de knop “Download”.  Onderaan het scherm zie je dan (per link) de voortgang van de download.  

Hoewel de tool standaard gewoon doet wat je van zo’n tool kan verwachten (video’s downloaden) kan je met de knop “Options” nog een en ander bijsturen.

De belangrijkste instelling (volgens mij) is de plek waar de video’s moeten opgeslagen worden op je computer.  Dit vind je in het eerste tabblad nl. “General”.

 

 

 

Vragen of problemen? Neem gerust contact met mij op!

AutoDraw

Iedereen heeft wel eens een lesje “Microsoft Paint” gekregen. De lessen waarin je naar hartenlust kon bewijzen dat tekenen met een computermuis allesbehalve evident is.  Of misschien heb je ooit al Pictionary gespeeld met je smartphone of tablet als tekenblok?  Mooie resultaten zijn ook dan enkel weggelegd voor echte artiesten.

Met de online tool AutoDraw van Google kan iedereen vanaf nu tekenen.  De tool probeert namelijk te achterhalen wat je wil tekenen én stelt dan voor om een handje te helpen. Zo zie je links mijn poging tot … en rechts wat AutoDraw ervan gemaakt heeft.

AutoDraw kan je zowel op PC, Mac als op tablets en smartphones gebruiken.  Een mooi voorbeeld van artificiële intelligentie!

Beveilig de toegang tot je Twitter account beter

In een vorige blogpost had ik het over “two-factor authentication”, een manier om de toegang tot je verschillende online diensten beter af te schermen. In deze blogpost leg ik je uit wat de mogelijkheden zijn bij Twitter.  Bij Twitter kan je “inlogverificatie” inschakelen: dit wil zeggen dat je behalve je gebruikersnaam en wachtwoord ELKE KEER een code moet intikken als je wil inloggen op Twitter. Die code wordt door Twitter naar je GSM gestuurd per SMS en is slechts éénmalig geldig. Deze dienst is volledig gratis.

Hoe ga je te werk?

  1. Meld je aan op http://www.twitter.com met je Twitter gebruikersnaam en wachtwoord.
  2. Klik rechtsbovenaan op je profielfoto en in het menu dat verschijnt kies je “Instellingen”.
  3. Links in het menu kies je “Beveiliging & privacy”.
  4. Net onder de kop “Beveiliging” zet je het aankruisvakje bij “Inlogverificatieverzoeken” aan. Mocht je ooit inlogverificatie willen uitschakelen, volstaat het om dit vinkje terug uit te schakelen.
    twitter1
  5. Er verschijnt een venster waarin gemeld wordt dat Twitter je een tekstbericht (SMS) zal sturen. Klik op “OK, stuur me een bericht”.
    twitter2
  6. Er verschijnt een nieuw venster waarin wordt gevraagd of je een testbericht (SMS) hebt ontvangen. Enkel als dat het geval is mag je nu op “Ja” klikken.  Indien je géén SMS van Twitter hebt ontvangen dan is er iets fout, misschien is je GSM nummer niet juist ingesteld of kan Twitter geen SMS’en sturen naar jouw GSM.  Klik dan in géén geval op “Ja”.
    Twitter3
  7. Omdat “inlogverificatie” aanzetten een ingrijpende wijzigingen is in je account moet je je Twitter wachtwoord invullen ter bevestiging en klikken op de knop “Wijzigingen opslaan”.
    Twitter4
  8. Inlogverificatie is nu actief! Van zodra je ergens probeert aan te melden op Twitter zal je naast je gebruikersnaam en wachtwoord ALTIJD een code moeten ingeven die je door Twitter wordt doorgestuurd via SMS. De code die je per SMS ontvangt is slechts éénmalig bruikbaar! Heb je je GSM niet bij de hand of erger … is hij gestolen dan kan je op géén enkele manier meer inloggen op Twitter!! Tenzij … je een back-up code hebt. Klik op de knop “Back-upcode ontvangen”. 
    twitter5
  9. Er verschijnt een nieuw dialoogvenster met daarin een code van +/- 12 karakters. Bewaar de code op een veilig plek. Je kan ze gebruiken wanneer je wil aanmelden en geen toegang hebt tot je GSM.  Ook deze code is slechts éénmalig bruikbaar.  Dat is net genoeg om “inlogverificatie” terug uit te schakelen in afwachting dat je terug toegang hebt tot je GSM.
    twitter6

Inlogverificatie is nu actief en elke keer je probeert aan te melden op Twitter (ongeacht of je nu Twitter.Com of Tweetdeck.Twitter.Com gebruikt) krijg je een scherm zoals hieronder. Tegelijk ontvang je een SMS bericht van Twitter met daarin een code. Vul de code in op de daarvoor voorziene plaats en klik op “Verzenden” om aan te melden.   Heb je de SMS code niet ontvangen klik dan op de knop “een opgeslagen back-upcode gebruiken” en neem de code bij de hand die je eerder hebt aangemaakt.
twitter8

Heb je vragen, problemen of opmerkingen? Contacteer mij gerust!

Office Lens: Must have app voor je smartphone

Office Lens - Stap 1In mijn lessen gebruik ik vaak artikel(tje)s uit tijdschriften en kranten. Je zag me dan ook wekelijks sukkelen met onhandige krantenformaten bij de scanner. Daarna nog wat sukkelen in een fotobewerkingsprogramma om de andere artikelen weg te knippen, de strijd met het OCR pakket had ik jaren geleden al opgegeven.

Gelukkig is dat dankzij Office Lens allemaal definitief verleden tijd.  Office Lens is een GRATIS app die zowel beschikbaar is voor iOS, Android als uiteraard voor Windows.  Met deze app kan je eenvoudig artikels inscannen, ongeacht of dat nu een klein artikeltje in een krant is of een artikel dat een volledige A3 in beslag neemt.

Hoe ga je te werk?

  1. Installeer de app op je smartphone of tablet
  2. Open de app en kies wat je wil gaan inscannen: een Foto, een Document, …
  3. Neem het artikel in het vizier, je zal merken dat de app zelf op zoek gaat naar de “randen” van het artikel. Geef de app eventjes de tijd meestal lukt het wel … Als je tevreden bent klik je op de grote oranje knop om het beeld vast te leggen.
  4. Is Office Lens er niet in geslaagd om de randen van je artikel correct aan te duiden? Klik dan bovenaan rechts op de “Crop” knop (net naast het woordje “Gereed”). Je kan nu zelf de randen van het artikel aanduiden.twee
  5. Tevreden? Klik dan op de knop “Gereed”. Je kan nu kiezen waar je deze afbeelding wil opslaan. Kies je “OneDrive”, “OneNote”, “Word” of “PowerPoint” dan moet je eerst eenmalig een Office 365 of Outlook.Com account instellen.
  6. Vul je Office 365 of Outlook.Com gebruikersnaam in en klik op “Volgende”.  Geef aan of dit een privé account (meestal Outlook.Com) of een bedrijfsaccount (altijd Office 365) is. Geef tenslotte je gebruikersnaam en wachtwoord in voor deze Office 365 of Outlook.Com account.drie
  7. Kies je “Word” dan zal een WORD bestand naar de “OneDrive” van je Office 365 of Outlook.Com gekopieerd worden. Dit Word bestand bevat het artikel in bewerkbare tekst (er werd dus OCR op toegepast !!!) EN een afbeelding van het artikel. De afbeelding is niet zomaar een foto, maar werd door Lens bewerkt zodat de afbeelding perfect leesbaar is net alsof het artikel ingescanned werd.

    Kies je “OneDrive” dan zal enkel een afbeelding (JPEG bestand) naar de “OneDrive” van je Office 365 of Outlook.Com account gekopieerd worden. Net als bij “Word” gaat het niet zomaar om een foto maar om een bewerkte afbeelding die minstens de kwaliteit van een scan evenaart. OCR wordt bij deze optie niet gebruikt!!

    Kies je “OneNote” dan wordt een nieuwe pagina aangemaakt in een notablok die in je “OneDrive” zit. Dit lijkt op het eerste zicht enkel de afbeelding te bevatten maar ook de bewerkbare tekst zit in “OneNote”.  Wanneer je de notablok bekijkt in de desktop versie van “OneNote” kan je rechts klikken op de afbeelding en kiezen voor “Tekst kopiëren van afbeelding”. Wanneer je vervolgens op een vrije plaats klikt met de rechtermuisknop en kies “Plakken” verschijnt de tekst in een bewerkbare vorm.

Het resulaat in “Word” formaat vind je hier.

Vragen of opmerkingen? Je weet me te vinden.

I Am A Witness: emoji met een bijzondere boodschap

Samen met iOS 9.1 verschenenI Am A Witness talrijke nieuwe emoji’s waaronder minstens één opvallende: het lijkt op een oogje in een tekstballon.  De emoji betekent “Ik heb gezien dat je ge(cyber)pest wordt en ik sta achter je, ik steun je” en/of  “Ik heb gezien dat je iemand pest en ik vind dat niet ok“.

De emoji is een initiatief van AdCouncil en krijgt de steun van bedrijven als Apple, Google, Facebook, Twitter en Adobe.  Met dit initiatief hopen de bedrijven de meestal zwijgende meerderheid een (makkelijkere) manier te bieden om niet langer te zwijgen en te laten weten dat ze (cyber)pesten niet ok vinden.

De emoji is onderdeel van een grotere campagne, alle info op http://iwitnessbullying.org/.

Voor wie niet over iOS 9.1 beschikt is er een speciale app die zowel voor iOS als Android beschikbaar is. Daarmee kan je de emoji (en meer) in vele kleuren gebruiken.

 

MS Word: “Afstand voor” bij het begin van een pagina

“Ik heb veel geleerd van mijn leerkrachten, meer nog van mijn kameraden maar het meest van mijn leerlingen.” Zo vroeg één van mijn leerlingen waarom de ingestelde “afstand voor” bij een alinea bij haar niet bleek te werken. Ik kon niet onmiddellijk een antwoord geven maar nu dus wel 🙂

Voor alle duidelijkheid, het gaat over deze instelling:

go1

Wanneer je die instelling toepast op een alinea dan krijg je normaal gezien dit resultaat:

go2

Maar als die alinea zich bovenaan een pagina bevindt dan wordt die instelling NIET toegepast. (zie onderstaand resultaat).  Het maakt niet uit hoe het komt dat die alinea bovenaan de pagina komt te staan: gewoon “per ongeluk”, door een manueel pagina-einde ervoor, … als de alinea bovenaan een pagina staat wordt de “afstand voor” niet toegepast. Van zodra de alinea weer wat opschuift en ergens “midden in” een pagina komt wordt de “afstand voor” onmiddellijk wel terug toegepast.

Opgelet: wanneer een alinea bovenaan de eerste pagina van het document staat dan wordt de “afstand voor” wel toegepast.  Dit alles is trouwens geen “fout” in Word, volgens Microsoft is het “de bedoeling”.

go3

Maar wat als je absoluut “afstand voor” een alinea wenst, ook al staat die alinea bovenaan een pagina? Je kan net voor die alinea een extra alinea invoegen (zonder inhoud) of je kan “gebruik” maken van een uitzondering. Wanneer een alinea bovenaan een pagina komt te staan door een “sectie-einde” er net voor dan zal de “afstand voor” wel toegepast worden.

Vragen of opmerkingen? Je weet me te vinden.