Discussion Gestion:Tâches/Liste/221

À propos de ce flux de discussion

Non modifiable

Antoine Mercier-Linteau (discussioncontributions)

@Michaël St-Gelais, je rejetterais cette tâche. On pourrait vouloir distancer notre apparence de celle de MediaWiki mais :

  1. la création d'un nouveau design va coûter très cher (désolé, mais celui fait par les filles ne me convient pas, trop 2010, trop UpToDate)
  2. l'intégration de ce design va demander beaucoup de ressources
  3. son entretien aussi.

Tant qu'on a pas quelqu'un dédié au graphisme et à l'intégration web ce n'est pas quelque chose d'envisageable selon moi. En réutilisant le skin Vector de MediaWiki la mise à jour se fait toute seule (et encore, tu devrais voir le nombre de trucs que je doit arranger).

Michaël St-Gelais (discussioncontributions)

Mmm ok ?

Mais tu ne voulais pas demander à ton cousin de nous designer un page d'accueil ?

Antoine Mercier-Linteau (discussioncontributions)

Ce sera sur une nouvelle tâche. Celle-ci concernait un redesign en profondeur.

Une nouvelle page d'accueil dans le skin existant c'est de bien moindre ampleur.

Michaël St-Gelais (discussioncontributions)

ok

Commentaires généraux

3
Antoine Mercier-Linteau (discussioncontributions)

@Charles-Éric Noël Laflamme, super travail. Merci. Vraiment.

J'ai donné mes commentaires spécifiques sur les tâches en lien avec chaque type de pages. Ici tu trouveras mes commentaires généraux.

  • Dans la page Spécial:Préférences, le petit bouton qui renvoie à l'aide de MediaWiki est mal positionné.
  • Il faut que le design occupe tout l'espace d'écran disponible. Dans l'immédiat, il a une largeur fixe.
  • Les icônes CC-BY-SA sont en bas à droite dans le design. Il se peut ça prenne du PHP pour bien les positionner.
Charles-Éric Noël Laflamme (discussioncontributions)

Fait.

Il reste probablement d'autres trucs à régler également, particulièrement dans les widgets puisque le thème Cameleon ajoute souvent quelques restrictions incompatibles avec le positionnement prévu des icônes. J'ai entre autres régler le widget des reply de discussion.

Antoine Mercier-Linteau (discussioncontributions)

Merci! Je tag @Michaël St-Gelais pour qu'il participe aux tests. Assures-toi de mettre les commentaires sur les sous-tâches associées à chaque type de page svp.

Début du développement

4
Antoine Mercier-Linteau (discussioncontributions)

@Charles-Éric Noël Laflamme, c'est un succès:

Merci!

Charles-Éric Noël Laflamme (discussioncontributions)

J'ai de la misère à comprendre ce que tu veux dire par "réellement modifier le skin". Quelle est alors l'utilité de modifier la page MediaWiki:chameleon.css si cela ne modifie pas le skin?

Charles-Éric Noël Laflamme (discussioncontributions)

Est-ce que la page MediaWiki:chameleon.css permet de modifier le style du skin alors que layout.xml permet de modifier le layout de la page?

Pour l'instant, le fichier layout.xml est vide. J'ai essayé d'y ajouter de copier le code pour le layout Standart disponible sur le github de Cameleon, mais je ne semble pas avoir le droit de pouvoir modifier le fichier.

Antoine Mercier-Linteau (discussioncontributions)

Exactement, layout.xml te permet de modifier le HTML. Les permissions étaient mal réglées. Je t'ai ajouté comme propriétaire du fichier. Peux-tu tenter à nouveau?

Résumé par Antoine Mercier-Linteau

On va partir de Chameleon.

Antoine Mercier-Linteau (discussioncontributions)

@Charles-Éric Noël Laflamme, dans leur document de recherche, les graphistes proposent comme point de départ 2 skins existants:

  1. Timeless
  2. Pivot

J'aurais tendance à dire que Pivot semble s'adapter mieux aux plateformes mobiles et offre un layout en colonne un peu plus versatile que Timeless, mais je vais explorer ça plus en détails.

Quel est ton avis?

Michaël St-Gelais (discussioncontributions)

Mon choix « esthétique » va pour Timeless. Sinon, j'aime bien « Tweeki », mais je ne sais pas s'il est aussi facilement configurable. Mais Tweeki est mon coup de coeur. https://tweeki.kollabor.at/wiki/Welcome Il est très épuré et très année 2020 ;)

Antoine Mercier-Linteau (discussioncontributions)

Attention, notre objectif est d'en arriver à implémenter la maquettes des graphistes. Il faut choisir le skin qui va nous permettre d'y arriver facilement.

Michaël St-Gelais (discussioncontributions)

Je suis d'accord. Je dis juste mon opinion. Faites ce que vous pensez adéquat. Je ne peux pas vous aider pour l'implantation. Chameleon est joli aussi !

Charles-Éric Noël Laflamme (discussioncontributions)

J'aurais tendance à dire Pivot également. Pour l'organisation du travail est-ce que tu avais des suggestions? Je pensais télécharger une page présenter dans la maquette en local et modifier graduellement le css du Skin de manière à imiter la maquette, mais j'suis certain qu'il y existe probablement des manières plus efficaces de travailler.

Antoine Mercier-Linteau (discussioncontributions)

Encore plus facile que ça!

  1. Je vais t'installer Pivot sur Wikimedica
  2. Tu l'actives dans tes préférences utilisateur
  3. Toutes les modification iront dans Pivot.css
  4. Les éléments graphiques sont téléversés sur Wikimedica comme des images
  5. Pour le redesign de certaines pages (comme la page d'accueil), tu peux simplement en dupliquer le contenu comme sous-page d'une tâche pour travailler dessus tranquille.
Antoine Mercier-Linteau (discussioncontributions)

Bon ...

J'ai passé en revue nos options de départ en terme de skins et je crois que Chameleon pourrait être le meilleur candidat de départ. D'autant plus qu'il est basé sur Bootstrap, un framework de Layout CSS très puissant et qui risque de nous donner beaucoup de flexibilité lorsque viendra le temps de développer des outils complexes (comme les calculateurs) et faire fitter ça sur mobile.

Laisse moi expérimenter encore un peu.

Maquette finale et rapport de recherche

1
Antoine Mercier-Linteau (discussioncontributions)
Michaël St-Gelais (discussioncontributions)

@Antoine Mercier-Linteau, quand tu dis plus haut dans la description « Aucun bouton de l'interface ne peut être déplacé », que veux-tu dire ? C'est clair qu'on ne peut pas toucher à l'interface visuelle, ça ça va de soi.

Mais donnons deux exemples :

  • Si elles veulent faire un menu déroulant pour le menu de gauche qui se cache et qui se déploie (comme sur l'application mobile en fait), est-ce que ce serait possible ?
  • Si elles veulent mettre les boutons « Lire », « Modifier la page », « w » d'une autre manière, peuvent-elles ? Dans un menu déroulant par exemple.
  • Si elles veulent réorganiser les boutons en haut à droite, est-ce possible ?

Une autre question que je me suis posé en naviguant au travers des modèles disponibles sur MediaWiki : est-ce que le skin que l'on a actuellement est le même que le skin pour mobile ? Est-ce le skin Minerva Neue actuellement sur Wikimedica en version mobile ? Est-ce qu'elles devront modifier deux skins ou modifier un seul skin qui devra fonctionner autant sur mobile que sur ordinateur ou tablette ?

Ce que j'ai remarqué aussi, c'est quand j'utilise la version mobile actuelle, je n'ai pas accès aux mêmes options dans le menu que sur la version pour bureau. Est-ce normal ? Qu'est-ce qui explique cela ?

Je pose peut-être des questions pour débutant. :P

@Catherine O'Hara, pour info.

Antoine Mercier-Linteau (discussioncontributions)

Il faut que le nouveau look soit déployable uniquement en CSS donc, cela veut dire que l'ordre des éléments (sauf exception)s ne peut être modifié, seulement leur positionnement ou leur encapsulation.

Donc pour répondre à tes questions:

  • Oui
  • Ça dépend
  • Ils ne peuvent pas être réorganisés, mais peuvent être encapsulés dans un menu.

Pour la version mobile, nous utilisons MinervaNeue comme sur Wikimedica. Idéalement, ils faudrait que le skin principal soit assez responsive. pour que l'on puisse se débarasser d'un skin spécifique pour la version mobile, car cela dédouble l'effort d'entretien.

C'est normal que tu n'aies pas accès aux même menus en mode mobile. Le skin est codé comme cela.

Michaël St-Gelais (discussioncontributions)

C’est quand même beaucoup plus libre que je ne le pensais. Merci pour les précisions !

J’ai aussi trouvé un petit article qui peut aider à fairel a différence entre HTML et CCS. Si je me suis posé la question, j’imagine que c’est une question que certaines pourront se poser. https://www.codingdojo.com/blog/html-vs-css-inforgraphic/amp

Michaël St-Gelais (discussioncontributions)
Antoine Mercier-Linteau (discussioncontributions)

BootStrapSkin n'est plus disponible. Chameleon et Tweeki sont en revanche d'excellentes options que nous pourrions adapter à nos besoins.

Michaël St-Gelais (discussioncontributions)

@Valérie Couture, pour info. On pourrait partir de Tweeki par exemple et l'adapter à nos besoins :)

Valérie Couture (discussioncontributions)

Parfait! Je prends notre de votre skin de départ. merci!

Antoine Mercier-Linteau (discussioncontributions)

J'en ai rajouté deux autres qui me sembleraient un excellent départ:

  • Foreground
  • Timeless
Michaël St-Gelais (discussioncontributions)

Ils sont pas mal ! Mais mon préféré reste Tweeki :)

Antoine Mercier-Linteau (discussioncontributions)
Michaël St-Gelais (discussioncontributions)

@Valérie Couture, je vous ai assigné à cette tâche, tel que discuté par téléphone aujourd'hui. Voici les différents contraintes (@Antoine Mercier-Linteau, tu peux en rajouter si tu penses à d'autres) :

  • Conserver la plateforme MediaWiki
  • Créer deux designs distincts :
    1. pour la page d'accueil
    2. pour les autres pages de contenu
  • Considérer la création d'un nouveau logo
    • Je ne vous en ai pas parlé aujourd'hui, mais nous devrons changer de nom prochainement, alors il est probable que nous ayons à changer de logo. À déterminer.
  • Doit s'adapter à tous les téléphones intelligents, toutes les tablettes et tous les ordinateurs par MediaWiki.
  • Désirons une présentation épurée, facile d'utilisation
  • Désirons garder une «carte de navigation» intuitive pour explorer le site
  • Design doit se différencier de Wikipédia, étant donné le manque de confiance qu'ont les médecins envers la plateforme.
  • Garder un fil de nouvelles, notamment sur la page d'accueil et sur les pages de projet
  • Faire des menus déroulant dans la barre latérale (outils et imprimer)
  • Garder une barre de recherche en évidence en haut de la page
  • Garder une boîte personnalisée/menu contextuel en fonction de la profession/formation
  • Dans les pages de contenu
    • Conserver la table des matières, mais la rendre interactive ou déroulante ou autre
    • Conserver les encarts informatifs

Pour vous aider à vous familiariser avec la plateforme et le logiciel, voici quelques liens intéressants :

Antoine Mercier-Linteau (discussioncontributions)

Michaël, j'ai modifié ta liste de besoins:

  • les menus dans la barre de gauche sont arbitraires, certains seront ajoutés avec le temps et d'autres seront enlevés selon les outils et les fonctionnalités développées;
  • BootStrapSkin n'existe plus

J'ajout également ceux-ci:

  • l'apparence des éléments suivants n'est que très peu modifiable:
    • l'éditeur visuel;
    • les discussions;
    • le système de notifications;
  • les boutons et éléments de formulaires doivent utiliser OOUI;
  • le nouveau style de Wikimedica devra être implanté avec un Skin;
  • le design doit être responsive, mais il existe un version mobile du site qui fait l'usage de Extension:MobileFrontend;
  • tout élément graphique/librairie doit impérativement être open source;
  • le contenu du site est essentiellement composé de texte d'une longueur arbitraire, la priorité doit être accordée à la lisabilité;
  • en revanche, une page autre que de contenu peut être construite de manière arbitraire:
Valérie Couture (discussioncontributions)

Parfait! Merci pour les spécifications. Je regarde le tout en détails et vous remets une évaluation dans les prochains jours.

Valérie Couture (discussioncontributions)

@Michaël St-Gelais À noter que pour ce point pour la refonte de votre logo, ce sera avec Julie Boucher, notre graphiste ici à l'interne qu'il faudra faire affaire, car je ne suis pas spécialisée dans ce domaine : Considérer la création d'un nouveau logo

  • Je ne vous en ai pas parlé aujourd'hui, mais nous devrons changer de nom prochainement, alors il est probable que nous ayons à changer de logo. À déterminer.

N.B.: Je serai probablement en mesure de vous envoyer ma soumission cet après-midi. Vous recevrez un courriel de la part de Sylvie Naud à ce sujet. Merci!

Michaël St-Gelais (discussioncontributions)
Valérie Couture (discussioncontributions)

Ok, il n'y avait cependant pas d'intégration à faire de votre côté étant donné que l'on conservait les mêmes informations (contenu). Ce qui est à développer était le changement de style du site, des blocs à mettre en évidence, etc. Ma soumission a été bonifiée, comme expliqué par Sylvie Naud, car la plateforme MediaWiki est méconnue de mon côté et aussi du côté de mon collègue développeur Web Marc-André Gallien. Par contre, au Consortium, seulement les heures travaillées sont facturées. À noter que je serai de retour au bureau à partir de mercredi (à l'extérieur aujourd'hui et en rencontre mercredi PM). Disponible les autres journées pour un appel sans problème. Merci et bonne journée! :)

Michaël St-Gelais (discussioncontributions)

Oui tout à fait ! Je comprends que vous en ayez mis plus que moins, c'est tout à fait logique. En discutant avec @Antoine Mercier-Linteau, nous avons précisé nos besoins : il s'agirait probablement de prendre un skin existant et de nous suggérer des changements à apporter de manière claire (en suivant les contraintes ci-haut). Antoine connait bien la programmation derrière MediaWiki. Si on développe une apparence avec vous et que vous donnez des consignes claires à Antoine pour l'exécution avec une maquette pour chacun des types de page (ex. mettre titre 1 avec police X et une taille Y en italique, déplacer tel onglet et lui donner telle apparence), il pourrait faire la programmation nécessaire, ce qui diminuerait potentiellement les coûts, car vous n'aurez pas vraiment à apprendre MediaWiki autant en profondeur que si vous l'implantiez vous-mêmes. Il vous appelera pour en discuter avec vous dans les prochaines semaines. Merci pour tout !

Valérie Couture (discussioncontributions)

Parfait! Cependant, en parlant au téléphone avec @Antoine Mercier-Linteau, nous avons convenu que ce sera moi qui changera l'apparence du site (modifiera le common.css et le css du thème), car on perdra du temps à ce que je donne des directives à Antoine, pour ensuite qu'il le fasse. Je devrai de toute façon le tester dans le fichier .css pour être certaine que cela donne le résultat souhaité. Je vous envoie une deuxième soumission au plus tard le 6 janvier 2020. En vous souhaitant de Joyeuses Fêtes :)! Au plaisir,

Michaël St-Gelais (discussioncontributions)

Merci beaucoup Mme Couture !

Redesign de l'interface des sites Wikimedia

6
Résumé par Michaël St-Gelais

Les sites Wikimedia sont en redesign actuellement. Un nouveau skin pour Wikipédia est disponible. Ce skin pourrait être utilisé comme skin intérimaire.

Antoine Mercier-Linteau (discussioncontributions)

@Michaël St-Gelais, @Jppialasse, Wikimedia se penche plus sérieusement sur la modernisation de leurs interfaces web. Tu peux en avoir un aperçu ici: https://people.wikimedia.org/~jdrewniak/dip/#/en/wiki/Moon

J'attire ton attention sur:

  • le fait que c'est un prototype et que plusieurs fonctions sont manquantes
  • le changement d'apparence du site lorsque tu te log out ou que tu appuies sur l'icône de menu en haut à gauche.

S'ils sortent bientôt une version beta, nous pourrions l'adapter elle plutôt qu'un skin, ce qui va nous permettre de beaucoup économiser en entretien sur le long terme.

Michaël St-Gelais (discussioncontributions)

Leur nouvelle version est déjà beaucoup mieux. Mais n'oublions pas de nous distancier du style « wiki », car il semblerait que notre clientèle ne l'apprécie pas beaucoup ;)

Bonne nouvelle cependant ! J'ai hâte de voir où ils vont pousser le concept. Le déploiement est prévu quand ?

Antoine Mercier-Linteau (discussioncontributions)

D'ici deux ans :) C'est une grosse machine ça ne bouge pas très vite. Ceci dit, avec de la couleur, des polices différentes et d'autres petits artifices on pourrait s'en distancier substantiellement.

Il faut quand même coller un minimum sur leur manière de faire, car lorsqu'ils mettent à jour MediaWiki et les extensions, ils le font avec leur interface en tête.

Michaël St-Gelais (discussioncontributions)

Oui je comprends ce que tu sous-entends. Plus ou s'éloigne, plus ça se complexifie et que ça coûte cher. Nous trouverons un entre-deux j'en suis certain.

Antoine Mercier-Linteau (discussioncontributions)

Grosse nouvelle! La nouvelle interface a été déployée sur https://fr.wikipedia.org/

Même si nous tenons à distancer notre apparence des sites Wikimedia, nous pourrions la déployer comme look intérimaire.

Autrement, je la trouve très adéquate, épurée et moderne et avec peu de travail nous pourrions l'individualiser à notre image de marque.

Michaël St-Gelais (discussioncontributions)

C'est bien ! Déployons-là en attendant :)

Par contre c'est encore sous-optimale. Le design graphique peut encore être retravaillé substantiellement. La section de gauche est encore beaucoup trop chargée.

La présente tâche est toujours d'actualité. On peut toujours en parler en CA si tu veux.

Résumé par Michaël St-Gelais

L'estimation des coûts a été réalisé.

Michaël St-Gelais (discussioncontributions)

J'ai rajouté par inclusion la section « Estimation des coûts » dans le plan d'affaires. @Antoine Mercier-Linteau, je demande à la CREC combien ça coûterait. On verra ce qu'ils me répondent.

Antoine Mercier-Linteau (discussioncontributions)

Ok ça me va. Pour information, je crois que certaines lignes ne sont pas pertinentes notamment:

  • Configuration du serveur et de l'espace de développement: aucune configuration à faire, le travail se fera entièrement sur le serveur de test.
  • Configuration du serveur d'hébergement et mise en ligne: il n'y a pas de serveur à configurer et nous nous occuperons du déploiement depuis la version test sur la version production.
Michaël St-Gelais (discussioncontributions)

Tant mieux ça va permettre d'économiser. Mais en même temps, on est mieux de budgéter un coussin au cas où !