Een solide basis voor de toekomst
Dit project is duidelijk niet 100% af maar dient eerder als een solide basis voor de toekomstige opzet van een CMD Digital Playground / website. Zoals een prototype in een Proof of Concept bedoeld is. We hebben het project zo opgezet dat er later door andere developers / studenten eenvoudig aan verder gewerkt kan worden.
De Digital Playground is voornamelijk gericht op het makkelijk code-loos kunnen invoeren van content in het Storyblok-CMS. Hierin kunnen CMD studenten / -docenten nieuwe componenten aanmaken en/of de inhoud van bestaande componenten aanpassen.
De componenten kunnen stuk voor stuk ontworpen en gebouwd worden door mensen binnen CMD, mits de persoon in kwestie beschikt over enige kennis van HTML, CSS en JavaScript. Deze talen worden in de Propedeuse behandeld, wat dan ook een CMD-brede toegankelijkheid biedt voor het bijdragen. Dit maakt dat we niet alleen de volledige vrijheid hebben qua ontwerp maar ook qua accessibility, performance en progressive enhancement van de componenten.
Vanuit de componenten, die studenten dus hebben gemaakt, kunnen pagina's opgebouwd worden. Dit is simpelweg een kwestie van het kiezen van componenten om op de pagina te tonen. De volgorde en inhoud van die componenten kunnen dan binnen de pagina aangepast worden. Ook bij het ontwerp van specifieke pagina's hebben we weer de volledige vrijheid qua ontwerp.
Zoals eerder aangegeven in de exploratiefase beschikt Storyblok over een live preview-omgeving zodat een gebruiker direct kan zien welk effect de aanpassingen hebben die zij maken. Echter, gezien de opzet van de techniek was het lastig om dit goed werkend te krijgen.
Om wijzigingen te zien moet de website in zijn volledigheid opnieuw "gebuild" worden om toegang te hebben tot de nieuwe data, dit duurt zo'n dertig seconden. Dit betekent in onze huidige oplossing dat een gebruiker dus zo'n dertig seconden moet wachten totdat een wijziging zichtbaar is binnen de preview omgeving.
Omdat we tijdens het opzetten van deze website ervoor hebben gekozen om zo dicht mogelijk bij 'vanilla' JavaScript, HTML en CSS te blijven (omdat dit volgens ons de core van tech-CMD is) is het lastig om dit soort zaken binnen een tijdsbestek van vijf weken optimaal te laten werken. Wel hebben we hiervoor een oplossing beschikbaar, daarop komen we terug in de conclusie.
We hebben geprobeerd om het CMS zo fool-proof mogelijk te maken. Het is dus niet zo dat als iemand gaat klooien in het CMS dat de hele website dan kapot gaat. Dit is ten eerste te danken aan de headless opzet en ten tweede aan dat we ook in de code voor hebben gezorgd dat een component expliciet toegevoegd moet worden aan de code voordat de website er gebruik van maakt.
De broncode van de website is publiek beschikbaar via GitHub. Dit maakt het enerzijds mogelijk dat studenten eenvoudig kunnen bijdragen aan de vormgeving en techniek van de website, anderzijds toont het de kwaliteit van CMD-studentenwerk.
Studenten werken eraan, er is precies te achterhalen wie wat gebouwd heeft en hoe zij dit hebben aangepakt. Externe partijen kunnen zo dus eenvoudig zien hoe vaardig de studenten van CMD Amsterdam zijn in hun vak, en wat de standaarden zijn die wij aangeleerd krijgen.
Ook kan het ervoor zorgen dat eventueel toekomstige CMD studenten warm gemaakt worden om bij ons te komen studeren omdat het ook een stukje transparantie toont over hoe wij te werk gaan.