Flexible Layouts für die CodeRoom-Übungsumgebung

CodeRoom passt sich jetzt noch besser an den Unterricht an: Die Übungsumgebung unterstützt ein neues flexibles Layout, mit dem Anleitung, Editor und Ausgabe je nach Unterrichtssituation anders gewichtet werden können – vom gemeinsamen Erklären über selbstständiges Üben bis zur Präsentation von Ergebnissen.

Mehr Raum für das, was gerade wichtig ist

In Programmierübungen ändern sich die Anforderungen oft von Phase zu Phase: Mal steht die Anleitung im Vordergrund, mal der Code, mal die Ausgabe, eine Grafik oder eine Webseite. Genau dafür wurde die CodeRoom-Übungsumgebung weiterentwickelt.

Die Größen der einzelnen Bereiche können nun flexibel angepasst werden – inklusive des rechten Ausgabebereichs. So lässt sich die Oberfläche schnell auf die aktuelle Situation abstimmen: mehr Platz für Erklärungen, mehr Raum für den Editor oder eine größere Darstellung der Ergebnisse.

CodeRoom Layout zum Erklären mit Anleitung und Code Erklären: Anleitung und Code im Fokus CodeRoom Layout zum Üben mit Editor und Ausgabe Üben: Editor und Rückmeldung im Blick CodeRoom Layout zum Präsentieren von Ergebnissen Präsentieren: Ergebnisse größer darstellen

Ausgabe, Grafik und Visualisierung skalieren mit

Besonders der Ausgabebereich wurde robuster gestaltet. Die konsolenartige Ausgabe reagiert flexibel auf Größenänderungen, skaliert ihre Darstellung und bietet bei Bedarf einen eigenen Scrollbereich – inklusive Touch-Unterstützung auf Tablets und mobilen Geräten.

Auch grafische Module wie pygame, rpgDungeon oder frameCraft passen sich automatisch an die verfügbare Fläche an. Dadurch bleiben Animationen, Spiele, Simulationen und interaktive Aufgaben auch dann gut nutzbar, wenn Lernende die Ansicht verändern.

CodeRoom Übungsansicht mit flexiblem Editor Flexibler Editorbereich CodeRoom Visualisierungsansicht mit skalierbarer Ausgabe Skalierbare Visualisierung CodeRoom Ausgabebereich für Webseiten und Ergebnisse Ausgabe für Webseiten und Ergebnisse

Gespeicherte Ansichten und neue Navigation

Damit Lernende nicht bei jedem Wechsel neu sortieren müssen, speichert CodeRoom die Positionen der einzelnen Bereiche. Beim Wechsel zwischen Inhalten einer Unterrichtsreihe wird die gewählte Ansicht wiederhergestellt.

Die linke Anleitung kann außerdem einfach ein- und ausgeklappt werden. Demo- und Übungsinhalte, die nur aus Code bestehen, blenden den Anleitungsbereich automatisch aus. In diesem Fall erscheint ein neuer Inhaltswähler direkt in der Toolbar, sodass weiterhin bequem zwischen den Inhalten einer Unterrichtsreihe navigiert werden kann.

  • Flexible Größen für Anleitung, Editor und rechten Ausgabebereich
  • Skalierbare Konsolen-Ausgabe mit Scrollbereich und Touch-Unterstützung
  • Automatische Skalierung grafischer Module wie pygame, rpgDungeon und frameCraft
  • Gespeicherte Bereichspositionen beim Wechsel zwischen Inhalten
  • Unterstützung für Konsolen-Canvas, HTML-Rendering und Plotly-Ausgaben
  • Anleitungsbereich ein- und ausklappbar
  • Automatisches Ausblenden der Anleitung bei reinen Code-Inhalten
  • Neuer Inhaltswähler in der Toolbar, wenn die Anleitung ausgeblendet ist

Für Kompakt-Modus und Projekt-Modus

Das neue flexible Layout steht sowohl im Kompakt-Modus als auch im Projekt-Modus zur Verfügung. Damit profitieren einfache Übungen ebenso wie größere Projektaufgaben mit mehreren Dateien, Visualisierungen oder Webseiten-Ausgaben.

Mehr Eindrücke zur neuen Übungsumgebung finden Sie auf der Übersichtsseite zur CodeRoom-Lernumgebung.

Lernumgebung ansehen