Änderungen von Dokument Bild Variablen

Zuletzt geändert von Carina Enke am 15.11.2025

Von Version 263.1
bearbeitet von Carina Enke
am 19.05.2020
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich ONYXintern und Version 9.0.
Auf Version 450.1
bearbeitet von Carina Enke
am 18.12.2023
Änderungskommentar: Renamed from xwiki:ONYX.Bild Variablen

Zusammenfassung

Details

Seiteneigenschaften
Übergeordnete Seite
... ... @@ -1,0 +1,1 @@
1 +Variablen verwenden
Tags
... ... @@ -1,0 +1,1 @@
1 +variable|bild|maxima|diagramm|säule|kreis
Inhalt
... ... @@ -3,93 +3,6 @@
3 3  {{layout-section ac:type="single"}}
4 4  {{layout-cell}}
5 5  \\
6 -
7 -{{details}}
8 -(% class="wrapped" %)
9 -|=(((
10 -Verantwortlicher
11 -)))|(((
12 -\\
13 -)))
14 -|=(% colspan="1" %)(% colspan="1" %)
15 -(((
16 -Status
17 -)))|(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)
18 -(((
19 -(% class="content-wrapper" %)
20 -(((
21 -{{sv-metadata type="workflow-status"/}}
22 -
23 -{{status colour="Green" title="fertig"/}}
24 -)))
25 -)))
26 -|=(% colspan="1" %)(% colspan="1" %)
27 -(((
28 -Varianten
29 -)))|(% colspan="1" %)(% colspan="1" %)
30 -(((
31 -(% class="content-wrapper" %)
32 -(((
33 -{{sv-metadata type="variants"/}}
34 -)))
35 -)))
36 -|=(% colspan="1" %)(% colspan="1" %)
37 -(((
38 -Attribute
39 -)))|(% colspan="1" %)(% colspan="1" %)
40 -(((
41 -(% class="content-wrapper" %)
42 -(((
43 -{{sv-metadata type="attributes"/}}
44 -)))
45 -)))
46 -|=(% colspan="1" %)(% colspan="1" %)
47 -(((
48 -Pagekey
49 -)))|(% colspan="1" %)(% colspan="1" %)
50 -(((
51 -(% class="content-wrapper" %)
52 -(((
53 -{{sv-metadata type="pagekey"/}}
54 -)))
55 -)))
56 -|=(% colspan="1" %)(% colspan="1" %)
57 -(((
58 -Übersetzung
59 -)))|(% colspan="1" %)(% colspan="1" %)
60 -(((
61 -(% class="content-wrapper" %)
62 -(((
63 -Image Variables 
64 -
65 -{{status colour="Green" title="fertig"/}}
66 -)))
67 -)))
68 -|=(% colspan="1" %)(% colspan="1" %)
69 -(((
70 -TODOs
71 -)))|(% colspan="1" %)(% colspan="1" %)
72 -(((
73 -(% class="content-wrapper" %)
74 -(((
75 -(% class="task-list" %)
76 -(((
77 -{{task reference="/Tasks/Task_1" status="Done"}}
78 -carina: MARKETING-143 Versionstypen angepasst
79 -Deutsche Bildüberschriften und englische Bilder fehlen noch.
80 -{{/task}}
81 -
82 -{{task reference="/Tasks/Task_2" status="Done"}}
83 -carina {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-PQciB"/}}Bitte allgemeines Review der Eng. Seite (ggf sind hier noch nicht alle Änderungen durch Yvonne erfasst und übersetzt)
84 -{{/task}}
85 -
86 -{{task reference="/Tasks/Task_3" status="Done"}}
87 -carina: Bildüberschriften ergänzt, bilder aufgeräumt
88 -{{/task}}
89 -)))
90 -)))
91 -)))
92 -{{/details}}
93 93  {{/layout-cell}}
94 94  {{/layout-section}}
95 95  
... ... @@ -138,12 +138,12 @@
138 138  Folgende Einstellungen können Sie für Bild-Variablen vornehmen:
139 139  
140 140  (% class="wrapped" %)
141 -|(((
54 +|=(((
142 142  ID
143 143  )))|(((
144 -Jedes Bild ist mit einer eindeutigen ID gekennzeichnet. Dies ermöglicht Ihnen beispielsweise in [[Bedingungen >>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]]andere Variablen in Abhängigkeit von der gewählten Bilddatei zu setzen oder die Auswahl der Bilddatei gezielt zu steuern.
57 +Jedes Bild ist mit einer eindeutigen ID gekennzeichnet. Dies ermöglicht Ihnen beispielsweise, in [[Bedingungen >>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]]andere Variablen in Abhängigkeit von der gewählten Bilddatei zu setzen oder die Auswahl der Bilddatei gezielt zu steuern.
145 145  )))
146 -|(% colspan="1" %)(% colspan="1" %)
59 +|=(% colspan="1" %)(% colspan="1" %)
147 147  (((
148 148  Quelle
149 149  )))|(% colspan="1" %)(% colspan="1" %)
... ... @@ -150,7 +150,7 @@
150 150  (((
151 151  Wählen Sie nach Klick auf den Button **Durchsuchen** eine Bilddatei aus Ihren Ressourcen. Mit Klick auf den Button **Upload** wird die Datei anschließend hochgeladen und als Vorschaubild auf der linken Seite angezeigt.
152 152  )))
153 -|(((
66 +|=(((
154 154  Beschreibung, Breite, Höhe
155 155  )))|(((
156 156  Sie können für jede Bilddatei eine alternative Text-Beschreibung hinterlegen, falls beim Teilnehmer die Grafik nicht dargestellt werden kann. Zudem können Sie Breite und Höhe der anzuzeigenden Grafik definieren.
... ... @@ -158,11 +158,83 @@
158 158  
159 159  [[image:attach:Editor - Bildvariable Wertsetzung Zufällige Auswahl_de.png]]
160 160  
161 -Anwendungsbeispiel:
74 +**Anwendungsbeispiel:**
162 162  
163 -* //Zufällige Auswahl: Bild_01, Bild_02, Bild_03: //Es wird zufällig eines der angegebenen Bilder ausgewählt bspw. "Das Völkerschlachtdenkmal in Leipzig".
76 +* //Zufällige Auswahl: Bild_01, Bild_02, Bild_03: //Es wird zufällig eines der angegebenen Bilder ausgewählt, wie bspw. "Das Völkerschlachtdenkmal in Leipzig".
164 164  {{/layout-cell}}
165 165  {{/layout-section}}
79 +
80 +{{layout-section ac:type="single"}}
81 +{{layout-cell}}
82 +\\
83 +{{/layout-cell}}
84 +{{/layout-section}}
85 +
86 +{{layout-section ac:type="single"}}
87 +{{layout-cell}}
88 +== Berechnung (Maxima) ==
89 +
90 +Nutzen Sie die Möglichkeit, per Bildvariable Grafiken in Aufgaben anzuzeigen. Diese werden mithilfe der angegebenen MAXIMA-Berechnung zur Laufzeit generiert.
91 +
92 +Nach Auswahl der Option **Berechnung (Maxima)** als Wertsetzung wird Ihnen ein Textfeld angezeigt. Tragen Sie dort Ihre Berechnungsvorschrift in MAXIMA-Schreibweise ein. Bitte beachten Sie die verbindliche Nutzung des Platzhalters [**$FILENAME**] für die Bilddatei.
93 +
94 +Vertiefende Informationen finden Sie auch in der Maxima-Hilfe, beispielsweise auf der Seite [[MAXIMA Hilfe zu grafischen Darstellungen>>url:https://maxima.sourceforge.io/docs/manual/de/maxima_12.html||shape="rect"]].
95 +
96 +[[image:attach:Editor - Bildvariable Wertsezung Berechnung_de.png]]
97 +{{/layout-cell}}
98 +{{/layout-section}}
99 +
100 +{{layout-section ac:type="single"}}
101 +{{layout-cell}}
102 +\\
103 +{{/layout-cell}}
104 +{{/layout-section}}
105 +
106 +{{layout-section ac:type="single"}}
107 +{{layout-cell}}
108 +== Funktionsgraph (Maxima) ==
109 +
110 +Eine ähnliche Anzeige ist auch mit der Auswahloption **Funktionsgraph (Maxima)** verfügbar. Hier können Sie direkt in der Editoroberfläche Funktionen hinzufügen und die gewünschten Rahmenvorgaben für die Darstellung treffen.
111 +
112 +[[image:attach:Editor - Bildvariable Wertsetzung Funktionsgraph_de.png]]
113 +{{/layout-cell}}
114 +{{/layout-section}}
115 +
116 +{{layout-section ac:type="single"}}
117 +{{layout-cell}}
118 +\\
119 +{{/layout-cell}}
120 +{{/layout-section}}
121 +
122 +{{layout-section ac:type="single"}}
123 +{{layout-cell}}
124 +== Diagramme (Maxima) ==
125 +
126 +Ebenso können Diagramme mit den entsprechenden Auswahloptionen hinterlegt werden.
127 +
128 +Folgende Diagrammtypen stehen zur Verfügung:
129 +
130 +* Säulendiagramm
131 +* Säulensetdiagramm
132 +* Kreisdiagramm
133 +
134 +Je nach Auswahl werden Ihnen passende Konfigurationsoptionen für die Angabe der benötigten Werte, Farben und Bildgrößen angezeigt.
135 +{{/layout-cell}}
136 +{{/layout-section}}
137 +
138 +{{layout-section ac:type="three_equal"}}
139 +{{layout-cell}}
140 +[[image:attach:Editor - Bildvariable Wertsetzung Säulendiagramm_de.png]]
141 +{{/layout-cell}}
142 +
143 +{{layout-cell}}
144 +[[image:attach:Editor - Bildvariable Wertsetzung Säulensetdiagramm_de.png]]
145 +{{/layout-cell}}
146 +
147 +{{layout-cell}}
148 +[[image:attach:Editor - Bildvariable Wertsetzung Kreisdiagramm_de.png]]
149 +{{/layout-cell}}
150 +{{/layout-section}}
166 166  {{/layout}}
167 167  {{/sv-translation}}
168 168  
... ... @@ -170,15 +170,13 @@
170 170  {{layout}}
171 171  {{layout-section ac:type="two_right_sidebar"}}
172 172  {{layout-cell}}
173 -For variables with images, select the type //**Image**//.
158 +Variables can also contain image content. For these kinds of variables, select the "**Image**" variable type.
174 174  
175 175  [[image:attach:Editor - Bildvariable Typauswahl_de.png]]
176 176  
177 -Below, you will find instructions on how to configure a random selection.
162 +Below, you will find instructions on the value settings for image variables.
178 178  
179 179  [[image:attach:Editor - Bildvariable Wertsetzung_de.png]]
180 -
181 -
182 182  {{/layout-cell}}
183 183  
184 184  {{layout-cell}}
... ... @@ -206,37 +206,116 @@
206 206  
207 207  {{layout-section ac:type="single"}}
208 208  {{layout-cell}}
192 +\\
193 +{{/layout-cell}}
194 +{{/layout-section}}
195 +
196 +{{layout-section ac:type="single"}}
197 +{{layout-cell}}
209 209  == Random selection ==
210 210  
211 -Store multiple images. At run time, one of these images is then randomly selected.
200 +Store multiple images. At runtime, one of these images is then randomly selected.
212 212  
213 213  The following settings are available for image variables:
214 214  
215 -|(((
204 +(% class="wrapped" %)
205 +|=(((
216 216  ID
217 217  )))|(((
218 218  (% class="TableParagraph" %)
219 -Each image is assigned a unique ID. This allows you, for example, to set other variables depending on the selected image file under [[conditions>>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]] or to directly control the selection of the image file.
209 +Each image is assigned a unique ID. This allows you to use [[conditions>>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]] to set other variables depending on the selected image file or precisely control the selection of the image file, for example.
220 220  )))
221 -|(((
211 +|=(((
222 222  Source
223 223  )))|(((
224 224  (% class="TableParagraph" %)
225 -Select an image file from your resources by clicking on //**Browse**//. With a click on **//Upload//**, the file will then be uploaded and displayed as a preview image on the left.
215 +Select an image file from your resources by clicking on **Browse**. Then click on **Upload**, and the file will be uploaded and displayed as a preview image on the left.
226 226  )))
227 -|(((
228 -Description, width, height
217 +|=(((
218 +Description, Width, Height
229 229  )))|(((
230 230  (% class="TableParagraph" %)
231 -You can save an alternative text description for each image file, in case the graphic cannot be displayed on the device of the participant. Further, you can define the width and height of the graphic.
221 +You can store an alternative text description for each image file if the image cannot be displayed on the participant's device. You can also define the width and height of the image.
232 232  )))
233 233  
234 234  [[image:attach:Editor - Bildvariable Wertsetzung Zufällige Auswahl_de.png]]
235 235  
236 -Application example:
226 +**Application example:**
237 237  
238 -* //Random selection: Image_01, Image_02, Image_03: //One of the specified images will be randomly selected, for example "The Monument to the Battle of the Nations in Leipzig".
228 +* //Random selection: Image_01, Image_02, Image_03: //One of the specified images is randomly selected, for example "The Monument to the Battle of the Nations in Leipzig".
239 239  {{/layout-cell}}
240 240  {{/layout-section}}
231 +
232 +{{layout-section ac:type="single"}}
233 +{{layout-cell}}
234 +\\
235 +{{/layout-cell}}
236 +{{/layout-section}}
237 +
238 +{{layout-section ac:type="single"}}
239 +{{layout-cell}}
240 +== Calculation (Maxima) ==
241 +
242 +Use the option to display images in questions via image variables. These are generated at runtime using the specified MAXIMA calculation.
243 +
244 +After selecting the **Calculation (Maxima)** option, you will see a text field. Enter your calculation rule in MAXIMA notation. Please note that the use of the [**$FILENAME**] placeholder is mandatory for the image file.
245 +
246 +You can also find more detailed information in the Maxima help, for example on the [[Graphic representation>>url:https://maxima.sourceforge.io/docs/manual/de/maxima_12.html||shape="rect"]] help page.
247 +
248 +[[image:attach:Editor - Bildvariable Wertsezung Berechnung_de.png]]
249 +{{/layout-cell}}
250 +{{/layout-section}}
251 +
252 +{{layout-section ac:type="single"}}
253 +{{layout-cell}}
254 +\\
255 +{{/layout-cell}}
256 +{{/layout-section}}
257 +
258 +{{layout-section ac:type="single"}}
259 +{{layout-cell}}
260 +== Function graph (Maxima) ==
261 +
262 +A similar display is also available with the **Function graph (Maxima)** selection option. Here you can add functions directly in the editor interface and set the desired display specifications.
263 +
264 +[[image:attach:Editor - Bildvariable Wertsetzung Funktionsgraph_de.png]]
265 +{{/layout-cell}}
266 +{{/layout-section}}
267 +
268 +{{layout-section ac:type="single"}}
269 +{{layout-cell}}
270 +\\
271 +{{/layout-cell}}
272 +{{/layout-section}}
273 +
274 +{{layout-section ac:type="single"}}
275 +{{layout-cell}}
276 +== Charts (Maxima) ==
277 +
278 +It is also possible to store charts with the appropriate selection options.
279 +
280 +The following chart types are available:
281 +
282 +* bar chart
283 +* bar set chart
284 +* pie chart
285 +
286 +Depending on your selection, you will be shown suitable configuration options for specifying the required values, colours and image sizes.
287 +{{/layout-cell}}
288 +{{/layout-section}}
289 +
290 +{{layout-section ac:type="three_equal"}}
291 +{{layout-cell}}
292 +[[image:attach:Editor - Bildvariable Wertsetzung Säulendiagramm_de.png]]
293 +{{/layout-cell}}
294 +
295 +{{layout-cell}}
296 +[[image:attach:Editor - Bildvariable Wertsetzung Säulensetdiagramm_de.png]]
297 +{{/layout-cell}}
298 +
299 +{{layout-cell}}
300 +[[image:attach:Editor - Bildvariable Wertsetzung Kreisdiagramm_de.png]]
301 +{{/layout-cell}}
302 +{{/layout-section}}
241 241  {{/layout}}
242 242  {{/sv-translation}}
Editor - Bildvariable Typauswahl_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +8.0 KB
Inhalt
Editor - Bildvariable Typauswahl_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +7.7 KB
Inhalt
Editor - Bildvariable Wertsetzung Funktionsgraph_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +117.4 KB
Inhalt
Editor - Bildvariable Wertsetzung Kreisdiagramm_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +70.9 KB
Inhalt
Editor - Bildvariable Wertsetzung Säulendiagramm_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +71.6 KB
Inhalt
Editor - Bildvariable Wertsetzung Säulensetdiagramm_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +82.1 KB
Inhalt
Editor - Bildvariable Wertsetzung Zufällige Auswahl_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +101.8 KB
Inhalt
Editor - Bildvariable Wertsetzung_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +11.9 KB
Inhalt
Editor - Bildvariable Wertsetzung_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +16.8 KB
Inhalt
Editor - Bildvariable Wertsezung Berechnung_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,0 +1,1 @@
1 +105.5 KB
Inhalt
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -337413439
1 +84115559
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/337413439/Bild Variablen
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/ONYX/pages/84115559/Bild Variablen