-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
167 lines (152 loc) · 6.95 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
<!DOCTYPE HTML>
<!--
Industrious by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Informatique au gymnase</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">Informatique au gymnase</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#projets">Projets</a></li>
<li><a href="#footer">A propos</a></li>
</ul>
</nav>
<!-- Heading -->
<section id="baniere">
<div id="heading" >
<h1>Informatique au gymnase</h1>
</div>
</section>
<section class="wrapper" id="accueil">
<header class="special">
<p>Ce site regroupe les activités que j'utilise pour enseigner aux élèves du gymnase. Certaines sont vouées aux élèves en option complémentaire informatique, d'autres à des élèves déjà expérimentés en programmation dans le cadre d'une école d'été de robotique. Vous trouverez également certaines activités que je propose dans des cours d'introduction à la science informatique pour les premières années de gymnase.</p>
<p>Les document mis à disposition sur ce site sont sous licence Creative Common 4.0 BY SA (Attribution - Partage dans les mêmes conditions). Ces ressources ont été générées en utilisant le format markdown et de mkdocs. Les sources sont ou seront disponibles pour la plupart sur github.</p>
</header>
</section>
<!-- Highlights -->
<section class="wrapper" id="projets" style="background-color: rgba(0,10,25,0.1);">
<div class="inner">
<header class="special">
<h2>Introduction à la programmation</h2>
</header>
<div class="highlights" style="margin: auto;">
<section style="width: 50%;">
<div class="content">
<header>
<a href="./scratch/site/index.html"><img src="images/ScratchIcon.jpg" width="200" height="160"></a>
<h3>Scratch</h3>
</header>
<p>Initiez-vous à la programmation en scratch à travers la programmation d'un jeu. Allez plus loin en programmant un simulateur multi-agents.</p>
</div>
</section>
<section style="width: 50%;">
<div class="content">
<header>
<a href="./python/site/index.html"><img src="images/pythonIcon.jpg" width="200" height="160"></a>
<h3>Python</h3>
</header>
<p>Découvrez les bases de la programmation en python. Allez plus loin grâce aux algorithmes de tri.</p>
</div>
</section>
</div>
</div>
</section>
<section class="wrapper" id="cta">
<div class="inner">
<header class="special">
<h2>Activités par thèmes</h2>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="https://info-edu.github.io/TraitementImages/index.html"><img src="images/lenna.jpg" width="230" height="190"></a>
<h3>Traitement d'images</h3>
</header>
<p>Reinvestissez vos compétences en gestion de listes python pour cette fois-ci apprendre à gérer des tableaux 2, voire 3 dimensions que sont les images.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="./ML/site/index.html"><img src="images/RobotTournesol.jpeg" width="200" height="190"></a>
<h3>Apprentissage autonome</h3>
</header>
<p>Sans rentrer dans de longs débats sur ce qu'est l'intelligence, découvrez comment faire apprendre une machine.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="https://mobileroboticsschool.github.io/"><img src="images/CADing.png" width="200" height="190"></a>
<h3>Robotique mobile</h3><img src="images/uk.jpg" width="40" height="25">
</header>
<p>Initiez-vous à la robotique mobile et découvrez les bases de l'éléctronique, des lois de contrôle robotiques, et du design 3D.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="./pygame/index.html"><img src="images/4_balles.gif" width="200" height="190"></a>
<h3>POO</h3>
</header>
<p>Découvrez les bases de la programmation orientée objet (POO) en créant un jeu vidéo à l'aide de python et de pygame.</p>
</div>
</section>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>A Propos</h3>
<p>Après quelques années dans la recherche en informatique, à travailler sur les sujets très stimulants que sont la robotique autonomes, la réalité augmentée, la reconstruction 3D et le machine learning, mon plaisir pour partager mon enthousiasme pour l'informatique grandit. C'est ainsi que de la recherche en informatique je fais une transition douce vers son enseignement.
</p>
<p><p>
J'ai du plaisir à faire de l'informatique pour faire de l'informatique, car elle m'offre une source de puzzles infinie, mais il n'y a pas que ça. Je pense que comprendre l'informatique et avoir des compétences dans le domaine est primordial pour comprendre notre monde qui devient de plus en plus numérique. Ainsi je souhaite à chacun, au moins, de savoir que le monde de l'informatique lui est ouvert. J'espère donc à l'avenir donner les clefs de ce monde au plus grand nombre.</p>
</p>
</section>
<section>
<h4>Liens</h4>
<ul class="plain">
<li><a href="https://people.epfl.ch/amaury.dame"><i class="icon fa-vcard-o"> </i>EPFL</a></li>
<li><a href="https://www.linkedin.com/in/amaury-dame-120269ab"><i class="icon fa-linkedin"> </i>Linkedin</a></li>
<li><a href="https://github.com/info-edu/info-edu.github.io"><i class="icon fa-github"> </i>Github</a></li>
<li><a href="mailto:amaury.dame@epfl.ch"><i class="icon fa-envelope"> </i>Email</a></li>
<li><a href="https://www.instructables.com/member/amaury_d/instructables/"><i class="icon fa-group"> </i>Instructables</a></li>
</ul>
</section>
</div>
<div class="copyright">
© Creative Common 4.0 BY SA (Attribution - Partage dans les Mêmes Conditions)</a>.
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>