Zum Inhalt springen

Änderungen von Dokument 06 Formeln einbinden

Zuletzt geändert von Carina Enke am 12.08.2024
Von Version 250.1
bearbeitet von tleu
am 25.04.2016
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich ONYXintern und Version 1.5.
Auf Version 307.1
bearbeitet von Carina Enke
am 12.08.2024
Änderungskommentar: Löschung des Bildes Editor - Formel bearbeiten_de.png

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,187 @@
1 -{{layout}}
2 -{{layout-section ac:type="single"}}
3 -{{layout-cell}}{{/layout-cell}}
4 -{{/layout-section}}
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/]]
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}}
3 +{{section}}
4 +{{column width="60%"}}
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.
10 10  
11 -{{layout-cell}}
12 -{{scroll-ignore}}
13 -{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
14 14  
8 +[[image:attach:Beispiel - Formel_de.png]]
9 +{{/column}}
15 15  
16 -{{toc/}}
11 +{{column width="30%"}}
12 +{{panel title="Inhalt"}}
13 +{{toc start="2" depth="2"/}}
14 +
15 +**Verwandte Themen**
16 +
17 +* [[Anzeige einer Platzhaltergrafik>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome||anchor="HSystemeinstellungen"]]
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 +* (% 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}}
21 +{{/column}}
22 +{{/section}}
21 21  
22 -{{layout-section ac:type="single"}}
23 -{{layout-cell}}
24 -== Erstellen einer Formel im Texteditor ==
24 +== 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.
26 +=== Formelerstellung mit dem integrierten Formel-Plugin ===
27 27  
28 -[[image:attach:onyx-math1_de.png]]
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.
29 29  
30 -(% style="text-align: center;" %)
31 -Abb: Formelformatierung Editor
30 +Um eine Formel in einem Textfeld zu erstellen, gehen Sie wie folgt vor:
32 32  
33 -[[image:attach:onyx-math2_de.png]]
32 +|(% style="width:811px" %)(((
33 +(% class="content-wrapper" %)
34 +(((
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.
36 +)))
37 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
38 +(((
39 +(% class="content-wrapper" %)
40 +(((
41 +[[image:attach:Editor - Formeldialog aufrufen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
42 +)))
43 +)))
44 +|(% style="width:811px" %)(((
45 +(% class="content-wrapper" %)
46 +(((
47 +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
49 +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 ==
51 +Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
52 +)))
53 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
54 +(((
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.
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 -\\
60 +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]]
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" %)(((
65 +(% class="content-wrapper" %)
66 +(((
67 +Im Textfeld wird die Formel anschließend in LaTeX-Notation oder als **Platzhalter **angezeigt.
68 +
69 +Diese Standardkonfiguration können Sie bei Bedarf in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome]] ändern.
53 53  )))
71 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
72 +(((
73 +(% class="content-wrapper" %)
74 +(((
75 +[[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
77 +[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
57 57  )))
79 +)))
80 +|(% colspan="1" style="width:811px" %)(% colspan="1" %)
81 +(((
82 +In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
83 +)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
84 +(((
85 +(((
86 +[[image:attach:Player - Anzeige einer Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
87 +)))
88 +)))
58 58  
59 -== Vorschau einer Formel ==
90 +=== 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.
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.
62 62  
63 -== Bearbeiten einer Formel mit Hilfe der Formel-Bearbeiten-Option ==
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}}
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“.
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}}
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"]].
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:
77 77  
78 -[[image:attach:onyx-math7_de.png]]
109 +* \( Formel \)
110 +* \[ Formel \]
111 +* $$ Formel $$
79 79  
80 -(% style="text-align: center;" %)
81 -Abb: Beispiel für die Formeldarstellung innerhalb der Zeile
113 +{{warning}}
114 +Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
115 +{{/warning}}
82 82  
83 -[[image:attach:onyx-math8_de.png]]
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"]].
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}}
120 +== Formeldarstellung ==
121 +
122 +=== Formeldarstellung im ONYX-Editor ===
123 +
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||anchor="HSystemeinstellungen"]] änderbar.
125 +
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}}
131 +
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}}
137 +
138 +
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}}
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
Icon_Formel einbinden_schwarz.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +1.0 KB
Inhalt
Icon_Formel.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +676 bytes
Inhalt
Icon_Formeleditor.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +253 bytes
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 -25067841
1 +1311617
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/25067841/Formeln
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/1311617/Formeln einbinden