Skip to content

Commit 638ff16

Browse files
Hi2272Hi2272
committed
KarolSchleifen
1 parent e8c8b7a commit 638ff16

9 files changed

Lines changed: 416 additions & 87 deletions

File tree

00Informatik/00Informatik7/Karol/2026-02-22_17-20.png renamed to 00Informatik/00Informatik7/Karol/01Start/2026-02-22_17-20.png

File renamed without changes.

‎00Informatik/00Informatik7/Karol/01Start/index.html‎

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Robot Karol</title>
6+
<style>
7+
/* From extension vscode.github */
8+
/*---------------------------------------------------------------------------------------------
9+
* Copyright (c) Microsoft Corporation. All rights reserved.
10+
* Licensed under the MIT License. See License.txt in the project root for license information.
11+
*--------------------------------------------------------------------------------------------*/
12+
13+
.vscode-dark img[src$=\#gh-light-mode-only],
14+
.vscode-light img[src$=\#gh-dark-mode-only],
15+
.vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
16+
.vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
17+
display: none;
18+
}
19+
20+
</style>
21+
22+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
23+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
24+
<style>
25+
body {
26+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
27+
font-size: 14px;
28+
line-height: 1.6;
29+
}
30+
</style>
31+
<style>
32+
.task-list-item {
33+
list-style-type: none;
34+
}
35+
36+
.task-list-item-checkbox {
37+
margin-left: -20px;
38+
vertical-align: middle;
39+
pointer-events: none;
40+
}
41+
</style>
42+
<style>
43+
:root {
44+
--color-note: #0969da;
45+
--color-tip: #1a7f37;
46+
--color-warning: #9a6700;
47+
--color-severe: #bc4c00;
48+
--color-caution: #d1242f;
49+
--color-important: #8250df;
50+
}
51+
52+
</style>
53+
<style>
54+
@media (prefers-color-scheme: dark) {
55+
:root {
56+
--color-note: #2f81f7;
57+
--color-tip: #3fb950;
58+
--color-warning: #d29922;
59+
--color-severe: #db6d28;
60+
--color-caution: #f85149;
61+
--color-important: #a371f7;
62+
}
63+
}
64+
65+
</style>
66+
<style>
67+
.markdown-alert {
68+
padding: 0.5rem 1rem;
69+
margin-bottom: 16px;
70+
color: inherit;
71+
border-left: .25em solid #888;
72+
}
73+
74+
.markdown-alert>:first-child {
75+
margin-top: 0
76+
}
77+
78+
.markdown-alert>:last-child {
79+
margin-bottom: 0
80+
}
81+
82+
.markdown-alert .markdown-alert-title {
83+
display: flex;
84+
font-weight: 500;
85+
align-items: center;
86+
line-height: 1
87+
}
88+
89+
.markdown-alert .markdown-alert-title .octicon {
90+
margin-right: 0.5rem;
91+
display: inline-block;
92+
overflow: visible !important;
93+
vertical-align: text-bottom;
94+
fill: currentColor;
95+
}
96+
97+
.markdown-alert.markdown-alert-note {
98+
border-left-color: var(--color-note);
99+
}
100+
101+
.markdown-alert.markdown-alert-note .markdown-alert-title {
102+
color: var(--color-note);
103+
}
104+
105+
.markdown-alert.markdown-alert-important {
106+
border-left-color: var(--color-important);
107+
}
108+
109+
.markdown-alert.markdown-alert-important .markdown-alert-title {
110+
color: var(--color-important);
111+
}
112+
113+
.markdown-alert.markdown-alert-warning {
114+
border-left-color: var(--color-warning);
115+
}
116+
117+
.markdown-alert.markdown-alert-warning .markdown-alert-title {
118+
color: var(--color-warning);
119+
}
120+
121+
.markdown-alert.markdown-alert-tip {
122+
border-left-color: var(--color-tip);
123+
}
124+
125+
.markdown-alert.markdown-alert-tip .markdown-alert-title {
126+
color: var(--color-tip);
127+
}
128+
129+
.markdown-alert.markdown-alert-caution {
130+
border-left-color: var(--color-caution);
131+
}
132+
133+
.markdown-alert.markdown-alert-caution .markdown-alert-title {
134+
color: var(--color-caution);
135+
}
136+
137+
</style>
138+
139+
</head>
140+
<body class="vscode-body vscode-light">
141+
<h1 id="robot-karol">Robot Karol</h1>
142+
<h2 id="anweisung-und-sequenz">Anweisung und Sequenz</h2>
143+
<p>Öffne diese Seite:<br>
144+
<a href="https://karol.arrrg.de/#QUEST-1" target="_blank">Start</a></p>
145+
<p>Trage einen beliebigen Namen ein
146+
und löse folgende Aufgaben:</p>
147+
<ol>
148+
<li>Start</li>
149+
<li>Umweltschutz</li>
150+
<li>Um die Ecke</li>
151+
<li>Verschieben</li>
152+
</ol>
153+
<h3 id="umschalten-auf-python">Umschalten auf Python</h3>
154+
<p><img src="2026-02-22_17-20.png" alt="alt text"></p>
155+
<ol>
156+
<li>Schalte die Blockansicht aus.</li>
157+
<li>Wähle Python als Programmiersprache.</li>
158+
<li>Untersuche deinen Programmcode in dieser Sprache.</li>
159+
</ol>
160+
<h3 id="hefteintrag">Hefteintrag</h3>
161+
<h2 id="programmieren-mit-robot-karol">Programmieren mit Robot Karol</h2>
162+
<p>Ein Computerprogramm besteht aus einer Sequenz von Anweisungen, die nacheinander ausgeführt werden:</p>
163+
<pre><code class="language-C++"><span class="hljs-number">1</span> karol = <span class="hljs-built_in">Robot</span>()
164+
<span class="hljs-number">2</span> karol.<span class="hljs-built_in">schritt</span>(<span class="hljs-number">2</span>)
165+
<span class="hljs-number">3</span> karol.<span class="hljs-built_in">hinlegen</span>(<span class="hljs-number">1</span>)
166+
</code></pre>
167+
<hr>
168+
<h2 id="zusatzaufgaben">Zusatzaufgaben</h2>
169+
<p>Erweitere das Programm von oben:</p>
170+
<ol start="4">
171+
<li>Karol soll zwei Schritte weitergehen.</li>
172+
<li>Ein neuer Roboter mit dem Namen <strong>kara</strong> soll erscheinen.</li>
173+
<li>Kara soll den Stein aufheben, den Karol gelegt hat.</li>
174+
<li>Kara soll weitergehen, bis sie rechts neben Karol steht und in die gleiche Richtung schaut wie er.</li>
175+
</ol>
176+
177+
178+
179+
</body>
180+
</html>

‎00Informatik/00Informatik7/Karol/01Start/index.md‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
# Robot Karol
2+
3+
## Anweisung und Sequenz
4+
5+
Öffne diese Seite:
6+
<a href="https://karol.arrrg.de/#QUEST-1" target="_blank">Start</a>
7+
8+
Trage einen beliebigen Namen ein
9+
und löse folgende Aufgaben:
10+
1. Start
11+
2. Umweltschutz
12+
3. Um die Ecke
13+
4. Verschieben
14+
15+
### Umschalten auf Python
16+
17+
![alt text](2026-02-22_17-20.png)
18+
1. Schalte die Blockansicht aus.
19+
2. Wähle Python als Programmiersprache.
20+
3. Untersuche deinen Programmcode in dieser Sprache.
21+
22+
### Hefteintrag
23+
24+
## Programmieren mit Robot Karol
25+
26+
Ein Computerprogramm besteht aus einer Sequenz von Anweisungen, die nacheinander ausgeführt werden:
27+
28+
```C++
29+
1 karol = Robot()
30+
2 karol.schritt(2)
31+
3 karol.hinlegen(1)
32+
```
33+
---------
34+
35+
## Zusatzaufgaben
36+
Erweitere das Programm von oben:
37+
38+
4. Karol soll zwei Schritte weitergehen.
39+
5. Ein neuer Roboter mit dem Namen **kara** soll erscheinen.
40+
6. Kara soll den Stein aufheben, den Karol gelegt hat.
41+
7. Kara soll weitergehen, bis sie rechts neben Karol steht und in die gleiche Richtung schaut wie er.
42+
43+
44+

‎00Informatik/00Informatik7/Karol/02Schleifen/2026-02-22_17-20.png‎

44.7 KB
Loading

‎00Informatik/00Informatik7/Karol/02Schleifen/2026-03-09_06-00.png‎

59.6 KB
Loading

‎00Informatik/00Informatik7/Karol/02Schleifen/index.html‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Kurzer Code durch Schleifen</title>
6+
<style>
7+
/* From extension vscode.github */
8+
/*---------------------------------------------------------------------------------------------
9+
* Copyright (c) Microsoft Corporation. All rights reserved.
10+
* Licensed under the MIT License. See License.txt in the project root for license information.
11+
*--------------------------------------------------------------------------------------------*/
12+
13+
.vscode-dark img[src$=\#gh-light-mode-only],
14+
.vscode-light img[src$=\#gh-dark-mode-only],
15+
.vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
16+
.vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
17+
display: none;
18+
}
19+
20+
</style>
21+
22+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
23+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
24+
<style>
25+
body {
26+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
27+
font-size: 14px;
28+
line-height: 1.6;
29+
}
30+
</style>
31+
<style>
32+
.task-list-item {
33+
list-style-type: none;
34+
}
35+
36+
.task-list-item-checkbox {
37+
margin-left: -20px;
38+
vertical-align: middle;
39+
pointer-events: none;
40+
}
41+
</style>
42+
<style>
43+
:root {
44+
--color-note: #0969da;
45+
--color-tip: #1a7f37;
46+
--color-warning: #9a6700;
47+
--color-severe: #bc4c00;
48+
--color-caution: #d1242f;
49+
--color-important: #8250df;
50+
}
51+
52+
</style>
53+
<style>
54+
@media (prefers-color-scheme: dark) {
55+
:root {
56+
--color-note: #2f81f7;
57+
--color-tip: #3fb950;
58+
--color-warning: #d29922;
59+
--color-severe: #db6d28;
60+
--color-caution: #f85149;
61+
--color-important: #a371f7;
62+
}
63+
}
64+
65+
</style>
66+
<style>
67+
.markdown-alert {
68+
padding: 0.5rem 1rem;
69+
margin-bottom: 16px;
70+
color: inherit;
71+
border-left: .25em solid #888;
72+
}
73+
74+
.markdown-alert>:first-child {
75+
margin-top: 0
76+
}
77+
78+
.markdown-alert>:last-child {
79+
margin-bottom: 0
80+
}
81+
82+
.markdown-alert .markdown-alert-title {
83+
display: flex;
84+
font-weight: 500;
85+
align-items: center;
86+
line-height: 1
87+
}
88+
89+
.markdown-alert .markdown-alert-title .octicon {
90+
margin-right: 0.5rem;
91+
display: inline-block;
92+
overflow: visible !important;
93+
vertical-align: text-bottom;
94+
fill: currentColor;
95+
}
96+
97+
.markdown-alert.markdown-alert-note {
98+
border-left-color: var(--color-note);
99+
}
100+
101+
.markdown-alert.markdown-alert-note .markdown-alert-title {
102+
color: var(--color-note);
103+
}
104+
105+
.markdown-alert.markdown-alert-important {
106+
border-left-color: var(--color-important);
107+
}
108+
109+
.markdown-alert.markdown-alert-important .markdown-alert-title {
110+
color: var(--color-important);
111+
}
112+
113+
.markdown-alert.markdown-alert-warning {
114+
border-left-color: var(--color-warning);
115+
}
116+
117+
.markdown-alert.markdown-alert-warning .markdown-alert-title {
118+
color: var(--color-warning);
119+
}
120+
121+
.markdown-alert.markdown-alert-tip {
122+
border-left-color: var(--color-tip);
123+
}
124+
125+
.markdown-alert.markdown-alert-tip .markdown-alert-title {
126+
color: var(--color-tip);
127+
}
128+
129+
.markdown-alert.markdown-alert-caution {
130+
border-left-color: var(--color-caution);
131+
}
132+
133+
.markdown-alert.markdown-alert-caution .markdown-alert-title {
134+
color: var(--color-caution);
135+
}
136+
137+
</style>
138+
139+
</head>
140+
<body class="vscode-body vscode-light">
141+
<h1 id="kurzer-code-durch-schleifen">Kurzer Code durch Schleifen</h1>
142+
<h3 id="code-verkürzen">Code verkürzen</h3>
143+
<p>Mit 20 Codeblöcken baut Karol einen Rahmen um seine Welt.
144+
Das geht aber auch kürzer.
145+
Verwende Schleifen mit fester Wiederholungszahl, so dass 5 Blöcke ausreichen.
146+
<img src="2026-02-22_17-20.png" alt="alt text"></p>
147+
<p><a href="https://karol.arrrg.de/#4X4C" target="_blank">Online Karol Editor</a></p>
148+
<h3 id="mauern-um-beliebig-große-welten">Mauern um beliebig große Welten</h3>
149+
<p>Unser Code funktioniert nur in quadratischen Welten:<br>
150+
<img src="2026-03-09_06-00.png" alt="alt text">
151+
Für allgemeine Rechtecke muss Karol solange eine Mauer bauen, bis er vor der Wand steht:</p>
152+
<p><a href="https://karol.arrrg.de/#QUEST-24" target="_blank">Online Karol Editor</a></p>
153+
<p>Löse alle Aufgaben im Bereich <strong>Bedingte Wiederholung</strong>:
154+
<a href="https://karol.arrrg.de/#OVERVIEW" target="_blank">Online Karol Liste der Aufgaben</a></p>
155+
156+
157+
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)