In our proposed solution we track the user’s current attention level using a wearable EEG sensor, and track the currently browsed section of the website. These items are then mapped and fed into a database which resides on the device. Alternatively the database could reside on a centralized cloud server.
There are two ways to achieve this.
Another way is to modify the code in the web browser and integrate the tracking of the currently browsed section of the web page and the EEG inputs directly into the browser. The advantage is that it would be much faster. In this paper we went for the approach of integrating our proposed solution into the web browser code.
A. Components of the system
Our setup consists of the following An EEG sensor (such as NeuroSky MindWave) that communicates the data to the mobile device using Bluetooth or similar communication mechanism. A tool (such as EEG Analyzer) to record the attention level in real time along with the timestamp. A database to store the data. This can reside either on the device or on a central cloud server. A background process or script or code integrated in the browser to map the attention level of the user with the part of the website they are currently viewing, using the timestamp as the key. This too can reside either on the device or on a central cloud server.
B. Modified web browser architecture
The modified elements of the web browser code are as follows: Application level changes to insert a content script to perform the tracking A script to receive inputs from the EEG sensor of the current attention level A database on the device to store these mappings
C. Calculating the scroll percentage of the web page
The algorithm used to calculate the scroll percentage has the following steps: The user browses a web page in the web browser An API is called with value arguments i.e. scroll offsets, content dimensions, viewport dimensions, page scale factors etc. These values are used to get the initial and end scrolling percentage of the browsed page.