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 zu Hause 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.
Mit der Online-IDE können Schüler/innen im Browser in einer Java-ähnlichen Programmiersprache programmieren. Die Programme werden auf dem Server gespeichert, sodass zu Hause dieselbe Programmierumgebung bereitsteht wie in der Schule - ganz ohne Installation.
Die Lehrkraft hat Zugriff auf die Workspaces der Schüler/innen, sodass 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
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!
Mehr dazu auf dieser Seite.
Nach dem Checkout des Repository können Sie den dist-Ordner mit den fertigen Programmdateien erstellen mittels:
npm install
npm run build
Die Integration der Embedded-Version in eigene Webseiten ist hier beschrieben.
Neben Java-Dateien können Bilder aus einer URL als Workspace-Dateien eingebunden werden:
<script type="text/plain" data-type="image" title="sky.jpg" src="/images/sky.jpg"></script>Im Programm ist das Bild anschließend über seinen Dateinamen verfügbar, zum Beispiel mit
new Bitmap("sky.jpg"). Ohne title wird der Dateiname aus der URL übernommen. Bei URLs
von einer anderen Domain muss der Server den Browserzugriff mittels CORS erlauben.
Benötigt werden
- dist/assets/fonts
- dist/assets/graphics
- dist/assets/mp3
- dist/lib
- dist/online-ide-embedded.css
- dist/online-ide-embedded.js