qinoq

During the past year, the last year of my bachelor studies, I had the pleasure to work on a bachelor project. This project aimed to create a tool to create “scrollytellings”, interactive web pages that can be controlled by scrolling. Scrollytellings can combine text, images, videos and any other media found on the web, including games or control elements. Working in a team of 5 and with a industry partner, we created a software named qinoq that allows non-developers to create these scrollytellings. The creation of scrollytellings takes place in the lively.next environment, a live object system that works as an online IDE for JavaScript and features the morphic graphics framework (as seen in Squeak/Smalltalk for example). The editor is built in JavaScript. I am writing this now, because the code has finally been open-sourced and is available here. To use the editor, you have to first install lively.next (also open-source, found here) and then clone the qinoq folder into the lively.next folder. The following steps are explained in qinoq’s README.