-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprogrammeer-instructie.html
More file actions
237 lines (222 loc) · 14.6 KB
/
programmeer-instructie.html
File metadata and controls
237 lines (222 loc) · 14.6 KB
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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="PXL iTalent Portfolio" name="description">
<meta content="Anthony Stulens" name="author">
<title>Anthony Stulens - PXL iTalent Portfolio</title>
<link href="img/icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="img/icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="/Portfolio/index.html">Anthony Stulens</a>
<button aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler navbar-toggler-right" data-target="#navbarResponsive" data-toggle="collapse"
type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#about">About me</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#overzicht">Overzicht</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#reflectie">Reflectie</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-center text-white d-flex topvakantie">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>Programmeer instructie</strong>
</h1>
</div>
<div class="col-lg-8 mx-auto">
<i class="fas fa-4x fa-paper-plane text-white mb-3 sr-icon-1"></i>
<p class="text-faded mb-3">Student engagement</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#inhoud">Lees meer</a>
</div>
</div>
</div>
</header>
<section id="inhoud">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">Verslag</h2>
<p>Op vrijdag 29/06/18 vertrok ik naar het domein Ter duinen in Koksijde met een klein groepje IT’ers om
er de nodige voorbereidingen te treffen. Daar werden tijdens de namiddag alle Pc’s en laptops klaar
gemaakt om een ganse zomer tegemoet te gaan voor een paar honderd deelnemers tijdens de
verschillende computerkampen (Programmeren, Foto, Youtube, Web, Gaming, enz.). Onze taak bestond
eruit om op alle Pc’s en laptops een werkend besturingssysteem te installeren en te configureren
(Windows 10) en de nodige bijhorende software (Office) te installeren. </p>
<p>De ochtend daarop zijn we vertrokken naar Brussel-zuid om daar de deelnemers van onze week op te gaan
halen. Hier heb ik Joris (mijn CO-Instructeur) ontmoet. Tegen het 4uurtje waren we al terug aan de
zee met al de deelnemers. Na de uitleg van het kamp en een avondmaaltijd kwam het eerste
kennismakingsmoment met de klas. Tijdens dit moment maakten we een paar regels een afspraken met de
deelnemers voor een vlot en leuk verloop van het kamp en de instructie. Ook maakten we gebruik van
dit moment om het niveau van de klasgroep te testen door ze individueel een aantal vraagjes te
stellen om zo onze lessen af te kunnen stemmen op het kunnen en de verwachtingen van de klasgroep.
Nadat de deelnemers waren gaan slapen en de algemene dagelijkse kampvergadering achter de rug was,
hadden Joris en ik het verloop van de volgende dag besproken en maakten we onze lesplanning om de
volgende dag zonder zorgen te kunnen beginnen. </p>
<p>Na een stevig ontbijt waren we klaar om aan onze eerste lesblok te beginnen dat om 9u15 begon. Om
aan de les te kunnen beginnen, moesten we eerst de
nodige softwarepakketten (IDE + JDK) installeren. Het internet zat ons even tegen maar met de hulp
van een paar usb-sticks was dat probleem zo opgelost. Zo zijn we van start gegaan met de eerste les:
datatypes. De lessen werden gegeven in blokken van telkens anderhalf uur: 2 blokken in de
voormiddag, met een korte pauze ertussen, en 1 blok in de namiddag. Tijdens deze blokken gaven we
een evenwichtige verdeling van Theorie, Demo’s en Oefeningen, waar tijdens de oefeningen iedereen op
zijn eigen tempo kon geholpen worden. Na afloop van het laatste lesblok overliepen we elke dag hoe
onze les was verlopen, wat er goed was en wat er beter kon. Ook gaven we aandacht aan de deelnemers
die niet zo snel meekonden volgen, maar ook aan degene die alle oefeningen in een snel tempo af
hadden. Zo konden we de juiste mix maken voor de volgende dag en hierop onze lesplanning voor de
volgende dag afstemmen. Deze dagindeling hebben wij voor de rest van de week aangenomen wat betreft
onze lessen. </p>
<p>Na de lessen werden de deelnemers opgevangen door de animatoren die de deelnemers bezighielden met
een aantal keuze activiteiten afgestemd op hun interesses. Als instructeur(s) deden wij ook af en
toe mee met deze activiteiten, als er niet te veel lesvoorbereiding was natuurlijk. Na het avond
eten was er ook altijd een avondactiviteit en daarna een barmomentje om daarna te gaan slapen. Voor
de animatoren en instructeurs begon dan de dagelijkse vergadering die gevolgd werd door kaderanimatie
(kader = de ploeg van animatoren instructeurs en andere leden van het team).</p>
<hr class="my-4">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/indeklas1.JPG" alt="In de klas 1">
<div class="carousel-caption d-none d-md-block">
<h5>In de klas</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/indeklas2.JPG" alt="In de klas 2">
<div class="carousel-caption d-none d-md-block">
<h5>In de klas</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/indeklas4.JPG" alt="In de klas 4">
<div class="carousel-caption d-none d-md-block">
<h5>In de klas</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/indeklas5.JPG" alt="In de klas 5">
<div class="carousel-caption d-none d-md-block">
<h5>In de klas</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/indeklas6.JPG" alt="In de klas 6">
<div class="carousel-caption d-none d-md-block">
<h5>In de klas</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/Lesvoorbereiding.JPG" alt="Lesvoorbereiding">
<div class="carousel-caption d-none d-md-block">
<h5>Lesvoorbereiding</h5>
<p></p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/portfolio/fullsize/Programmeren/Klasfoto.JPG" alt="Klasfoto">
<div class="carousel-caption d-none d-md-block">
<h5>Klasfoto</h5>
<p></p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<hr class="my-4">
<h2 class="section-heading">Reflectie</h2>
<p>Tijdens deze week heb ik heel wat dingen geleerd over voor de klas staan. Het maakt niet uit wat er
allemaal is voorbereid. Er kan altijd van alles misgaan en dan moet je in staat zijn om te
improviseren. In het begin ging dat improviseren nogal stroef, maar na verloop van tijd werd ik het
gewoon en ging dat vanzelf. Het is belangrijk dat men in staat is om te improviseren, want
uiteindelijk is het belangrijkste dat je je doel bereikt aan het eind van de les (week) ongeacht
welke obstakels er op de weg waren.</p>
<p>Het is ook belangrijk om een voorbereiding te maken en een rode draad te hebben voor een les want hoe
goed je kan improviseren, je moet altijd ergens op terug kunnen vallen. Tijdens de week ging dit
redelijk goed alleen naar het einde toe begon het wat af te zwakken. Wat ik meeneem naar een
volgende keer, is dat ik het tot het einde moet volhouden.</p>
<p>Deze week was een hele leuke ervaring. Ik heb altijd als animator/hoofdanimator gestaan op deze
kampen en nu heb ik het ook eens ervaren als lesgever. Het was ook heel leuk om mijn deelnemers zien
vooruit te gaan tijdens de week en hun interesse te zien groeien. Misschien heb ik er wel een aantal
aangespoord om binnenkort de opleiding Toegepaste Informatica te komen volgen (natuurlijk op de
PXL).</p>
<p>Deze opdracht sluit aan bij mijn opleiding voor de vakken programmeren: Java Essentials en Java
Advanced. Ik volg als afstudeerrichting systeem- & netwerkbeheer maar dat wil niet zeggen dat ik het
daarom niet leuk vind om eens te programmeren.</p>
</div>
</div>
</div>
</section>
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © 2019 Anthony Stulens - De broncode is beschikbaar op
<a href="https://github.com/AnthonyStulens/Portfolio/tree/gh-pages">Github</a>.
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>