Zum Inhalt springen

Änderungen von Dokument 06 Formeln einbinden

Zuletzt geändert von Carina Enke am 12.08.2024
Von Version 267.1
bearbeitet von tleu
am 25.04.2016
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich ONYXintern und Version 1.5.
Auf Version 311.1
bearbeitet von Carina Enke
am 12.08.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Formeln
1 +06 Formeln einbinden
Übergeordnete Seite
... ... @@ -1,0 +1,1 @@
1 +ONYX.Erstellung von Testinhalten.Aufgaben.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.tleu
1 +XWiki.carina
Tags
... ... @@ -1,0 +1,1 @@
1 +formel|editor|latex
Inhalt
... ... @@ -1,91 +1,185 @@
1 -{{layout}}
2 -{{layout-section ac:type="single"}}
3 -{{layout-cell}}{{/layout-cell}}
4 -{{/layout-section}}
1 +{{section}}
2 +{{column width="60%"}}
3 +ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können mit Hilfe eines integrierten Formeleditors oder alternativ in LaTeX-Schreibweise angegeben werden. Für die optimale Darstellung in verschiedenen Browsern nutzt ONYX das etablierte [[MathJax>>url:http://www.mathjax.org/||shape="rect"]]-Framework.
5 5  
6 -{{layout-section ac:type="two_right_sidebar"}}
7 -{{layout-cell}}
8 -Der ONYX Editor bietet die Möglichkeit zur Integration von Formeln. Formeln können durch den Autor in MathML oder Latex eingegeben werden.
9 -{{/layout-cell}}
10 10  
11 -{{layout-cell}}
12 -{{scroll-ignore}}
13 -{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
6 +[[image:attach:Beispiel - Formel_de.png]]
7 +{{/column}}
14 14  
9 +{{column width="30%"}}
10 +{{panel title="Inhalt"}}
11 +{{toc start="2" depth="2"/}}
15 15  
16 -{{toc/}}
13 +**Verwandte Themen**
14 +
15 +* [[Anzeige einer Platzhaltergrafik>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome||anchor="HSystemeinstellungen"]]
16 +* (% class="confluence-link sv-pt-link" %)[[LaTeX-Hilfe: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
17 +* (% class="confluence-link sv-pt-link" %)[[Formeldarstellung: MathJax>>doc:ONYX.Durchführung von Tests.Testen in OPAL.WebHome]]
17 17  {{/panel}}
18 -{{/scroll-ignore}}
19 -{{/layout-cell}}
20 -{{/layout-section}}
19 +{{/column}}
20 +{{/section}}
21 21  
22 -{{layout-section ac:type="single"}}
23 -{{layout-cell}}
24 -== Erstellen einer Formel im Texteditor ==
22 +== Formel erstellen ==
25 25  
26 -Zum Eingeben einer Formel können Sie die LaTeX Syntax nutzen. ONYX integriert das [[MathJax-Framework>>url:http://www.mathjax.org/||title="Weitere Informationen zu MathJax" shape="rect"]]. Ihre Formel wird automatisch in eine professionell formatierte Formel konvertiert.
24 +=== Formelerstellung mit dem integrierten Formel-Plugin ===
27 27  
28 -[[image:attach:onyx-math1_de.png]]
26 +Um Formeln in eine Aufgabe oder einen Test zu integrieren, steht im ONYX Editor ein Formel-Plugin zur Verfügung. Sie finden diese Funktion im HTML-Editor, beispielsweise im Textfeld zur Eingabe der Aufgabenstellung. Hier können Formeln in einen Dialog mit Hilfe eines Formeleditors oder per LaTeX Notation erstellt werden.
29 29  
30 -(% style="text-align: center;" %)
31 -Abb: Formelformatierung Editor
28 +Um eine Formel in einem Textfeld zu erstellen, gehen Sie wie folgt vor:
32 32  
33 -[[image:attach:onyx-math2_de.png]]
30 +|(% style="width:811px" %)(((
31 +(% class="content-wrapper" %)
32 +(((
33 +Klicken Sie im Text-Editor auf das Icon [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Formel einbinden_schwarz.png||alt="Icon_Formel einbinden.png" data-xwiki-image-style="img-icon" height="20" width="20"]] Formel einfügen.
34 +)))
35 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
36 +(((
37 +(% class="content-wrapper" %)
38 +(((
39 +[[image:attach:Editor - Formeldialog aufrufen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
40 +)))
41 +)))
42 +|(% style="width:811px" %)(((
43 +(% class="content-wrapper" %)
44 +(((
45 +Es öffnet sich ein Dialog. Tragen Sie im Textfeld Ihre Formel per Formeleditor ein.
34 34  
35 -(% style="text-align: center;" %)
36 -Abb: Formelformatierung Frage
47 +Alternativ können Sie auch eine virtuellen Tastatur zur Eingabe nutzen. Hier steht Ihnen zusätzlich eine Auswahl typischer Elemente zur Verfügung.
37 37  
38 -== Erstellen einer Formel mit Hilfe der Formel-Einfügen-Option ==
49 +Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
50 +)))
51 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
52 +(((
53 + [[image:Editor - Formeldialog_Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
54 +)))
55 +|(% style="width:811px" %)(((
56 +Eine weitere Möglichkeit ist der Wechsel im Dialog zum Reiter **LaTeX. **Hier ist die Eingabe der Formel per LaTeX-Notation möglich.
39 39  
40 -1. Klicken Sie im Text-Editor auf die Option Formel [[image:attach:onyx-math3_de.png]].
41 -1. Geben Sie im Dialog Ihre Formel in das Textfeld in LaTeX -Schreibweise ein.
42 -1. Wählen Sie ob die Option in LaTeX-Schreibweise oder als Platzhalter [[image:attach:placeholder_formula.png]] in den Text-Editor eingefügt werden soll.
43 -1. (((
44 -(% style="text-align: left;" %)
45 -Fügen Sie die Formel mit Klick auf den Button „Fertig“ in den Testinhalt ein.
46 -\\
58 +Hier fügen Sie die Formel ebenfalls mit Klick auf den Button **Fertig** in den Testinhalt ein.
47 47  
48 -(% style="margin-left: auto;margin-right: auto;" %)
49 -|=(((
50 -[[image:attach:onyx-math4_de.png]]
51 -)))|=(((
52 -(% class="confluence-embedded-file-wrapper confluence-embedded-manual-size confluence-embedded-file-wrapper confluence-embedded-manual-size" %)[[image:attach:Formel.png]]
60 +
61 +)))|(% colspan="2" style="width:540px" %)[[image:attach:Editor - Formeldialog_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
62 +|(% style="width:811px" %)(((
63 +(% class="content-wrapper" %)
64 +(((
65 +Im Textfeld wird die Formel anschließend in LaTeX-Notation oder als **Platzhalter **angezeigt.
66 +
67 +Diese Standardkonfiguration können Sie bei Bedarf in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome]] ändern.
53 53  )))
69 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
70 +(((
71 +(% class="content-wrapper" %)
72 +(((
73 +[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
54 54  
55 -(% style="text-align: center;" %)
56 -Abb: Eingabefenster Formel
75 +[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
57 57  )))
77 +)))
78 +|(% colspan="1" style="width:811px" %)(% colspan="1" %)
79 +(((
80 +In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
81 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
82 +(((
83 +(((
84 +[[image:attach:Player - Anzeige einer Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
85 +)))
86 +)))
58 58  
59 -== Vorschau einer Formel ==
88 +=== Formelerstellung mit LaTeX ===
60 60  
61 -Sie können LaTeX-Inhalte im Text-Editor markieren und mit Klick auf die Option Formel [[image:attach:onyx-math3_de.png]] den Formel-Dialog öffnen. Im Formel-Dialog wird Ihnen eine Vorschau der Formel angezeigt. Verwenden Sie Platzhalter [[image:attach:placeholder_formula.png]] für die Formeldarstellung im ONYX Editor, können Sie den Platzhalter markieren und durch Klick auf die Option Formel [[image:attach:onyx-math3_de.png]] ebenfalls den Formeldialog öffnen.
90 +Der ONYX Editor bietet für Autoreneingaben eine LaTeX-Unterstützung. Über den im ONYX Editor integrierten HTML-Editor können Formeln mithilfe der Auszeichnungssprache LaTeX in alle Aufgabenbereiche wie die Aufgabenstellung, Antwortalternativen oder Feedback eingefügt werden. Die Darstellung der Formeln erfolgt mit dem etablierten [[MathJax-Framework>>url:http://www.mathjax.org/||shape="rect" title="Weitere Informationen zu MathJax"]]. Ihre Formel wird dabei automatisch in eine professionell formatierte Formel konvertiert.
62 62  
63 -== Bearbeiten einer Formel mit Hilfe der Formel-Bearbeiten-Option ==
92 +{{section height="300"}}
93 +{{column}}
94 +[[image:attach:Editor - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="492"]]
95 +//Abb.: LaTeX-Eingabe im ONYX Editor//
96 +{{/column}}
64 64  
65 -1. Markieren Sie Ihre Formel (LaTeX-Inhalt oder Platzhalter) im Text-Editor.
66 -[[image:attach:onyx-math6_de.png]](((
67 -(% style="text-align: center;" %)
68 -Abb: Markierung Formel
69 -)))
70 -1. Klicken Sie im Text-Editor auf die Option Formel [[image:url:https://pre.bps-system.de/onyxeditor/img/help/onyx-math3_de.png]].
71 -1. Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.
72 -1. Bestätigen Sie Ihre Änderung mit Klick auf den Button „Fertig“.
98 +{{column}}
99 +[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="545"]]
100 +//Abb.: Formeldarstellung in der Testdurchführung//
101 +{{/column}}
102 +{{/section}}
73 73  
74 -== Formelbeispiele ==
75 75  
76 -ONYX verwendet das Framework MathJax. Auf den Demo-Seiten von MathJax finden Sie verschiedene [[Beispiele zur Formeleingabe>>url:http://www.mathjax.org/demos/||title="Zur MathJax Demo-Seite" shape="rect"]].
105 +Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in einen Text eingebettet werden:
77 77  
78 -[[image:attach:onyx-math7_de.png]]
107 +* \( Formel \)
108 +* \[ Formel \]
109 +* $$ Formel $$
79 79  
80 -(% style="text-align: center;" %)
81 -Abb: Beispiel für die Formeldarstellung innerhalb der Zeile
111 +{{warning}}
112 +Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
113 +{{/warning}}
82 82  
83 -[[image:attach:onyx-math8_de.png]]
115 +Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit LaTeX. Ausführliche Beispiele finden sich u. a. im [[Wikibook: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]].
84 84  
85 -(% style="text-align: center;" %)
86 -Abb: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile
87 87  
88 -
89 -{{/layout-cell}}
90 -{{/layout-section}}
91 -{{/layout}}
118 +== Formeldarstellung ==
119 +
120 +=== Formeldarstellung im ONYX-Editor ===
121 +
122 +In der Bearbeitungsansicht wird eine Formel entsprechend der Benutzereinstellung als **Platzhalter oder in **LaTeX-Notation angezeigt. Diese Einstellung ist in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome||anchor="HSystemeinstellungen"]] änderbar.
123 +
124 +{{section height="300"}}
125 +{{column width="50%"}}
126 +[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="480"]]
127 +//Abb.: Formel-Anzeige im ONYX-Editor als Platzhalter//
128 +{{/column}}
129 +
130 +{{column width="50%"}}
131 +[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="540"]]
132 +//Abb.: Formel-Anzeige im ONYX-Player//
133 +{{/column}}
134 +{{/section}}
135 +
136 +
137 +
138 +=== Formeldarstellung im ONYX-Player ===
139 +
140 +ONYX verwendet das Framework MathJax zur Formeldarstellung in der Testausführung. Auf den Demo-Seiten von [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] finden Sie verschiedene Beispiele zur Formeleingabe.
141 +
142 +{{section height="300"}}
143 +{{column width="50%"}}
144 + [[image:Editor - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="628"]]
145 +//Abb.: Formel-Eingabe im ONYX-Editor//
146 +{{/column}}
147 +
148 +{{column width="50%"}}
149 +[[image:Player - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="318"]]
150 +//Abb.: Formel-Anzeige im ONYX-Player//
151 +{{/column}}
152 +{{/section}}
153 +
154 +
155 +
156 +== Weitere externe Formeleditoren ==
157 +
158 +Formeln können auch mit anderen externen Formeleditoren erstellt und umgewandelt in die Auszeichnungssprache LaTeX in ONYX genutzt werden. Es stehen dafür im Internet zahlreiche LaTeX-Formeleditoren zur Verfügung. Eine einfache Bedienung trotz umfangreicher Funktionalität bieten [[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html]] oder die LaTeX-Formeleditoren von [[Matheretter>>url:https://www.matheretter.de/rechner/latex]] und [[Zahlenkern>>url:https://www.zahlen-kern.de/editor/]].
159 +
160 +
161 +=== MySkript ===
162 +
163 +Eine einfache Bedienung bietet die Webseite [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]. Schreiben Sie die gewünschte Formel mittels Maus oder Eingabestift in die Freifläche. Der Formeleditor übersetzt die dargestellte Formel in LaTeX-Schreibweise und zeigt, wenn zur Formel passend, auch einen Graph der erstellten Funktion an.
164 +Im oberen rechten Seitenbereich wird die LaTeX-Notation zur eingegebenen Formel angezeigt. Diese können Sie markieren, kopieren und anschließend in die ONYX-HTML-Eingabefelder einfügen.
165 +
166 +[[image:attach:MyScript_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="220" width="367"]]
167 +//Abb.: Formel-Eingabe mit MyScript//
168 +
169 +
170 +
171 +=== Matheretter und Zahlenkern ===
172 +
173 +Mit dem Editor von [[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] oder dem [[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] können Sie Formeln durch vorgefertigte, grafische Formelsymbole zusammenstellen und diese anpassen. Die Formeleditoren übersetzen die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX-HTML-Eingabefelder eingefügt werden kann.
174 +
175 +{{section height="300"}}
176 +{{column width="50%"}}
177 +[[image:attach:Matheretter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="474"]]
178 +//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
179 +{{/column}}
180 +
181 +{{column width="50%"}}
182 +[[image:attach:LaTeX-Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="346"]]
183 +//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
184 +{{/column}}
185 +{{/section}}
Beispiel - Formel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +1.9 KB
Inhalt
Editor - Aufgabenstellung mit Formel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +37.4 KB
Inhalt
Editor - Formeldarstellung Beispiel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +38.1 KB
Inhalt
Editor - Formeldarstellung Platzhalter_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +9.2 KB
Inhalt
Editor - Formeldarstellung_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +9.5 KB
Inhalt
Editor - Formeldialog aufrufen_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +29.2 KB
Inhalt
Editor - Formeldialog_Formeleditor_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +8.3 KB
Inhalt
Editor - Formeldialog_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +16.9 KB
Inhalt
LaTeX-Formeleditor_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +54.1 KB
Inhalt
Matheretter_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +43.8 KB
Inhalt
MyScript_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +36.5 KB
Inhalt
Player - Anzeige einer Formel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +4.2 KB
Inhalt
Player - Formeldarstellung Beispiel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +11.7 KB
Inhalt
Testrun - Aufgabenstellung mit Formel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +20.3 KB
Inhalt
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -30572914
1 +1311617
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/30572914/Formeln
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/1311617/Formeln einbinden