Via Creative Applications Network
Created by Moniker (Roel Wouters & Luna Maurer) and made in conjuction with We Are Data travelling installation, Clickclickclick.click reveals the browser events used to monitor our online behaviour.
The website invites the visitor to play along, direct behaviour to unlock “achievements”. Ranging from how many times you click on a button to how fast you move on the page and even how fast is your clicking speed, with the narrator voice who draws conclusions about your character based on your mouse behaviour, the website demonstrates the amount of behavioural data that can be/and is collected today through online services and advertising.
Clickclickclick tries to catch all user-browser interaction events. These events are transformed and combined to useable values, and hooked up to functions to trigger certain ‘achievements’. The team found that the Model-View-Intent (MVI) architecture works really well to approach this. See André Staltz’s Cycle.js documentation.
A user-action directly triggers an update somewhere else in the application, because everything is a function.The initial demo was built with Cycle.js, but because it is still in active development and they were having some integration issues and decided to switch to React. Both the front- and backend are written in Javascript (ES6), using Node.js, Socket.io, React and RxJS.
No comments:
Post a Comment