{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.bairwell.com/#organization","name":"Bairwell Ltd","url":"https://www.bairwell.com/","sameAs":["https://www.facebook.com/bairwell/","https://www.linkedin.com/company/bairwell","https://twitter.com/bairwell"],"logo":{"@type":"ImageObject","@id":"https://www.bairwell.com/#logo","url":"https://www.bairwell.com/wp-content/uploads/2017/02/bairwell.png","width":400,"height":400,"caption":"Bairwell Ltd"},"image":{"@id":"https://www.bairwell.com/#logo"}},{"@type":"WebSite","@id":"https://www.bairwell.com/#website","url":"https://www.bairwell.com/","name":"Bairwell PHP and WordPress Development","publisher":{"@id":"https://www.bairwell.com/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://www.bairwell.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://www.bairwell.com/project/comprobo-viewassure/#primaryimage","url":"https://www.bairwell.com/wp-content/uploads/2017/02/viewassure_pagedetails.jpg","width":1520,"height":771},{"@type":"WebPage","@id":"https://www.bairwell.com/project/comprobo-viewassure/#webpage","url":"https://www.bairwell.com/project/comprobo-viewassure/","inLanguage":"en-GB","name":"Comprobo - ViewAssure | Bairwell PHP and WordPress Development","isPartOf":{"@id":"https://www.bairwell.com/#website"},"primaryImageOfPage":{"@id":"https://www.bairwell.com/project/comprobo-viewassure/#primaryimage"},"datePublished":"2014-07-18T18:22:49+00:00","dateModified":"2017-02-18T19:33:13+00:00"}]}

Comprobo – ViewAssure

Recording a users interaction with a web site that is shown exactly how they saw it.

ViewAssure was a “proof of concept” project for Comprobo. It was, in its essence, a “web browser recorder” – allowing clients to record user interactions (and load times) of their website for later playback and monitoring (such a scenario being of a user reading through a terms and conditions agreement).

It achieved this by allowing either a single Javascript file being included on the client’s website, the user having the “ViewAssure Chrome Extension” enabled (allowing “injection” of the Javascript file into any website of the users choosing) or the user having the ViewAssure server configured as a web browser proxy (which then injected the Javascript file). The Javascript then recorded page load information and “browser profile” information (user agent, IP address and cookie information) and all mouse/touch-pad/pointer and keyboard interactions with the website and recorded it (along with generating screenshots at the same time) for later playback.

Richard Bairwell constructed this entire project from scratch using a combination of the PHP Symfony2 framework, hand-coded Javascript, WKHTMLtoImage (for screenshot generation), ImageMagick for image resizing, Beanstalkd Queue Manager to enable fast responses/queuing system and a custom written Chrome extension.

Date

July 2014

Technologies

PHP

Symfony2

WKHTML

ImageMagick

Chrome Extensions

Want us to build or design your site?