Zum Inhalt springen

Änderungen von Dokument 06 Formeln einbinden

Zuletzt geändert von Carina Enke am 12.08.2024
Von Version 292.2
bearbeitet von Carina Enke
am 07.08.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 300.1
bearbeitet von Carina Enke
am 12.08.2024
Änderungskommentar: Neues Bild Editor - Formeldialog_de.png hochladen

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,71 +1,40 @@
1 +Live:  [[https:~~/~~/help.bps-system.de/wiki/bin/view/ONYX/Erstellung%20von%20Testinhalten/Aufgaben/Formeln%20einbinden/>>https://help.bps-system.de/wiki/bin/view/ONYX/Erstellung%20von%20Testinhalten/Aufgaben/Formeln%20einbinden/]]
1 1  
2 2  {{section}}
3 3  {{column width="60%"}}
4 -ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können durch den Autor in LaTeX-Schreibweise eingegeben werden. ONYX nutzt das etablierte [[MathJax>>url:http://www.mathjax.org/||shape="rect"]]-Framework zur optimalen Darstellung Ihrer Formeln in allen Browseransichten.
5 +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 -Wünschen Sie einen Formeleditor zur einfachen Zusammenstellung Ihrer Formeln mit automatischer Umwandlung in die Auszeichnungssprache LaTeX, stehen im Internet zahlreiche LaTeX-Formeleditoren zur Verfügung. Eine einfache Bedienung trotz umfangreicher Funktionalität bietet (% class="confluence-link sv-pt-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html||shape="rect" class="external-link"]](%%) oder die LaTeX-Formeleditoren von (% class="confluence-link sv-pt-link" %)[[Matheretter>>url:https://www.matheretter.de/rechner/latex||shape="rect" class="external-link"]](%%) und (% class="confluence-link sv-pt-link" %)[[Zahlenkern>>url:https://www.zahlen-kern.de/editor/||shape="rect" class="external-link"]](%%).
7 7  
8 8  [[image:attach:Beispiel - Formel_de.png]]
9 9  {{/column}}
10 10  
11 11  {{column width="30%"}}
12 -
13 13  {{panel title="Inhalt"}}
14 -{{toc start="2"/}}
15 -{{/panel}}
13 +{{toc start="2" depth="2"/}}
16 16  
17 -{{panel title="Verwandte Themen"}}
15 +**Verwandte Themen**
16 +
17 +* [[Anzeige einer Platzhaltergrafik>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome||anchor="HSystemeinstellungen"]]
18 18  * (% 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"]]
19 19  * (% class="confluence-link sv-pt-link" %)[[Formeldarstellung: MathJax>>doc:ONYX.Durchführung von Tests.Testen in OPAL.WebHome]]
20 -
21 -**Externe Formeleditoren**
22 -* [[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]
23 -* [[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
24 -* [[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
25 25  {{/panel}}
26 26  {{/column}}
27 27  {{/section}}
28 28  
24 +== Formel erstellen ==
29 29  
26 +=== Formelerstellung mit dem integrierten Formel-Plugin ===
30 30  
28 +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.
31 31  
32 -== Formelerstellung mit LaTeX ==
30 +Um eine Formel in einem Textfeld zu erstellen, gehen Sie wie folgt vor:
33 33  
34 -Der ONYX Editor bietet für alle 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.
35 -
36 -[[image:attach:Editor - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]//Abb.: LaTeX-Eingabe im ONYX Editor//
37 -
38 -[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]//Abb.: Formeldarstellung in der Testdurchführung//
39 -
40 -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:
41 -
42 -* (((
43 -\( Formel \)
44 -)))
45 -* \[ Formel \]
46 -* $$ Formel $$
47 -
48 -Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
49 -
50 -{{info}}
51 -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"]].
52 -{{/info}}
53 -
54 -== Formelerstellung mit dem Formel-Dialog ==
55 -
56 -Für eine einfache Eingabe steht für den im ONYX Editor integrierten HTML-Editor ein spezielles Formel-Plugin zur Verfügung.
57 -
58 -=== Eine Formel im Texteditor erstellen ===
59 -
60 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
61 -(((
62 -1
63 -)))|(((
32 +|(% style="width:811px" %)(((
64 64  (% class="content-wrapper" %)
65 65  (((
66 -Klicken Sie im Text-Editor auf die Option Formel [[image:Icon_Formeleditor.png]].
35 +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.
67 67  )))
68 -)))|(% colspan="2" %)(% colspan="2" %)
37 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
69 69  (((
70 70  (% class="content-wrapper" %)
71 71  (((
... ... @@ -72,82 +72,147 @@
72 72  [[image:attach:Editor - Formeldialog aufrufen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
73 73  )))
74 74  )))
75 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
76 -(((
77 -2
78 -)))|(((
44 +|(% style="width:811px" %)(((
79 79  (% class="content-wrapper" %)
80 80  (((
81 -Geben Sie im Dialog Ihre Formel in das Textfeld in LaTeX-Notation ein.
82 -)))
47 +Es öffnet sich ein Dialog. Tragen Sie im Textfeld Ihre Formel per Formeleditor ein.
83 83  
49 +Alternativ können Sie auch eine virtuellen Tastatur zur Eingabe nutzen. Hier steht Ihnen zusätzlich eine Auswahl typischer Elemente zur Verfügung.
50 +
84 84  Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
85 -)))|(% colspan="2" %)(% colspan="2" %)
86 -(((
87 -(% class="content-wrapper" %)
88 -(((
89 -[[image:attach:Editor - Formeldialog_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
90 90  )))
91 -)))
92 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
53 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
93 93  (((
94 -3
95 -)))|(((
55 + [[image:Editor - Formeldialog_Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
56 +)))
57 +|(% style="width:811px" %)(((
58 +Eine weitere Möglichkeit ist der Wechsel im Dialog zum Reiter **LaTeX. **Hier ist die Eingabe der Formel per LaTeX-Notation möglich.
59 +
60 +Hier fügen Sie die Formel ebenfalls mit Klick auf den Button **Fertig** in den Testinhalt ein.
61 +
62 +
63 +)))|(% 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"]]
64 +|(% style="width:811px" %)(((
96 96  (% class="content-wrapper" %)
97 97  (((
98 -Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.
67 +Im Textfeld wird die Formel anschließend in LaTeX-Notation oder als **Platzhalter **angezeigt.
99 99  
100 -Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.
69 +Diese Standardkonfiguration können Sie bei Bedarf in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome]] ändern.
101 101  )))
102 -)))|(% colspan="2" %)(% colspan="2" %)
71 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
103 103  (((
104 104  (% class="content-wrapper" %)
105 105  (((
106 106  [[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
76 +
77 +[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
107 107  )))
108 108  )))
109 -|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
80 +|(% colspan="1" style="width:811px" %)(% colspan="1" %)
110 110  (((
111 -4
112 -)))|(% colspan="1" %)(% colspan="1" %)
113 -(((
114 114  In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
115 -)))|(% colspan="2" %)(% colspan="2" %)
83 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
116 116  (((
117 -(% class="content-wrapper" %)
118 118  (((
119 119  [[image:attach:Player - Anzeige einer Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
120 120  )))
121 121  )))
122 122  
123 -== Formelerstellung mit einem Formeleditor ==
90 +=== Formelerstellung mit LaTeX ===
124 124  
125 -Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.
92 +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.
126 126  
127 -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.
94 +{{section height="300"}}
95 +{{column}}
96 +[[image:attach:Editor - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="492"]]
97 +//Abb.: LaTeX-Eingabe im ONYX Editor//
98 +{{/column}}
128 128  
129 -[[image:attach:MyScript_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
100 +{{column}}
101 +[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="545"]]
102 +//Abb.: Formeldarstellung in der Testdurchführung//
103 +{{/column}}
104 +{{/section}}
130 130  
131 131  
132 -//Abb.: Formel-Eingabe mit MyScript//
107 +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:
133 133  
134 -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.
109 +* \( Formel \)
110 +* \[ Formel \]
111 +* $$ Formel $$
135 135  
113 +{{warning}}
114 +Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
115 +{{/warning}}
136 136  
137 -Mit dem Editor von (% class="confluence-link sv-pt-link" %)[[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.
117 +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"]].
138 138  
139 -[[image:attach:Matheretter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
140 140  
120 +== Formeldarstellung ==
141 141  
142 -[[image:attach:LaTeX-Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
122 +=== Formeldarstellung im ONYX-Editor ===
143 143  
144 -== Formelbeispiele ==
124 +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]] änderbar.
145 145  
146 -ONYX verwendet das Framework MathJax zur Formeldarstellung. Auf den Demo-Seiten von [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] finden Sie verschiedene Beispiele zur Formeleingabe.
126 +{{section height="300"}}
127 +{{column width="50%"}}
128 +[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="480"]]
129 +//Abb.: Formel-Anzeige im ONYX-Editor als Platzhalter//
130 +{{/column}}
147 147  
148 -[[image:attach:Beispiel - Formel in einer Zeile_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="121" width="359"]]
149 -//Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
132 +{{column width="50%"}}
133 +[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="540"]]
134 +//Abb.: Formel-Anzeige im ONYX-Player//
135 +{{/column}}
136 +{{/section}}
150 150  
151 -[[image:attach:Beispiel - Formel in eigener Zeile_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="238" width="357"]]
152 -//Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
153 153  
139 +
140 +=== Formeldarstellung im ONYX-Player ===
141 +
142 +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.
143 +
144 +{{section height="300"}}
145 +{{column width="50%"}}
146 + [[image:Editor - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="628"]]
147 +//Abb.: Formel-Eingabe im ONYX-Editor//
148 +{{/column}}
149 +
150 +{{column width="50%"}}
151 +[[image:Player - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="318"]]
152 +//Abb.: Formel-Anzeige im ONYX-Player//
153 +{{/column}}
154 +{{/section}}
155 +
156 +
157 +
158 +== Weitere externe Formeleditoren ==
159 +
160 +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/]].
161 +
162 +
163 +=== MySkript ===
164 +
165 +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.
166 +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.
167 +
168 +[[image:attach:MyScript_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="220" width="367"]]
169 +//Abb.: Formel-Eingabe mit MyScript//
170 +
171 +
172 +
173 +=== Matheretter und Zahlenkern ===
174 +
175 +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.
176 +
177 +{{section height="300"}}
178 +{{column width="50%"}}
179 +[[image:attach:Matheretter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="474"]]
180 +//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
181 +{{/column}}
182 +
183 +{{column width="50%"}}
184 +[[image:attach:LaTeX-Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="346"]]
185 +//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
186 +{{/column}}
187 +{{/section}}
Editor - Formeldarstellung_de.png
Größe
... ... @@ -1,1 +1,1 @@
1 -13.6 KB
1 +9.5 KB
Inhalt
Editor - Formeldialog_de.png
Größe
... ... @@ -1,1 +1,1 @@
1 -39.9 KB
1 +16.9 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 - Formeldialog_Formeleditor_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +8.3 KB
Inhalt
Icon_Formel einbinden_schwarz.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +1.0 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