Plan and done for August-11-2018

Events to track:

• New tab opened.
• New page loaded (with an url to track).
• Time spent in the current tab (all user events are tracked with attach to the 1st level domain).
• User clicked in the current tab.
• User typed in the current tab.
• Tab switched.
• User followed a link to a new domain.

Time scope

The last 7 days.

Domain scope

All domains.

Final result

2 diagrams showing top 20 domain names:

• for the time user spent on each during the last 7 days.
• for the user clicks on each during the last 7 days.

Data format:

var domainLastVisited = {
  lastDateVisited: domain
};

var trackingData = {
  [domain]: {
    timeSpent: [seconds],
    clicks: [count],
    visits: [time],
  }
}

User stories:

As a user, I want to have information of my internet activities to understand where I spend most of the time browsing.

As a user, I want to know what attracted me the most during the past week.

As a user, I want to know which sites I've attended the most.

As a user, I want to track my activities in Chrome for the week: the sites I spent the most of the time and those which requires me to interact the most.

As a user I want all tracking information to be presented to me in forms of beautiful diagrams.

As a dev, I want to get an experience of development of browser extensions.

As a dev, I want to work with data presentation tools.

As a dev, I want to work with available in-browser data storage techniques.

Sources:

1. Google it.
2. Tracking user activity.
3. Tab is focused.
4. extensions on my machine: ~/.config/google-chrome/Default/Extensions/
5. CRUD with local storage.