Week 5 - ROEL2407/cmda-smoelenboek GitHub Wiki

De laatste week waren het de puntjes op de I zetten.

Ik ben begonnen met bugs te fixen binnen de pop-up zoals het open laten staan van een pop-up als een andere docent geklikt wordt.

Idle timer

Ik ben een deel van mijn maandag ook bezig geweest met een timer die kijkt hoelang er geen interactie is gemaakt met het prototype/bord. Als deze timer van 5 minuten afloopt, gaat het prototype terug naar de homepagina. Dit wilde de opdrachtgever zodat een persoon niet eerst naar de hoofdpagina hoeft te gaan als degene daarvoor allang weg is. Naar mijn mening is dit een heel goed idee en wilde ik dit er ook graag in hebben. Na wat zoekwerk en meerdere dingen proberen heb ik de volgende code gebruikt:

// // timeout to go back to home
function idleKick() {
  const idleDurationSecs = 300;    // X number of seconds
  const redirectUrl = '/';  // Redirect idle users to this URL
  let idleTimeout; // variable to hold the timeout, do not modify

  const resetIdleTimeout = function() {
    
      // Clears the existing timeout
      if(idleTimeout) clearTimeout(idleTimeout);

      // Set a new idle timeout to load the redirectUrl after idleDurationSecs
      idleTimeout = setTimeout(() => location.href = redirectUrl, idleDurationSecs * 1000);
  };

  // Init on page load
  resetIdleTimeout();

  // Reset the idle timeout on any of the events listed below
  ['click', 'touchstart', 'mousemove'].forEach(evt => 
      document.addEventListener(evt, resetIdleTimeout, false)
  );

}
idleKick();

Dinsdag ben ik weer verder gegaan met bugs fixen. Deze dag hadden Marloes en ik zo ingepland dat we deze dag zouden testen op school maar niet in de problemen zouden komen qua tijd mochten er zich grote problemen voor doen. Gelukkig viel dat alles mee en hadden we tijd om verder te werken.

Ook heb ik de achtergrondkleur nog veranderd van het prototype aangezien dit erg fel was op een groot scherm. Ik heb dit veranderd naar een donkergrijze kleur zodat deze nog in de CMD huisstijl past maar ook de omgeving meeneemt van de medialounge waar het scherm gaat staan.

Woensdag heb ik gebruikt om echte docentnamen en betere foto's in het CMS te zetten. Daarnaast waren er een paar kleine bugs die gefixt moesten worden.

Aan het einde van deze week zag het prototype er zo uit: Home

home

Pop-up

popup5

Catalog

catalog

Detail

detail5

Filter

filter5

Filter en search gecombineerd

filter search5

Search

search5