Zum Inhalt springen

Wiki-Quellcode von Bild Variablen

Version 164.1 von Carina Enke am 20.10.2023
Verstecke letzte Bearbeiter
Carina Enke 150.1 1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
Carina Enke 164.1 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_5" status="Done"}}
78 carina: Ergänzung zu den Diagrammtypen vgl ONYX-4760
79 {{/task}}
80
81 {{task reference="/Tasks/Task_7" status="Done"}}
82 carina: {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-AxoGp"/}} Erweiterung kann Übersetzt werden {{date value="2022-01-31" format="yyyy-MM-dd"/}}
83 {{/task}}
84
85 {{task reference="/Tasks/Task_9" status="Done"}}
86 Vanessa: {{mention reference="XWiki.carina" style="FULL_NAME" anchor="XWiki-carina-TnjTI"/}}: Könntest du mir die ersten zwei Bilder auf Englisch geben und dann nochmal eine Review-Aufgabe anlegen, damit ich die Übersetzung ggf. anpassen kann?
87 {{/task}}
88
89 {{task reference="/Tasks/Task_11" status="Done"}}
90 carina: {{mention reference="XWiki.f44a93ac813beffc01813e111b0d0000" style="FULL_NAME" anchor="XWiki-f44a93ac813beffc01813e111b0d0000-gBacZ"/}} Bilder sollten verfügbar sein, bitte review ob die Übersetzung so passt {{date value="2022-06-30" format="yyyy-MM-dd"/}}
91 {{/task}}
92 )))
93 )))
94 )))
95 {{/details}}
Carina Enke 150.1 96 {{/layout-cell}}
97 {{/layout-section}}
98
99 {{layout-section ac:type="two_right_sidebar"}}
100 {{layout-cell}}
101 Variablen können auch Bild-Inhalte enthalten. Hierfür steht Ihnen der Variablen-Typ "**Bild**" zur Verfügung.
102
103 [[image:attach:Editor - Bildvariable Typauswahl_de.png]]
104
105 Nachfolgend werden Ihnen die Möglichkeiten zur Wertsetzung von Bild-Variablen vorgestellt.
106
107 [[image:attach:Editor - Bildvariable Wertsetzung_de.png]]
108
109 \\
110 {{/layout-cell}}
111
112 {{layout-cell}}
113 {{scroll-ignore}}
114 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
115
116
117 {{toc/}}
118 {{/panel}}
119
120 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Verwandte Themen"}}
121 * [[Variablen: Definition einer Bedingung>>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]]
122 * [[doc:Berechnungsaufgabe]]
123 * [[doc:Formelvergleich]]
124 {{/panel}}
125
126 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Weiterführende Informationen"}}
127 * [[MAXIMA Manual>>url:http://maxima.sourceforge.net/docs/manual/de/maxima.html||shape="rect"]]
128 * [[MAXIMA Good-Practice-Beispiele>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/5499682817/CourseNode/93229879750473/wiki/Index||shape="rect"]]
129 * [[MAXIMA Systeminformationen>>url:http://maxima.sourceforge.net/||rel="nofollow" shape="rect" class="external-link"]]
130 {{/panel}}
131 {{/scroll-ignore}}
132 {{/layout-cell}}
133 {{/layout-section}}
134
135 {{layout-section ac:type="single"}}
136 {{layout-cell}}
137 == Zufällige Auswahl ==
138
139 Hinterlegen Sie mehrere Bilder. Zur Laufzeit wird dann zufällig eines der Bilder ausgewählt.
140
141 Folgende Einstellungen können Sie für Bild-Variablen vornehmen:
142
143 (% class="wrapped" %)
144 |=(((
145 ID
146 )))|(((
147 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.
148 )))
149 |=(% colspan="1" %)(% colspan="1" %)
150 (((
151 Quelle
152 )))|(% colspan="1" %)(% colspan="1" %)
153 (((
154 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.
155 )))
156 |=(((
157 Beschreibung, Breite, Höhe
158 )))|(((
159 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.
160 )))
161
162 [[image:attach:Editor - Bildvariable Wertsetzung Zufällige Auswahl_de.png]]
163
164 **Anwendungsbeispiel:**
165
166 * //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".
167 {{/layout-cell}}
168 {{/layout-section}}
169
170 {{layout-section ac:type="single"}}
171 {{layout-cell}}
172 \\
173 {{/layout-cell}}
174 {{/layout-section}}
175
176 {{layout-section ac:type="single"}}
177 {{layout-cell}}
178 == Berechnung (Maxima) ==
179
180 Nutzen Sie die Möglichkeit, per Bildvariable Grafiken in Aufgaben anzuzeigen. Diese werden mithilfe der angegebenen MAXIMA-Berechnung zur Laufzeit generiert.
181
182 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.
183
184 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"]].
185
186 [[image:attach:Editor - Bildvariable Wertsezung Berechnung_de.png]]
187 {{/layout-cell}}
188 {{/layout-section}}
189
190 {{layout-section ac:type="single"}}
191 {{layout-cell}}
192 \\
193 {{/layout-cell}}
194 {{/layout-section}}
195
196 {{layout-section ac:type="single"}}
197 {{layout-cell}}
198 == Funktionsgraph (Maxima) ==
199
200 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.
201
202 [[image:attach:Editor - Bildvariable Wertsetzung Funktionsgraph_de.png]]
203 {{/layout-cell}}
204 {{/layout-section}}
205
206 {{layout-section ac:type="single"}}
207 {{layout-cell}}
208 \\
209 {{/layout-cell}}
210 {{/layout-section}}
211
212 {{layout-section ac:type="single"}}
213 {{layout-cell}}
214 == Diagramme (Maxima) ==
215
216 Ebenso können Diagramme mit den entsprechenden Auswahloptionen hinterlegt werden.
217
218 Folgende Diagrammtypen stehen zur Verfügung:
219
220 * Säulendiagramm
221 * Säulensetdiagramm
222 * Kreisdiagramm
223
224 Je nach Auswahl werden Ihnen passende Konfigurationsoptionen für die Angabe der benötigten Werte, Farben und Bildgrößen angezeigt.
225 {{/layout-cell}}
226 {{/layout-section}}
227
228 {{layout-section ac:type="three_equal"}}
229 {{layout-cell}}
230 [[image:attach:Editor - Bildvariable Wertsetzung Säulendiagramm_de.png]]
231 {{/layout-cell}}
232
233 {{layout-cell}}
234 [[image:attach:Editor - Bildvariable Wertsetzung Säulensetdiagramm_de.png]]
235 {{/layout-cell}}
236
237 {{layout-cell}}
238 [[image:attach:Editor - Bildvariable Wertsetzung Kreisdiagramm_de.png]]
239 {{/layout-cell}}
240 {{/layout-section}}
241 {{/layout}}
242 {{/sv-translation}}
243
244 {{sv-translation language="en"}}
245 {{layout}}
246 {{layout-section ac:type="two_right_sidebar"}}
247 {{layout-cell}}
248 Variables can also contain image content. For these kinds of variables, select the "**Image**" variable type.
249
250 [[image:attach:Editor - Bildvariable Typauswahl_de.png]]
251
252 Below, you will find instructions on the value settings for image variables.
253
254 [[image:attach:Editor - Bildvariable Wertsetzung_de.png]]
255 {{/layout-cell}}
256
257 {{layout-cell}}
258 {{scroll-ignore}}
259 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Content"}}
260
261
262 {{toc/}}
263
264 **Related topics**
265
266 * [[Variables: Definition of a condition>>url:https://www.bps-system.de/help/display/ONYX/Variablen+verwenden#Variablenverwenden-DefinitioneinerBedingung||shape="rect"]]
267 * [[Calculation interaction>>url:https://www.bps-system.de/help/display/ONYXintern/.Berechnungsaufgabe+v1.11||shape="rect"]]
268 * [[Formula comparison>>url:https://www.bps-system.de/help/display/ONYXintern/.Formelvergleich+v1.11||shape="rect"]]
269 {{/panel}}
270
271 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Further information"}}
272 * [[MAXIMA manual>>url:http://maxima.sourceforge.net/docs/manual/maxima.html||shape="rect"]]
273 * [[MAXIMA good practice examples>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/5499682817/CourseNode/93229879750473/wiki/Index||shape="rect"]]
274 * [[MAXIMA system information>>url:http://maxima.sourceforge.net/||rel="nofollow" shape="rect" class="external-link"]]
275 {{/panel}}
276 {{/scroll-ignore}}
277 {{/layout-cell}}
278 {{/layout-section}}
279
280 {{layout-section ac:type="single"}}
281 {{layout-cell}}
282 \\
283 {{/layout-cell}}
284 {{/layout-section}}
285
286 {{layout-section ac:type="single"}}
287 {{layout-cell}}
288 == Random selection ==
289
290 Store multiple images. At runtime, one of these images is then randomly selected.
291
292 The following settings are available for image variables:
293
294 (% class="wrapped" %)
295 |=(((
296 ID
297 )))|(((
298 (% class="TableParagraph" %)
299 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.
300 )))
301 |=(((
302 Source
303 )))|(((
304 (% class="TableParagraph" %)
305 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.
306 )))
307 |=(((
308 Description, Width, Height
309 )))|(((
310 (% class="TableParagraph" %)
311 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.
312 )))
313
314 [[image:attach:Editor - Bildvariable Wertsetzung Zufällige Auswahl_de.png]]
315
316 **Application example:**
317
318 * //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".
319 {{/layout-cell}}
320 {{/layout-section}}
321
322 {{layout-section ac:type="single"}}
323 {{layout-cell}}
324 \\
325 {{/layout-cell}}
326 {{/layout-section}}
327
328 {{layout-section ac:type="single"}}
329 {{layout-cell}}
330 == Calculation (Maxima) ==
331
332 Use the option to display images in questions via image variables. These are generated at runtime using the specified MAXIMA calculation.
333
334 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.
335
336 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.
337
338 [[image:attach:Editor - Bildvariable Wertsezung Berechnung_de.png]]
339 {{/layout-cell}}
340 {{/layout-section}}
341
342 {{layout-section ac:type="single"}}
343 {{layout-cell}}
344 \\
345 {{/layout-cell}}
346 {{/layout-section}}
347
348 {{layout-section ac:type="single"}}
349 {{layout-cell}}
350 == Function graph (Maxima) ==
351
352 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.
353
354 [[image:attach:Editor - Bildvariable Wertsetzung Funktionsgraph_de.png]]
355 {{/layout-cell}}
356 {{/layout-section}}
357
358 {{layout-section ac:type="single"}}
359 {{layout-cell}}
360 \\
361 {{/layout-cell}}
362 {{/layout-section}}
363
364 {{layout-section ac:type="single"}}
365 {{layout-cell}}
366 == Charts (Maxima) ==
367
368 It is also possible to store charts with the appropriate selection options.
369
370 The following chart types are available:
371
372 * bar chart
373 * bar set chart
374 * pie chart
375
376 Depending on your selection, you will be shown suitable configuration options for specifying the required values, colours and image sizes.
377 {{/layout-cell}}
378 {{/layout-section}}
379
380 {{layout-section ac:type="three_equal"}}
381 {{layout-cell}}
382 [[image:attach:Editor - Bildvariable Wertsetzung Säulendiagramm_de.png]]
383 {{/layout-cell}}
384
385 {{layout-cell}}
386 [[image:attach:Editor - Bildvariable Wertsetzung Säulensetdiagramm_de.png]]
387 {{/layout-cell}}
388
389 {{layout-cell}}
390 [[image:attach:Editor - Bildvariable Wertsetzung Kreisdiagramm_de.png]]
391 {{/layout-cell}}
392 {{/layout-section}}
393 {{/layout}}
394 {{/sv-translation}}