Benutzer-Werkzeuge

Webseiten-Werkzeuge


onlineide:integration:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
onlineide:integration:start [2021/05/26 09:19] Martin Pabstonlineide:integration:start [2023/06/11 09:44] (aktuell) Martin Pabst
Zeile 2: Zeile 2:
  
 ===== A. Mittels iframe-Tag ===== ===== A. Mittels iframe-Tag =====
-Die Integration mittels ''iframe''-Tag ist sehr einfach. Alle Dateien, die Sie dazu auf Ihrem Server hosten müssen, [[https://www.embed.learnj.de/online-IDE-embed.zip|finden Sie hier zum Download]]. +Die Integration mittels ''iframe''-Tag ist sehr einfach. Alle Dateien, die Sie dazu auf Ihrem Server hosten müssen, [[https://www.embed.learnj.de/createwrapper.html|finden Sie hier zum Download]]. 
   - Laden Sie die Dateien auf Ihren Server in ein Verzeichnis ''include'' hoch, das dann z.B. unter https://www.meineseite.de/include erreichbar ist.   - Laden Sie die Dateien auf Ihren Server in ein Verzeichnis ''include'' hoch, das dann z.B. unter https://www.meineseite.de/include erreichbar ist.
   - Das ''iframe''-Tag zum Einfügen auf Ihrer Seite können Sie einfach mit dem [[https://www.embed.learnj.de/createwrapper.html|Wrapper-Generator von Christoph Gräßl]] erstellen.   - Das ''iframe''-Tag zum Einfügen auf Ihrer Seite können Sie einfach mit dem [[https://www.embed.learnj.de/createwrapper.html|Wrapper-Generator von Christoph Gräßl]] erstellen.
Zeile 8: Zeile 8:
  
 <WRAP center round tip 60%> <WRAP center round tip 60%>
-Wenn das ''iframe''-Tag auf einer anderen Domain integriert wird als der, auf der die include-Dateien liegen (z.B. in einem Mebis-Kurs) wird i.d.R. das Laden der eingebundenen Schriftarten vom Server, auf dem die include-Dateien liegen, blockiert. Das beeinträchtigt die IDE kaum. Falls Sie eine perfekte Lösung anstreben können Sie das Nachladen der Schriften erlauben, indem Sie Ihren Server so konfigurieren, dass er einen entsprechenden Access-Control-Origin-Header liefert. Im Falle eines Apache-Webservers lautet die entsprechende Zeile:+Wenn das ''iframe''-Tag auf einer anderen Domain integriert wird als der, auf der die include-Dateien liegen (z.B. in einem Mebis-Kurs) wird i.d.R. das Laden der eingebundenen Schriftarten vom Server, auf dem die include-Dateien liegen, blockiert. Das beeinträchtigt die IDE kaum. Falls Sie eine perfekte Lösung anstreben können Sie das Nachladen der Schriften erlauben, indem Sie Ihren Server so konfigurieren, dass er einen entsprechenden Access-Control-Origin-Header liefert. Im Falle eines Apache-Webservers lautet die entsprechende Konfigurationszeile für ''iframe''-Tags in Mebis beispielsweise:
 <code> <code>
    Header Set Access-Control-Allow-Origin "https://lernplattform.mebis.bayern.de"    Header Set Access-Control-Allow-Origin "https://lernplattform.mebis.bayern.de"
Zeile 16: Zeile 16:
  
  
-===== B. Ohne ifram-Tag =====+===== B. Ohne iframe-Tag =====
  
 <WRAP center round tip 60%> <WRAP center round tip 60%>
Zeile 128: Zeile 128:
 |'withConsole': true|Falls ''withBottomPanel'' den Wert true hat, kann hiermit das Console-Panel ein- oder ausgeblendet werden.| |'withConsole': true|Falls ''withBottomPanel'' den Wert true hat, kann hiermit das Console-Panel ein- oder ausgeblendet werden.|
 |'withErrorList': true|Falls ''withBottomPanel'' den Wert true hat, kann hiermit das Fehler-Panel ein- oder ausgeblendet werden.| |'withErrorList': true|Falls ''withBottomPanel'' den Wert true hat, kann hiermit das Fehler-Panel ein- oder ausgeblendet werden.|
 +|'speed': 2000 | Ausführungsgeschwindigkeit des Programms in Steps/s. Als Wert kann auch 'max' angegeben werden. |
  
  
Zeile 159: Zeile 160:
 </div> </div>
 </HTML> </HTML>
 +
 +
 +===== Einbinden eines eigenen Spritesheets: =====
 +<code html>
 +<div class="java-online" style="width: 100%; height: 200px; margin-left: 5px" data-java-online="{
 +    'id': 'Vererbung_Beispiel_2',
 +    'withBottomPanel': false,
 +    'spritesheetURL': 'javaonline/assets/test-spritesheets/Campfire.zip'
 +}">
 +<script type="text/plain" title="Test2.java">
 +for(int i = 0; i < 4; i++){
 +   Sprite s = new Sprite(50 + 80*i, 300, SpriteLibrary.JavaKara, i);
 +   s.scale(2);
 +}
 +</script>
 +</div>
 +
 +</code>
 +
 +
 +<HTML>
 +<div class="java-online" style="width: 100%; height: 200px; margin-left: 5px" data-java-online="{
 +    'id': 'Vererbung_Beispiel_2',
 +    'withBottomPanel': false,
 +    'spritesheetURL': 'javaonline/assets/test-spritesheets/Campfire.zip'
 +}">
 +<script type="text/plain" title="Test2.java">
 +Sprite campfire = new Sprite(400, 300, SpriteLibrary.Campfire, 0);
 +campfire.scale(2);
 +campfire.playAnimation(0, 4, RepeatType.loop, 15);</script>
 +</div>
 +</HTML>
 +
 +====== Offline-Version ======
 +Die Embedded-Version kann auch offline aus dem Dateisystem heraus betrieben werden, wenn ein kleiner Webserver mitgeliefert wird. Hier ein Beispielarchiv mit Startdateien für Windows und Mac OS X:
 +{{ :onlineide:integration:offlinetest.zip |}} (Version vom 20.09.2022) \\ \\ 
 +[[.offline:opensource:start|Von der Offline-Version verwendete Software]]
onlineide/integration/start.1622013585.txt.gz · Zuletzt geändert: 2021/12/29 11:29 (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki