Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:create:questions:imgscale [24.03.2023 13:11] – [Benutzerdefinierte Skalen] adminde:create:questions:imgscale [22.02.2026 13:30] (aktuell) – [Grafik für die Bild-Skala verwenden] tietze2survey4
Zeile 28: Zeile 28:
 ==== Bilder erstellen ==== ==== Bilder erstellen ====
  
-Es gibt un zwei mögliche Herangesehensweisen. Entweder Sie erstellen für jede Ausprägung (jeden Zustand) eine einzelne Grafik (z.B. 124 x 40 Pixel), und fügen diese Grafiken anschließend zusammen. Oder Sie erstellen gleich eine Grafik mit der gesamten Höhe (z.B. 124 x 240 Pixel) und füllen diese mit den Inhalten.+Es gibt zwei mögliche Herangesehensweisen. Entweder Sie erstellen für jede Ausprägung (jeden Zustand) eine einzelne Grafik (z.B. 124 x 40 Pixel), und fügen diese Grafiken anschließend zusammen. Oder Sie erstellen gleich eine Grafik mit der gesamten Höhe (z.B. 124 x 240 Pixel) und füllen diese mit den Inhalten.
  
 Die erste Variante ist meist einfacher. Denn hier können Sie einen Zustand der Skala solange optimieren, bis Sie zufrieden sind. Und dann können Sie Kopien der Grafik anlegen und für die anderne Zustände modifizieren -- zum Beispiel, indem Sie Teil der Grafik einfärben oder ausgrauen. Außerdem stellen Sie so sicher, dass die Bilder in den unveränderten Bereichen wirklich gleich sind. Die erste Variante ist meist einfacher. Denn hier können Sie einen Zustand der Skala solange optimieren, bis Sie zufrieden sind. Und dann können Sie Kopien der Grafik anlegen und für die anderne Zustände modifizieren -- zum Beispiel, indem Sie Teil der Grafik einfärben oder ausgrauen. Außerdem stellen Sie so sicher, dass die Bilder in den unveränderten Bereichen wirklich gleich sind.
Zeile 48: Zeile 48:
 ==== Grafik abspeichern ==== ==== Grafik abspeichern ====
  
-In aller Regle ist es sinnvoll, die Anzahl der Farben in der Bildbearbeitung zu reduzieren (z.B. auf 7, 15, 31 oder 63), damit die Grafikdatei nicht unnötig groß wird. Dann wird die Gesamt-Grafik in einem Web-tauglichen Format (i.d.R. PNG) gespeichert.+In aller Regel ist es sinnvoll, die Anzahl der Farben in der Bildbearbeitung zu reduzieren (z.B. auf 7, 15, 31 oder 63), damit die Grafikdatei nicht unnötig groß wird. Dann wird die Gesamt-Grafik in einem Web-tauglichen Format (i.d.R. PNG) gespeichert.
  
 Zum Speichern empfiehlt sich das Dateiformat PNG. Es kann im Gegensatz zu JPEG transparente Bereiche speichern und erzeugt an harten Kanten (z.B. Linien) keine unschönen Artefakte. Zum Speichern empfiehlt sich das Dateiformat PNG. Es kann im Gegensatz zu JPEG transparente Bereiche speichern und erzeugt an harten Kanten (z.B. Linien) keine unschönen Artefakte.
  
-==== Grafik für die Bils-Skala verwenden ====+Es ist in SoSciSurvey auch möglich, das Dateiformat .svg (Vektorbild) zu verwenden, das ebenso transparente Hintergründe und zudem geringere Dateigrößen ermöglicht. Dennoch müssen die Eigenschaften (Breite in px, Höhe in px, Optionen (Anzahl Auswahlbereiche)) bei jeder Frage (Frage bearbeiten) eingetragen werden. Wichtig ist, unter "Beschriftung der Skalenwerte" die Eingaben für die Auswahlbereiche leer zu lassen. Bei der Erstellung der Bilddatei ist deshalb darauf zu achten, dass die Auswahlbereiche horizontal wirklich dieselbe Breite haben. 
 +==== Grafik für die Bild-Skala verwenden ====
  
 Anschließend wird die Grafik-Datei unter **Bilder und Mediendateien** in das Projekt hochgeladen und der Name der Datei in der Frage bei //Grafik für die Skala// -> "Eigene Grafik für die Skala" eingetragen. Breite und Höhe der Grafik werden i.d.R. automatisch nach dem Speichern erkannt, aber die Anzahl der Auswahloptionen (gezählt ohne "noch nicht ausgewählt" ist noch bei //Optionen// einzutragen. Anschließend wird die Grafik-Datei unter **Bilder und Mediendateien** in das Projekt hochgeladen und der Name der Datei in der Frage bei //Grafik für die Skala// -> "Eigene Grafik für die Skala" eingetragen. Breite und Höhe der Grafik werden i.d.R. automatisch nach dem Speichern erkannt, aber die Anzahl der Auswahloptionen (gezählt ohne "noch nicht ausgewählt" ist noch bei //Optionen// einzutragen.
 +
 +Nach Auswahl einer svg-Bilddatei gibt SoSciSurvey zwar an, dass die Datei nicht als Bild erkannt wurde, es funktioniert dennoch. 
  
 Nach dem Speichern kann die korrekte Funktion in der Vorschau direkt überprüft werden. Nach dem Speichern kann die korrekte Funktion in der Vorschau direkt überprüft werden.
- 
- 
 ===== JavaScript-Anbindung ===== ===== JavaScript-Anbindung =====
  
de/create/questions/imgscale.1679659896.txt.gz · Zuletzt geändert: von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki