-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html?p=28.html
215 lines (198 loc) · 16.7 KB
/
index.html?p=28.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>What a Good Hackathon Project Should Have (Practical Checklist) | Code for Freedom</title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="xmlrpc.php">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href='wp-content/themes/codeforfreedom/images/code-for-freedom.ico' rel='shortcut icon'
type='image/x-icon'/>
<!--[if lt IE 9]>
<script src="/wp-content/themes/codeforfreedom/js/html5.js"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="Code for Freedom » Feed" href="feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Code for Freedom » Comments Feed" href="comments/feed/index.html" />
<link rel='stylesheet' id='codeforfreedom-lato-css' href='http://fonts.googleapis.com/css?family=Lato%3A300%2C400%2C700%2C900%2C300italic%2C400italic%2C700italic' type='text/css' media='all' />
<link rel='stylesheet' id='genericons-css' href='wp-content/themes/codeforfreedom/genericons/genericons.css%3Fver=3.0.2.css' type='text/css' media='all' />
<link rel='stylesheet' id='codeforfreedom-style-css' href='wp-content/themes/codeforfreedom/style.css%3Fver=4.0.css' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='codeforfreedom-ie-css' href='/wp-content/themes/codeforfreedom/css/ie.css?ver=20131205' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.11.1'></script>
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
<link rel='prev' title='Free/libre/open Licenses' href='index.html%3Fp=14.html' />
<link rel='next' title='About Code for Freedom' href='index.html%3Fp=141.html' />
<meta name="generator" content="WordPress 4.0" />
<link rel='canonical' href='index.html%3Fp=28.html' />
<link rel='shortlink' href='index.html%3Fp=28.html' />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<!-- WordPress Facebook Open Graph protocol plugin (WPFBOGP v2.0.11) http://rynoweb.com/wordpress-plugins/ -->
<meta property="fb:app_id" content="375905445865697"/>
<meta property="og:url" content="http://codeforfreedom.kodujdlapolski.pl/what-a-good-hackathon-project-should-have-practical-checklist-by-alexey-sidorenko-teplitsa/"/>
<meta property="og:title" content="What a Good Hackathon Project Should Have (Practical Checklist)"/>
<meta property="og:site_name" content="Code for Freedom"/>
<meta property="og:description" content=" A practical checklist for a civic hackathone: During the Code for Freedom every participant will have about 16 hours of effective wor"/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="http://codeforfreedom.kodujdlapolski.pl/wp-content/uploads/2014/08/facebook_code_for_freedom.png"/>
<meta property="og:locale" content="en_us"/>
<!-- // end wpfbogp -->
</head>
<body class="single single-post postid-28 single-format-standard masthead-fixed full-width singular">
<header>
<div class="container">
<h1 class="site-title">
<a href="index.html" rel="home">
<img src="wp-content/themes/codeforfreedom/images/logo.png"
title="Code for Freedom"/>
</a>
</h1>
<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
<div class="menu-main-menu-container"><ul id="menu-main-menu" class="nav-menu"><li id="menu-item-159" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-159"><a href="http://codeforfreedom.kodujdlapolski.pl/">Home</a></li>
<li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="index.html%3Fp=8.html">News and Tips</a></li>
<li id="menu-item-625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-625"><a href="index.html%3Fp=622.html">Program</a></li>
<li id="menu-item-456" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-456"><a href="index.html%3Fp=453.html">Rules</a></li>
<li id="menu-item-220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="index.html%3Fp=62.html">Mentors</a></li>
<li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-588"><a href="index.html%3Fp=577.html">Localisation</a></li>
<li id="menu-item-746" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-746"><a href="index.html%3Fp=745.html">Gallery</a></li>
<li id="menu-item-574" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-574"><a href="index.html%3Fp=467.html">Contact</a></li>
</ul></div> </nav>
</div>
</header><div class="mainBanner">
<div class="position">
<div class="info col-xs-12 col-sm-9 col-md-6 col-lg-5">
<p class="col-sm-offset-1 big">code for freedom</p>
<p class="col-sm-offset-1">27-28 september, gdansk</p>
</div>
<a class="register col-sm-4 col-md-3 col-sm-offset-3" href="https://c4freedom.evenea.pl/" target="_blank">
register now
<span class="col-xs-1 col-sm-2 pull-right">→</span>
</a>
<div class="container"></div>
</div>
</div> <div id="main" class="container"><!-- #main container -->
<div class="main-content col-xs-12 col-sm-8">
<div class="single-post row">
<h2 class="title">
News and Tips </h2>
<div class="post">
<div class="subTitle">What a Good Hackathon Project Should Have (Practical Checklist)</div><!-- .entry-header --> <div class="content">
<p><a href="http://kdp.epf.p3.tiktalik.io/wp-content/uploads/2014/08/Alexey_Sidorenko.jpg"><img class="alignnone size-full wp-image-40" src="http://kdp.epf.p3.tiktalik.io/wp-content/uploads/2014/08/Alexey_Sidorenko.jpg" alt="Alexey_Sidorenko" width="280" height="180" /></a></p>
<p> </p>
<p> </p>
<p dir="ltr" style="color: #323232;">A practical checklist for a civic hackathone:</p>
<p style="color: #323232;">During the <strong>Code for Freedom </strong>every participant will have about 16 hours of effective work (unless, of course, you’re an android, zombie, or both and you neither need to sleep nor eat).</p>
<p dir="ltr" style="color: #323232;">This is quite a short period of time . Use your time wisely. We’ve prepared a short checklist (below) of what a good project should have in order to succeed. We’ve suggested the time needed for every stage of the process (of course, it’s up to you to manage your time).</p>
<ol style="color: #323232;">
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Prepare</strong>. Think of the tools, datasets, software you might need before the hackathon. Learning about the technologies needed for your project – is a good homework to do. Browsing Internet during the hackathon looking for the solution – isn’t necessarily the best use of time <img class="wp-smiley" style="font-weight: inherit; font-style: inherit;" src="http://ceehack.org/wp-includes/images/smilies/icon_wink.gif" alt=";)" /></p>
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Talk</strong>. As soon as you get to the Hackathon, don’t dive into coding. Talk first. You will need good understanding of the problem, which the your project aims to solve. Try choosing small problems. [30-60 min]
<p dir="ltr" style="font-weight: inherit; font-style: inherit;">
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Talk more</strong>. You will also need good understanding of the target audience. Who will be using your project? Try creating a <a href="http://en.wikipedia.org/wiki/Persona_(user_experience)" target="_blank">persona </a>(a sterotypical user, model of a person, ideal example, e.g. John Smith, 45-year old clerk with a family and 10 years of credit to pay off) for whom you’ll be creating your project. Refer to this imaginative persona when making a prototype. If you think you can manage several use-cases try developing several personas. [30-60 min]</p>
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Develop a prototype first</strong>. In the beginning, it’s easier to create a prototype than code. You can use sheets of paper, PowerPoint, <a style="font-weight: inherit; font-style: inherit; color: #777777;" href="https://moqups.com/" target="_blank">Moqups.com</a> or other <a style="font-weight: inherit; font-style: inherit; color: #777777;" href="http://designmodo.com/wireframing-prototyping-tools/" target="_blank">specialized tools for that</a>. [5-6 hours]</p>
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;">Then <strong style="font-style: inherit;"><a href="http://scalemybusiness.com/the-ultimate-guide-to-minimum-viable-products/" target="_blank">Develop Minimum Viable Product </a>(MVP)</strong>. After you and your colleagues agree on the prototype, start coding. Coding is a time consuming project, and you know that. Therefore, code a MVP – something that resembles the function you plan to develop. It doesn’t have to be perfect but it has to solve the problem you’ve explored in pt.2. If you don’t code yourself, you can think of promotion or other use-cases or make a nice presentation. [10-12 hours]</p>
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Create a presentation of your project</strong>. Prepare 5 minute presentation. Ideally, it’d be great if you could record a promo-video or an animated infographics (try using <a style="font-weight: inherit; font-style: inherit; color: #777777;" href="http://moovly.com/" target="_blank">moovly.com</a> or <a style="font-weight: inherit; font-style: inherit; color: #777777;" href="http://visual.ly/" target="_blank">visual.ly</a>) about your project – it is fun to watch such videos [1 hour]</p>
</li>
<li dir="ltr" style="font-weight: inherit; font-style: inherit;">
<p dir="ltr" style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">Keep your files organized</strong>. Upload the MVP to the code repository (<a style="font-weight: inherit; font-style: inherit; color: #777777;" href="https:/" target="_blank">GitHub</a> or <a style="font-weight: inherit; font-style: inherit; color: #777777;" href="https://bitbucket.org/" target="_blank">BittBucket</a>), send the organizers the link to it and the powerpoint presentation; save your prototype – save it for your grandkids <img class="wp-smiley" style="font-weight: inherit; font-style: inherit;" src="http://ceehack.org/wp-includes/images/smilies/icon_wink.gif" alt=";)" /></p>
</li>
</ol>
<p style="color: #323232;">Good luck and see you at the Code for Freedom!</p>
<p style="color: #323232;">–</p>
<p style="color: #323232;">Author: Alexey Sidorenko – the director of the Russia-focused project “Teplitsa. Technologies for Social Good,” public education project aimed at developing cooperation between the non-profit sector and IT-specialists.</p>
</div>
<a class="goBack" href="index.html%3Fp=28.html" target="_self">Go back</a> <!-- .entry-content -->
</div> </div>
</div>
<div class="main-sidebar col-xs-12 col-sm-3 col-sm-offset-1">
<div class="sidebarNewsAndTips sidebar">
<div class="twitter">
<br />
<b>Warning</b>: Invalid argument supplied for foreach() in <b>/var/www/wordpress/wp-content/themes/codeforfreedom/sidebar-widget_twitter.php</b> on line <b>74</b><br />
<div class="widget_twitter"><h3>#c4freedom</h3><ul class="widget_twitter_list"></ul></div> </div>
<div class="facebook">
<a class="widget_facebook" href="https://www.facebook.com/events/1517059608509425/" target="_blank">
<div class="text">code for<br>
freedom<br>
on facebook
</div>
<div class="arrow">→</div>
</a> </div>
</div> </div>
</div>
<script>
window.onload = function () {
if (jQuery('#primary-navigation').find('li a:contains("News and Tips")')) {
jQuery('#primary-navigation').find('li.current_page_item').removeClass('current_page_item');
jQuery('#bottom-navigation').find('li.current_page_item').removeClass('current_page_item');
jQuery('#primary-navigation').find('li a:contains("News and Tips")').parent().addClass('current-menu-item current_page_item');
jQuery('#bottom-navigation').find('li a:contains("News and Tips")').parent().addClass('current-menu-item current_page_item');
}
}
</script>
<footer>
<div class="container">
<nav id="bottom-navigation" class="site-navigation bottom-navigation col-xs-12 col-sm-8 row pull-left"
role="navigation">
<div class="menu-main-menu-container"><ul id="menu-main-menu-1" class="nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-159"><a href="http://codeforfreedom.kodujdlapolski.pl/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="index.html%3Fp=8.html">News and Tips</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-625"><a href="index.html%3Fp=622.html">Program</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-456"><a href="index.html%3Fp=453.html">Rules</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="index.html%3Fp=62.html">Mentors</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-588"><a href="index.html%3Fp=577.html">Localisation</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-746"><a href="index.html%3Fp=745.html">Gallery</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-574"><a href="index.html%3Fp=467.html">Contact</a></li>
</ul></div> </nav>
<div class="license col-xs-12 col-sm-3 row pull-right">
<img src="wp-content/themes/codeforfreedom/images/licence/cc.png" alt="Creative Commons"/>
<img src="wp-content/themes/codeforfreedom/images/licence/cc-share.png"
alt="Creative Commons Share alike"/>
<img src="wp-content/themes/codeforfreedom/images/licence/cc-person.png" alt="Creative Commons"/>
</div>
<div class="inspired col-xs-12 row">
Inspired by <a href="http://ceehack.org/"
target="_blank">ceehack.org</a> by <a href="http://te-st.ru/" target="_blank">Teplitsa</a>
</div>
</div>
</footer>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="wp-content/themes/codeforfreedom/js/masonry.pkgd.min.js"></script>
<script src="wp-content/themes/codeforfreedom/js/masonry.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-54238293-1', 'auto');
ga('send', 'pageview');
</script>
<script type='text/javascript' src='wp-content/themes/codeforfreedom/js/functions.js%3Fver=20140319'></script>
</body>
</html>