Walkthrough Madness
An introduction to all the amazing things you
can do with Walkthroughs

follow along at:
http://goo.gl...
Pronovix
Tours: the new big thing
Raised $ 11’567
Why all the hype?
Traditional options
Video tutorials
● Interactive
● Lots of context
● Visual

Text tutorials
● Editable
● Searchable
● Com...
Common issues
● Visuals change
● Hard to keep up to date

=> DOUBT

● The 2 windows issue
● Require interpretation

=> COG...
Tours are in place
and
up to date
The real problem with
Documentation is...
$

?!?
Reminds me off...
Feature testing has this
same problem
it has a few more
problems...
But seriously, how do we
pay for this?
Demo

Tests

Documentation

=

Script to show
that it works

=

Script to test if it
still works

=

Script to explain
how...
So what if we could
combine these 3 into 1?
Automated
Demo

verifiable
Tests

up-to-date
Documentation

Walkthroug
h
=
+

+
How?
Demo
● 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 P...
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_Or...
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub
Upcoming SlideShare
Loading in …5
×

Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub

771 views
514 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
771
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Walkthrough madness: an introduction to all the amazing things you can do with a WalkHub

  1. 1. Walkthrough Madness An introduction to all the amazing things you can do with Walkthroughs follow along at: http://goo.gl/Fe6kMe
  2. 2. Pronovix
  3. 3. Tours: the new big thing
  4. 4. Raised $ 11’567
  5. 5. Why all the hype?
  6. 6. Traditional options Video tutorials ● Interactive ● Lots of context ● Visual Text tutorials ● Editable ● Searchable ● Comment-able ● Translatable
  7. 7. Common issues ● Visuals change ● Hard to keep up to date => DOUBT ● The 2 windows issue ● Require interpretation => COGNITIVE LOAD
  8. 8. Tours are in place and up to date
  9. 9. The real problem with Documentation is...
  10. 10. $ ?!?
  11. 11. Reminds me off...
  12. 12. Feature testing has this same problem
  13. 13. it has a few more problems...
  14. 14. But seriously, how do we pay for this?
  15. 15. Demo Tests Documentation = Script to show that it works = Script to test if it still works = Script to explain how it works
  16. 16. So what if we could combine these 3 into 1?
  17. 17. Automated Demo verifiable Tests up-to-date Documentation Walkthroug h
  18. 18. = + +
  19. 19. How?
  20. 20. Demo ● Play a walkthrough ● Creating Walkthroughs ○ from Selenium ● Creating steps ○ Step highlight ○ Selenium command
  21. 21. Demo ● Adjusting Walkthroughs ○ Adding steps ○ Changing step order ● Parameters ○ Share a link with parameters ○ Adding Parameters
  22. 22. You want to buy a WalkHub?
  23. 23. You CAN’T
  24. 24. It’s Open Source you can support our work though :)
  25. 25. sign up: eepurl.com/uYjy9 Follow us: @WalkHub Contact us: info@pronovix.com
  26. 26. 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

×