Clickclickclick.click – Revealing browser events that monitor our online behaviour #ArtTuesday


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.

Read more.

Screenshot 4 2 14 11 48 AMEvery Tuesday is Art Tuesday here at Adafruit! Today we celebrate artists and makers from around the world who are designing innovative and creative works using technology, science, electronics and more. You can start your own career as an artist today with Adafruit’s conductive paints, art-related electronics kits, LEDs, wearables, 3D printers and more! Make your most imaginative designs come to life with our helpful tutorials from the Adafruit Learning System. And don’t forget to check in every Art Tuesday for more artistic inspiration here on the Adafruit Blog!

Join 4,000+ makers on Adafruit’s Discord channels and be part of the community! http://adafru.it/discord

Learn “How Computers Work” with Bill Gates, Ladyada and more – From Code.org !

CircuitPython in 2018 – Python on Microcontrollers is here!

Have an amazing project to share? Join the SHOW-AND-TELL every Wednesday night at 7:30pm ET on Google+ Hangouts.

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Follow Adafruit on Instagram for top secret new products, behinds the scenes and more https://www.instagram.com/adafruit/

Maker Business — Prototyping PCBs with Particle, a guide from a pro in the field #makerbusiness

Wearables — From mat to hat

Electronics — Even lower power!

Biohacking — Nectome’s Brain Preservation and Backup Service Plan

Python for Microcontrollers — Scott ([email protected]) on the Amp Hour podcast!

Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !

No Comments

No comments yet.

Sorry, the comment form is closed at this time.