Skip to content

Commit 39c04bd

Browse files
mk1012mk1012
committed
Raetsel hinzugefuegt
1 parent d1a4c1a commit 39c04bd

File tree

6 files changed

+348
-0
lines changed

6 files changed

+348
-0
lines changed

‎css/coderdojoka.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -687,3 +687,7 @@ body {
687687
margin-top: 8px;
688688
}
689689
}
690+
691+
#puzzle {
692+
margin-bottom: 200px;
693+
}

‎raetsel.html‎

Lines changed: 249 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,249 @@
1+
<!DOCTYPE html>
2+
<html lang="de">
3+
4+
<head>
5+
6+
<meta charset="utf-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<meta name="description" content="Informationen zum CoderDojo Karlsruhe">
10+
<meta name="author" content="CoderDojo Karlsruhe">
11+
<meta name="keywords"
12+
content="CoderDojo,Karlsruhe,Programmieren,Schüler,Schueler,Kinder,Jugendliche,Schule,KIT,Informatik,Scratch,HTML,CSS,JavaScript,Java,PHP,C#,C,C++,Python">
13+
14+
<title>CoderDojo Karlsruhe</title>
15+
16+
<!-- Favicon -->
17+
<link rel="icon" href="favicon.ico" type="image/x-icon">
18+
19+
<!-- Bootstrap Core CSS -->
20+
<link href="css/bootstrap.min.css" rel="stylesheet">
21+
22+
<!-- Lightbox Image Viewer CSS -->
23+
<link href="css/lightbox.css" rel="stylesheet">
24+
25+
<!-- Custom CSS -->
26+
<link href="css/coderdojoka.css" rel="stylesheet">
27+
28+
<!-- Custom Fonts -->
29+
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
30+
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet"
31+
type="text/css">
32+
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
33+
34+
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
35+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
36+
<!--[if lt IE 9]>
37+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
38+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
39+
<![endif]-->
40+
41+
<script>
42+
(function (i, s, o, g, r, a, m) {
43+
i['GoogleAnalyticsObject'] = r;
44+
i[r] = i[r] || function () {
45+
(i[r].q = i[r].q || []).push(arguments)
46+
}, i[r].l = 1 * new Date();
47+
a = s.createElement(o),
48+
m = s.getElementsByTagName(o)[0];
49+
a.async = 1;
50+
a.src = g;
51+
m.parentNode.insertBefore(a, m)
52+
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
53+
54+
ga('create', 'UA-61795572-1', 'auto');
55+
ga('send', 'pageview');
56+
</script>
57+
</head>
58+
59+
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
60+
61+
<!-- Navigation -->
62+
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
63+
<div class="container">
64+
<div class="navbar-header">
65+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
66+
<i class="fa fa-bars"></i>
67+
</button>
68+
<a class="navbar-brand page-scroll" href="#page-top">
69+
<img src="img/logo.png" alt="CoderDojo Karlsruhe Logo"
70+
class="navbar-brand-logo"/> <span id="navbar-brand-name"><span
71+
class="light">CoderDojo</span> Karlsruhe</span>
72+
</a>
73+
</div>
74+
75+
<!-- Collect the nav links, forms, and other content for toggling -->
76+
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
77+
<ul class="nav navbar-nav">
78+
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
79+
<li class="hidden">
80+
<a href="#page-top"></a>
81+
</li>
82+
<li>
83+
<a class="page-scroll" href="#about">Info</a>
84+
</li>
85+
<li>
86+
<a class="page-scroll" href="#events">Termine</a>
87+
</li>
88+
<li>
89+
<a class="page-scroll" href="#faq">Fragen</a>
90+
</li>
91+
<li>
92+
<a class="page-scroll" href="#join">Mitmachen</a>
93+
</li>
94+
<li class="visible-xs">
95+
<a href="/material.html">Material</a>
96+
</li>
97+
<li class="dropdown hidden-xs">
98+
<a class="dropdown-toggle" href="/material.html">Material</a>
99+
<ul class="dropdown-menu">
100+
<li>
101+
<a href="/material.html#scratch">Scratch</a>
102+
</li>
103+
<li>
104+
<a href="/material.html#python">Python</a>
105+
</li>
106+
<li>
107+
<a href="/material.html#html">HTML</a>
108+
</li>
109+
<li>
110+
<a href="/material.html#java">Java</a>
111+
</li>
112+
</ul>
113+
</li>
114+
<li>
115+
<a class="page-scroll" href="#contact">Kontakt</a>
116+
</li>
117+
</ul>
118+
</div>
119+
<!-- /.navbar-collapse -->
120+
</div>
121+
<!-- /.container -->
122+
</nav>
123+
124+
125+
<!-- About Section -->
126+
<section id="about" class="content-section text-center">
127+
<div class="container">
128+
<div class="row">
129+
<div class="col-lg-8 col-lg-offset-2">
130+
<h1>Rätsel der Woche</h1>
131+
132+
<p>
133+
Dir ist die Lücke zwischen 2 CoderDojo Treffen zu groß? Dann bist du hier richtig. Auf dieser Seite
134+
stellen wir nach jeden Treffen ein neues Rätsel hoch, das du in Ruhe von daheim aus bearbeiten
135+
kannst,
136+
um die Zeit bis zum nächsten Treffen zu überbrücken.
137+
<br>
138+
Die Rätsel zu lösen ist natürlich freiwillig. CoderDojo-Teilnehmer können die Aufgaben bearbeiten
139+
und uns
140+
die Lösungen per Mail schicken bzw. im nächsten Dojo mitbringen. In regelmäßigen Abständen werden
141+
wir
142+
die besten Lösungen vorstellen und man kann sogar einen kleinen Preis gewinnen :)
143+
<br>
144+
Es geht hier nicht darum die Aufgabe perfekt zu lösen, sondern du sollst dir selbst
145+
einen Lösungsweg überlegen und bestenfalls auch zu einer Antwort kommen. Du musst die Aufgabe nicht
146+
100% korrekt lösen,
147+
viel wichtiger ist, dass du versuchst sie zu lösen und dir Gedanken dazu gemacht hast.
148+
149+
</p>
150+
151+
<p>
152+
Die Aufgaben sind so gestellet, dass alle Teilnehmer diese lösen können.
153+
Anderenfalls gibt es mehrere Teilaufgaben/Schwierigkeitsgrade, die ihr euch aussuchen könnt.
154+
</p>
155+
156+
157+
<h2>Aktuelles Rätsel</h2>
158+
159+
<div id="puzzle">
160+
Lade Rätsel...
161+
</div>
162+
163+
164+
</div>
165+
</div>
166+
</div>
167+
</section>
168+
169+
<!-- Footer -->
170+
<footer>
171+
<div class="container text-center">
172+
<p>Copyright &copy; CoderDojo Karlsruhe 2015</p>
173+
174+
<p><a class="twitter-follow-button" href="https://twitter.com/CoderDojoKa" data-show-count="false">Follow
175+
@CoderDojoKa</a></p>
176+
177+
<div class="fb-like" data-href="https://facebook.com/pages/CoderDojo-Karlsruhe/1455190411441732"
178+
data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
179+
<p><span style="font-size:16px;"><a
180+
href="https://www.sharelatex.com/github/repos/coderdojoka/satzung-hochschulgruppe/builds/latest/output.pdf">Satzung</a> (<a
181+
href="https://github.com/coderdojoka/satzung-hochschulgruppe">Github</a>)</span></p>
182+
</div>
183+
</footer>
184+
185+
<!-- jQuery -->
186+
<script src="js/jquery.min.js"></script>
187+
188+
<!-- Bootstrap Core JavaScript -->
189+
<script src="js/bootstrap.min.js"></script>
190+
191+
<!-- Plugin JavaScript -->
192+
<script src="js/jquery.easing.min.js"></script>
193+
194+
<!-- Image Viewer Plugin -->
195+
<script src="js/showdown.min.js"></script>
196+
197+
<!-- Aktuelles Rätsel laden -->
198+
<script>
199+
window.onload = function () {
200+
201+
var $container = $('#puzzle');
202+
203+
// py2cd/master/README.md
204+
$.get("https://raw.githubusercontent.com/coderdojoka/coderdojoka.github.io/master/raetsel/hindernisse.md").done(function (data) {
205+
206+
var converter = new showdown.Converter();
207+
var html = converter.makeHtml(data);
208+
209+
$container.empty().append(html);
210+
}).fail(function () {
211+
$container.empty().append("Es ist ein Fehler beim Laden des Rätsels aufgetreten... :(");
212+
});
213+
}
214+
215+
</script>
216+
217+
<script>window.twttr = (function (d, s, id) {
218+
var js, fjs = d.getElementsByTagName(s)[0],
219+
t = window.twttr || {};
220+
if (d.getElementById(id)) return t;
221+
js = d.createElement(s);
222+
js.id = id;
223+
js.src = "https://platform.twitter.com/widgets.js";
224+
fjs.parentNode.insertBefore(js, fjs);
225+
226+
t._e = [];
227+
t.ready = function (f) {
228+
t._e.push(f);
229+
};
230+
231+
return t;
232+
}(document, "script", "twitter-wjs"));</script>
233+
234+
<script>(function (d, s, id) {
235+
var js, fjs = d.getElementsByTagName(s)[0];
236+
if (d.getElementById(id)) return;
237+
js = d.createElement(s);
238+
js.id = id;
239+
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.3";
240+
fjs.parentNode.insertBefore(js, fjs);
241+
}(document, 'script', 'facebook-jssdk'));</script>
242+
243+
<!-- Custom Theme JavaScript -->
244+
<script src="js/coderdojoka.js"></script>
245+
246+
247+
</body>
248+
249+
</html>

‎raetsel/fake_hex.md‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
Die drei Ninjas Sen, Bruno, Leyla haben den Teleporter ihres Sensei's versteckt. Damit sie nicht vergessen wo sie den Teleporter versteckt haben, haben sie aufgeschrieben, wo sie ihn versteckt haben. Um zu verhindern, dass ihr Sensei den Text lesen kann, haben sie diesen verschlüsselt.
2+
3+
### Zeichen zuordnen
4+
Als ersten Schritt haben sich die Drei paar neue Symbole ausgedacht, um die Zahlen von 0-15 darzustellen. Dabei haben sie für die Zahlen 10-15 neue Symbole erfunden. Dummerweise haben die drei Ninjas vergessen welches Symbol zu welcher Zahl gehört... Allerdings haben Sie sich genau für diesen Fall ein paar Hinweise aufgeschrieben:
5+
6+
`☂ - 2 = 9`
7+
`⚑ + ☢ = 24`
8+
`♫ + ☢ = 29`
9+
`★ + ❤ = 25`
10+
`❤ * 4 = 48`
11+
12+
#### Aufgabe 1: Kannst du den Ninjas helfen und die Symbole zuordnen?
13+
Denke daran, dass die Ninja-Symbole für die Zahlen von 10-15 stehen
14+
15+
Ninja-Symbol | Zahl
16+
------------- | -------------
17+
☂ | ?
18+
⚑ | ?
19+
☢ | ?
20+
♫ |
21+
★ | ?
22+
❤ | ?
23+
24+
25+
### Text entschlüsseln
26+
27+
Der Hinweis der drei Ninjas lautet wie folgt:
28+
`4-❤4-94-☢4-☂5-32-❤ 5-54-☢5-44-55-2 4-44-54-★ 4-24-15-54-★5-35-44-14-★4-★2-☢`
29+
30+
Buchstaben werden immer als Paar von zwei einstelligen! Zahlen oder Symbolen mit Bindestrich getrennt dargestellt. Die Übersetzung der Zeichen kann man unten in der Tablle nachlesen kann.
31+
So ist z.B. `4-5 -> e`
32+
33+
Allerdings sind noch einige Zeilen in der Tabelle unvollständig. Alle Zahlenkombinationen, die eine Zahl größer als 10 enthalten müssen noch mit dem entsprechenden Ninja-Symbol ergänzt werden. In der Tabelle steht an dieser Stelle ein Fragezeichen.
34+
Z.B. Steht in der Tabelle noch:
35+
`4-14 = 4-? -> n`
36+
Dies bedeutet, dass das Zeichen für 14 noch eingesetzt werden muss, so dass z.B. `4-14 = 4-❤ -> n`
37+
Die korrekten Symbole müssen zuerst in Aufgabe 1 ermittelt werden!
38+
39+
Ninja-Symbol | Buchstabe
40+
------------- | -------------
41+
4-1 | a
42+
4-2 | b
43+
4-3 | c
44+
4-4 | d
45+
4-5 | e
46+
4-6 | f
47+
4-7 | g
48+
4-8 | h
49+
4-9 | i
50+
4-10 = 4-? | j
51+
4-11 = 4-? | k
52+
4-12 = 4-? | l
53+
4-13 = 4-? | m
54+
4-14 = 4-? | n
55+
4-15 = 4-? | o
56+
5-0 | p
57+
5-1 | q
58+
5-2 | r
59+
5-3 | s
60+
5-4 | t
61+
5-5 | u
62+
5-6 | v
63+
5-7 | w
64+
5-8 | x
65+
5-9 | y
66+
5-10 = 4-? | z
67+
2-12 = 4-? | ,
68+
2-14 = 4-? | .
69+
70+
71+
#### Aufgabe 2: Kannst du den Hinweis der Ninjas mithilfe der Tabelle übersetzen?
72+
Hier nocheinmal der Hinweistext:
73+
74+
`4-❤4-94-☢4-☂5-32-❤ 5-54-☢5-44-55-2 4-44-54-★ 4-24-15-54-★5-35-44-14-★4-★2-☢`
75+

‎raetsel/hindernisse.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
Jemand hast deinen Roboter gestohlen und ihn in einem Hindernis-Parkour platziert. Glücklicherweise hast Du am Tag zuvor den Roboter so programmiert, dass er selbstständig Hindernisse umfahren kann und sich zum Ausgang hinbewegt.
2+
Das Programm, dem der Roboter folgt, sie wie folgt aus:
3+
4+
#### Das Programm wird durch folgende Schritte (auch Algorithmus genannt) beschrieben:
5+
6+
> 1. Gehe in Richtung Ziel vorwärts bis du auf ein Hinderniss triffst. Kommst du ins Ziel ohne auf ein Hindernis zu treffen, dann bleibe stehen, du hast es geschafft!
7+
> 2. Laufe einmal komplett um das Hindernis herum und finde den Punkt, der dem Ziel am nächsten liegt. Der Roboter hast dafür Sensoren, du musst ggf nachmessen oder dich auf dein Augenmaß verlassen =)
8+
> 3. Laufe erneut um das Hindernis bis du den Punkt mit dem geringesten Abstand zum Ziel angekommen bist, den du in der ersten Umrundung gefunden hast.
9+
> 4. Wiederhole die obigen Schritte. D.h. gehe wieder zu Punkt 1.
10+
11+
![Hindernisse](https://raw.githubusercontent.com/coderdojoka/coderdojoka.github.io/master/raetsel/hindernisse.png)
12+
13+
#### Aufgabe 1: Führe den oben beschriebenen Algorithmus durch und bringe den Roboter in Sicherheit
14+
Im obigen Bild ist der rote Punkte der Startpunkt des Roboters. Der grüne Punkte ist das Ziel, hierin muss der Roboter gelangen. Die blauen Formen sind Hidernisse und müssen umfahren werden.
15+
Lade das Bild herunter und zeichne den Weg in das Bild ein. Du kannst es auch ausdrucken/abmalen und den Weg von Hand einzeichnen. Zeichne außerdem an wichtigen Stellen einen Richtungspfeil ein, um andzudeuten, in welche Richtung der Roboter läuft.
16+
17+
18+
#### Aufgabe 2: Finde einen kürzeren Weg
19+
Der oben beschriebene Algorithmus findet nicht den kürzesten Weg zum Ziel, warum nicht?
20+
Findest du einen kürzeren Weg? Zeichne diesen ebenfalls ein. Du kannst z.B. mit einem Lineal die Weglänge ausmessen oder die Länge mithilfe des Koordinatensystems berechnen.

‎raetsel/hindernisse.png‎

9.84 KB
Loading

‎raetsel/puzzle.png‎

9.15 KB
Loading

0 commit comments

Comments
 (0)