Live! Using Live Demos to Connect With Your Audience

Prepared for the Google Developer Experts program, this presentation discusses how to prepare, execute, and follow through on live demos during technical presentations.

Transcript

1. LIVE! Using live demos to connect with your audience
2. YOUR PRESENTER: BEN KLANG ➤5 years of public speaking ➤Over 30 presentations
 with live demos ➤Champion of seven “Dangerous Demo” competitions 2013-2016
3. WHY LIVE DEMOS?
4. WHY LIVE DEMOS? ➤ Proof! ➤ Crystalize concepts ➤ Inspire your audience ➤ Keep everyone awake/engaged
5. PLANNING ➠ EXECUTION ➠ FOLLOW-THROUGH LIVE DEMO SUCCESS
6. PLANNING
7. PLANNING YOUR LIVE DEMO ➤ Technical Requirements ➤ Audience Participation ➤ Planning for Failure
8. TECH REQUIREMENTS
9. PLANNING: TECH REQUIREMENTS ✓ Displays ➤ Projector? ➤ Laptop screen? ➤ Mobile or other device? ✓ Sound ➤ Microphone? Lav or Handheld? ➤ Device audio? ✓ Power
10. PLANNING: TECH REQUIREMENTS ➤ Mobile screen mirroring ➤ AllCast for Android (live) ➤ adb shell screenrecord (pre-recorded only) ➤ QuickTime Player for iOS (live or pre-recorded)
11. AUDIENCE PARTICIPATION
12. PLANNING: AUDIENCE PARTICIPATION ➤ Method - What do they have at-hand? ➤ Laptop? ➤ Mobile Device? ➤ Means - What do you expect them to do? ➤ Keep It Simple, Simon ➤ Consider browser capabilities ➤ Madness - Can they break your demo? ➤ Test it with a friend
13. PLANNING FOR FAILURE
14. PLANNING: FAILURE ➤ Test, Rehearse, Test Again ➤ Try with WiFi off ➤ Try with artificially slow network settings ➤ Test onsite before you go on stage ➤ Have a backup video or screenshots
15. EXECUTION
16. EXECUTION ➤ Be verbose ➤ Be visual! ➤ Be(a little) theatrical
17. EXECUTION: BE VERBOSE ➤ Explain the demo before starting it ➤ The audience does not have your background
18. EXECUTION: BE VERBOSE ➤ Explain the demo before starting it ➤ The audience does not have your background
19. EXECUTION: BE VISUAL ➤ Abstract concepts are difficult ➤ Use pictures, animations, diagrams
20. EXECUTION: BE THEATRICAL
21. EXECUTION: BE THEATRICAL
22. EXECUTION: BE THEATRICAL
23. EXECUTION: BE THEATRICAL
24. FOLLOW-THROUGH
25. FOLLOW-THROUGH ➤ Post your code! ➤ Github/Bitbucket/Gitlab repository ➤ Link to code in slides/link to slides from README ➤ Make sure it works! ➤ Include a Call To Action or Challenge ➤ Re-use demo for blogs, podcasts, other events
26. PLANNING ➠ EXECUTION ➠ FOLLOW-THROUGH LIVE DEMO SUCCESS
27. Ben Klang @bklang ➤ https://www.flickr.com/photos/pyrosapian/3632762120 ➤ https://commons.wikimedia.org/wiki/File:Wake-up-LeBA-street-art-LA.jpg ➤ https://commons.wikimedia.org/wiki/File:Badminton_Theater_Booth.jpg ➤ https://commons.wikimedia.org/wiki/File:Audience_participation_at_MEGAPOLIS.jpg ➤ https://www.flickr.com/photos/clintjcl/5915684741 PHOTOGRAPHY CREDITS