- Posts: 4
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Choice-Based-Conjoint-Analyse
- Anna_K
-
Topic Author
- Offline
- New Member
-
- holch
-
- Offline
- LimeSurvey Community Team
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
2 months 4 hours ago - 2 months 4 hours ago #257550
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
So, jetzt etwas mehr dazu.
Wie @holch schon schrieb: Das Design musst du selbst erstellen.
Aber dies ist im Grunde ist es eine Frage vom Typ "Matrix" mit einer Teilfrage
Dann wird eine HTML-Tabelle in den Fragentext eingefügt. In dieser werden die Attributsausprägungen jeweils mittels ExpressionScript eingefügt.
Und die radio-buttons werden dann ebenfalls in diese Tabelle verschoben.
Dieser letzte Schritt erfordert die Benutzung von javascript.
Wenn ich "Masterarbeit" lese, vermute ich, Du benutzt eine Installation der Uni.
Oftmals verbieten hier die admins die Benutzung von javascript.
Im schon erwähnten Tutorial wird ja am Anfang ein kleiner Test gezeigt, wie Du dies testen kannst.
Gut jetzt hast Du das Gerüst.
Jetzt kommen wir zum Modell.
Wenn Du bei allen Teilnehmer 12 identische Vergleiche abfragen willst, ist es trivial.
Oder ist es ein Modell, in dem Du mit irgendeinem Tool für jeden Teilnehmer die entsprechenden "Karten" berechnet hast?
Egal, das ist alles nur ein bisschen ExpressionScript.
Jetzt solltest Du mitteilen,
Und dann kannst Du einmal herangehen, uns zu zeigen, wie Du Dir die Frage vom Aussehen her vorstellst.
Hier ist ein Beispiel (nicht Conjoint und noch ohne Text in den einzelnen Zellen, aber von der Tabellenstruktur gleich)
Bis dann
Joffm
P.S. Und es soll "keine Angabe" geben?
Ich dachte immer, Conjoint ist etwas wie "unter den Blinden ist der Einäugige König"
Wie @holch schon schrieb: Das Design musst du selbst erstellen.
Aber dies ist im Grunde ist es eine Frage vom Typ "Matrix" mit einer Teilfrage
Dann wird eine HTML-Tabelle in den Fragentext eingefügt. In dieser werden die Attributsausprägungen jeweils mittels ExpressionScript eingefügt.
Und die radio-buttons werden dann ebenfalls in diese Tabelle verschoben.
Dieser letzte Schritt erfordert die Benutzung von javascript.
Wenn ich "Masterarbeit" lese, vermute ich, Du benutzt eine Installation der Uni.
Oftmals verbieten hier die admins die Benutzung von javascript.
Im schon erwähnten Tutorial wird ja am Anfang ein kleiner Test gezeigt, wie Du dies testen kannst.
Gut jetzt hast Du das Gerüst.
Jetzt kommen wir zum Modell.
Wenn Du bei allen Teilnehmer 12 identische Vergleiche abfragen willst, ist es trivial.
Oder ist es ein Modell, in dem Du mit irgendeinem Tool für jeden Teilnehmer die entsprechenden "Karten" berechnet hast?
Egal, das ist alles nur ein bisschen ExpressionScript.
Jetzt solltest Du mitteilen,
- welche Version Du benutzt; wenn es nicht rechts unten steht, weil der admin dies entfernt hat, genügt auch ein screenshot der Seite beim Bearbeiten einer Frage ("Matrix" ist am besten)
- kannst Du javascript benutzen? (Den kleinen Test kannst Du ja machen)
Und dann kannst Du einmal herangehen, uns zu zeigen, wie Du Dir die Frage vom Aussehen her vorstellst.
Hier ist ein Beispiel (nicht Conjoint und noch ohne Text in den einzelnen Zellen, aber von der Tabellenstruktur gleich)
Bis dann
Joffm
P.S. Und es soll "keine Angabe" geben?
Ich dachte immer, Conjoint ist etwas wie "unter den Blinden ist der Einäugige König"
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 2 months 4 hours ago by Joffm.
Please Log in to join the conversation.
- holch
-
- Offline
- LimeSurvey Community Team
-
- Anna_K
-
Topic Author
- Offline
- New Member
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
1 month 4 weeks ago #257617
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
Kannst Du denn den Code der HTML-Tabelle einfügen, mit dem Code-Button des Editors?
Das ist der links neben "Size"
Joffm
P.S. Bitte, benutze den Ausdruck "Fragenvorlage" nur, wenn es wirklich eine Fragenvorlage ist.
Diese findest Du unter "Konfiguration / Designvorlagen"
Neben den Standard-Fragetypen siehst Du unten ein Benutzerthema.
Das hat aber nichts mit dem Einfügen von HTML-Code im Fragetext zu tun.
Das ist der links neben "Size"
Joffm
P.S. Bitte, benutze den Ausdruck "Fragenvorlage" nur, wenn es wirklich eine Fragenvorlage ist.
Diese findest Du unter "Konfiguration / Designvorlagen"
Neben den Standard-Fragetypen siehst Du unten ein Benutzerthema.
Das hat aber nichts mit dem Einfügen von HTML-Code im Fragetext zu tun.
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Anna_K
-
Topic Author
- Offline
- New Member
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
1 month 4 weeks ago #257621
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
1. Und warum hast Du den Code-Button nicht benutzt?
2. Apropos "screenshot geht nicht". Wolltest Du ihn etwa mit Copy/Paste einfügen. Man attached Bilder, Dateien , etc.
Und was ich sehe, ist ja das alte "Green apple - banana" Beispiel.
Das ist nun wirklich nicht das Beste. Viel zu viel inline-css und die überflüssige leere Spalte, um die Spalten abzutrennen.
Außerdem hast Du nicht den dritten Button eingefügt und auch die anderen beiden in den falschen Spalten.
Ich habe hier nicht viel geändert.
Sieht jetzt so aus.
Als erste Arbeitsgrundlage nicht so schlecht. Wie schon gesagt, besser man benutzt css-Klassen statt in jeder Zelle wieder dasselbe inline-css einzufügen.
Code sieht jetzt so aus:
Guck Dir einmal diese fürchterlichen <span>-Orgien an. Und auch die ganzen <p></p> sind ja überflüssig; es gibt doch keine Paragraphen.
Joffm
2. Apropos "screenshot geht nicht". Wolltest Du ihn etwa mit Copy/Paste einfügen. Man attached Bilder, Dateien , etc.
Und was ich sehe, ist ja das alte "Green apple - banana" Beispiel.
Das ist nun wirklich nicht das Beste. Viel zu viel inline-css und die überflüssige leere Spalte, um die Spalten abzutrennen.
Außerdem hast Du nicht den dritten Button eingefügt und auch die anderen beiden in den falschen Spalten.
Ich habe hier nicht viel geändert.
- Rahmen vollständig entfernt (sollte man mittels Klassen in den Zellen lösen)
- Die Spaltenbreiten geändert
- Den nur in der ersten Spalte vorhandenen Zeilenumbruch entfernt, dafür ein padding gesetzt
- Die radio-buttons richtig eingefügt. (Habe einfach den javascript-Teil aus meinem Tutorial hieneinkopiert.)
Sieht jetzt so aus.
Als erste Arbeitsgrundlage nicht so schlecht. Wie schon gesagt, besser man benutzt css-Klassen statt in jeder Zelle wieder dasselbe inline-css einzufügen.
Code sieht jetzt so aus:
Guck Dir einmal diese fürchterlichen <span>-Orgien an. Und auch die ganzen <p></p> sind ja überflüssig; es gibt doch keine Paragraphen.
Code:
<table border="0" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;"> <tbody> <tr> <td style="text-align: left;" width="25%"> </td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000;"><b>Stromvertrag A</b></span></span></td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><strong>Stromvertrag B</strong></span></span></td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><b>Stromvertrag C</b></span></span></td> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;"> <p><span style="font-size:14px;"><span style="color:#000000;">Preis</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">55,00 €</span></span></p> </td> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;"> <p><span style="font-size:14px;"><span style="color:#000000;">Preisgarantie</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p> </td> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;"> <p><span style="font-size:14px;"><span style="color:#000000;">Mindestvertragslaufzeit</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">1 Monat</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p> </td> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;"> <p><span style="font-size:14px;"><span style="color:#000000;">Energiemix</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Ökostrom</span></font></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p> </td> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;"> <p><span style="font-size:14px;"><span style="color:#000000;">Service</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">Rückmeldung auf Serviceanfragen innerhalb von 48 Stunden</span></span></p> </td> <td style="text-align: center;" width="0%"> <p> </p> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p> </td> </tr> <tr style="height: 6px; text-align: center;"> </tr> <tr style="height: 6px; text-align: center;"> </tr> <tr> <td bgcolor="#f2f2f2" style="text-align: left;font-size:14px"><span style="color:#000000;">Welche Option ziehen Sie vor? </span></td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> </td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#f2f2f2" style="text-align: center;"> </td> <td style="text-align: center;" width="0%"> </td> <td bgcolor="#f2f2f2"> </td> </tr> </tbody> </table> <script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ // Identify this question var thisQuestion = $('#question{QID}'); // Move the radios $('.question-text table:eq(0) tr:last td:eq(2)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(0) *', thisQuestion)); $('.question-text table:eq(0) tr:last td:eq(4)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(1) *', thisQuestion)); $('.question-text table:eq(0) tr:last td:eq(6)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(2) *', thisQuestion)); // Some classes for presentation $('.question-text table:eq(0) input:radio', thisQuestion).closest('td').addClass('answer-item radio-item text-center radio'); $('.question-text table:eq(0) .radio-item label', thisQuestion).show(); // Click event on the table cells $('.question-text table:eq(0) .radio-item', thisQuestion).on('click', function(e) { $('input:radio', this).trigger('click'); }); $('.question-text table:eq(0) input:radio', thisQuestion).on('click', function(e) { e.stopPropagation(); }); // Clean-up styles $('.answer-container', thisQuestion).hide(); $('.question-text table:eq(0) .label-text', thisQuestion).remove(); $('.question-text table:eq(0) .radio-text', thisQuestion).css({ 'cursor': 'pointer' }); }); </script>
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Anna_K
-
Topic Author
- Offline
- New Member
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
1 month 4 weeks ago #257751
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
So, ich habe noch etwas gespielt.
Sprich, den Code sauberer gemacht.
Dazu habe ich ein paar Klassen definiert. Dadurch ist es ganz einfach, Farben, Breiten, Schriftgrößen, usw. zu ändern.
Außerdem habe ich diese blöde Zwischenspalte entfernt, die ja nur dazu diente, einen Abstand zu simulieren. Dazu dient jetzt ein 2px breiter Rahmen um die Zellen.
Die Farben habe ich zunächst so gelassen, bis auf die KA Spalte.
Schau Dir also den <style></style> Teil an. Im Grunde ist alles sehr leicht verständlich.
Der Code der Tabelle hat sich jetzt verkürzt zu
Und die vierte Spalte einfügen?
Na, komm, das hättest Du schon geschafft.
Wenn Du im Code dreimal dasselbe siehst, wirst Du es auch noch einmal hinzukopieren und anpassen können.
Egal.
Hier der lss Export
Joffm
Sprich, den Code sauberer gemacht.
Dazu habe ich ein paar Klassen definiert. Dadurch ist es ganz einfach, Farben, Breiten, Schriftgrößen, usw. zu ändern.
Außerdem habe ich diese blöde Zwischenspalte entfernt, die ja nur dazu diente, einen Abstand zu simulieren. Dazu dient jetzt ein 2px breiter Rahmen um die Zellen.
Die Farben habe ich zunächst so gelassen, bis auf die KA Spalte.
Schau Dir also den <style></style> Teil an. Im Grunde ist alles sehr leicht verständlich.
Der Code der Tabelle hat sich jetzt verkürzt zu
Code:
<table border="0" style="margin-top:10px; border-collapse:collapse;"> <tbody> <tr> <td style="width:25%"> </td> <td class="header">Stromvertrag A</td> <td class="header">Stromvertrag B</td> <td class="header">Stromvertrag C</td> <td class="header headerNA">Keinen</td> </tr> <tr> <td class="col col1">Preis</td> <td class="col">55,00 €</td> <td class="col">65,00 €</td> <td class="col">75,00 €</td> <td class="col colNA"> </td> </tr> <tr> <td class="col col1">Preisgarantie</td> <td class="col">12 Monate</td> <td class="col">12 Monate</td> <td class="col">24 Monate</td> <td class="col colNA"> </td> </tr> ...
Und die vierte Spalte einfügen?
Na, komm, das hättest Du schon geschafft.
Wenn Du im Code dreimal dasselbe siehst, wirst Du es auch noch einmal hinzukopieren und anpassen können.
Egal.
Hier der lss Export
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Joffm
-
- Offline
- LimeSurvey Community Team
-
1 month 4 weeks ago #257775
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Choice-Based-Conjoint-Analyse
Nachtrag:
Diese Änderungen gibt es noch:
Ganz oben:
<table class="table" style="margin-top:10px">
und in der Klasse .col sollte hinzugefügt werden
vertical-align: middle !important;
Hast Du Dir schon überlegt, wie dies auf Smartphones aussieht?
Nämlich so
Geht gerade noch
Besser wäre allerdings eine der beiden Bibliotheken zu benutzen, die ich ja auch im Tutorial: Gimmicks, Kap.11 beschreiben habe.
Joffm
Diese Änderungen gibt es noch:
Ganz oben:
<table class="table" style="margin-top:10px">
und in der Klasse .col sollte hinzugefügt werden
vertical-align: middle !important;
Hast Du Dir schon überlegt, wie dies auf Smartphones aussieht?
Nämlich so
Geht gerade noch
Besser wäre allerdings eine der beiden Bibliotheken zu benutzen, die ich ja auch im Tutorial: Gimmicks, Kap.11 beschreiben habe.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
Moderators: Joffm