Online-IDE

Programmiersprache, die eine große Teilmenge von Java umfasst zusammen mit einer Entwicklungsumgebung (mit Compiler, Interpreter und Debugger), die komplett im Browser ausgeführt wird.

Die IDE gibt es in zwei Varianten: als Online-IDE für Schulen zur Verwendung im Unterricht und bei den Schüler/innen zuhause sowie als kleine Embedded-IDE (Open Source, GNU GPL v3), die in beliebige Webseiten eingebunden werden kann und mit der beispielsweise Informatiklehrkräfte begleitend zum Unterricht eine interaktive Dokumentation für die Schüler/innen erstellen können. Die Dokumentation der Programmiersprache zusammen mit einem umfangreichen interaktiven Java-Kurs finden Sie hier.

1. Online-IDE für Schulen

Mit der Online-IDE können Schüler/innen im Browser in einer Java-ähnlichen Programmiersprache programmieren. Die Programme werden auf dem Server gespeichert, so dass zuhause dieselbe Programmierumgebung bereitsteht wie in der Schule - ganz ohne Installation.

Die Lehrkraft hat Zugriff auf die Workspaces der Schüler/innen, so dass sie Hausaufgaben bequem korrigieren und bei Programmfehlern schnell helfen kann.

Weitere Features:

• Integriertes Repository für Gruppenarbeiten
• Code-Vervollständigung, Parameterhilfe, Refactor->Rename, Anzeige von Referenzen usw. wie in jeder modernen Entwicklungsumgebung
• Automatisches Kompilieren und Fehleranzeige während der Eingabe
• Schneller Programmstart ("Play-Button")
• Ausführungsgeschwindigkeit regelbar
• Debugger mit Breakpoints, Anzeige der lokalen Variablen, Watch-Expressions
• Ausführung wahlweise im Einzelschritt
• Console-Fenster zur Eingabe und sofortigen Ausführung einzelner Anweisungen
• Schneller, bequemer Hausaufgaben-Workflow
• Möglichkeit, elektronische Prüfungen abzuhalten

2. Embedded-IDE

Die Java-ähnliche Programmiersprache ist im LearnJ-Wiki ausführlich beschrieben und dort ist die IDE in Embedded-Form auch vielfach zu sehen. Hier ein schönes Beispiel des vollen Funktionsumfangs!

Integration als <iframe> in Moodle

Mehr dazu auf dieser Seite.

Build

Nach dem Checkout des Repository können Sie den dist-Ordner mit den fertigen Programmdateien erstellen mittels:

    npm install
    npm run build

Integration in eigene Webseiten

Die Integration der Embedded-Version in eigene Webseiten ist hier beschrieben.

Benötigt werden

• dist/assets/fonts
• dist/assets/graphics
• dist/assets/mp3
• dist/lib
• dist/online-ide-embedded.css
• dist/online-ide-embedded.js