Wikisource:Wikisource visuel

La bibliothèque libre.
Accueil Projets > Wikisource visuel
Explication des icônes : En projet ; Commencé ; En cours ; Avancé ; Terminé
Idées et projets
Idées et projets
Projet no 15 — Wikisource visuel
Objectif :

Modèles esthétiques, efficacité visuelle pour Wikisource

Étapes :

  • 15.1 - Proposer une marche à suivre et des étapes Texte incomplet
  • 15.2 - Donner son avis sur des propositions Texte incomplet
  • 15.3 - Recenser pratiques sur d'autres wikisources, d'autres wikis, d'autres sites, des livres, d'autres documents Texte incomplet
  • 15.4 - Boîte à idées sur le projet 15 Texte complet non-formaté
  • 15.5 - Réalisations projet 15 Texte incomplet

De quoi s’agit-il ?[modifier]

Un exemple (en projet) ici fera mieux comprendre l'objectif visé que des discours. Autre exemple ici. L’utilisation des images et des couleurs sert à faire comprendre plus rapidement les méta-informations apportées sous forme écrite, à condition bien sûr que ce soit sans altération aucune des textes eux-mêmes.

Tâches proposées[modifier]

Signatures d’auteurs sur la page auteur de ceux-ci.

Discussions[modifier]

Harmonisation visuelle[modifier]

Exemple : ancien projet de page auteur harmonisée avec le style de la page d’accueil ici .


Ce cadre est une transclusion
Source : Wikisource:Scriptorium/Août 2010

J’ai terminé de programmer les modèles {{début}} et {{fin}}. Je propose de les utiliser pour remplacer la classe "text". Ils contiennent trois div imbriqués ; je n’ai pas vu de cas de figure où on aurait besoin de plus (et quoi qu’il en soit, un modèle est reprogrammable).

Voici un exemple d’utilisation : La Bécasse. Vous devez voir apparaître, dans les options d’affichage, un lien "Maquette" qui permet de changer la disposition du texte. J’ai ajouté trois maquettes dans common.js:

  1. texte dans une colonne de largeur fixe (disposition habituelle sur fr.ws)
  2. texte qui occupe toute la largeur de l’écran (souvent le cas sur en.ws)
  3. texte flottant avec boîte titre sur la droite (disposition habituelle sur de.ws).

Notez que chaque utilisateur peut programmer ses propres maquettes et les ajouter à sa page de configuration javascript. Une maquette n’est qu’une énumération de propriétés CSS. La maquette choisie par l’utilisateur est sauvegardée (cookie) et réutilisée par la suite. ThomasV (d) 27 août 2010 à 16:29 (UTC)[répondre]

Ah, très bien, très pratique. En appliquant ces modèles aux Lettres de Madame de Sévigné, j’ai pensé que ce serait bien d’avoir aussi un bouton Notes qui active et désactive l’affichage des notes, dans la même série que le bouton Maquette qui modifie l’affichage de la page, parce que je trouve que c’est à la fois bien utile d’avoir les notes quand on le désire, et bien agréable de pouvoir lire à d’autres moments le texte seul[1]. Merci, Thomas, pour tous ces outils ! --Zyephyrus (d) 27 août 2010 à 19:59 (UTC)[répondre]

Oui, il serait possible de faire pareil pour les notes de bas de page. Suite à une discussion sur en.ws, j’ai fait en sorte que ce script ne nécessite pas de modèle du tout. En effet, on m’a fait remarquer qu’il est préférable de ne pas ajouter d’instructions de formattage directement au code des pages, afin de laisser le plus de latitude possible à l’appareil qui les affiche (que ce soit un écran d’ordinateur, un écran de téléphone, une imprimante, etc). À titre de test, j’ai donc activé ce script sur tous les textes en mode page, tout en annulant l’effet des classes (text, lefttext, centertext), qui ne sont plus nécessaire. Par exemple, sur cette page, j’ai supprimé le <div class="text">. Merci de me dire ce que vous en pensez ; si ça pose des problèmes insurmontables on peut revenir en arrière. ThomasV (d) 28 août 2010 à 11:25 (UTC)[répondre]

Il y a un problème d'affichage sous IE 8 http://www.flickr.com/photos/pyb/4934683768/ Pyb (d) 28 août 2010 à 12:28 (UTC)[répondre]
Il y a également un changement lorsqu'on prévisualise Pierrot (Contes de la bécasse). La fenêtre d'édition est de la largeur du texte (sous Firefox). Pyb (d) 28 août 2010 à 13:05 (UTC)[répondre]
merci, j’ai corrigé la fenêtre d’édition. pour IE, je suis en train de regarder. est-ce que tu as vérifié que IE autorise les scripts externes ? Pour ce qui est d’Internet Explorer, j’ai trouvé une machine avec IE7, et j’ai corrigé à peu près tout les bugs que j’ai vu. J’ignore si ces corrections seront valables pour IE8. ThomasV (d) 28 août 2010 à 19:06 (UTC)[répondre]
Il y a un problème avec ce texte. Je n'ai rien contre l'utilisation de {{début}} et {{fin}}, mais il ne faut pas qu'en attendant que tout soit transformé les textes avec "div<text" soient mal fagotés. Enmerkar (d) 28 août 2010 à 15:26 (UTC)[répondre]
Je l’ai corrigé à peu de frais, c’est-à-dire en mettant ce modèle avec le texte. Il serait également possible d’adapter les maquettes à la présence de ce modèle, mais je préfère ne pas les compliquer trop vite, et que nous prenions le temps d’identifier ce que nous voulons y mettre. ThomasV (d) 28 août 2010 à 21:03 (UTC)[répondre]
bon, je viens de supprimer les modèles début et fin ; ils ne sont pas nécessaire avec ce script. Je propose d’observer pendant quelques semaines, et si tout se passe bien de déclarer périmées les classes text, lefttext et compagnie. ThomasV (d) 28 août 2010 à 22:13 (UTC)[répondre]
N'y a-t-il pas moyen de faire passer le "DP-EU" dans la marge de droite ? Apparemment, tes modifications centrent l'ensemble de la page, même l'indicateur de l'état des pages en haut et la ligne des catégories en bas, ce qui est franchement mauvais.
Autre point. Pourquoi, dans les transclusions, le modèle "ChapitreNav" a-t-il complétement changé d'apparence ? Exemple avec ce texte-ci. Peux-tu lui rendre son allure d'origine, s'il te plaît ? Enmerkar (d) 28 août 2010 à 23:43 (UTC)[répondre]
le modèle ChapitreNav avait cette apparence à cause du modèle DP-EU ; je l’ai déplacé et c’est rentré dans l’ordre.
pour ce qui est de l’indicateur de qualité mal centré, je suis assez surpris : c’est un problème que j’ai eu hier, de façon transitoire, et que j’ai corrigé bien avant ton message; peut-être que tu as une version du script qui n’est pas à jour ? merci de confirmer ou infirmer, et de me dire avec quel navigateur ça se produit. ThomasV (d) 29 août 2010 à 06:34 (UTC)[répondre]
j’ai aussi mis le modèle DP-EU à droite de la colonne de texte, mais seulement pour la maquette 1. ThomasV (d) 29 août 2010 à 06:57 (UTC)[répondre]
Merci. L'indicateur de qualité est retourné à sa place (Mozilla 3.6.8). Enmerkar (d) 29 août 2010 à 16:09 (UTC)[répondre]

J’ai remarqué un problème sur au moins deux pages :

Ces deux problèmes n’en forment en fait qu’un seul, en effet l’image comme le tableau étaient en dehors des balises <div class="text"></div>. Il n’y a plus la possibilité maintenant de mettre du contenu en dehors des balises div introduites par ces maquettes. Je ne vois pas tellement de solution pour résoudre ce problème. À part peut-être introduire une nouvelle balise qui serait parsée en js et qui serait remplacée par la fermeture des balises div générales, l’insertion du contenu en pleine largeur, puis la réouverture des balises div. Mais j’ai l’impression que ce n’est pas tellement dans l’esprit des maquettes. Zaran (d) 30 août 2010 à 17:48 (UTC)[répondre]


  1. On peut déjà désactiver les notes en sortant du texte pour aller dans ses Préférences ; un bouton sur place aurait l’avantage d’être plus immédiat et plus souple et permettrait de ne pas avoir à quitter le texte. .



Tous les projets[modifier]

Remarque : avancement non mis à jour.