Over het DigiDemoBord

Het DigiDemoBord is een digitaal demobord, bedoeld voor schaakinstructie, en beschikbaar voor verschillende hardware en software. Het DigiDemoBord:

• draait in een browser (Firefox, Chrome, Edge …),
• kan stand-alone (zonder internetverbinding) werken,
• werkt als een webpagina, en heeft geen ingewikkelde installatie nodig (alleen zip-file uitpakken),
• kan zelfs vanaf een usb-drive of stick werken,
• is platform-onafhankelijk (Windows, Linux, Mac-OS, Android),
• werkt op PC, tablet, mobiel, …
• werkt met muis en touch-schermen.

Wat kan je er mee?

Eigenlijk hetzelfde als met een normaal schaakdemonstratiebord, waarmee je stellingen kan laten zien. Daarnaast kan je met het DigiDemoBord:

• stukken (ver)plaatsen op een bord
• cirkels en pijlen in verschillende kleuren op het bord tekenen,
• van te voren partij(fragmenten) en stellingen invoeren en opslaan, en later hergebruiken,
• PGN bestanden inlezen.

Waarvoor is het niet bedoeld?

Het DigiDemoBord:

• is geen schaakcomputer,
• heeft geen problemen met illegale zetten,
• en heeft geen probleem met illegale stellingen (meer dan 1 koning, koningen naast elkaar, beide koningen schaak).

Wat is er gebruikt?

Voor het DigiDemoBord en deze website is gebruik gemaakt van allerlei bestaande software en tools. Voor het DigiDemoBord zelf zijn dat o.a.:

• de chessboardjs.com module van Chris Oakman, die de basis van het schaakbord is;
• aan deze module is annotatie-code toegevoegd, initieel gebaseerd op een fork van chessboard-0.3.0 door Raneku;
• voor het inlezen van PGN files is gebruik gemaakt van de pgn-parser van mliebelt,
• en ook de javascript module chess.js van jhlywa;
• voor de icons in het user interface zijn de feathericons gebruikt;
• voor het kladblok/schoolbord is Quill gebruikt;
• voor compressie van de ddb-bestanden is lz-string.js gebruikt;
• voor het maken van een schermafbeelding van het schaakbord is dom-to-image gebruikt;
• de repository met code staat op gitlab;
• voor het maken van de handleiding wordt gebruik gemaakt van pandoc (met de pandoc-crossref extensie);
• html-inline wordt gebruikt om de html, javascript en css code voor het DigiDemoBord in een bestand te stoppen, zodat voor het gebruik alleen het html-bestand nodig is;
• SingleFile voor het genereren van de html-handleiding in de website stijl; en
• de closure compiler voor minimizing javascript code.

En voor de website:

• jekyll voor het maken van de website;
• minimal mistakes, het thema wat zorgt voor de vormgeving van de website;
• de website werkt via gitlab pages;
• de foto op de home page komt van blender artists;
• GIMP voor het maken van de afbeeldingen op de home page.

En voor de videos op de website en op YouTube:

• carnac voor het laten zien van de toetsen, en bfritscher’s 3.1 beta-versie hiervan die ook de muis laat zien;
• OBS Studio van Open Broadcaster Software, open source software voor het opnemen van de videos en streaming.