Idee
Tijdens mijn stage bij Televic Education hadden ik en enkele ontwikkelaars het over Teamweek (een tool voor takenplanning). Met deze tool kun je zien wie wat moet doen en wanneer. Het enige dat ontbrak, was de mogelijkheid om te zien waaraan ze daadwerkelijk werkten (lopen ze op schema, achter op schema of voor op schema?). Omdat ik onlangs van Meteorjs had gehoord, leek het maken van zo’n tool de ideale gelegenheid om dat framework te testen (omdat het data realtime synchroniseert van database naar browser en vice versa (=reactiviteit)).
Het uiteindelijke idee was een eenvoudige GUI die een tijdlijn toont waar teamleden kunnen aangeven wat ze aan het doen zijn (en misschien een uitbreiding waarbij een admin taken kan toewijzen)
Technologieën
Meteorjs
Meteorjs is een full-stack JavaScript-framework voor het ontwikkelen van webapps. Een van de functies die voor dit project nodig is, is dat de data reactief wordt afgehandeld (synchroniseren van data tussen database en browser) en dat data in de browser wordt opgeslagen zodat het offline kan worden gebruikt en vervolgens wordt gesynchroniseerd wanneer er een internetverbinding beschikbaar is.
D3js
D3js is een framework voor datavisualisatie en -manipulatie. Ik heb dit framework gebruikt voor het tekenen van een in- en uitzoombare en versleepbare tijdlijn.
Resultaat
Het resultaat is beschikbaar op ratt.meteor.com Helaas heeft Meteor zijn hosting verplaatst naar Meteor Galaxy, waardoor de webapp is verdwenen.
De eerste screenshot toont de (publieke) tijdlijn van wie wat in het team doet. Wanneer ingelogd, kan de gebruiker de taak die hij uitvoert intypen in het invoerveld bovenaan de pagina.
De tweede screenshot toont dat de gebruiker is ingelogd en werkt aan “Preparing presentation”
De derde screenshot toont een overzicht
