Skip to content
This repository was archived by the owner on Nov 7, 2026. It is now read-only.

Commit 2b3987d

Browse files
code4teachingclaude
code4teaching
and
claude
authored
Lektion 5: Sequenz als Struktogramm zeigen (Web 0.13.31) (#223)
Claude-Session: https://claude.ai/code/session_01Ugz28W7rqv4xZdtpTUbdRs Co-authored-by: Claude <noreply@anthropic.com>
1 parent 4efef01 commit 2b3987d

14 files changed

Lines changed: 936 additions & 821 deletions

‎CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ The format is loosely inspired by Keep a Changelog.
1414

1515
### Added
1616

17+
- **Web 0.13.36, sequence diagram in lesson 5:** step „Schritt für Schritt“ now shows a sequence as a structure chart: four boxes one below the other (`laenge`, `breite`, `flaeche = laenge * breite`, output 15) with a short caption that each box runs exactly once from top to bottom (de/en/pt).
1718
- **Web 0.13.35, open Java examples in the editor:** a Java example in a lesson can now carry the button „Im Editor öffnen“. It opens the example in a new tab with Programmieren set to Java, so students can run it, change values and try again; the structure chart builds itself from the code. Lesson 4 step „Text in Java“ (Mia, 14, 1.62) uses it and says how to try it (de/en/pt). For authors: write ```` ```java editor ```` instead of ```` ```java ````; a test checks that every such example parses without errors.
1819
- **Web 0.13.32, every exercise says where to solve it:** below the title of each exercise card a small label names the area: „Löse diese Übung im Struktogramm.“ or, for `code: java` exercises, „Löse diese Übung in Programmieren.“ The area names are taken from the on-screen headings, so they always match (de/en/pt; applies to all VisuStruct, VisuBot and task-area exercises).
1920
- **Web 0.13.28, data type char:** lesson 4 now names `char` after the four data types (a single character in single quotation marks, e.g. `char note = 'C'`, more in lesson 17). Lesson 17 has its own step „Ein einzelnes Zeichen: char“: `'C'` vs. `"C"`, no empty char, `charAt`, comparing with `==`, and the character code from the ASCII table with `(int)` and `(char)` as preparation for the Caesar task, plus a competence, a checklist line and two quiz questions for it. Nachschlagen has a new table „Datentypen“ with int, double, String, boolean and char; the glossary has new entries char and Zeichencode, and Datentyp mentions char (de/en/pt).

‎web/lessons/de/05-sequenz.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,10 @@ Eine **Sequenz** ist eine Folge von Schritten, die genau einmal und genau in die
1919

2020
Jeder Kasten wird erst begonnen, wenn der Kasten darüber fertig ist. Es wird nichts übersprungen und nichts wiederholt.
2121

22+
::: diagramm l05-sequenz.visustruct
23+
Eine Sequenz aus vier Kästen: Zuerst bekommen `laenge` und `breite` ihre Werte, dann wird die Fläche berechnet, und zum Schluss wird sie ausgegeben. Jeder Kasten läuft genau einmal, von oben nach unten. Ausgabe: 15.
24+
:::
25+
2226
> Die Sequenz ist der einfachste der drei Grundbausteine. Fast jedes Struktogramm besteht zum größten Teil aus Sequenzen.
2327
2428
## Die Reihenfolge zählt

‎web/lessons/diagramme/en/l05-sequenz.visustruct‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<struktogramm caption="67;97;108;99;117;108;97;116;101;32;116;104;101;32;97;114;101;97;">
3+
<strelem typ="0" zx="0" zy="0">
4+
<text>105;110;116;32;108;101;110;103;116;104;32;61;32;53;</text>
5+
</strelem>
6+
<strelem typ="0" zx="0" zy="0">
7+
<text>105;110;116;32;119;105;100;116;104;32;61;32;51;</text>
8+
</strelem>
9+
<strelem typ="0" zx="0" zy="0">
10+
<text>105;110;116;32;97;114;101;97;32;61;32;108;101;110;103;116;104;32;42;32;119;105;100;116;104;</text>
11+
</strelem>
12+
<strelem typ="0" zx="0" zy="0">
13+
<text>111;117;116;112;117;116;58;32;97;114;101;97;</text>
14+
</strelem>
15+
</struktogramm>

‎web/lessons/diagramme/l05-sequenz.visustruct‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<struktogramm caption="70;108;228;99;104;101;32;98;101;114;101;99;104;110;101;110;">
3+
<strelem typ="0" zx="0" zy="0">
4+
<text>105;110;116;32;108;97;101;110;103;101;32;61;32;53;</text>
5+
</strelem>
6+
<strelem typ="0" zx="0" zy="0">
7+
<text>105;110;116;32;98;114;101;105;116;101;32;61;32;51;</text>
8+
</strelem>
9+
<strelem typ="0" zx="0" zy="0">
10+
<text>105;110;116;32;102;108;97;101;99;104;101;32;61;32;108;97;101;110;103;101;32;42;32;98;114;101;105;116;101;</text>
11+
</strelem>
12+
<strelem typ="0" zx="0" zy="0">
13+
<text>111;117;116;112;117;116;58;32;102;108;97;101;99;104;101;</text>
14+
</strelem>
15+
</struktogramm>

‎web/lessons/diagramme/pt/l05-sequenz.visustruct‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<struktogramm caption="67;97;108;99;117;108;97;114;32;97;32;225;114;101;97;">
3+
<strelem typ="0" zx="0" zy="0">
4+
<text>105;110;116;32;99;111;109;112;114;105;109;101;110;116;111;32;61;32;53;</text>
5+
</strelem>
6+
<strelem typ="0" zx="0" zy="0">
7+
<text>105;110;116;32;108;97;114;103;117;114;97;32;61;32;51;</text>
8+
</strelem>
9+
<strelem typ="0" zx="0" zy="0">
10+
<text>105;110;116;32;97;114;101;97;32;61;32;99;111;109;112;114;105;109;101;110;116;111;32;42;32;108;97;114;103;117;114;97;</text>
11+
</strelem>
12+
<strelem typ="0" zx="0" zy="0">
13+
<text>111;117;116;112;117;116;58;32;97;114;101;97;</text>
14+
</strelem>
15+
</struktogramm>

‎web/lessons/en/05-sequenz.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,10 @@ A **sequence** is a series of steps that run exactly once and in exactly this or
1919

2020
Each box only starts when the box above it is finished. Nothing is skipped and nothing is repeated.
2121

22+
::: diagramm l05-sequenz.visustruct
23+
A sequence of four boxes: first `length` and `width` get their values, then the area is calculated, and finally it is output. Each box runs exactly once, from top to bottom. Output: 15.
24+
:::
25+
2226
> The sequence is the simplest of the three basic building blocks. Almost every structure chart is mostly made of sequences.
2327
2428
## Order matters

‎web/lessons/pt/05-sequenz.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,10 @@ Uma **sequência** é uma série de passos que são executados exatamente uma ve
1919

2020
Cada bloco só começa quando o bloco de cima terminou. Nada é saltado e nada é repetido.
2121

22+
::: diagramm l05-sequenz.visustruct
23+
Uma sequência de quatro blocos: primeiro `comprimento` e `largura` recebem os seus valores, depois a área é calculada e, no fim, é apresentada. Cada bloco é executado exatamente uma vez, de cima para baixo. Saída: 15.
24+
:::
25+
2226
> A sequência é o mais simples dos três blocos básicos. Quase todos os estrutogramas são feitos sobretudo de sequências.
2327
2428
## A ordem conta

‎web/package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "visustruct-web",
33
"private": true,
4-
"version": "0.13.35",
4+
"version": "0.13.36",
55
"type": "module",
66
"scripts": {
77
"dev": "vite",

0 commit comments

Comments
 (0)