-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
226 lines (194 loc) · 11.4 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
?<!DOCTYPE html>
<html lang="en">
<head>
<title>Les Nouveaux Etudiants</title>
<meta charset="utf-8">
<meta property="og:description" content="Les étudiants acteurs du changement de l'éducation">
<meta name="description" content="Les étudiants acteurs du changement de l'éducation">
<link rel="Shortcut Icon" type="image/ico" href="img/favicon.png">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/queries/netbooks-tablets.css" type="text/css" media="screen and (max-width: 1007px)" />
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery.tagcanvas.min.js" type="text/javascript"></script>
<!--[if IE 7]><link rel="stylesheet" href="css/ie/ie7.css" type="text/css" media="screen"><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen"><![endif]-->
<!-- script pour récupérer les infos du google moderator -->
<script>
$.getJSON('./mots_cles.php', function(data) {
var items = [];
var yourNum;
var topicNum;
var seriesNum = 'b740d';
$.each(data.data.items, function(key, val) {
yourNum = Number(val.id.submissionId);
yourNum = yourNum.toString(16);
topicNum = Number(val.topics[0].id.topicId);
topicNum = topicNum.toString(16);
items.push('<li id="' + key + '"><a href="http://www.google.com/moderator/#15/e=' + seriesNum + '&t=' + seriesNum + '.' + topicNum + '&q=' + seriesNum + '.' + yourNum + '">' + val.text + '</a></li>');
});
$('<ul/>', {
html: items.join('')
}).appendTo($('.nuage'));
if( ! $('#myCanvas').tagcanvas({
textColour : '#e12617',
outlineThickness : 1,
maxSpeed : 0.01,
depth : 0.75
})) {
// TagCanvas failed to load
$('#myCanvasContainer').hide();
}
// your other jQuery stuff here...
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21113904-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="wrap">
<a id="event" href="http://eduhacktion5.eventbrite.com/">Edu'Hack'tion #5</a>
<header>
<div class="inside">
<table>
<tr><td>
<a href="index.html"><img src="./img/bulb.png" width="150"></a>
</td><td>
<h1>
<a href="index.html">Les Nouveaux Etudiants</a>
<small><a href="index.html">Acteurs de l'évolution de l'éducation</a></small>
</h1> <!-- This line for @font-face presentational purposes only -->
</td></tr>
</table>
<nav>
<ul>
<li><a href="http://blog.nouveauxetudiants.fr">Le Blog</a></li>
<li><a target="_blank" href="http://www.meetup.com/EduHacktion/">Les Evénements</a></li>
<li><a target="_blank" href="http://twitter.com/#!/NouvelEtudiant">Twitter</a></li>
<li><a target="_blank" href="http://www.facebook.com/NouveauxEtudiants">Facebook</a></li>
<li><a target="_blank" href="http://www.picbadges.com/nouvel-ingenieur/1560081/">Le badge</a></li>
<li><a target="_blank" href="http://pear.ly/YBvb">Le Pearltree</a></li>
</ul>
</nav>
</div>
</header>
<article>
<section>
<div class="inside">
<!-- Begin MailChimp Signup Form -->
<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://nouveauxetudiants.us2.list-manage1.com/subscribe/post?u=7fac1bfcb16c75f690735dd78&id=1e4f53caf3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<h3><img width=100% src="./img/EduHacktion5.png"></h3>
<h2>Par les Nouveaux Etudiants</h2>
<p>Nous organisons un cinquième événement le samedi 9 juin 2012 à partir de 10h à Paris. Inscrivez-vous ici : <a href="http://eduhacktion5.eventbrite.com/">Edu'Hack'tion #5</a> (l'événement est encore en cours de conception).
<br />
Un Edu'Hack'tion est une rencontre entre des étudiants et des enseignants innovants qui veulent hacker l'éducation, trouver des façons de concevoir des cours passionnants, efficaces, intelligents et amusants à la fois !
<br />
Il s'agira pour ce nouveau format de fabriquer des class-tests sur une journée et d'en faire la démonstration en fin d'après-midi.
<br />
Class-Test est en analogie avec Crash test. Il s’agit d’expérimenter une nouvelle manière d’apprendre le temps d’un cours. Ca passe ou ça casse, mais il faut essayer pour découvrir de nouvelles manières d’enseigner.
<br />
</p>
<h2>Trailer</h2>
<p>En cours de fabrication ;)</p>
<h2>Programme</h2>
<h3>Matin : Brainstorming</h3>
<p> • 9h30 : Accueil des participants
<br /> • 10h00 : Regroupés en petite équipes étudiants/enseignants de 10, on participera à des ateliers de créativité ou Hold-Ups pour hacker les classes de 4 enseignants et les transformer en un class-test qui permet d’apprendre le concept choisi par l’enseignant.
</p>
<p>Exemple de résultat d'un tel atelier :</p>
<p align=center><iframe src="http://player.vimeo.com/video/34268724?title=0&portrait=0" width="300" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<h3>Midi : Repas et pause détente</h3>
<p>Menu à déterminer. Sieste au soleil prévue.</p>
<h3>Après-midi : Fabrication</h3>
<p> • 13h30 : Chaque porteur de projet présente son idée de class-test imaginée pendant la matinée.
<br /> • 14h : Regroupés en petite équipes étudiants/enseignants de 10, on participera à des ateliers de fabrication pour réaliser les idées de classes proposées.
<br />Chaque groupe disposera d’une salle et de matériel. Des coachs et experts seront présents pour faciliter l'atelier.
<p> • 16h : Chaque groupe fait la démonstration de son échantillon de class-test de 30 min à un autre groupe.
<br /> • 16h30 : Feedback et on inverse les rôles
<br /> • 17h10 : Feedback pour le 2e groupe
<br /> • 17h30 : Jury final et remise des prix (Amazon kindles)
</p>
<h2>Une série d'événements nationaux</h2>
<p><br /> Il s'inscrit dans une série d'événements à portée nationale sur le thème de l'évolution de l'éducation.
<br /> • Hiver : Barcamp Conseil National du Numérique
<br /> • Mars : Journées de l'innovation à l'UNESCO
<br /> • Mai : TEDxUniversité
<br /> • Eté : Journées apprendre à l’heure du numérique</p>
<h2>L'enjeu de la démarche</h2>
<p> • Favoriser l'innovation dans l'éducation
<br /> • Connecter les innovateurs
<br /> • Impliquer toutes les parties prenantes (enseignants, étudiants, administrateurs) dans la co-création</p>
<h2>Précédent Edu'Hack'tion</h2>
<p>Voici le débriefing du précédent Edu'Hack'tion :</p>
<iframe src="http://player.vimeo.com/video/41341504?title=0&byline=0&portrait=0" width="550" height="310" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
<h2>Inscrivez-vous à la mailing list</h2>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</section>
</article>
<aside>
<div class="inside">
<h2>Visitez le blog !</h2>
<a class="eventend" href="http://blog.nouveauxetudiants.fr">Blog Nouveaux Etudiants</a>
<ol>
<li>Blog lancé à l'issue de la journée Edu'Hack'tion du 18 septembre 2011 à l'ESCP</li>
</ol>
<h2>Nuage de mots</h2>
<ol>
<a class="eventend" target="_blank" href="http://www.google.com/moderator/#15/e=b740d&t=b740d.42">Ajoutez vos mots !</a>
<li>
<canvas width="250" height="250" id="myCanvas">
<ul class="nuage">
</ul>
</canvas>
</li>
</ol>
<h2>Partenaires</h2>
<ol>
<li align=center><a target="_blank" href="http://www.unishared.com/"><br /><img src="./img/unishared.png" width=240><br /><br /></a></li>
</ol>
<h2>Coorganisé avec</h2>
<ol>
<li align=center><br /><a target="_blank" href="http://www.elab.fr/site/"><img src="./img/elabetter.png" width=200></a></li>
<li align=center><br /><a target="_blank" href="http://we.makesense.org"><img src="./img/makesensebetter.png" width=200></a></li>
<li align=center><br /><a target="_blank" href="https://www.facebook.com/pages/Noise-ESCP-Europe/214333031926782?sk=wall"><img src="./img/noisebetter.png" width=200></a></li>
<li align=center><br /><a target="_blank" href="http://learnitlab.wordpress.com/"><img src="./img/learnit.png" height=200></a></li>
<li align=center><br /><a target="_blank" href="http://missionrefresh.fr/"><img src="./img/refreshbetter.png" height=200></a></li>
</ol>
</div>
</aside>
</div>
<footer>
<div class="inside">
<h2>Etudiants, enseignants, regroupons-nous pour faire évoluer l'éducation !</h2>
<p>Collaborons pour innover et replacer les élèves au centre de leur formation.</p>
<ul>
<li>Les Nouveaux Etudiants en école d'ingénieurs : <a href=http://nouvelingenieur.fr style="color: #ffffff">nouvelingenieur.fr</a></li>
<li>Les Nouveaux Enseignants de l'E.l@b : <a href=http://elab.fr style="color: #ffffff">elab.fr</a></li>
</ul>
</div>
</footer>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>