Imagine you could send your users a hyperlink that starts up a step by step walkthrough tutorial for pretty much any process they want to do on your site. Imagine you could embed those links into your documentation or even in a special contextual help block you display on your site. Imagine further that you can record how a feature works that you have just developed, or that your customer could send you a link to a walkthrough that reproduces a bug they've found. That is exactly what you can do with the WalkHub Drupal module. Writing documentation is probably one of the least favorite things developers do, but If you don't do it, you end up spending your time giving support on ridiculously simple issues instead. When we do documentation most of us spend hours and hours pasting screenshots into Google docs, then the theme or pictures change... With Walkthrough.it you can add a documentation layer on top of your website. You can play tutorials that guide people through your site, step by step. It's like a GPS for your website. And the best part is: you can use community tutorials and easily share and collaborate on common scenarios. In this session you will learn how you can record Walkthrough tutorials using Selenium IDE, an open source plugin for Firefox. How you can then edit them, share them and incorporate them into your website. I will also show how you can use Walkthroughs to create fairly complex scripts for repetitive tasks.

1. Walkthrough Madness
An introduction to all the amazing things you
can do with Walkthroughs
follow along at:
http://goo.gl/Fe6kMe

2. Pronovix

3. Tours: the new big thing

8. Raised $ 11’567

10. Why all the hype?

11. Traditional options
Video tutorials
● Interactive
● Lots of context
● Visual
Text tutorials
● Editable
● Searchable
● Comment-able
● Translatable

13. Common issues
● Visuals change
● Hard to keep up to date
=> DOUBT
● The 2 windows issue
● Require interpretation
=> COGNITIVE
LOAD

14. Tours are in place
and
up to date

16. The real problem with
Documentation is...

17. $
?!?

18. Reminds me off...

19. Feature testing has this
same problem

20. it has a few more
problems...

23. But seriously, how do we
pay for this?

24. Demo
Tests
Documentation
=
Script to show
that it works
=
Script to test if it
still works
=
Script to explain
how it works

26. So what if we could
combine these 3 into 1?

27. Automated
Demo
verifiable
Tests
up-to-date
Documentation
Walkthroug
h

28. =
+
+

29. How?

30. Demo
● Play a walkthrough
● Creating Walkthroughs
○ from Selenium
● Creating steps
○ Step highlight
○ Selenium command

31. Demo
● Adjusting Walkthroughs
○ Adding steps
○ Changing step order
● Parameters
○ Share a link with parameters
○ Adding Parameters

32. You want to buy a
WalkHub?

33. You CAN’T

34. It’s Open Source
you can support our work
though :)

35. sign up: eepurl.com/uYjy9
Follow us: @WalkHub
Contact us: info@pronovix.com

36. Media sources
●
●
●
●
●
●
http://upload.wikimedia.
org/wikipedia/commons/0/0a/Prague_Astronomical_Clock%
2C_Prague_Orloj_picture-005.JPG
http://upload.wikimedia.
org/wikipedia/commons/thumb/3/36/MiniHouseOfCards.jpg/800pxMiniHouseOfCards.jpg
http://upload.wikimedia.
org/wikipedia/commons/thumb/6/60/Box_Elder_bugs.jpg/800pxBox_Elder_bugs.jpg
http://commons.wikimedia.org/wiki/File:Obsolete_road_and_sign__geograph.org.uk_-_450380.jpg
http://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Line3174__Shipping_Containers_at_the_terminal_at_Port_Elizabeth%
2C_New_Jersey_-_NOAA.jpg/800px-Line3174__Shipping_Containers_at_the_terminal_at_Port_Elizabeth%
2C_New_Jersey_-_NOAA.jpg
http://commons.wikimedia.org/wiki/File:Saved_(Boston_Public_Library).jpg