Responsive webdesign
Voor het vak Ixd & Technologie was de bedoeling om 3 datavisualisaties te programmeren voor 4 verschillende schermgrootten en dus ook 3 breekpunten. Ik heb geleerd hoe ik chart.js kan toepassen en hoe ik zelf een datavisualisatie kan programmeren. De afstand afleg over tijd en de zwaartekracht heb ik geprogrammeerd met behulp van chart.js.
De derde datavisualisatie, atmosfeer, heb ik volledig zelf geprogrammeerd en bedacht. In de diavoorstelling zijn alle schermen en het proces ervan te zien. Elk 1e scherm is de wireframe, de 2e het ‘hifi protoype’ en het derde scherm is de geprogrammeerde versie van de telefoon, tablet en het kleine desktop scherm. Via de bovenstaande link kun je mijn gehele website zelf bekijken en via de youtube video zijn de interactie en alle breekpunten te zien.
Link naar de wireframes en hifi prototype:
Link naar de online website die ik heb geprogrammeerd:
