-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
321 lines (302 loc) · 16.1 KB
/
index.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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
---
layout: default
title: MedHack
---
<section class="concept" id="concept">
<div class="container">
<div class="row">
<div class="span12 text-center">
<h2>Concept</h2>
<p>Faire émerger des solutions innovantes à travers un échange direct entre “ceux qui fabriquent” (les
hackers) et “ceux qui utilisent” (les professionnels de santé).</p>
<p>A partir des défis proposés des équipes se constituent pour mettre en oeuvre des solutions
logicielles et/ou matérielles.</p>
</div>
</div>
</div>
</section>
<section class="defi" id="defi">
<div class="container">
<div class="row">
<div class="span12 text-center">
<h2>Proposer un défi</h2>
<p>Le défi doit présenter une problématique médicale susceptible d’être résolue, ou du moins en partie,
par une approche numérique (logicielle et/ou matérielle).</p>
<p>Le défi doit porter sur les thèmes suivants :
<div class="theme">
<ul>
<li>dossier patient</li>
<li>open data santé</li>
<li>médico social</li>
<li>imagerie médicale</li>
<li>télémédecine</li>
<li>lien ville-hôpital</li>
<li>DMP</li>
<li>m-santé et le mobile à l’hôpital</li>
</ul>
</div>
</p>
<p>Les défis peuvent être soumis jusqu’au dernier moment.</p>
<p>Le porteur du défi doit présenter son défi le vendredi soir, trouver un capitaine et une équipe.</p>
<a href="defi.html" class="btn">Je propose mon défi</a>
</div>
</div>
</div>
</section>
<section class="equipe" id="equipe">
<div class="container">
<div class="row">
<div class="span12 text-center">
<h2>Rejoindre une équipe</h2>
<p>Dès l’inscription vous pouvez sélectionner le défi qui vous intéresse parmi ceux déjà déposé. C’est
le vendredi soir après les pitch des porteurs de défis que les équipes se constitueront
officiellement.</p>
<a href="inscription.html" class="btn">Je rejoins une équipe</a>
</div>
</div>
</div>
</section>
<section class="deroulement" id="deroulement">
<div class="container">
<div class="row te">
<div class="span12 text-center">
<h2>Déroulement</h2>
</div>
</div>
<div class="row">
<div class="span3">
<h2>Vendredi</h2>
<p>19h départ, les défis sont présentés par le porteur du défi, un capitaine est désigné et les équipes
se définissent. 5mn de présentation par défis.</p>
</div>
<div class="span3">
<h2>Samedi</h2>
<p>code, code, code …</p>
</div>
<div class="span3">
<h2>Dimanche</h2>
<p>code, code, code … juqu'a 19h</p>
<p>diner convivial</p>
<p>repos ou pas</p>
</div>
<div class="span3">
<h2>Lundi</h2>
<p>9h présentation des projets</p>
<p>11h délibération</p>
<p>11h30 remise des prix</p>
</div>
</div>
</div>
</section>
<section class="questions" id="questions">
<div class="container">
<div class="row">
<div class="span12 text-center">
<h2>Questions</h2>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseOne">
Qu’est ce qu’un hackathon ?
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Un hackathon est un évènement collaboratif où des développeurs et des designers se
retrouvent sur plusieurs jours pour réaliser des projets informatiques. Le terme
hackathon est la fusion de hack et marathon, où hack désigne la volonté d’assembler
toutes les technologies possibles pour créer un nouveau produit et marathon précise que
cela doit être fait en un temps donné sans s’arrêter.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseTwo">
Pourquoi un hackathon dédié à la santé ?
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse in">
<div class="accordion-inner">
Les professionnels de santé sont confrontés à des problèmes mais n’ont pas les
connaissances techniques pour y trouver des solutions. C’est l’occasion de profiter de
hackers qui aime à résoudre des problèmes et concevoir des applications.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseThree">
Qui peut venir ?
</a>
</div>
<div id="collapseThree" class="accordion-body collapse in">
<div class="accordion-inner">
Des hackers : développeur et designer toute technologie confondues qui ont envie
d’apporter leur compétences à ce secteur et de travailler en direct avec des
professionnels de santé.
<br>
Des professionnels de santé : médecin, chirurgien, infirmier, aide-soignant,
administrateur qui ont des problématiques et des idées pour les résoudre mais pas de
compétences pour les réaliser.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseFour">
Qui peut soumettre un défi ?
</a>
</div>
<div id="collapseFour" class="accordion-body collapse in">
<div class="accordion-inner">
Toute personne qui à une idée en rapport avec une problématique de santé peut pitcher
une idée et rassembler une équipe.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseFive">
A partir de quand peut on soumettre un défi ?
</a>
</div>
<div id="collapseFive" class="accordion-body collapse in">
<div class="accordion-inner">
Nous ouvrirons l’appel à défi 1 mois avant l’évènement, inscrivez-vous à la newsletter
pour être tenu informé.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseSix">
Quel est l’objectif de cet évènement ?
</a>
</div>
<div id="collapseSix" class="accordion-body collapse in">
<div class="accordion-inner">
Lors de l’évènement l’idée est de réaliser des prototypes qui montre la viabilité d’une
idée pour améliorer la santé, la prise en charge des patients, l’accès aux soins...
<br>
Plus généralement l’idée est de stimuler l’innovation en faisant travailler ensemble des
utilisateurs et des concepteurs. De faire en sorte qu’aucune bonne idée reste au placard
par manque de moyens pour la réaliser. Et ainsi d’apporter au secteur de la santé des
améliorations significatives tant pour les patients que pour les praticiens.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseSeven">
Quid de la propriété de la solution réalisée ?
</a>
</div>
<div id="collapseSeven" class="accordion-body collapse in">
<div class="accordion-inner">
Les applications ou produits réalisés lors de l’évènement sont la propriété de ceux qui
l’on concue. MedHack est évènement destiné à faciliter la mise en oeuvre de solution et
n’a pas vocation à revendiquer la propriété. Aux équipes de définir dès le début du
projet la propriété de ce qu’elles vont réaliser. Un projet peut aboutir à un produit
propriétaire ou devenir open-source, c’est à l’équipe de le définir. Le risque d’exposer
votre idée au public est compensée par le bénéfice de savoir si elle pertinente et de
trouver une équipe qui y adhère.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseEight">
Combien ca coute ?
</a>
</div>
<div id="collapseEight" class="accordion-body collapse in">
<div class="accordion-inner">
74,99 Euros sans l’hébergement
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseNine">
Ou peut on dormir ?
</a>
</div>
<div id="collapseNine" class="accordion-body collapse in">
<div class="accordion-inner">
Sur place pour les plus endurcis et sinon dans les hotels aux alentours TODO LINKS
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseTen">
Qui organise cet évènement ?
</a>
</div>
<div id="collapseTen" class="accordion-body collapse in">
<div class="accordion-inner">
Alsace Digitale est une association d’entrepreneur et de geek dont l’objectif est de promouvoir l’économie numérique et l’entrepreunariat en Alsace.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
data-target="#collapseEleven">
Combien attendez vous de personnes ?
</a>
</div>
<div id="collapseEleven" class="accordion-body collapse in">
<div class="accordion-inner">
100 tous 1/3 de professionnels de santé 2/3 de hackers
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="presse" id="presse">
<div class="container">
<div class="row">
<div class="span12 text-center">
<h2>Presse</h2>
</div>
</div>
</div>
</section>
<section class="sponsors" id="sponsors">
<div class="container">
<div class="row">
<div class="span12">
<h2>Sponsors et Partenaires</h2>
<ul class="inline sponsors">
<li><a href="http://www.alsacedigitale.org" target="_blank"><img src="img/alsacedigitale.png"/></a>
</li>
<li><a href="http://www.laplagedigitale.eu" target="_blank"><img src="img/laplagedigitale.png"/></a>
</li>
<li><a href="http://www.strasbourg.eu" target="_blank"><img class="smaller"
src="img/strasbourg_eu.jpg"/></a></li>
<li><a href="http://www.strasbourg.eu" target="_blank"><img src="img/StrasbourgTheEuroptimist.png"/></a>
</li>
<br/>
<li><a href="http://www.unistra.fr" target="_blank"><img src="img/uds.png"/></a></li>
<li><a href="http://www.sfr.fr" target="_blank"><img src="img/sfr.png"/></a></li>
<li><a href="http://www.semia-incal.com" target="_blank"><img src="img/semia.png"/></a></li>
</ul>
</div>
</div>
</div>
</section>