Innovating withhackdays.Christian HeilmannITV Innovation Luncheon
What makes you happy?
What makes you happy?• Delivering something• Getting recognition for your work• Solving problems• Learning something new• ...
This is hard in our day-to-day job!                            http://www.flickr.com/photos/goosmurf/3393799355/
This is hard in our day-to-day job!                             http://www.flickr.com/photos/twicepix/518133135/
Leaving our comfort zone.
Hackdays work!• Take 24 hours to build something new• Disregard all the protocols you have in delivery• Collaborate with p...
Why take part?
Hackdays are for you! • Show off what you are interested in - no matter how geeky • Learn something new - is there a techn...
Scratch your own itch!
Hackday awesome can leak... • Write a tool to make a day-to-day process more efficient • Show that by using a certain tool...
Hackdays are about delivery... • Don’t bother building the best thing ever • Concentrate on one thing and deliver a workin...
Use whatever tool you need!
Tools to use... • Open technologies make it easy to build prototypes (HTML,    CSS, JavaScript) • Use libraries (jQuery, G...
Re-use and connect solutions
Prepare your delivery...
Pitching hard and fast... • Show what your hack does • Explain the effect this has - why is it a cool hack? • Give ideas w...
After the hack day...
After the hack day... • Have your hack as a package for people to show around the    company (screencast, screenshots, wor...
My turn!
http://developer.mozilla.org
Interactive video effects?     https://developer.mozilla.org/en-US/demos/detail/video-effects
Scene change detectionhttps://developer.mozilla.org/en-US/demos/detail/scene-change-detection-demo
Subtitling     https://developer.mozilla.org/en-US/demos/detail/add-track
Facial detection / analytics  https://developer.mozilla.org/en-US/demos/detail/facial-recognition-and-analytics-with-html5...
icanhaz.com/html5multimedia
icanhaz.com/johnhtml5
popcornjs.org
http://minnesota.publicradio.org/proto/hyperAudio/
popcornjs.org/butter
Universalsubtitles.org
icanhaz.com/audiosync
icanhaz.com/audioapi
mozillalabs.com/rainbow
/whois chris    Chris Heilmann    @codepo8    http://wait-till-i.com    http://developer.mozilla.org    #html5 - freenode....
Upcoming SlideShare
Loading in...5
×

Innovating with hackdays

7,772

Published on

A quick introduction to using hack days as a means of innovating in a company and why it makes sense to take part as a developer.

2 Comments
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,772
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
189
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

Innovating with hackdays

  1. 1. Innovating withhackdays.Christian HeilmannITV Innovation Luncheon
  2. 2. What makes you happy?
  3. 3. What makes you happy?• Delivering something• Getting recognition for your work• Solving problems• Learning something new• Finding ways to improve things
  4. 4. This is hard in our day-to-day job! http://www.flickr.com/photos/goosmurf/3393799355/
  5. 5. This is hard in our day-to-day job! http://www.flickr.com/photos/twicepix/518133135/
  6. 6. Leaving our comfort zone.
  7. 7. Hackdays work!• Take 24 hours to build something new• Disregard all the protocols you have in delivery• Collaborate with people you haven’t worked with• Deliver a working prototype and explain what you want to achieve with it• Prepare a damn good 60 second pitch
  8. 8. Why take part?
  9. 9. Hackdays are for you! • Show off what you are interested in - no matter how geeky • Learn something new - is there a technology you always wanted to play with? • Get out of your shell - partner with people with complimentary skills and give a great pitch. • Release something on your terms and without waiting! • Show that if your manager is not breathing down your neck you can release awesome in no time
  10. 10. Scratch your own itch!
  11. 11. Hackday awesome can leak... • Write a tool to make a day-to-day process more efficient • Show that by using a certain tool or technology you can deliver something very quickly • Make the first step to learn that skill you always wanted to have but always pushed further out • Show that your department can innovate and deliver • Join a community outside the company
  12. 12. Hackdays are about delivery... • Don’t bother building the best thing ever • Concentrate on one thing and deliver a working prototype • Steal, borrow, cheat... whatever it takes, get the message across • Start something - make the code available • If the hack works only on your machine, also create a screencast (http://screenr.com rocks for that!)
  13. 13. Use whatever tool you need!
  14. 14. Tools to use... • Open technologies make it easy to build prototypes (HTML, CSS, JavaScript) • Use libraries (jQuery, Google Visualisation libraries, d3.js, rafael.js...) • Use APIs for data and conversion (programmableweb.com) • Find APIs to do time consuming jobs for you (vid.ly for video conversion, YQL for data mashing)
  15. 15. Re-use and connect solutions
  16. 16. Prepare your delivery...
  17. 17. Pitching hard and fast... • Show what your hack does • Explain the effect this has - why is it a cool hack? • Give ideas where this can go and how the company could benefit from it
  18. 18. After the hack day...
  19. 19. After the hack day... • Have your hack as a package for people to show around the company (screencast, screenshots, working code, 3 sentence pitch) • Keep hacking on it (freetime or ask your boss to get some extra time) • Demand follow-up from your company!
  20. 20. My turn!
  21. 21. http://developer.mozilla.org
  22. 22. Interactive video effects? https://developer.mozilla.org/en-US/demos/detail/video-effects
  23. 23. Scene change detectionhttps://developer.mozilla.org/en-US/demos/detail/scene-change-detection-demo
  24. 24. Subtitling https://developer.mozilla.org/en-US/demos/detail/add-track
  25. 25. Facial detection / analytics https://developer.mozilla.org/en-US/demos/detail/facial-recognition-and-analytics-with-html5s-video
  26. 26. icanhaz.com/html5multimedia
  27. 27. icanhaz.com/johnhtml5
  28. 28. popcornjs.org
  29. 29. http://minnesota.publicradio.org/proto/hyperAudio/
  30. 30. popcornjs.org/butter
  31. 31. Universalsubtitles.org
  32. 32. icanhaz.com/audiosync
  33. 33. icanhaz.com/audioapi
  34. 34. mozillalabs.com/rainbow
  35. 35. /whois chris Chris Heilmann @codepo8 http://wait-till-i.com http://developer.mozilla.org #html5 - freenode.net #mozilla - mozilla.org
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×