Building Handsome Dashboards with Dashing

What are the benefits of a team dashboard? Is it easy to setup a dashboard and pull in key metrics using existing API’s from your Rails applications?

Join us while we demonstrate just how easy it is to create and deploy your own dashboards. You will take away a strong understanding of how to identify key metrics for your project, aggregate the data, and share it with your team.

Karle Durante and Chris Mar talk from RubyNation 2014

Transcript

1. Building Handsome Dashboards With Dashing 1
2. About Us 2
3. Chris Mar! @cmar! github.com/cmar Karle Durante! @karledurante! github.com/karledurante About Us 3
4. Booster 4
5. Booster Raise Money! Awareness! Spirits 5
6. booster.com/rubyrogues 6
7. booster.com/rubyonsails 7
8. booster.com/757rb 8
9. Case Study 9
10. Case Study: Booster • 1 room, 1 team, 1 focus • Iterative development cycles: Test, Measure, Learn • Everyone on the “front lines” 10
11. stachequatch.heroku.com 11
12. Movember 12
13. Movember 13
14. Case Study: Booster 14 Nov 2012 Group buying exploration Jan 2013 Launched First Campaign Apr 2013 All Hands ! On Deck Aug 2013 Official Booster Launch! Nov 2013 Operational ! Efficiency Jan 2014 25% of all! CustomInk Traffic!
15. Data Matters 15
16. But What Data? 16
17. What Data? • What are the average shirt sales per campaign? • How many buyers become organizers? • How many campaigns succeed? • How many submissions do not convert? 17
18. 18 Start With Some KPI’s
19. Key Performance Indicators • Choose indicators that are directly relevant to your business • Measure indicators in a way that makes sense for your business • Keep it simple ! 19
20. 20 Booster’s KPI’s?
21. Booster’s KPI’s • Gross Revenue • Shirts Sold • Campaigns Launched 21
22. Remember The Fun Stuff 22
23. Fun Stuff • Recently Launched Campaigns • Leader Board • Tweets 23
24. Booster Board 24
25. 25 Dashboards Are Contagious
26. 26 WebOps Board
27. 27 Ops Tech Board
28. 28 eCommerce Board
29. Washington Post Noticed 29 … shows that 89,099 shirts were ! sold in the past 24 hours… Sales in the past hour were $99,220 A color-coded map of the U.S. shows! which states have the greatest sales. … sales volume for the past four ! weeks sold $197,352.86 in products http://wapo.st/1gx8oT8
30. 30 The Entire Team Benefits
31. Team Benefits • Data Visualization • Insight into customer behaviors/ patterns • Widespread goal driven and performance culture 31
32. 32 Dashing
33. Dashing 33 http://shopify.github.io/dashing!
34. The Stack • Dashing gem • Sinatra • Rufus Scheduler gem • Batman.js • Sprockets - asset pipeline • Gridster.js 34
35. Dashboards • Multiple for different screen size or audience • Drag and drop layout • Custom grid –Widget base dimensions –Num columns 35
36. Widgets • Meter Widget –meter.coffee –meter.scss –meter.html 36
37. Batman.js • Data bindings • Server-Sent Events • Liquid style filters 37
38. Jobs • Centralized data collection • Thread scheduled • Rufus Scheduler Gem 38
39. Server-Sent Events server-sent events API every 60s 39 Dashing Server Application TV Dashboard TV Dashboard Service
40. 40 Demo
41. 41 Starting A Dashboard Is Easy
42. Start a dashboard • Create widgets • Get data • Push to Heroku 42
43. 43 Getting Data
50. 50 Open Source Widgets
51. Open Source Widgets https://github.com/Shopify/dashing/wiki/Additional-Widgets 51
52. B-Cycle https://gist.github.com/stephenyeargin/7678371 52
53. Code Climate https://gist.github.com/dgehrett/6829168 53
54. Forecast.io https://gist.github.com/ysim/6768311 54
55. Jenkins https://gist.github.com/mavimo/6334816 55
56. New Relic https://gist.github.com/assimovt/5181244 56
57. 57 Be Considerate
58. Be Considerate • Use simple caching strategies • Don’t request all the data • Appropriate polling frequency 58
59. 59 Thank You!
60. Chris Mar! @cmar! github.com/cmar Karle Durante! @karledurante! github.com/karledurante Thanks! 60