Ergänzung: DynaGeo-Dateien einbinden - MATHEMATIK

HTML-Crashkurs zum
»MATHEMATIK-Labor«
DynaGeo-Ergänzung
3b.) EUKLID DynaGeo-Datei einbinden
In diesem Abschnitt erfahren Sie, wie Sie ihre DynaGeo-Dateien in die HTML-Vorlage einbinden und das
Resultat im Browser betrachten können.
@ Browser vorbereiten
Leider laufen DynaGeo-Apletts nur auf der Engine des Internet-Explorer unter Verwendung eines zusätzlichen
Plugins, des sog. „DynaGeoX-Viewers“. Sie müssen als entweder grundsätzlich den InternetExplorer verwenden
und das Plugin einmalig installieren oder – alternativ – die Engine aus dem Firefox aufrufen:
1
InternetExplorer
 Melden Sie sich als Administrator an.
 Schalten Sie im InternetExplorer Download, Installation und Ausführung signierter ActiveX-Komponenten
frei: Fügen Sie dazu die Site "www.dynageo.de" im Internet Explorer der Liste der "vertrauenswürdigen
Sites" hinzu. Gehen Sie dazu wie folgt vor.
•
•
•
•
•
•
•
Klicken Sie im Menü unter "Extras" auf "Internetoptionen".
Wählen Sie im erscheinenden Fenster den Reiter "Sicherheit".
Klicken Sie in der "Zonenauswahl" auf "Vertrauenswürdige Sites".
Klicken Sie auf den Knopf "Sites".
Geben Sie im erscheinenden Fenster unter "Diese Webseite zur Zone hinzufügen" die Adresse
http://www.dynageo.de ein, klicken Sie anschließend auf den Knopf "Hinzufügen" und danach
auf den Knopf "Schließen".
Klicken Sie auf den Knopf "Stufe anpassen" und klicken Sie unter "Einstellungen" und dort unter
dem Eintrag "ActiveX-Steuerelemente und Plugins" jeweils bei allen Einträgen auf "Aktivieren"
bei denen es um Download, Installation und Ausführung signierter ActiveX-Komponenten geht.
Klicken Sie anschließend auf den Knopf "OK" und schließen sie danach das Fenster
"Internetoptionen" ebenfalls durch Klicken auf den Knopf "OK".
Wenn Sie später eine der HTML-Seiten aufrufen, erscheint ein rechteckiger Rahmen in der Mitte, der
zunächst leer ist;
•
•
Warten Sie dann, bis das DynaGeoX-CAB-Archiv heruntergeladen wurde.
Wenn der Browser Sie fragt, ob Sie den DynaGeoX-Viewer wirklich installieren wollen, dann
bestätigen Sie dies bitte.
Mozilla Firefox
Im Firefox installiert man über „Extras“ => „Add-Ons“  „Erweiterungen“, „Erweiterungen herunterladen“ das
2
3
Add-On „IE Tab“ . Nach dem Neustart des Browsers erscheint unten rechts in der Statusleiste das Symbol des
Mozilla Firefox. Klickt man da drauf, so wechselt das Programm auf die Engine des Internet Explorers; mit dieser
Einstellung kann man dann auch im Firefox HTML-Seiten mit DynaGeo-Inhalt anzeigen lassen.
1
Siehe http://www.juergen-roth.de/dynageo/viewer/DynaGeoXViewerinstallation.html
Siehe auch http://www.erweiterungen.de/detail/IE_Tab/
3
Statusleiste einschalten über „Ansicht“ => „Statusleiste“
2
HTML-Crashkurs zum
»MATHEMATIK-Labor«
DynaGeo-Ergänzung
@ geo-Dateien kopieren
Kopieren Sie ihre erste DynaGeo-Datei in den Ordner „sites“. Speziell: das Anlegen von Unterordnern – wie etwa
in der Beschreibung für GeoGebra-Dateien – ist hier nicht erlaubt!
@ HTML-Code generieren
Öffnen Sie durch Doppelklick die DynaGeo-Datei aus dem „sites“-Ordner und exportieren Sie die Datei in den
4
gleichen Ordner als HTML-Arbeitsblatt . Der Ordner enthält dann neben den geo-Dateien eine neue HTML-Datei.
Öffnen Sie diese mit einem Editor; sie finden dann im Quelltext zwischen den Tags „object“ etwa folgende
Zeilen:
<object
classid="clsid:2EF98DE5-183F-11D4-83EC-EC6A1DB6E213"
codebase="http://www.dynageo.de/download/dynageoviewer.cab#version=3,0,3,2"
width="941"
height="550"
>
<param name="DataFile" value="test.geo">
</object>
5
Markieren Sie diese Zeilen und kopieren Sie sie in die Zwischenablage .
@ den ersten HTML-Code einbetten
Öffnen Sie die Seite „seite_1_01.html“ mit dem Editor und suchen sie den Block <div id=“content“></ div>.
Fügen Sie den Code-Block aus der Zwischenablage als Inhalt diese Blocks ein; der Quellcode der Datei
„seite_1_01.html“ sollte dann an dieser Stelle die folgende Form haben:
<div id=“content“>
<object
classid="clsid:2EF98DE5-183F-11D4-83EC-EC6A1DB6E213"
codebase="http://www.dynageo.de/download/dynageoviewer.cab#version=3,0,3,2"
width="941"
height="550"
>
<param name="DataFile" value="test.geo">
</object>
</div>
Sie müssen den Applet-Code nun noch an zwei Stellen modifizieren:
Schritt 1 und 2: Ändern der Applet-Maße
<div id=“content“>
<object
classid="clsid:2EF98DE5-183F-11D4-83EC-EC6A1DB6E213"
codebase="http://www.dynageo.de/download/dynageoviewer.cab#version=3,0,3,2"
width="941"
height="550"
>
<param name="DataFile" value="test.geo">
</object>
</div>
Im Vorfeld wurden für die Mathematik-Labor Applets die Maße „Breite: 847px“ und „Höhe: 547px“
festgelegt; Sie müssen diese Maße nun in den HTML-Code integrieren. Tauschen Sie dazu die vorhandenen
Werte bei den Attributen „width“ und „height“ im Code der Seite aus (ohne den Zusatz „px“). Das sollte
dann so aussehen:
4
5
Export über „Datei“ => „Als DynaGeoX-HTML-Seite speichern…“
Tastenkombination „Strg“ + „C“
HTML-Crashkurs zum
»MATHEMATIK-Labor«
DynaGeo-Ergänzung
<div id=“content“>
<object
classid="clsid:2EF98DE5-183F-11D4-83EC-EC6A1DB6E213"
codebase="http://www.dynageo.de/download/dynageoviewer.cab#version=3,0,3,2"
width="847"
height="547"
>
<param name="DataFile" value="test.geo">
</object>
</div>
Schließen Sie die Bearbeitung ab, indem Sie die Modifikationen speichern. Ein Aufruf der Datei
„seite_1_01.html“ in Ihrem – wie oben beschrieben – modifizierten Browser sollte nun das erste eingebundene
Applet zeigen.
@ weitere geo-Dateien einbinden
Sie wissen nun, wie Sie Ihre DynaGeo-Applets in die HTML-Vorlage einbinden können. Beachten Sie beim
Einbinden weiterer geo-Dateien in die anderen HTML-Seiten, dass Sie sich durch geschicktes Kopieren von
Quellcode aus bereits bearbeiteten Seiten einiges an Arbeit sparen können!
@ weitere Hilfe
Das Programm DynaGeo bietet unter dem Menüpunkt „Hilfe“ nähere Details zum Einbinden, sowie einige
Vorsichtsregeln‘ an:
Hilfe => Inhaltsverzeichnis => Index => Schlüsselwort: „HTML“
Punkt: „Wie wird DynaGeoX in eine HTML-Seite eingebunden?“