Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
| de:create:questions:imgscale [24.03.2023 13:11] – [Benutzerdefinierte Skalen] admin | de: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 " |
| + | ==== 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// -> " | 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// -> " | ||
| + | |||
| + | 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 ===== | ||