User Help: Hopscotch

[tercer]

In the PSI Tool we added Hopscotch as a way to guide a new user through the steps they ought to tackle to use the system. It gives these messages "a tour", that can be triggered by events and turned off when the user doesn't want to see any more. Here are some examples:

I'm thinking to add something like this to point the novice user to the things they can act on at different stages / modes. I thought to experiment with the D3M mode, and then take any experience there and port back to the more general case for all TwoRavens users.

[raprasad]

Quick note on adding hopscotch files to the project:

1. Add the js/css files as needed to the repo's /assets directory
   • https://github.com/vjdorazio/TwoRavens/tree/master/assets
2. Read the js/css files by following the syntax on the index.html page:
   • https://github.com/vjdorazio/TwoRavens/tree/master/assets

Example:

• if hopscotch.min.js was added the repo here:

   /assets/hopscotch/js/hopscotch.min.js

• the line added to the index.html file would be :

  <script src="{% static "hopscotch/js/hopscotch.min.js" %}"></script>
  

[tercer]

This was added in October 2017.