-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdigitale-lespakketten.html
192 lines (166 loc) · 9.98 KB
/
digitale-lespakketten.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
---
layout: default
page-type: landing
title: Digitale lespakketten
description: Leerlingen onthouden hun excursie veel beter dan dezelfde les uit een boek. Onze ervaring is dat het geven van een les, waarbij leerlingen zelf aan de slag gaan door na te denken en actief iets te doen, veel meer impact maakt. Wij ontwikkelen digitale lespakketten met interactieve games en verhalen, voor zowel individueel als klassikaal gebruik om leerlingen actief te betrekken bij de les. Wij hebben een toolkit ontwikkeld met diverse spellen en opdrachten die eenvoudig zijn in te vullen voor specifieke lessen. Door deze modulaire toolkit kunnen wij uw materiaal snel omzetten naar een modern lespakket. Door de modulaire opbouw kunnen wij bovendien redelijk eenvoudig, en dus betaalbaar, nieuwe elementen inbouwen zodat elke les herkenbaar blijft en toch uniek is.
categories: page
permalink: digitale-lespakketten/
custom-script: dragboard
---
<section>
<article>
<section class="parallax flex landing-header" style="background: linear-gradient(150deg, #BB7 30%, #BB7 40%, #8A6 100%);">
<div class="center">
<h1>{{page.title}}</h1>
<h3 class="transform">Verhalen vertellen met pixels</h3>
</div>
<img src="/img/landing/{{ page.title | slugify }}-huis.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-kerk.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-winkel.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-school.svg" class="parallax-item">
</section>
<section class="flex landing-img">
<div class="slider min-vh">
<img class="device" src="/img/landing/{{ page.title | slugify}}-device.png">
<div id="owl-carousel">
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide1.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide2.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide3.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide4.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide5.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide6.jpg" alt="" />
<img src="/img/landing/{{ page.title | slugify}}-ipad-slide7.jpg" alt="" />
</div>
</div>
</section>
<section class="parallax flex">
<div class="inner text">
<h2 class="center">Vertel verhalen door interactie en pixels.</h2>
{{ page.description }}
</div>
<img src="/img/landing/{{ page.title | slugify }}-bunker.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-bunker.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-tank.svg" class="parallax-item">
<img src="/img/landing/{{ page.title | slugify }}-tank.svg" class="parallax-item">
</section>
<section class="game flex" style="background: linear-gradient(180deg, #BB7 30%, #BB7 40%, #8A6 100%);">
<div id="dd_game">
<div class="dragboard">
<div class="dropper ui-droppable" data-id="drop_1" data-top="0" data-left="0" data-width="1024" data-height="600" data-keep-moving="false" data-snap-offset="0,300" data-drop-image-size="310,430"></div>
<div class="dropper ui-droppable" data-id="drop_1" data-top="600" data-left="0" data-width="750" data-height="160" data-keep-moving="false" data-snap-offset="0,300" data-drop-image-size="310,430"></div>
<img src="/img/landing/{{ page.title | slugify }}-tank.svg" data-drop-image="/img/landing/{{ page.title | slugify }}-tank_drop.svg" class="dragger" data-id="drag_1" data-top="615" data-left="790" data-width="200" data-height="140">
<div class="dd_overlay"></div>
</div>
</div>
</section>
<!-- <section class="decoration"><img src="/img/landing/{{ page.title | slugify }}-decoration.svg" alt="" /></section> -->
<section class="flex">
<div class="inner text">
<h2 class="center">Toegevoegde waarde van interactie?</h2>
Sinds de aanwezigheid van digitale schoolborden in vrijwel ieder klaslokaal is er een breed scala aan mogelijkheden van lesgeven ontstaan. Toch is een docent onvervangbaar en draait het om optimaal gebruik maken van de combinatie van docent en techniek. Onze filosofie draait op het idee van ontdekkend leren met gebruik van moderne techniek die de leerling overal om zich heen ziet en gebruikt. We geloven dat wanneer leerlingen een fenomeen doorkrijgen door iets zelf op te lossen of in te zien, de kans veel groter is dat ze het zullen onthouden. De digitale schoolborden bieden hierbij belangrijke ondersteuning. De leerling gaat samen met de docent op zoek naar het verhaal dat verstopt zit in het digibord.
</div>
</section>
<section class="flex" style="background: #eee;">
<div class="inner flex wrap icons">
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-digibord.svg" alt="" />
<h2>Digibord</h2>
</div>
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-ipad.svg" alt="" />
<h2>iPad</h2>
</div>
<div class="icon-box wow bounceInUp">
<img src="/img/landing/{{ page.title | slugify }}-icon-desktop.svg" alt="" />
<h2>Desktop</h2>
</div>
</div>
</section>
<section class="flex qoute-box" style="background: linear-gradient(150deg, #BB7 30%, #BB7 40%, #8A6 100%);">
<div class="flex qoute">
<img src="/img/team/ruben-daas.jpg" class="clip mobile-first" alt="" />
<div class="qoute-text">
<q>Kennis overdragen door ervaring in plaats van vertellen.</q>
<p>Ruben Daas <span>Daas Design</span></p>
</div>
</div>
<div class="flex qoute">
<img src="/img/team/ruben-daas.jpg" class="clip" alt="" />
<div class="qoute-text">
<q>Mooi project om kennis te overdragen door ervarning in plaats van vertellen.</q>
<p>Ruben Daas <span>Daas Design</span></p>
</div>
</div>
</section>
<section class="icons flex">
<div class="inner flex wrap icons">
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-click.svg" alt="" />
<h2>Een Klik</h2>
<p>Interactie met juiste opbouw: stapsgewijs leren door nieuwe inzichten te geven achter iedere klik. Docenten kunnen samen met hun leerlingen speuren door de wondere wereld van uw lesmateriaal.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-zoom.svg" alt="" />
<h2>Afbeeldingen uitlichten</h2>
<p>Mooie platen met veel detail komen op een digitaal scherm vaak slecht zichtbaar over. Geef de docent tools om secties te kunnen uitlichten door in en uit te zoomen met het gemak van een tablet.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-drag.svg" alt="" />
<h2>Drag & Drop</h2>
<p>Deze methode zorgt ervoor dat leerlingen feeling krijgen met het materiaal. De interactie geeft direct feedback of de opdracht juist is uitgevoerd. En kinderen vinden dit altijd leuk!</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-animation.svg" alt="" />
<h2>Animatie</h2>
<p>Door het materiaal op een duidelijke wijze te laten bewegen, kunnen nieuwe inzichten ontstaan. Bewegend beeld kan zoveel meer vertellen dan een statische afbeelding.</p>
</div>
<div class="icon-box">
<img src="/img/landing/{{ page.title | slugify }}-icon-slideshow.svg" alt="" />
<h2>Slideshow</h2>
<p>Een onmisbare functie in het digitale tijdperk. Vrijwel oneindig inzichten mogelijk in een reeks afbeeldingen.</p>
</div>
<div class="icon-box alt flex">
<p>Door ons modulaire systeem kunnen we vrijwel ieder denkbare functionaliteit inbouwen. Doorgaans kan dat al slagen met de tools die we klaar hebben liggen. Mochten uw specifieke wensen toch niet aansluiten bij de bestaande tools, zijn wij uiterst flexibel om een maatwerk oplossing te ontwikkelen, zonder dat dit gelijk veel tijd en geld hoeft te kosten. Maak kennis met ons en laat u inspireren.</p>
</div>
</div>
</section>
<section class="flex logos half-vh" style="background: linear-gradient(150deg, #BB7 30%, #BB7 40%, #8A6 100%);">
<div class="inner flex space-around">
<img src="/img/landing/{{ page.title | slugify }}-rode-kruis.svg" alt="" />
<img src="/img/landing/{{ page.title | slugify }}-plein-c.svg" alt="" />
<img src="/img/landing/{{ page.title | slugify }}-critical-mass.svg" alt="" />
</div>
</section>
<section class="flex">
<div class="flex min-min-vh">
<div class="checklist-box ">
<div class="flex">
<div class="checklist aanbieders">
<ul>
<li class="title">pro’s voor aanbieders</li>
<li>Uw materiaal bereikt een breder publiek</li>
<li>Leerlingen zijn super positief</li>
<li>Leerlingen kennen de basis al</li>
<li>Voor ieder budget iets te ontwikkelen</li>
</ul>
</div>
<div class="checklist aanbieders">
<ul>
<li class="title">pro’s voor scholen</li>
<li>Hoogwaardige kwaliteit van onderwijs</li>
<li>Eenvoudig toepasbaar voor docenten</li>
<li>Geen ingewikkelde ICT, alles is online</li>
<li>Het materiaal past binnen het curriculum</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="flex">
<div class="inner flex">
{% include contact-from.html %}
</div>
</section>
</article>
</section>