Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:combine [02.06.2019 14:25] – ["Weiß nicht" für mehrere Skalen] admin
+++ de:create:combine [28.03.2023 09:37] (aktuell) – [Kombinierte Fragen] admin
@@ Zeile 9: / Zeile 9: @@
 {{:de:create:scr.combine.example2.png?nolink|Beispiel 2 für eine kombinierte Frage}}
-Bevor Sie eine kombinierte Frage bauen, halten Sie aber bitte einen Moment inne. Gedruckte Fragebögen und Onlinefragebögen unterscheiden sich in wichtigen Punkten -- erstere bieten sehr viel Platz in die Breite, letztere erlauben Filterführung und beliebig viele Seiten. Wenn eine tabellarische Darstellung in der gedruckten Version gut aussieht, dann ist es im Onlinefragebogen oftmals besser, mehrere Fragen zu verwenden. Unter Umständen kann man irrelevante Items (z.B. nicht genutzte Angebote) bei den folgen Teilfragen dann gleich ausblenden.
+Bevor Sie eine kombinierte Frage bauen, halten Sie aber bitte einen Moment inne. Gedruckte Fragebögen und Onlinefragebögen unterscheiden sich in wichtigen Punkten -- erstere bieten sehr viel Platz in die Breite, letztere erlauben Filterführung und beliebig viele Seiten. Wenn eine tabellarische Darstellung in der gedruckten Version gut aussieht, dann ist es im Onlinefragebogen oftmals besser, mehrere Fragen zu verwenden. Unter Umständen kann man irrelevante Items (z.B. nicht genutzte Angebote) bei den folgenden Teilfragen dann gleich ausblenden.
+**Hinweis:** Bitte lesen Sie unbedingt auch die Hinweise zu Mobilgeräten weiter unten. Beachten Sie bitte auch, dass sich die kombinierten Fragen auf den kleinen Displays von Mobilgeräten oftmals nicht gut darstellen lassen. SoSci Survey kann die Darstellung nur dann dynamisch anpassen, wenn Sie mit der Funktion ''show()'' arbeiten.
+**Hinweis:** Wenn Sie lediglich eine Matrix aus Mehrfachauswahl-Fragen benötigen (Beispiel 2), können Sie statt einer kombinierten Frage auch eine [[:de:create:questions:mc-matrix]] verwenden.
 ===== Funktion =====
@@ Zeile 35: / Zeile 39: @@
 <code php>
 question('AB01','combine=AB02');  // Kombiniert AB01 mit AB02
+</code>
+__Alternativ__ können Sie die zu kombinieren Fragen auch als Array angeben. Dies ist beispielsweise sinnvoll, wenn die Liste der Fragen dynamisch variiert.
+<code php>
+question(['AB01', 'AB02']);  // Kombiniert AB01 mit AB02
 </code>
@@ Zeile 95: / Zeile 105: @@
 Folgendes JavaScript kann man in die Seite einbetten. Es sorgt dafür, dass ein Klick auf "weiß nicht" alle anderen Auswahlen in der Zeile entfernt. Das JavaScript ist darauf ausgelegt, dass genau eine der Skalen eine "weiß nicht" Option anbietet.
-  - Legen Sie unter **Textbausteine und Beschriftung** einen neuen Textbaustein an
+  - Legen Sie in einer Rubrik Ihrer Wahl mit **Text hinzufügen** einen neuen Textbaustein an
-    - //Kennung:// z.B. "js_combineDK"
+    - //Beschreibung:// z.B. "JavaScript kombinierte Frage"
     - //Darstellung:// "HTML-Code"
     - //Inhalt:// JavaScript-Code weiter unten
     - Speichern {{:button.save.png?nolink|Speichern}}
-  - Tragen Sie im PHP-Code unter dem ''question()''-Befehl folgenden ''text()''-Befehl ein und ersetzen Sie die Kennung ''AB02'' durch die Kennung jener Frage, welche die "weiß nicht"-Option trägt (entweder eine Skala mit Ausweichoption oder eine Frage vom Typ //Mehrfachauswahl//).
+  - Tragen Sie im PHP-Code unter dem ''question()''-Befehl folgenden ''show()''-Befehl ein.
+    - Ersetzen Sie die Kennung ''AB02'' (zweimal) durch die Kennung jener Frage, welche die "weiß nicht"-Option trägt (entweder eine Skala mit Ausweichoption oder eine Frage vom Typ //Mehrfachauswahl//).
+    - Ersetzen Sie die Kennung ''JS01'' durch die Kennung des HTML-Codes (Textes) den Sie soeben noch angelegt haben.
 <code php>
 question('AB01', 'combine=AB02');
-show('js_combineDK', array('%questionID%' => 'AB02'));
+show('JS01', ['%questionID%' => 'AB02']);
 </code>
@@ Zeile 191: / Zeile 204: @@
+===== Text in der Mitte =====
+Wenn man den Text zwischen den Eingabefeldern platzieren möchte, kann man mit dem Parameter ''combine_items'' festlegen, in welcher "Spalte" die Labels angezeigt werden sollen. Im folgenden Beispiel werden sie für die erste Teilfrage (wo sie üblicherweise aktiv sind) abgeschaltet ''%%'combine_items=no'%%'' und für die zweite Teilfrage (wo sie üblicherweise nicht angezeigt werden) aktiviert mittels ''%%'combine_items=yes'%%''.
+{{:de:create:scr.combine.sym-scales.png?nolink|Zwei Skalen mit Text in der Mitte}}
+Wenn die beiden Skalen-Fragen die Kennungen "SK01" und "SK02" haben, lässt sich die obige Darstellung mit folgendem PHP-Code erreichen.
+<code php>
+question('SK01', 'combine_items=no', 'combine=SK02', 'combine_items=yes');
+pageCSS('
+    table#SK01_tab td.s2col3 {
+        text-align: center;
+    }
+');
+</code>
+**Hinweis:** Der ''question()''-Befehl zählt die ''combine_items''-Parameter einfach ab, es zählt nur deren Reihenfolge, nicht aber, an welcher Stelle sie im Befehl stehen.
+**Tipp:** Alternativ zum ''combine_items''-Parameter könnte man auch die Darstellugn der ersten Frage so variieren, dass die Eingabefelder links und die Beschriftungen rechts angezeigt werden. Dies wird in der Anleitung [[:de:create:best-worst]] beschrieben.
+Der zweite Teil mit ''pageCSS()'' sorgt dafür, dass die Itemtexte zentriert angezeigt werden. Das vorangestellte ''table#SK01_tab'' stellt sicher, dass die CSS-Anweisung nur für die kombinierte Frage SK01/02 gilt. Die Kennung muss natürlich an die Kennung der Frage angepasst werden. Wenn Sie sonst keine Fragen auf der Seite haben, können Sie dieses Präfix auch weglassen.
 ===== Kombination mehrerer Dropdown-Fragen =====
@@ Zeile 198: / Zeile 234: @@
 {{ :de:create:scr.example.combine.dropdown.jpg?nolink |}}
+===== Mobilgeräte und responsive Darstellung =====
+Ein relevanter Anteil der Befragten füllt den Fragebögen nicht am PC, sondern auf dem Smartphone aus. Die meisten Fragen in SoSci Survey schalten dann in einen anderen Darstellungsmodus. Deshalb reicht es in aller Regeln, den Fragebogen gegen Ende der Implementierung einmal auf dem Mobilgerät zu testen. Mehr dazu in der Anleitung [[:de:create:smartphones]].
+==== Lösungsansatz 1 ====
+Der Befehl ''show()'' ermöglicht eine responsive Darstellung auch für kombinierte Fragen. Allerdings ist diese Funktion noch in der Testphase. Prüfen Sie daher, ob die Darstellung mit ''show()'' für Ihre Frage gut funktioniert -- und wenn nicht, sagen Sie bitte im Online-Support bescheid.
+Die Funktion ''show()'' erwartet die Fragen immer als Array. Eine Trennlinie muss als Parameter in einem zweiten Array festgelegt werden.
+<code php>
+show(
+  ['AB01', 'AB02'],
+  ['gap' => 'line']
+);
+</code>
+==== Lösungsansatz 2 ====
+Kombinierte Fragen mittels ''question()'' passen das Layout __nicht__ automatisch an die Größe des Bildschirms an (responsive design) - und können deshalb auf Mobilgeräten unter Umständen nicht ausgefüllt werden. Hier bietet es sich an, für Mobilgeräte eine alternative Darstellung anzubieten.
+Legen Sie als erstes eine Frage vom Typ "Gerät und übermittelte Variablen" an. In der Frage im Karteireiter //Gerät// setzen Sie ein Kreuzchen bei //Bildschirmgröße//. Nach dem Speichern erhalten Sie zwei Variablen für die Breite und Höhe des Bildschirms in Pixeln. Notieren Sie die Variablen-Kennung für die Bildschirmbreite, welche Sie im Karteireiter //Variablen// finden. Im folgenden Beispiel wird angenommen, dass die Variable die Kennung "GR01_ScW" hat.
+Diese Frage platzieren Sie nun auf einer Seite im Fragebogen, die vor der kombinierten Frage kommt. Die Bildschirmbreite wird nämlich (anders als das //Format//, welches aber auf Apple-Geräten oftmals nicht korrekt erkannt wird) erst beim Klick auf "Weiter" gespeichert.
+Nun können Sie mit ein paar Zeilen [[:de:create:php|PHP-Code]] entweder die kombinierte Frage anzeigen oder die beiden Fragen untereinander (und mit Optimierungen für Mobilgeräte) darstellen. Als Grenze wird hier eine Breite von 600 Pixeln gewählt. Je nach Fragetypen und Layout kann die Wahl einer größeren oder kleineren Zahl sinnvoll sein.
+<code php>
+if (value('GR01_ScW') > 600) {
+  // Kombinierte Frage
+  question('AB01','combine=AB02');
+} else {
+  // Einzelne Fragen
+  question('AB01');
+  question('AB02');
+}
+</code>
+Zur Erklärung des Codes lesen Sie sei auf die Anleitung [[:de:create:php-filters]] verwiesen.