DigiDemoBord ontwikkelaar

image-right 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:

En voor de videos op de website en op YouTube: