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!
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! - +
+
-
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”
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
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
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
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/
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