Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Tutoriel pour le design

  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 3 weeks ago #132077 by littlekan
Tutoriel pour le design was created by littlekan
Bonjour, alors je suis nouveau sur limesurvey et sur ce forum.
J'aimerais créé un questionnaire et je sais quel design je veux (je l'ai déjà fait avec Eclipse mais la gestion de base de données est plus chiante), mais je n'arrive pas à trouver un tuto ou autre pour comprendre comment marche le design.
J'aimerais que chaque question ai le même fond et le même type de disposition pour les réponses et j'aimerais mettre une image pour chaque réponses. J'ai essayé d'insérer mon image en la glissant dans la zone de texte de la réponse mais ça m'envoi sur une autre page avec juste mon image.
Et lorsque les images seront la pour les réponses, est-ce possible de cliquer sur l'image pour valider la réponse?
Merci si vous voulez bien m'expliquer ou simplement me renvoyer sur un tuto qui explique tout :) . Même en anglais ça me gène pas.
The topic has been locked.
  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 3 weeks ago - 8 years 3 weeks ago #132159 by Nickko
Replied by Nickko on topic Tutoriel pour le design
Bonjour, je ne comprends pas grand chose à ta situation.

Premièrement tu parles de design et ensuite d'Eclipse puis de base de données. Déjà je bloque un peu là. Eclipse si nous parlons bien de la même chose, n'est pas un outil de design mais un environnement de développement.

Ensuite à quelle moment du design une base de données intervient-elle, là, je ne vois pas trop le rapport en fait.

En même temps, si tu travailles avec Eclipse, le fait que tu parles de bases de données est cohérent mais alors c'est ce que tu appelles design que je ne visualise pas.

Tu entends quoi par "fond" par défaut, toutes les questions on bien le même fond, celui du thème. Ensuite pour la disposition des réponses, tant que ça reste cohérent, des boutons radios uniquement, ou des listes déroulantes uniquement ou des tableaux... tu m'as compris, je pense, ça reste identique.

Ensuite tu parles d'image dans les réponses, là, j'imagine qu'on sort du design mais qu'il s'agit de modalité de réponses, comme des photos ou des pictogrammes entre lesquels il faudrait choisir. Pour répondre à cette question précisément, il faudrait que tu nous explique ce que tu as fait plus en détail. L'idéal serait d'avoir accès à ton formulaire en consultation, à mon avis tu as du faire un petit truc différemment de ce que tu aurais du faire, hélas, je ne vois pas quoi de prime abord.

Pour ta dernière question, oui, on peut utiliser des images comme modalités de réponse.

Nickko
Head of ergonomics, UX & UI.
Last edit: 8 years 3 weeks ago by Nickko.
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 3 weeks ago #132160 by littlekan
Replied by littlekan on topic Tutoriel pour le design
Bonjour,
Alors d'abord merci beaucoup pour ta réponse.

Pour la base de données j'en ai juste parlé pour dire que limesurvey était plus simple pour la gestion et que je voulais donc passer dessus plutot que de continuer sur Eclipse. Mais sur Eclipse, j'ai déjà créé l'application avec les fichiers XML et je sais donc quel design je souhaite.

Et les questions que je me pose pour limesurvey sont :

1/ Je fais l'enquête pour une entreprise et j'ai donc une image de fond pour cette entreprise (l'enquête devra être importé sur tablette et l'image fais les dimensions d'une tablette), comment faire pour mettre cette image en fond de toutes mes questions?

2/ Comment ajouter des images à côté de chaque réponses? (C'est une enquête pour des handicapés et les questions/réponses doivent donc être le plus clair possible)

3/ Est-il possible de passer à la question suivante simplement lorsqu'on appui sur sa réponse et non avec un autre bouton type suivant?

4/ Est-il possible d'avoir une fonctionnalité pour que les questions soient posé oralement? Par exemple un bouton qui, lorsqu'on appui dessus, lancerai un fichier audio?

Merci.
The topic has been locked.
  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 3 weeks ago #132167 by Nickko
Replied by Nickko on topic Tutoriel pour le design
1. En fait, je ne suis pas sûr de bien comprendre mais je pense que tu voudrais mettre l'image non pas en fond de question mais en fond de page.

Si tu la mets en fond de question l'entête, et le pied de page ne seront conservé et l'image se répétera pour chaque question.

Pour mettre une image en fond de page, il faut voir en fonction du thème que tu utilises. Tu devras en outre (sans doute) rendre transparent le fond d'un certain nombre d'éléments.

Si tu as déjà réussi à faire le design de page dans Eclipse c'est que tu maitrises un peu le webdesign, modifier la CSS d'un thème existant ne devrait pas te poser trop de difficulté.

Juste un truc il faut dupliquer les thèmes de base avant de pouvoir les modifier.

2. Il faudrait voir avec Denis, je crois que j'ai vu un exemple chez lui.

3. La question 3 vient d'être traitée dans un autre sujet. Je ne vais pas tout copier coller, je te donne le lien : www.limesurvey.org/forum/french-forum/10...tion-suivante#131958

4. Pas nativement. Quel est le but de cette fonction ? Si c'est pour des raisons d'accessibilité, c'est inutile, si la personne handicapée utilise sa propre tablette elle aura déjà activé les fonctions de lecture présente sur ton appareil.

Ré-implémenter les fonctions d'accessibilité fournis nativement est toujours une mauvaise idée.

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 3 weeks ago #132177 by littlekan
Replied by littlekan on topic Tutoriel pour le design
1/ Pour les thèmes c'est où que je peux les modifier?
2/ C'est un modérateur? Faut que je lui envoi un message privé?
3/ Oui mais moi j'ai quand même besoin de le faire malgré ce que tu dit et du coup tu ne dit pas comment faire. Je l'avais vu ce topic.
4/ Comment ça la fonction de lecture de la tablette? Il faut quand même bien implémenté le fichier audio de la question non?
The topic has been locked.
  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 3 weeks ago #132181 by Nickko
Replied by Nickko on topic Tutoriel pour le design
1. dans l'éditeur de thème, je te renvoie au manuel (accessible via le menu en haute de la présente page) pour le fonctionnement basique de Limesurvey, si tu as des problème pour faire fonctionner l'éditeur comme c'est décrit dans le manuel, n'hésite pas à revenir vers nous.

2. C'est un modérateur, il passe très souvent ici, il te répondra sans doute d'ici peu.

3. Le message que je te cité est encore plus vrai dans le cas de personne handicapée. D'autan plus malvoyante (si elles ont besoin de l'audio j'imagine qu'elles sont mal voyante, elle ne pourront pas cliquer sur les images, tandis qu'avec les fonctions de bases tu es sûr que ça reste à peu près accessible.

Si tu persistes, il va falloir le coder en Javascript, mais je ne pourrais pas t'en dire plus comme tu l'auras compris, je ne l'ai jamais implémenté.

4. On parle bien d'accessibilité, pas juste d'un message quelconque, il s'agit de diffuser la question via les hauts-parleurs de la tablette, c'est bien cela ?

Dans ce cas, la tablette, du moins son logiciel d'accessibilité va lire le texte, comme il le ferait avec un SMS en mode mains libre ou comme c'est le cas lorsque tu utilises les fonctions vocales de ton téléphone. Si tu poses une question à l'aide de la voix à Google ou à Siri, ils vont très certainement te répondre "oralement" aussi, personne n'a enregistré un MP3 avec la réponse, c'est de la synthèse vocale.

Pour en savoir plus je te conseille de te rapprocher d'un expert en accessibilité numérique, ça dépasse un peu le cadre de mon expertise lorsqu'on touche au "comment ça marche" et ça dépasse également le cadre de l'aide qui peut t'être apportée sur ce forum qui rappelons le ne concerne que Limesurvey.

Ensuite, ça dépend aussi de la tablette, Windows "PC", Windows mobile, Android (et quelle version), iPad... chacun à son propre mode de fonctionnement qui plus est il doit aussi exister des logiciels spécifiques et sans doute plus poussés que les fonctions de bases ce qui étend encore le nombre des possibilités.

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 3 weeks ago #132182 by littlekan
Replied by littlekan on topic Tutoriel pour le design
1/ D'accord je vais aller voir ça.
3/ C'est pas qu'ils sont malvoyants mais certains handicapés ne savent pas lire, c'est pour ça que les images sont obligatoire. Et devoir cliquer sur suivant rajoute une étape de plus pour répondre et donc une chose en plus à comprendre.
4/ Oui c'est pas bête je n'y avais pas pensé.

Du coup merci pour ces réponses et j'attends Denis alors pour les images.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 2 weeks ago #132331 by DenisChenu
Replied by DenisChenu on topic Tutoriel pour le design
Salut,

Pour le 2 : il suffit d'ajouter l'image dans le texte de la réponses
Texte de la réponse <img src="source" alt="" />

Et voila, tu a même ,l'éditeur HTML de dispo.

Si tu t'ntéresse à l'accessibilité : prendre la version 2.06 de LimeSUrvey , y ajouter le plugin git.framasoft.org/SondagePro-LimeSurvey-...in/moreAccessibility

Et plutot utiliser un modème simple et RWD ( extensions.sondages.pro/skeletonquest-rwd-for-limesurvey par exemple).

Une peu de connaissance HTML/CSS est bienvenue ...

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 2 weeks ago #132337 by littlekan
Replied by littlekan on topic Tutoriel pour le design
Bonjour, merci de ta réponse.
Du coup à la place du src je met le nom de l'image, source je met le chemin de l'image et entre les guillemets après le alt j'ai quelque chose à mettre?
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 2 weeks ago #132338 by DenisChenu
Replied by DenisChenu on topic Tutoriel pour le design

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 2 weeks ago #132340 by littlekan
Replied by littlekan on topic Tutoriel pour le design
...Merci...
The topic has been locked.
  • littlekan
  • littlekan's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
8 years 1 week ago #132742 by littlekan
Replied by littlekan on topic Tutoriel pour le design
Bonjour, je relance le sujet car je n'arrive pas à manipuler l'éditeur HTML.

Je l'ouvre avec le crayon à côté de la réponse, je rentre la ligne de code : <img src="file:///C:/Users/qfqfdq/Desktop/180px-Mog.jpg" alt="" />,
Mais ensuite? Comment enregistrer? La fenêtre de l'éditeur est blanche avec juste un cadre et sans rien d'autre.

Merci.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose