Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:multilang [16.01.2015 09:45] – admin
+++ de:create:multilang [23.04.2025 14:26] (aktuell) – [Flagge austauschen] admin
@@ Zeile 1: / Zeile 1: @@
 ====== Mehrsprachige Befragungen ======
-In einem mehrsprachigen Befragungsprojekt können Sie für alle sichtbaren Texte (z.B. Fragen, Textbausteine, Skalen-Beschriftungen, Fehlermeldungen) eine oder mehrere Übersetzungen hinterlegen.
+In einem mehrsprachigen Befragungsprojekt liegt der Fragebogen in mehreren Sprachen vor. Je nach Teilnehmer werden dieselben Fragen dann in der jeweils passenden Sprache angezeigt.
-Entweder wird dann im [[:de:survey:url|Der Link zum Fragebogen]] spezifiziert, welche Sprachversion verwendet wird, oder der Teilnehmer erhält zu Beginn der Befragung eine Auswahl aller verfügbarer Sprachen.
+Im **Fragenkatalog** werden für alle sichtbaren Texte (z.B. Fragen, Antwortoptionen, Textbausteine, Skalen-Beschriftungen, Fehlermeldungen) Übersetzungen hinterlegt.
+Beim Ausfüllen des Fragebogens gibt es mehrere Möglichkeiten, die richtige Sprache auszuwählen:
+  * Für die unterschiedlichen Sprachversionen kann man unterschiedliche Links verwenden ([[:de:survey:url]]).
+  * Wird die [[:de:survey:mailing|Serienmail-Funktion]] verwendet, kann für jeden Adresseintrag eine Sprache hinterlegt werden.
+  * Wenn weder im Link noch im Adresseintrag noch in den Fragebogen-Einstellungen eine Sprache vorgegeben wurde, wird dem Teilnehmer beim Aufruf des Fragebogens eine Auswahl der Sprachversion angeboten.
 **Wichtig:** Jede Frage kann mehrere Sprachversionen enthalten (mehr dazu in diesem Kapitel). Erstellen Sie für eine neue Sprachversion __keine__ Kopien von Fragen, Rubriken oder Textbausteinen.
@@ Zeile 106: / Zeile 112: @@
   * die Reihenfolge von Items in Abhängigkeit von der Sprache steuern.
   * eine eigene Sprachauswahl bauen.
+===== Nicht-westliche Sprachen =====
+Die westlichen Standard-Schriften enthalten teilweise nicht alle Zeichen, welche Sie für Chinesisch, Japanisch, Indisch, Persisch, Hebräisch, etc. benötigen. Die einfachste Lösung ist es, im [[de:create:layout|Fragebogen-Layout]] bei den //Grundeinstellungen// für die Felder //Standard-Schriftart// und //Schriftart für Eingabefelder// Schriftarten mit den passenden Zeichen zu ergänzen. Für das vereinfachte Chinesisch könnte die Liste der Schriftarten dann etwa wie folgt aussehen:
+    Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif
+Vorneweg stehen in diesem Beispiel zusätzlich noch die westlichen Schriftarten. Das __kann__ sinnvoll sein, muss es aber nicht. Einen Unterschied macht es vor allem, wenn im Fragebogen westliche und nicht-westliche Zeichen gemischt werden.
+Es kann aber auch sein, dass Sie für den kompletten Fragebogen (aber nur für eine einzelne Sprachversion) eine andere Schriftart verwenden möchten. Also z.B. "Arial" für die deutsche Version und "Sim Sun" (宋体) für die chinesische Sprachversion.
+In diesem Fall passen Sie unter **Textbausteine u. Beschriftung** den vordefinierten Textbaustein //Layout: HTML-Code in <head>// an. Und zwar hinterlegen Sie für die chinesische Sprachvariante folgenden HTML/CSS-Code:
+<code html>
+<style type="text/css">
+body,
+textarea,
+input,
+select {
+  font-family: 宋体, SimSun, 华文细黑, STXihei, sans-serif;
+}
+</style>
+</code>
+Für andere Sprachversionen können Sie natürlich andere Definitionen hinterlegen. Wenn Sie nichts angeben, wird die Definition aus dem Layout verwendet.
+===== Auswahl der Sprache =====
+Es gibt unterschiedliche Möglichkeiten, um eine Sprache für das Interview auszuwählen:
+  * Sie können unter **Fragebogen zusammenstellen** im Karteireiter //Einstellungen// eine Sprache festgelegen.
+  * Sie können den Link um einen [[:de:survey:url#sprachversion_vorgeben_l|Parameter für die Sprache]] erweitern.
+  * Wenn Sie mit Serienmails arbeiten, können Sie im Adresseintrag eine Sprache festlegen.
+Wenn die Sprache durch keine der obigen Maßnahmen vorgegeben ist, zeigt SoSci Survey beim Aufruf des Fragebogens standardmäßig eine Auswahl der verfügbaren Sprachen, symbolisiert durch Flaggen.
+Sie können diese Auswahl unter **Sprachversionen** -> **Sprachauswahl im Fragebogen** anpassen. Dort ist für jede Sprache ein kurzer HTML-Code mit Platzhaltern hinterlegt.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Der Platzhalter ''%link%'' sorgt dafür, dass die Sprachauswahl funktioniert, ''%flag'' wird durch eine Flagge ersetzt und ''%lang%'' durch die Bezeichnung der Sprache in der jeweiligen Sprache.
+Wenn Sie keine Flaggen anzeigen möchten, können Sie einfach die Zeile mit ''%flag%'' entfernen, ggf. für jede Sprache.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Wenn Sie eine andere Beschriftung anzeigen möchten, ersetzen Sie ''%lang%'', z.B.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">Boarisch</div>
+    </a>
+</div>
+</code>
+Wenn Sie eine andere Flagge verwenden möchten, laden Sie diese unter **Bilder und Mediendateien** hoch (verwenden Sie dabei __nicht__ die geschützte Dateiablage), und ergänzen Sie ein ''<img>''-Tag, welches auf die Bilddatei verweist. Die CSS-Klasse ''s2t-flag'' sorgt für die richtige Skalierung.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag"><img src="bavaria.png" alt="Boarisch" class="s2t-flag"></div>
+        <div class="desc">Boarisch</div>
+    </a>
+</div>
+</code>
+Um die Sprachen anders zu sortieren, stellen Sie einen Kommentar mit der gewünschten Position voran.
+<code php>
+<!-- 2 -->
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Optional können Sie noch einen //Text über der Sprachauswahl// festlegen, welcher über den Flaggen angezeigt wird.
+===== Flagge austauschen =====
+Nicht immer ist die voreingestellte Flagge geeignet, um eine Sprache zu symbolisieren. Wenn Sie zum Beispiel traditionelles Chinesisch anbieten aber für Taiwan eine andere Flagge verwenden möchten, gehen Sie wie folgt vor:
+  * Suchen Sie auf [[https://www.wikipedia.de/|Wikipedia]] nach der passenden Flagge, klicken Sie diese an und verwenden Sie dann das Download-Symbol, um die Flagge im Format "klein" herunterzuladen.
+  * Laden sie die Datei in SoSci Survey unter **Bilder und Mediendateien** im Karteireiter //Bilder hochladen// hoch, markieren Sie __nicht__ die Option "Geschützte Dateiablage verwenden".
+  * Klicken Sie das Bild nach dem Hochladen an, dadurch wird unterhalb der Bilder in dem Texteingabefeld der Dateiname angezeigt. Kopiern Sie diesen in ein freies Textfeld (z.B. eine Notiz in [[https://notepad-plus-plus.org/|Notepad++]]), Sie benötige ihne gleich.
+  * Öffnen Sie in der Navigation von SoSci Survey **Sprachversionen** -> **Sprachauswahl im Fragebogen**. In dem Feld neben der Sprache, deren Symbol Sie ändern möchten, sollte folgender HTML-Code stehen:
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+  * Ersetzen Sie im in diesem HTML-Code den Platzhalter\\ ''%flag%''\\ durch den folgenden HTML-Code\\ ''%%<img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag">%%''\\ anstatt ''flag_just_uploaded.png'' setzen Sie den Dateinamen ein, den Sie vorhin notiert haben. Das ''%%class="s2t-flag"%%'' im HTML-Tag ist wichtig. Das Ergebnis könnte dann wie folgt aussehen.
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag"><img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag"></div>
+    <div class="desc">%lang%</div>
+ </a>
+</div>
+</code>
+  * Darunter sehen Sie noch ein zweites Eingabefeld, in welchem nur der HTML-Code ''%flag%'' steht. Tragen sie dort statt dem Platzhalter den folgenden HTML-Code ein.
+<code html>
+<img src="flag_just_uploaded.png" class="langSymbol unselectable" style="width: 30px; height: 18px;" alt="ger" title="%lang%">
+</code>
+  * Speichern Sie die Änderungen ({{:button.save.png?nolink|Knopf zum Speichern der Änderungen}}).