Änderungen von Dokument 06 Formeln einbinden

Zuletzt geändert von Carina Enke am 12.08.2024

Von Version 241.1
bearbeitet von Katharina Schönefeld (Admin)
am 25.05.2016
Änderungskommentar: Published by Scroll Versions from space ONYXintern and version 1.6
Auf Version 285.1
bearbeitet von Carina Enke
am 13.02.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.katharina
1 +XWiki.carina
Tags
... ... @@ -1,0 +1,1 @@
1 +formel|editor|latex
Inhalt
... ... @@ -1,91 +1,200 @@
1 1  {{layout}}
2 -{{layout-section ac:type="single"}}
3 -{{layout-cell}}{{/layout-cell}}
4 -{{/layout-section}}
5 -
6 6  {{layout-section ac:type="two_right_sidebar"}}
7 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.
4 +ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können durch den Autor in MathML- oder 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 +
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 +
8 +[[image:attach:Beispiel - Formel_de.png]]
9 9  {{/layout-cell}}
10 10  
11 11  {{layout-cell}}
12 -{{scroll-ignore}}
13 13  {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
13 +{{toc start="2"/}}
14 14  
15 +**Verwandte Themen**
15 15  
16 -{{toc/}}
17 +
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" %)[[MathML-Hilfe: Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]]
20 +* (% class="confluence-link sv-pt-link" %)[[Formeldarstellung: MathJax>>doc:ONYX.Durchführung von Tests.Testen in OPAL.WebHome]]
21 +
22 +(% class="confluence-link sv-pt-link" %)**Externe Formeleditoren**
23 +
24 +* (% class="confluence-link sv-pt-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]
25 +* (% class="confluence-link sv-pt-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
26 +* (% class="confluence-link sv-pt-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
17 17  {{/panel}}
18 -{{/scroll-ignore}}
19 19  {{/layout-cell}}
20 20  {{/layout-section}}
21 21  
22 22  {{layout-section ac:type="single"}}
23 23  {{layout-cell}}
24 -== Erstellen einer Formel im Texteditor ==
33 +== Formelerstellung mit LaTeX ==
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.
35 +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.
36 +{{/layout-cell}}
37 +{{/layout-section}}
27 27  
28 -[[image:attach:onyx-math1_de.png]]
39 +{{layout-section ac:type="two_equal"}}
40 +{{layout-cell}}
41 +(% style="text-align: center;" %)
42 +[[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//
43 +{{/layout-cell}}
29 29  
45 +{{layout-cell}}
30 30  (% style="text-align: center;" %)
31 -Abb: Formelformatierung Editor
47 +[[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//
48 +{{/layout-cell}}
49 +{{/layout-section}}
32 32  
33 -[[image:attach:onyx-math2_de.png]]
51 +{{layout-section ac:type="single"}}
52 +{{layout-cell}}
53 +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:
34 34  
35 -(% style="text-align: center;" %)
36 -Abb: Formelformatierung Frage
55 +* (((
56 +\( Formel \)
57 +)))
58 +* \[ Formel \]
59 +* $$ Formel $$
37 37  
38 -== Erstellen einer Formel mit Hilfe der Formel-Einfügen-Option ==
61 +Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
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 -\\
63 +{{info}}
64 +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"]].
65 +{{/info}}
66 +{{/layout-cell}}
67 +{{/layout-section}}
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]]
69 +{{layout-section ac:type="single"}}
70 +{{layout-cell}}
71 +== Formelerstellung mit dem Formel-Dialog ==
72 +
73 +Neben der Auszeichnungssprache LaTeX können mathematische Formeln und komplexe Ausdrücke auch mit der Mathematical Markup Language (MathML) eingefügt werden. Für eine einfache Eingabe steht für den im ONYX Editor integrierten HTML-Editor ein spezielles Formel-Plugin zur Verfügung.
74 +
75 +=== Eine Formel im Texteditor erstellen ===
76 +
77 +(% class="wrapped" %)
78 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
79 +(((
80 +1
81 +)))|(((
82 +(% class="content-wrapper" %)
83 +(((
84 +Klicken Sie im Text-Editor auf die Option Formel [[image:Icon_Formeleditor.png]].
53 53  )))
86 +)))|(% colspan="2" %)(% colspan="2" %)
87 +(((
88 +(% class="content-wrapper" %)
89 +(((
90 +[[image:attach:Editor - Formeldialog aufrufen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
91 +)))
92 +)))
93 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
94 +(((
95 +2
96 +)))|(((
97 +(% class="content-wrapper" %)
98 +(((
99 +Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein. Unterhalb des Eingabefelds wird Ihnen eine Vorschau der angegebenen Formel angezeigt.
100 +)))
54 54  
55 -(% style="text-align: center;" %)
56 -Abb: Eingabefenster Formel
102 +Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
103 +)))|(% colspan="2" %)(% colspan="2" %)
104 +(((
105 +(% class="content-wrapper" %)
106 +(((
107 +[[image:attach:Editor - Formeldialog_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
57 57  )))
109 +)))
110 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
111 +(((
112 +3
113 +)))|(((
114 +(% class="content-wrapper" %)
115 +(((
116 +Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.
58 58  
59 -== Vorschau einer Formel ==
118 +Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.
119 +)))
120 +)))|(% colspan="2" %)(% colspan="2" %)
121 +(((
122 +(% class="content-wrapper" %)
123 +(((
124 +[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
125 +)))
126 +)))
127 +|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
128 +(((
129 +4
130 +)))|(% colspan="1" %)(% colspan="1" %)
131 +(((
132 +In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
133 +)))|(% colspan="2" %)(% colspan="2" %)
134 +(((
135 +(% class="content-wrapper" %)
136 +(((
137 +[[image:attach:Player - Anzeige einer Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
138 +)))
139 +)))
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.
141 +{{info}}
142 +Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit MathML. Eine ausführliche Beschreibung bietet die [[Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]] (in Englisch).
143 +{{/info}}
144 +{{/layout-cell}}
145 +{{/layout-section}}
62 62  
63 -== Bearbeiten einer Formel mit Hilfe der Formel-Bearbeiten-Option ==
147 +{{layout-section ac:type="single"}}
148 +{{layout-cell}}
149 +== Formelerstellung mit einem Formeleditor ==
64 64  
65 -1. Markieren Sie Ihre Formel (LaTeX-Inhalt oder Platzhalter) im Text-Editor.
66 -[[image:attach:onyx-math6_de.png]](((
151 +Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.
152 +
153 +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.
154 +
155 +[[image:attach:MyScript_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
156 +
67 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“.
158 +//Abb.: Formel-Eingabe mit MyScript//
73 73  
74 -== Formelbeispiele ==
160 +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.
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"]].
77 77  
78 -[[image:attach:onyx-math7_de.png]]
163 +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.
164 +{{/layout-cell}}
165 +{{/layout-section}}
79 79  
167 +{{layout-section ac:type="two_equal"}}
168 +{{layout-cell}}
80 80  (% style="text-align: center;" %)
81 -Abb: Beispiel für die Formeldarstellung innerhalb der Zeile
170 +[[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//
171 +{{/layout-cell}}
82 82  
83 -[[image:attach:onyx-math8_de.png]]
173 +{{layout-cell}}
174 +(% style="text-align: center;" %)
175 +[[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//
176 +{{/layout-cell}}
177 +{{/layout-section}}
84 84  
179 +{{layout-section ac:type="single"}}
180 +{{layout-cell}}
181 +== Formelbeispiele ==
182 +
183 +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>>url:http://www.mathjax.org/demos/||shape="rect" title="Zur MathJax Demo-Seite"]].
184 +{{/layout-cell}}
185 +{{/layout-section}}
186 +
187 +{{layout-section ac:type="single"}}
188 +{{layout-cell}}
189 +[[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"]]
190 +
85 85  (% style="text-align: center;" %)
86 -Abb: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile
192 +//Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
87 87  
88 -
194 +[[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"]]
195 +
196 +(% style="text-align: center;" %)
197 +//Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
89 89  {{/layout-cell}}
90 90  {{/layout-section}}
91 91  {{/layout}}
Beispiel - Formel in eigener Zeile_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +11.6 KB
Inhalt
Beispiel - Formel in einer Zeile_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +10.7 KB
Inhalt
Beispiel - Formel_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +1.9 KB
Inhalt
Daum Formeleditor_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +46.2 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 - Dialog Formel eingeben_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +18.1 KB
Inhalt
Editor - Formel bearbeiten_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +31.7 KB
Inhalt
Editor - Formeldarstellung_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +9.7 KB
Inhalt
Editor - Formeldialog aufrufen_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +23.1 KB
Inhalt
Editor - Formeldialog_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +12.4 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.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +6.9 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 -42434681
1 +1311617
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/42434681/Formeln
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/1311617/Formeln einbinden