Test: Unterschied zwischen den Versionen
Jneug (Diskussion | Beiträge) Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung |
Jneug (Diskussion | Beiträge) (→P5js) |
||
| (47 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
{{ | == Lernpfad Fortschritt == | ||
{{#arraydefine:topics|{{Inhalt/Objektorientierte Programmierung mit Java}}|, }} | |||
Vorhandene Schritte im [[Lernpfad:Objektorientierte Programmierung mit Java]]: | |||
{{#expr: {{#arrayprint:topics|+|@@@@|{{#ifexist: Lernpfad:Objektorientierte Programmierung mit Java/@@@@|1|0}}}} }} von {{#arraysize:topics}} = {{#expr: ((({{#arrayprint:topics|+|@@@@|{{#ifexist: Lernpfad:Objektorientierte Programmierung mit Java/@@@@|1|0}}}})/{{#arraysize:topics}}) round 2) * 100 }}% | |||
Bei [[Lernpfad:Objektorientierte Programmierung mit Java/Objekte erstellen|Schritte 8 (Objekte erstellen)]] im [[Lernpfad:Objektorientierte Programmierung mit Java]] gilt: | |||
* Noch zu bearbeiten: {{#arrayslice:topics_left|topics|{{#arraysearch:topics|Objekte erstellen}}}}{{#arraysize:topics_left}} von {{#arraysize:topics}} = {{#expr: (({{#arraysize:topics_left}}/{{#arraysize:topics}}) round 2) * 100 }}% | |||
* Bisher erledigt: {{#arrayslice:topics_done|topics|0|{{#arraysearch:topics|Objekte erstellen}}}}{{#arraysize:topics_done}} von {{#arraysize:topics}} = {{#expr: (({{#arraysize:topics_done}}/{{#arraysize:topics}}) round 2) * 100 }}% | |||
== Buttons == | == Buttons == | ||
<hbutton url="https://ngb.schule" color=" | {{Spalten:Start}} | ||
{{Spalte|<hbutton url="https://ngb.schule" color="{{Farbe:Info}}">'''Was?'''</hbutton>}} | |||
{{Spalte|<hbutton url="{{SERVER}}" color="{{Farbe:Warnung}}">'''Was?'''</hbutton>}} | |||
{{Spalte|<hbutton url="{{SERVER}}" color="{{Farbe:Fehler}}">'''Was?'''</hbutton>}} | |||
{{Spalten:End}} | |||
<hbutton url="{{SERVER}}" color="{{Farbe:Helmholtz}}" class="text-left">'''Was?'''</hbutton> | |||
== Kästen == | == Kästen == | ||
| Zeile 56: | Zeile 69: | ||
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da | Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da | ||
{{Lösung:End}} | {{Lösung:End}} | ||
== Embeds == | |||
=== Coggle === | |||
<coggle>https://embed.coggle.it/diagram/W51nN-iJNXgKUWv7/e39d27437ec6dfade4e492f64f45575c7dcf5b639e4a864e498329a7f13a8575</coggle> | |||
=== P5js === | |||
<p5js width="400" height="200">https://editor.p5js.org/HerrThiessen/embed/H1DXipu-E</p5js> | |||
== Timeline == | == Timeline == | ||
| Zeile 73: | Zeile 92: | ||
== UML == | == UML == | ||
<graphviz> | |||
digraph G { | |||
fontname = "Bitstream Vera Sans" | |||
fontsize = 10 | |||
rankdir = TB | |||
node [fontname = "Bitstream Vera Sans";fontsize = 10;shape = "record"] | |||
edge [fontname = "Bitstream Vera Sans";fontsize = 10] | |||
Dreieck [label = "{Dreieck|-position: Punkt\l-richtung: double\l-punktB: Punkt\l-punktC: Punkt\l|+Dreieck(pPosition: Punkt, pPunktB: Punkt\l pPunktC: Punkt, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getPunktB(): Punkt\l+setPunktB(pPunktB: Punkt)\l+getPunktC(): Punkt\l+setPunktC(pPunktC: Punkt)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] | |||
Rechteck [label = "{Rechteck|-position: Punkt\l-richtung: double\l-a: int\l-b: int\l|+Rechteck(pPosition: Punkt, pA: int\l pB: int, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getA(): int\l+setA(pA: int)\l+getB(): int\l+setB(pB: int)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] | |||
Quadrat [label = "{Quadrat|-position: Punkt\l-richtung: double\l-a: int\l|+Quadrat(pPosition: Punkt, pA: int,\l pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getA(): int\l+setA(pA: int)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] | |||
Punkt [label = "{Punkt|-x: int\l-y : int\l|+Punkt(pX: int, pY: int)\l+getX(): int\l+getY(): int\l+setX(pX: int)\l+setY(pY: int)\l}"] | |||
edge [style="dashed",arrowhead="open"] | |||
Dreieck -> Punkt | |||
Rechteck -> Punkt | |||
Quadrat -> Punkt | |||
} | |||
</graphviz> | |||
<graphviz> | <graphviz> | ||
| Zeile 83: | Zeile 123: | ||
edge [fontname = "Bitstream Vera Sans";fontsize = 8] | edge [fontname = "Bitstream Vera Sans";fontsize = 8] | ||
Dreieck [label = "{Dreieck|-punktB: Punkt\l-punktC: Punkt\l|+Dreieck(pPosition: Punkt, pPunktB: Punkt\l pPunktC: Punkt, pRichtung: double)\l+getPunktB(): Punkt\l+setPunktB(pPunktB: Punkt)\l+getPunktC(): Punkt\l+setPunktC(pPunktC: Punkt)\l}"] | |||
Rechteck [label = "{Rechteck|-a: int\l-b: int\l|+Rechteck(pPosition: Punkt, pA: int\l pB: int, pRichtung: double)\l+getA(): int\l+setA(pA: int)\l+getB(): int\l+setB(pB: int)\l}"] | |||
Quadrat [label = "{Quadrat||+Quadrat(pPosition: Punkt, pRichtung: double,\lpA: int)\l}"] | |||
Punkt [label = "{Punkt|-x: int\l-y : int\l|+Punkt(pX: int, pY: int)\l+getX(): int\l+getY(): int\l+setX(pX: int)\l+setY(pY: int)\l}"] | |||
Form [label="{Form|-position: Punkt\l-richtung: double|+Form(pPosition: Punkt, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] | |||
edge [arrowhead = "empty"] | edge [style="dashed",arrowhead="open"] | ||
Dreieck -> Punkt | |||
Form -> Punkt | |||
edge [arrowhead="empty"] | |||
Quadrat -> Rechteck -> Form | |||
Dreieck -> Form | |||
} | } | ||
</graphviz> | </graphviz> | ||
| Zeile 97: | Zeile 143: | ||
Mit Hilfe der ''RQuiz'' Erweiterung können einface Quizfragen basierend auf dem [https://felix-riesterer.de/main/seiten/quizze.html rquiz.js-Skript] von [https://felix-riesterer.de Felix Riesterer] auf Wikiseiten eingebunden werden. | Mit Hilfe der ''RQuiz'' Erweiterung können einface Quizfragen basierend auf dem [https://felix-riesterer.de/main/seiten/quizze.html rquiz.js-Skript] von [https://felix-riesterer.de Felix Riesterer] auf Wikiseiten eingebunden werden. | ||
<zuordnung> | <zuordnung shuffle="1"> | ||
'''Keine''' doppelten ":" im Anleitungstext! | '''Keine''' doppelten ":" im Anleitungstext! | ||
| Zeile 104: | Zeile 150: | ||
::Laufend::Hund::Katze | ::Laufend::Hund::Katze | ||
::Schwimmends::''Fisch''::[[Datei:Icon Heft.png|48px]] | ::Schwimmends::''Fisch''::[[Datei:Icon Heft.png|48px]] | ||
</zuordnung> | |||
<zuordnung> | |||
Baue das korrekte Programm zusammen: | |||
::1::import ea.*;::// Import der Engine-Alpha | |||
::2::public class Spiel extends Game {::// Klassenkopf mit Vererbung | |||
::3:: private Arena view;:://Objektvariable | |||
::4:: public Spiel() {:://Konstruktor von Spiel | |||
::5:: super(906, 438, "Hehomon"); | |||
::6:: view = new Arena(); | |||
::7:: wurzel.add(view); | |||
::8:: } | |||
::9::} | |||
</zuordnung> | </zuordnung> | ||
| Zeile 112: | Zeile 172: | ||
5 + 3 sind gleich '''8()''' | 5 + 3 sind gleich '''8()''' | ||
Ein Heft: ''[[Datei:Icon Heft.png|48px]]'' | |||
</lückentext> | </lückentext> | ||
<multiplechoice> | <multiplechoice> | ||
Welches Tier ist ein ''Säugetier''? | Welches Tier ist ein ''Säugetier''? | ||
(!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene) | (!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene) (![[Datei:Icon Heft.png|48px|link=]]) | ||
</multiplechoice> | </multiplechoice> | ||
Aktuelle Version vom 19. November 2021, 17:36 Uhr
Lernpfad Fortschritt
Vorhandene Schritte im Lernpfad:Objektorientierte Programmierung mit Java: 17 von 21 = 81%
Bei Schritte 8 (Objekte erstellen) im Lernpfad:Objektorientierte Programmierung mit Java gilt:
- Noch zu bearbeiten: 13 von 21 = 62%
- Bisher erledigt: 8 von 21 = 38%
Buttons
<hbutton url="http://ngb.schule" color="#00A651" class="text-left">Was?</hbutton>
Kästen
Ein Kasten
Eine Schublade
Eine Rahmen
Eine Fenster
Auch farbige Kästen
Auch farbige Schubladen
Auch farbige Rahmen
Auch farbige Fenster
Tabellen
| Header 1 | Header 2 |
|---|---|
| Cell 1 | Cell 2 |
| Cell 1 | Cell 2 |
Verschiedene Vorlagen
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.
Nicht einmal von der allmächtigen <colorize>Interpunktion werden die Blindtexte beherrscht</colorize> – ein geradezu unorthographisches Leben. <colorize size=0 weight=0 words=1>Eines Tages aber beschloß eine kleine Zeile Blindtext</colorize>, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da
- Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht
- ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext,
- ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da
Embeds
Coggle
P5js
Timeline
<itimeline height="512px" groupsonright="false" min="2014-06-01" max="2014-08-30" locale="de">
2014-07-25T13:00:00Z|
2014-07-26T10:00:00Z|
2014-07-25T08:00:00Z/2014-07-26T15:00:00Z|Hauptseite
2014-07-26T12:00:00Z/2014-07-27T15:00:00Z|Lernpfad:Objektorientierte Programmierung mit Java
2014-07-25T08:00:00Z/2014-08-00:00:00+02:00|Würfelspielprojekt
2014-07-25T13:00:00Z|
last phase|Icon Clock 1
2014-07-25T13:10:00Z|
last phase|Icon Clock 2
2014-07-25T13:15:00Z|
last phase|Icon Clock 3
</itimeline>
UML
<graphviz> digraph G {
fontname = "Bitstream Vera Sans"
fontsize = 10
rankdir = TB
node [fontname = "Bitstream Vera Sans";fontsize = 10;shape = "record"]
edge [fontname = "Bitstream Vera Sans";fontsize = 10]
Dreieck [label = "{Dreieck|-position: Punkt\l-richtung: double\l-punktB: Punkt\l-punktC: Punkt\l|+Dreieck(pPosition: Punkt, pPunktB: Punkt\l pPunktC: Punkt, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getPunktB(): Punkt\l+setPunktB(pPunktB: Punkt)\l+getPunktC(): Punkt\l+setPunktC(pPunktC: Punkt)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] Rechteck [label = "{Rechteck|-position: Punkt\l-richtung: double\l-a: int\l-b: int\l|+Rechteck(pPosition: Punkt, pA: int\l pB: int, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getA(): int\l+setA(pA: int)\l+getB(): int\l+setB(pB: int)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] Quadrat [label = "{Quadrat|-position: Punkt\l-richtung: double\l-a: int\l|+Quadrat(pPosition: Punkt, pA: int,\l pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getA(): int\l+setA(pA: int)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"] Punkt [label = "{Punkt|-x: int\l-y : int\l|+Punkt(pX: int, pY: int)\l+getX(): int\l+getY(): int\l+setX(pX: int)\l+setY(pY: int)\l}"]
edge [style="dashed",arrowhead="open"] Dreieck -> Punkt Rechteck -> Punkt Quadrat -> Punkt } </graphviz>
<graphviz> digraph G {
fontname = "Bitstream Vera Sans"
fontsize = 8
rankdir = BT
node [fontname = "Bitstream Vera Sans";fontsize = 8;shape = "record"]
edge [fontname = "Bitstream Vera Sans";fontsize = 8]
Dreieck [label = "{Dreieck|-punktB: Punkt\l-punktC: Punkt\l|+Dreieck(pPosition: Punkt, pPunktB: Punkt\l pPunktC: Punkt, pRichtung: double)\l+getPunktB(): Punkt\l+setPunktB(pPunktB: Punkt)\l+getPunktC(): Punkt\l+setPunktC(pPunktC: Punkt)\l}"] Rechteck [label = "{Rechteck|-a: int\l-b: int\l|+Rechteck(pPosition: Punkt, pA: int\l pB: int, pRichtung: double)\l+getA(): int\l+setA(pA: int)\l+getB(): int\l+setB(pB: int)\l}"] Quadrat [label = "{Quadrat||+Quadrat(pPosition: Punkt, pRichtung: double,\lpA: int)\l}"] Punkt [label = "{Punkt|-x: int\l-y : int\l|+Punkt(pX: int, pY: int)\l+getX(): int\l+getY(): int\l+setX(pX: int)\l+setY(pY: int)\l}"] Form [label="{Form|-position: Punkt\l-richtung: double|+Form(pPosition: Punkt, pRichtung: double)\l+getPosition(): Punkt\l+setPosition(pPosition: Punkt)\l+getRichtung(): double\l+setRichtung(pRichtung: double)\l+versetzen(pX: int, pY: int)\l+drehen(pGrad: double)\l}"]
edge [style="dashed",arrowhead="open"] Dreieck -> Punkt Form -> Punkt
edge [arrowhead="empty"] Quadrat -> Rechteck -> Form Dreieck -> Form } </graphviz>
Quiz
Mit Hilfe der RQuiz Erweiterung können einface Quizfragen basierend auf dem rquiz.js-Skript von Felix Riesterer auf Wikiseiten eingebunden werden.
Keine doppelten ":" im Anleitungstext!
Zeilen mit "::" am Anfang sind Tabellenzeilen.
| Fliegend | Biene | Meise | Amsel |
| Laufend | Hund | Katze | |
| Schwimmends | Fisch |
Baue das korrekte Programm zusammen:
| 1 | import ea.*; | // Import der Engine-Alpha |
| 2 | public class Spiel extends Game { | // Klassenkopf mit Vererbung |
| 3 | private Arena view; | //Objektvariable |
| 4 | public Spiel() { | //Konstruktor von Spiel |
| 5 | super(906, 438, "Hehomon"); | |
| 6 | view = new Arena(); | |
| 7 | wurzel.add(view); | |
| 8 | } | |
| 9 | } |
Der Mensch ist des Menschen Freund. Die Bienen sammeln Honig.
Sie fliegt zu einer Blume | Blüte ().
5 + 3 sind gleich 8()
Welches Tier ist ein Säugetier?
(!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene) (!
)
Fülle die Kreuzworte aus ...
| Biene | Insekt |
| Birne | Baumobst |
| Banane | Gelb und lang |
Finde die Wörter
Drei Wörter, sind im Suchsel versteckt.
| Freund |
| Rasen |
| Flugzeug |
Froh zu sein bedarf es wenig und wer froh ist, ist ein König.
Es sind drei Worte gesucht. Findest du alle?
| Freund |
| Blume |
| Rasen |