-
Notifications
You must be signed in to change notification settings - Fork 0
/
dutch.html
311 lines (266 loc) · 16.1 KB
/
dutch.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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Wouter Kettlitz Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="dutch.html" class="logo"><strong>Portfolio van Wouter Kettlitz</strong></a>
<ul class="icons">
<a href="/dutch.html">
<img src="images/netherlands.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>
<a href="/index.html">
<img src="images/United_Kingdom-128.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>
<!--
<li><a href="/dutch.hlml" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
-->
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Hallo, ik ben Wouter Kettlitz<br />
</h1>
<p>Student informatica op Hogeschool Rotterdam</p>
</header>
<p>Hallo en welkom op mijn online portfolio, hier kunt u meer informatie over mijn leven, studies die ik gevolgd hebt en de projecten die ik heb gedaan vinden.
</p>
<ul class="actions">
<li><a href="dutch.html#CV" class="button big">CV</a></li>
<li><a href="dutch.html#Projects" class="button big">projecten</a>
</li>
<li><a href="dutch.html#life" class="button big">Mijn leven</a></li>
<li><a href="dutch.html#doelen" class="button big">SWOT en leerdoelen</a></li>
</ul>
</div>
<span class="image object">
<img src="images/pic10.jpg" alt="" />
</span>
</section>
<!-- Section -->
<section>
<div id='CV'><a name='CV'>
<header class="major">
<h2>Curriculum Vitae</h2>
</header>
<h4>Persoonlijke data</h4>
<table>
<tr>
<td><b>Voornaam</b></td>
<td>Wouter</td>
</tr>
<tr>
<td><b>Achternaam</b></td>
<td>Kettlitz</td>
</tr>
<tr>
<td><b>Adres</b></td>
<td>Rubenslaan 183</td>
</tr>
<tr>
<td><b>Stad en postcode</b></td>
<td>Bergschenhoek 2661RW</td>
</tr>
<tr>
<td><b>Mobiel</b></td>
<td>+31 (0)6 570 147 66</td>
</tr>
<tr>
<td><b>Email</b></td>
<td>[email protected]</td>
</tr>
</table>
<br>
<br>
<h4>Personlijke informatie</h4>
<table>
<tr>
<td><b>Geboorte datum</b></td>
<td>15/01/1995</td>
</tr>
<tr>
<td><b>Geboorteplaats</b></td>
<td>Rotterdam</td>
</tr>
<tr>
<td><b>Geslacht</b></td>
<td>Male</td>
</tr>
<tr>
<td><b>Nationaliteit</b></td>
<td>Dutch</td>
</tr>
<tr>
<td><b>Rijbewijs</b></td>
<td>Ja, B1.</a></td>
</tr>
</table>
<br>
<br>
<h4>Onderwijs</h4>
<table>
<tr>
<td><b>Mavo diploma NT(Toorop)</b></td>
<td>2012</td>
</tr>
<tr>
<td><b>Havo diploma NT+NG(VAVO Rijnmond College)</b></td>
<td>2015</td>
</tr>
<tr>
<td><b>Informatica Hogeschool Rotterdam</b></td>
<td>nu</td>
</tr>
</table>
<br>
<br>
<h4>Werk ervaringen</h4>
<table>
<tr>
<td><b>Action(winkelmedewerker)</b></td>
<td>2013-2014</td>
</tr>
</table>
<br>
<br>
<h4>Taalvaardigheid</h4>
<table>
<tr>
<td><b>Dutch</b></td>
<td>Moedertaal</td>
</tr>
<tr>
<td><b>English</b></td>
<td>Goed</td>
</tr>
</table>
<h4>Hobby's</h4>
Gaming, rennen, fitness.
</a></div>
</section>
<!-- Section -->
<section>
<div id='Projects'><a name='Projects'>
<header class="major">
<h2>Projects</h2>
</header>
<h4>Project 1</h4>
In dit project hebben we een boordspel ontwikkeld. Hiermee leerden we beter samen te werken met behulp van de SCRUM-methode. Hiermee deelde we de lasten en heeft iedereen een gelijke bedragen geleverd. Dit was een goed geslaagd project en beoordeeld met een negen.<br>
<img src="images/Project1.jpg" alt="" />
<br><br>
<h4>Project 2</h4>
In dit project hebben we een computerspel in python en pygame ontwikkeld. Deze samenwerking ging ook met de SCRUM-methode. In het project hebben we ook geleerd om met github te werken en ook beheersen we gamelogica beter. Dit project succesvol afgerond.
Download: http://www.filedropper.com/showdownload.php/project-2-game
<img src="images/project2.jpg" alt="" />
<br><br>
<h4>Project 3</h4>
In dit project hebben we een database gemaakt van inkomens per regio en criminaliteit per regio in Rotterdam. Hiermee wouden het criminaliteit met inkomen vergelijken. Hier werkte we met SQL en Java.
<br><br>
<h4>Project 4</h4>
In dit project hebben we een android app gemaakt. De app laat met met verschillende grafieken zoals hoe vaak fietsen worden gestolen per buurt in Rotterdam of hoeveel fietscontainers worden geplaatst per buurt in Rotterdam. Ook kon de app locatie bepalen en afspraken opslaan in een ander agenda app.
<br><br>
<h4>Project 5 & 6</h4>
In dit project hebben we een webwinkel gemaakt. In deze webwinkel kan je dingen doen die je normaal ook in andere webwinkels kan doen, zoals producten toevoegen aan favorieten of winkelmandje, je bestelgeschiedenis bekijken en meer. De admin heeft meer opties, zo kan de admin statistieken zien over de producten en klanten, accounts verbannen en wachtwoorden resetten. <br><br>
Bij het maken van de Back End heb ik veel gewerkt met Java, Velocity en SQL.
En bij het maken van de Front End heb ik veel gewerkt met JavaScript en HTML.
</a></div>
</section>
<!-- Section -->
<section>
<div id='life'><a name='life'>
<header class="major">
<h2>My life</h2>
</header>
Mijn naam is Wouter Kettlitz, ik ben 22 jaar, ik ben de jongste van een gezin met 3 kinderen, ik ben opgegroeid in een dorp, namelijk Bergschenhoek. Voor mijn middelbare schoolopleiding moest ik naar Rotterdam. Ik heb eerst 4 jaar op het Laurenscollege gezeten. Daarna ben ik naar de Toorop Mavo gegaan waar ik mijn diploma heb gehaald. Na de Mavo heb ik een half jaar MBO Middenkader Engineering gedaan. Ik kwam er snel achter dat dit niet iets voor mij was. Ik heb daarna op het VAVO Rijnmond College mijn Havo diploma gehaald.<br><br>
Ik studeer nu informatica bij Hogeschool Rotterdam. Vooral programmeren vind ik leuk. Ik ben begonnen met informatica omdat het me interesseerde en omdat de baankans hoog is. Als hobby game ik graag, los ik vaak problemen met digitale apparaten op en ik doe aan gewichtheffen. Mijn uitdaging is om mezelf te ontwikkelen als mens en ICTer. Graag zou ik na de opleiding met artificial intellegence (AI) werken want dat lijkt me interessant. Want behalve computers interesseert mij het brein ook en lijkt het me dus zeer complex om hieraan te werken.
</a></div>
</section>
<!-- Section -->
<section>
<div id='doelen'><a name='doelen'>
<header class="major">
<h2>SWOT en leerdoelen</h2>
</header>
<h4>SWOT</h4><br><br>
<img src="images/swot.png" alt="" />
<br><br>
<h2>Mijn persoonlijke leerdoelen:</h2>
<h4>De leerdoelen dit ik voor dit school had waren:</h4>
<ol>
<li>Ik wou me meer aan planningen houden, zodat ik minder vaak in tijdsnood kom, dit is niet helemaal gelukt..</li>
<li>Ook wou ik bij tegenslag tijdens het leren kunnen doorzetten, dat is voor een deel gelukt..</li>
<li>Ik wou meer in mijn eigen tijd projecten verzinnen om te maken, zodat ik meer programmeer en zelfstandig leer werken, dit is wel gelukt want ik doe programeer meer nu..</li>
<li>Ik wil meer eigenwaarde, zodat ik me beter voel en me dit jaar al beter kan focussen op mijn studie, dit is deels gelukt..</li>
</ol><br>
<h4>De leerdoelen die ik nu heb zijn:</h4>
<ol>
<li>Ik wil volgend schooljaar me beter aan planningen houden. </li>
<li>Ik wil vaker tijd nemen om te bekijken wat er met school moet gebeuren.</li>
<li>Ik wil volgend schooljaar vaker aan docenten om verduidelijkingen vragen, zodat ik gerichter kan leren of opdrachten maken. </li>
<li>Ik wil volgend schooljaar beter concentreren zodat ik de lessen beter kan volgen en beter opdrachten kan maken.</li>
</ol>
</a></div>
</section>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section>
-->
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="dutch.html">Thuis</a></li>
<li><a href="dutch.html#CV">CV</a></li>
<li><a href="dutch.html#Projects">Projecten</a></li>
<li><a href="dutch.html#life">Mijn leven</a></li>
<li><a href="dutch.html#doelen">SWOT en leerdoelen</a></li>
</ul>
</nav>
<!-- Footer
<footer id="footer">
<p class="copyright">© Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>-->
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>