Hackathon 101

Hacking with Edge+ WICS, Women in Information and Computer Science

First, lets meet each other

Your Name and add up to 2 words to the story

Hmmmwhat just happened?

HACKATHONS - FUD

* Question snippets from Quora.com

Question snippets from Quora.com

Whats in a hackathon?if (Hackathon.equals("SCARY")){ readReality();}private void readReality(){ System.out.println("Fun and relaxed events"); System.out.println("Meet a lot of like minded people"); System.out.println("Passion to learn and create solutions"); System.out.println("Dont have to be a genius / coding pro"); System.out.println("SWAG!"); System.out.println("Career Opportunities"); }

Expressing your idea (or solution) through code

Its all interactive this afternoon!How do you organize? Setting up your Dream TeamHow do you work together? Managing the dynamics and making decisionsHow do you express your idea or solution quickly? Prototyping

hackathon - DREAM TEAMForm a team of 4 with the following roles. (If the group is small, stick with 3 members) In your team, call out your skillsets and identify team members with similar rolesEnsure your group consists of # HustlerHustler and Visionary (2)# Hipsterthe Designer# Hacker

* Reference https://sendgrid.com/blog/prepare-hackathon/

From: https://sendgrid.com/blog/prepare-hackathon/

(1) HUSTLER(2) Visionary

Hustler and Visionary - You dont need to be a marketing guru or a COO Visionary# Are the business savvy ones# Find product - market fit & sell the productHustler# Ensure timely goals are met during the course of the hackathon#Can put together a plan and move the team along#Find cheap or free resources to help your team

HACKER

The Hacker - brings their utility belt of technological solutions# Learn a javascript framework - React, Backbone, Angular# Stub data - Build a facade and not an engineStub data in fixtures (JSON files), simple google fusion tables, or a very simple backend using something like Firebase, CouchDB

#Hacker - You Dont have to be a coding pro

Many teams have more than 1 hackerif you have mad front end skills, you can bootstrap the backend for a hackathon. If you have awesome backend skills, work with your hipster/designer to figure out how you can integrate what you coded with a front end experience

Commonly used APIs Communications & Social APIs - Twillo, SendGrid, Facebook, Twitter, Reddit, Instagram, Google+

Geo APIs - Google Maps, Google places, Yelp, MapBox, Uber API

Payment related APIs - Venmo, Paypal, Stripe

Music APIs - Spotify, EchoNest, Google Play, SoundCloud

* More examples on http://studenthackers.devpost.com/#rankings

HIPSTER(Designer)

#Hipster - you dont have to be an artist# Think through the flows of a customer interaction# Prototype quickly and iterate to refine your teams solution# Use Dribbble, Behance, pttrns.com for inspiration

Ace-ing the UX, users total experience of a project/service or system from start to finish.Key = Iterative process with prototyping

Got your team? Each person has a role? Now, lets solve a potential hackathon problem

The Customer ProblemJane is late for the 4th time this quarter and its only 6 weeks in. Her professors are threatening to drop her from the course if she doesnt start arriving on time. Jane struggles finding parking and cant leave earlier because she works part-time at a local Bagel Shop called Lox and Bagel. Her manager wont let her leave early because its the busy time in the morning and there are a lot new employees that are still trainingCreate a solution that can help Jane find parking quickly within her tight schedule?

Consideration: What data points would we collect to help her timing and parking problem?

The Challenge: 24 hours

In your teams, break up the work and come with a plan to solve the problem within 24 hour period!

Share Out: What was easy to do? What was hard to do?

GRPIGoals: Desired Outcomes/Great Experience/Needs of SponsorRoles: Facilitator, Scribe, Timekeeper, Etc.Process: Agenda and TimelineInterpersonal: Ground Rules, GuidelinesHow we want to behave individually and as a teamHow we want to communicateWhat will be a great experience interpersonally

Start here

Fast Path I#Intuit - Confidential...

20

The Customer ProblemJane is late for the 4th time this quarter and its only 6 weeks in. Her professors are threatening to drop her from the course if she doesnt start arriving on time. Jane struggles finding parking and cant leave earlier because she works part-time at a local Bagel Shop called Lox and Bagel. Her manager wont let her leave early because its the busy time in the morning and there are a lot new employees that are still trainingCreate a solution that can help Jane find parking quickly within her tight schedule?

Consideration: What data points would we collect to help her timing and parking problem?

The Challenge: 24 hours

In your teams, break up the work and come with a plan to solve the problem within 24 hour period!Revisit the task using GRPI Framework

Share Out: What other situations would this be helpful to use?

Making DecisionsIts the last 5 hours of the hackathon and your team came up with two different solutions.

Scenario:

The "team" came up with two solutions and they need to decide which one to move forward with...your team only has 5 hours left in the hackathonSolution 1 Solution that solves having the closest parking spot to the classroomSolution 2 Solution that solves for fastest (least amount of time) way to get a parking spot

In Task: Decide on which solution to move forward with?

How did you make the decision?!

Share Out: What was easy to do? What was hard to do?

Decision Making Shared VisionDecision + Commitment + Execution = OutcomeShared VisionSolid, Clear LogicRight Scope & AltitudeExplicit Vs. Implicit Put it in writing

Your Data & AssumptionsTheir Data & AssumptionsWhere You Agree

Simple Easy WordsSeparate The What Vs. the HowBalance Inquiry and Advocacy

Fast Path I#Intuit - Confidential

25Shared Vision Process:What Do They Know That You Dont?What Do You Know That They Dont?

Have to unpack and unbundle decision in order to find path to shared visionExample: we have shared vision on upgrading ILN, but not on resource allocationso it felt like none of it did

Put into writing and shareItll be stickier!

26Best-in-Class Tool: All Roles CriticalDACIDriver: Drives decision process with key stakeholdersDevelops set of options and recommends best option based on decision criteriaApprover: Ultimate decision authority and accountable for outcomeEnsures right people involved;Defines decision criteria;Defines date for decision;Makes the decision & owns itContributor: Contributes pre-decision input & perspectiveOffers candid & relevant input;Courage to challenge & disagree;Will commit to final decisionInform: Informed post decision for clarity & executionShould understand decisionWhat criteria, who was involved, and what is needed from themCritical Roles

26You (fast pathers) are often the D in this company..not the decision-maker, though you may often be asked for your recommendationA is an active roleYou must push back on approver if they are not doing their jobIt is not your job to own managing a lack of shared vision if there are multiple approversbut it is to bring it up if thats whats happeningQ; more than one approver? Q: project mng use this? Nooooo, have to pull this apart cuz there might be 3-4 decisions within a projectContributors job is to represent their constituencytelesales person should rep telesales, not themselves or their personal agendaand should be educating telesales on process, change management, etc.Informed:

Is this how you experinece the DACI? No? Lets talk about that

A DACIsometimes called a RACI or an ARCIbut with the very same elements that we have used since introducing the DACI at our leadership conference in 2004.

Since so many of our leaders have joined Intuit since 2004

And the fact that it requires some updating based on our applied learning over the past 4 years

I wanted to take the time to review the concepts today

Revisiting using DACIAs a team, consider the same situation but now your team has two potential solutions and the team does not have much time to make decision.

Scenario:

The "team" came up with two solutions and they need to decide which one to move forward with...your team only has 5 hours left in the hackathonSolution 1 Solution that solves having the closest parking spot to the classroomSolution 2 Solution that solves for fastest (least amount of time) way to get a parking spot

In Task: Use this new model, what is your decision?Why?!

Share Out: What other situations would this be helpful to use?

Prototype

29

A prototype is a way to visually express, test, and iterate on your idea

https://uxmag.com/articles/what-a-prototype-is-and-is-not

Do you know what a prototpye is? Can you help me define it in your own words?30

31

Double Diamond

32

Research insights into the problemSynthesize areas you want to focus onIdeate on potential solutionsImplement solutions that work

Discover insights into the problem, Define the area you want to focus on, Develop potential solutions, Deliversolutions that workResearch, Synthesis, Ideation, Implementation

33

You don't necessarily have to go in this orderIt doesn't matter what stage you're in, find the right fidelity that works for your project34

Software

35

Prototyping Fidelities

LowMediumHigh

36

What FidelityShould I Use?The fidelity of your prototype should match the fidelity of your questions.The WhatAm I building the right thing?The HowAm I building this thing right?VS.

37

Prototyping Examples

38

Hardware

https://www.youtube.com/watch?v=d5_h1VuwD6g39

Tom Chi: Google Glass

https://www.youtube.com/watch?v=d5_h1VuwD6g&t=95s

Until 2:06 40

Rule # 1:Find the quickest path to experience

Rule # 2: Doing is the best kind of thinking

Rule #3: Use materials that move at the speed of thought to maximize your rate of learning3 Prototyping Rules from Tom Chi:

http://blog.fictiv.com/posts/4-fundamental-objectives-of-prototyping-hardware

Data prototpying assess how customers respond to your startup41

How does software and hardware complement each other?

42

LabRapid Prototyping

43

Rapid PrototypingGenerates ideas to problems youre stuck onMinimizes design flawsGain immediate user insights/ learningsSaves time, costs and resourcesIf you can draw a line you can prototype

44

Rapid PrototypingCustomer ProblemJane is late for the 4th time this quarter and its only 6 weeks in. Her professors are threatening to drop her from the course if she doesnt start arriving on time. Jane struggles finding parking and cant leave earlier because she works part-time at a local Bagel Shop called Lox and Bagel. Her manager wont let her leave early because its the busy time in the morning and there are a lot new employees that are still training.Create a solution that can help Jane find parking quickly within her tight schedule?

Consideration: What data points would we collect to help her timing and parking problem?

Your Challenge

45

Rapid PrototypingRolesGreeterPuppeteer ScribeData Scientist

46

Thank You!Any Questions?

47