Data Capture: Test with Touch Input

[bastianilso]

So far we have tested the JS data capture system with mouse input. However, if people use dashboard from a phone/tablet, then this produces touch input.

Have a look at the API reference: https://developer.mozilla.org/en-US/docs/Web/API/Touch_events#setting_up_the_event_handlers

Todo:

• implement the event listeners
• test that the touch events are captured, for example by using touch simulation in e.g. firefox and from a real touch-device.

[bastianilso]

@bilal-62210 I now have access to the R shiny server. Please put a link in here once your Whack-A-Mole dashboard fork is online and updated with your code changes. I will then clone it onto the server.

[bilal-62210]

@bastianilso this is the link of the fork : https://github.com/bilal-62210/r-shiny-js-data-capture.git

[bastianilso]

@bilal-62210 that is not a fork of the whack-a-mole project. that is a fork of the r-shiny-js-data-capture project with a extracted zip file of the whack-a-mole project inside it.

You need to use this button here inside the whack-a-mole repo itself: https://github.com/med-material/Whack_A_Mole_RShiny

See also: https://docs.github.com/en/get-started/quickstart/fork-a-repo#forking-a-repository

[bilal-62210]

@bastianilso like this ? https://github.com/bilal-62210/Whack_A_Mole_RShiny.git

[bastianilso]

@bilal-62210 yes, exactly that works. OK I will clone this to the server and send a URL in a minute.

[bastianilso]

@bilal-62210 OK, your fork is now hosted here:

https://rehab.shiny.create.aau.dk/Whack_A_Mole_RShiny/

in case you have updates to the code, let me know and I can git pull on the webserver side.

[bastianilso]

https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events

[bilal-62210]

@bastianilso I've update the fork, can you makes the changes on the server please. Can you tell me when you've made the changes

[bastianilso]

@bilal-62210 updated.

[bastianilso]

Collect the attributes of the pointer events:

Please see the attributes available here: https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events#pointerevent_interface

In particular we want to create columns for these attributes: pointerId width height pressure pointerType isPrimary

[bilal-62210]

@bastianilso can you update the server for me please.

[bastianilso]

@bilal-62210 updated

[bilal-62210]

@bastianilso can you update the server please

[bastianilso]

@bilal-62210 updated.

[bilal-62210]

@bastianilso can you update again the server please, i want to test the "pointer.type" on the phone

[bastianilso]

@bilal-62210 updated.

[bilal-62210]

@bastianilso can you update the server for me please.

[bastianilso]

server is updated now