1. 2015
#GHC15
#HackWithUs
@staciehibino
@banane
Come Hack With Us:
A Hardware
Hackathon at GHC!
Stacie Hibino
@staciehibino
#GHC15
#HackWithUs
@staciehibino
@banane
2015
Friday, Oct 16, 2015
2:30 - 3:30 pm
Anna Billstrom
@banane
Anna and Stacie

2. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHouse Rules
▪ Hardware is for hackathon participants only
▪ If you leave early, you must leave any
hardware / materials behind
− Neighborhood watch enforcement :-)
▪ Don’t be afraid to ask for help
▪ Be helpful to others
▪ Have fun!

3. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHackathon Agenda
▪ Welcome and Training
▪ Brainstorming and Pitches
▪ Team Formation and Idea Refinement
▪ Build Time
▪ Demo Time
▪ Voting and Prize Time

4. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHardware Packets
copper tape
3 Chibitronics white
LED stickers
3mm LED’s
3V button battery
binder clip

5. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeSimple Circuit: Chibitronics
2+ minute tutorial by Jie Qi, Chibitronics inventor
https://www.youtube.com/watch?v=MpAvCYFR_zM

6. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeMore on Basic Circuits
Chibitronics Circuits -- http://chibitronics.com/education/
Tips to Remember:
+ side is bigger or longer
Connect + to + … and connect - to –
Do not cross a + line with a – line! - +
+
-

7. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeReveal (Switches & Layers)

8. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeAnimate (Additional Circuits)

9. 2015
#GHC15
#HackWithUs
@staciehibino
@banane3D: Adding Dimension (Shapes)

10. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeMove / Twirl (Mechanics)
Light-Up Paper Helicopter Tutorial:
http://chibitronics.com/light-up-paper-helicopter/

11. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeSense (Hardware / Physical)

12. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHackathon Agenda
▪ Welcome and Training
▪ Brainstorming and Pitches (5 min)
▪ Team Formation and Idea Refinement (5 min)
▪ Build Time (20 min)
▪ Demo Time (5 min)
▪ Voting and Prize Time (5 min)

13. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeBrainstorming What to Make
▪ In general:
− there are no “bad” ideas
− riff off of each other
− wild and crazy can lead to cool and innovative
▪ Ideate to win – what makes a winning idea:
− Clever / surprising / delightful prototype
− Challenging solution (not just anyone can
implement) – don’t just “play it safe”

14. 2015
#GHC15
#HackWithUs
@staciehibino
@bananePitching Your Idea
▪ Good Pitches are:
− brief and to the point
− can include requests for help

15. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeForm Teams & Refine Ideas
▪ Teams
− Work with 1-3 other people
− Consider working with people you don’t know
▪ Idea refinement
− Articulate exactly what you will build and make
sure team agrees
− Decide who is doing what

16. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeBuild It! (20 min)
▪ Working demos rock!
▪ Think about separating prototyping into:
− Core idea: have to have
− Extras: nice to have
▪ Just do it!

17. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeDemo Time!
▪ Briefly describe what you are going to show
▪ Show it
▪ If time, mention:
− What was challenging
− What you learned
Good demos:
▪ Are fun / interesting / useful
▪ Work!
#GHC15
#HackWithUs
Post pics / video clips!
Stacie and Anna
demo SocialPong
(Best Social Game
iOSDevCamp 2010)

18. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeVoting & Prizes
▪ Typical decision-making:
− panel of judges or
community voting
▪ Great prizes are:
− relevant and fun
Stacie and Anna win “Sacrifice to the
Demo Gods” award at iOSDevCamp
2012 for Chicken Dance app

19. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeSummary
Hackathon Key Components:
▪ Welcome and Training
▪ Brainstorming and Pitches
▪ Team Formation and Idea Refinement
▪ Build Time
▪ Demo Time
▪ Voting and Prize Time

20. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeWhat is a hackathon?
▪ What:
− short and intense developer competition
− fun, energetic, inspirational event
− build something real for a given challenge
▪ Goal:
− quickly take an idea from brainstorming to
working prototype (e.g., in a day or weekend)
▪ Who:
− developers, UX designers, project managers, etc.

21. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeWhy participate in a hackathon?
▪ contribute to a good cause
▪ learn something new
▪ have time to build “that thing you’ve been
thinking about”
▪ meet new people
▪ it’s fun!
Stacie and Anna creating Chicken
Dance app at iOSDevCamp 2012

22. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeWhy organize a hackathon?
▪ Internal hackathons:
− great for team-building and new ideas
− engage both designers and engineers
▪ External hackathons:
− increase your developer base / intro new API
− build community around your product
− get new ideas / examples
▪ Coding for Good:
− accelerate solutions for big needs
− engage new volunteers into your community

23. 2015
#GHC15
#HackWithUs
@staciehibino
@banane
Participants are what make a
hackathon great.
Thank You!
@staciehibino @banane

24. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeTHANKS to our Sponsor!
Chibitronics
http://chibitronics.com/
@chibitronics

25. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeGot Feedback?
Rate and review the session on our mobile app
Download at http://ddut.ch/ghc15
or search GHC 2015 in the app store

26. 2015
#GHC15
#HackWithUs
@staciehibino
@banane
Resources

27. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHackathon References
Brugh, Willow (Feb 2013). “Organizing Hackathons.” Prezi presentation.
https://prezi.com/ndirux2wvzd-/organizing-hackathons/
“Hackathon” Wikipedia defintion http://en.wikipedia.org/wiki/Hackathon
The Hack Day Manifesto. http://hackdaymanifesto.com
Hackathon 101: https://www.youtube.com/watch?v=5h_uiGpg35Q
Hackathon FAQ: The rhetoric and rebuttal of hackathons. http://hackathonfaq.com
Hackathon IO – Organize & Discover Hackathons. http://hackathon.io
Hackathons. http://wiki.gwob.org/Hackathons
Leckart, Steven (February 2012). “The Hackathon Is On: Pitching and Programming the Next
Killer App,” Wired, February 2012.
http://www.wired.com/magazine/2012/02/ff_hackathons/all/1
Matias, J. Nathan (June 2014). “Media-Making Strategies to Support Community and Learning
at Hackathons.” MIT Center for Civic Media. June 30, 2014.
http://civic.mit.edu/blog/natematias/media-making-strategies-to-support-community-and-
learning-at-hackathons

28. 2015
#GHC15
#HackWithUs
@staciehibino
@banane
Chibitronics – Crafting with Electronics.
http://chibitronics.com/
littleBits DIY electronics for prototyping & learning.
http://littlebits.cc/
Bare Conductive -- conductive ink
http://www.bareconductive.com/
Make: Paper Inventions: Machines that Move, Drawings that
Light Up, and Wearables and Structures You Can Cut, Fold,
and Roll: http://www.amazon.com/Make-Inventions-
Wearables-Structures-Technology/dp/1457187523/
Introductory Kits / Reading

29. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeHardware Parts
In addition to companies listed on previous slide, hardware
parts and tutorials can also be found at:
Adafruit -- http://www.adafruit.com/
Sparkfun -- https://www.sparkfun.com/
Evil Mad Scientist -- http://www.evilmadscientist.com/
MakerShed -- http://www.makershed.com/

30. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeOther fun projects / parts
▪ BristleBot  motion
▪ Bare Conductive Touch Board  sound

31. 2015
#GHC15
#HackWithUs
@staciehibino
@bananeOther Logistics
▪ Sponsors can help reduce costs
− Reach out directly or use Twitter to seek help
− Can also help with prizes
▪ Venue
− Must haves: good WiFi, power for laptops, tables to work on, large space for
full group gathering
− Nice-to-haves: white boards, break-out rooms
▪ Food is an important aspect of the hackathon!
− Junk food may be expected
− But consider offering healthy options too
− And our advice: no hot dogs!
▪Publicizing the event:
− Use social networks and
− Prizes, speakers / judges, topics can all help encourage attendance