walkthrough madness: an introduction to all the amazing things you can do with a walkhub

Walkthrough MadnessAn introduction to all the amazing things you

can do with Walkthroughs

follow along at:http://goo.gl/Fe6kMe

Pronovix

Tours: the new big thing

Raised $ 11’567

Why all the hype?

Video tutorials● Interactive● Lots of context● Visual

Text tutorials● Editable● Searchable● Comment-able● Translatable

Traditional options

Common issues

● Visuals change● Hard to keep up to date

● The 2 windows issue● Require interpretation

=> DOUBT

=> COGNITIVE LOAD

Tours are in place and

up to date

The real problem withDocumentation is...

$ ?!?

Reminds me off...

Feature testing has this same problem

it has a few more problems...

But seriously, how do we pay for this?

Tests

Documentation

Demo

Script to test if it still works

Script to explain how it works

Script to show that it works=

=

=

So what if we could combine these 3 into 1?

verifiableTests

up-to-dateDocumentation

AutomatedDemo

Walkthrough

+ +

=

How?

● Play a walkthrough

● Creating Walkthroughs○ from Selenium

● Creating steps○ Step highlight

○ Selenium command

Demo

● Adjusting Walkthroughs○ Adding steps

○ Changing step order

● Parameters

○ Share a link with parameters

○ Adding Parameters

Demo

You want to buy a WalkHub?

You CAN’T

It’s Open Source

you can support our work though :)

sign up: eepurl.com/uYjy9

Follow us: @WalkHub

Contact us: info@pronovix.com

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/800px-MiniHouseOfCards.jpg

● http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Box_Elder_bugs.jpg/800px-Box_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