Index

Webinaire du mardi 23 février

De 10h à 12h
Le lien pour la visio : https://zoom.us/j/8616584484
Le lien pour la prise de notes : https://pad.coop.tools/p/webinaire31

Intervenant.e.s : Laurent Marseault et Louise Didier

Vous avez aimé Anacoluthe, vous avez kiffé Bachibouzouk, ne parlons pas de Cercopithèque...
Et maintenant, voici Doryphore

Objectif : pas beaucoup de nouvelles fonctionnalitées mais tout sur l'ergonomique + plus joli globalement, plus centré sur l'usager.e, plus convivial (au sens d'Ivan Illich).

Invisible pour l'usager.e : Refactorisation du coeur > ça devient plus facile pour les développeur.euse.s de rajouter des fonctionnalités





Parmi les nouveautés :

Le thème Margot

du nom de la graphiste qui l'a travaillé
des éléments de css simplifiés avec des couleurs primaires, secondaires, etc / une PageCss dans laquelle les gens vont pouvoir sélectionner les couleurs principales (parmi des pré-proposées ou en code hexa), secondaires, tertiaires, etc + la police.



> nous verrons ça en détail dans le module 3.3 (webinaire du 9 mars avec Mélanie Michel)

La documentation autoportée

du texte "caché" explicatif dans les pages spéciales (exemple : dans le footer ou le header on a des explications de leur fonctionnement - comment mettre un logo, des bandeaux, etc...)



L'aide-mémoire

Le point d'interrogation (en haut à droite quand on est en mode édition) a été mis à jour et repensé pour que toute les questions que l'on se pose quand on commence yeswiki y trouvent des réponses, et nous renvoie vers la documentation ou démo plus complète des différentes actions.


Composants et le petit crayon


Merci à Sebastian Castro !
Des interfaces graphiques nous aident à construire le code, et même avoir un apperçu en direct de ce que je construis.
Quand je suis en mode édition, j'ai un nouveau bouton "Composants".
Pour modifier le code, j'y place mon curseur et j'ai un petit crayon à gauche pour revenir à l'interface graphique.
Souvent ces fonctionnalités existaient déjà dans Cercopithèque mais il fallait trouver le code dans la documentation et la personnaliser "à la main".
Des débutant.e.s vont plus loin dans l'esthétique et l'ergonomie qu'avant.

  • Boutons



  • Afficher les données d'un formulaire > bazar. Il me propose mes formulaires pour voir lequel je veux afficher et il me proposer différents modes d'affichage, et enfin je peux personnaliser cet affichage.

  • Section


  • Syndication / Flux RSS
usage de veille
Exemples
format flux RSS encore d'actualité ? d'autres formats sont apparus mais RSS était novice beaucoup de sites en génèrent. tendance à imaginer qu'on est le centre du monde : "pas la peine de faire des flux puisqu'il vaut mieux que les gens viennent chez moi". fondement du web questionné.
ça peut aider au lien entre notre wiki et notre vitrine wordpress ?
oui mais on peut aussi utiliser json (plus moderne).
embed de widgets (codes iframe) plus faciles techniquement mais le contenu n'est pas duppliqué (pas trouvable dans le moteur de recherche), il est juste affiché.



Dans les composants, vous trouverez aussi :

Lien vers une autre vidéo de démonstration des composants

Le bazar

générateur de base de données

wysiwyg : « what you see is what you get », signifiant littéralement en français « ce que vous voyez est ce que vous obtenez » = interface graphique. Avant on travaillait le formulaire avec le code avec des ***, maintenant on est aidé.e.s par le constructeur graphique.

En préparation : des formulaires et des listes à télécharger pour ne pas partir de zéro.
> une idée croissante : se piquer des idées entre wikis

Sémantique : certains champs respectent des standards
> nous verrons ça en détail dans le module 3.2 (webinaire du 2 mars, avec Sylvain Boyer)

Un onglet "exemple"
  • qui rerend les fonctionnalités bazar. Des pages par defaut e démo bazar exemple présentes dans le menu du haut lors de l'installation d'un wiki (un agenda, un annuaire, un blog, ...)

Un sous menu de tout ce qu'il est possible de faire en terme de mise en page et de sous-menu



De nouvelles bibliothèques

Elles aident à l'ergonomie de manière simple

Mermaid
une synthaxe qui permet de faire des représentations graphiques de contenus (camemberts, timeline, etc...) avec un éditeur wysiwyg en ligne qui permet de générer le code à coller dans son wiki

MArkdown
permet à YesWiki d'interpréter aussi des pages écrites en langage markdown

Izmir
permet d'insérer des images de manière beaucoup plus classe (en ajoutant des choses à l'action attach), à partir d'un site d'exemples à copier coller. accessible dans les paramètres avancés quand j'édite le code d'une image jointe

Animation
permet de faire des effets graphiques sur des images, des sections

effets bling-bling : "ça commence à ressembler à un vrai site internet" !



Gestion admin du wiki :


Roue crantée au haut à droite > gestion du site
  • Repensé totalement en mode ergonomique

Permet le traitement de masse des droits / des utilisateurs
  • texte plus explicite que le code d'avant (ex : on lit "Tout le monde" plutôt que ) Nouvelle gestion des utilisateurs et des groupes : possibilité de supprimer des utilisateurs / des groupes. Avant on devait gérer sur phpmyadmin (base ''MySQL''). > nous verrons ça en détail dans le module 3.4 (webinaire du 16 mars, avec Romain Lalande ou Gatien Bataille) Mise à jour : plus simple sans faire de FTP
  • Possibilité de gérer le wakka config depuis l'admin pour sélectionner le thème de base, etc... -> l'idée est qu'il n'y ait plus a avoir accès au ftp pour agir sur le fichier de config '''' ===De nouvelles extensions : === Extension LMS
  • Publication = générateur d'Ebook (pdf)
  • Webhook LDAP / SSO Un nouveau moteur de recherche ====Et autres petits trucs==== affichage des pdf sections avec droits (chapitrage dans une page, avec personnalisation des droits d'accès) activity pub rentre les outils interopérables = contenus qui se baladent de logiciel en logiciel exemple : publication dans Mastodon (équivalent libre de Twitter) qui parle de mon wiki > mise à jour aux 2 endroits web sémantique*
formulaires bazar interopérables entre eux, adéquation de nommage entre 2 logiciels différents > flux de données entre des logiciels
Exemple entre wiki et gogocarto



Qu'est-ce que ça vous évoque ? Quelles réactions ?


Découverte de YesWiki en 2011 ou 2012 : ça change !
Ca facilite, ça aide à la vulgarisation de l'outil
pour l'instant la documentation de doryphore n'est pas faite. elle sera de 2 natures :
  • bouts de code pour les utilisateur.trice.s avancé.e.s
  • formulations d'usages pour les béotien.ne.s

Hyper-enthousiaste ! Extension LMS rassurante pour passer à Qualiopi.
Et quand on crée un wiki dans une ferme ?



Bravo à l'équipe ! Surtout pour tout ce qui touche à Bazar.
Interet aussi pour la documentation auto-portée
Remarque générale : j'ai privilégié les wikis de travail (plutot que les wikis vitrine) > créer des pages spéciales pour écrire à plusieurs sans voir de code ?
exemple du wiki de l'université de la vigne et du vin : http://universitevignevin.fr/?PagePrincipale . page d'accueil incompréhensible en mode édition parce que la mise en page est avancée, mais ce n'est qu'un include de plein de pages plus simples (voir la documentation de l'action Include), donc des béotien.ne.s peuvent modifier des petits bouts sans se confronter à la complexité
> concevoir son wiki en pensant qui va devoir modifier quoi et à quel stade d'appropriation en sont ces gens
en face de chaque code compliqué il y a un petit crayon pour être guidé.e
3 manières d'amener à contribuer : passer la page wiki en mode édition, mais aussi formulaire bazar, et intégration d'autres outils (iframe)
exemple : https://ardear-occitanie.xyz/?PagePrincipale page d'accueil sexy et bling-bling que peu auront à modifier

hésitation dans mon groupe entre YesWiki et le drive (avec son google doc modifiable en direct). YesWiki freine avec le fichier à télécharger et recharger.
Est-ce que Doryphore apporte un argument dans ce domaine ?
aucun changement MAIS
mon wiki peut renvoyer vers un GoogleDoc
le wiki est une interface, un sommaire, une gare centrale
on peut aussi utiliser bazar pour rencenser les documents, et profiter des nombreux formats possibles (lien google doc ou lien pad ou pdg à télécharger ...)

Ca facilite l'autonomie : comme ça doit évoluer avec le projet, donc on a la main pour penser l'accès aux infos
C'est notre ligne de conduite depuis le début de YesWiki, mais on va encore plus loin : ne pas créer de dépendances envers les technicien.ne.s



Teasing Ectoplasme : encore plus faciliter la duplication ou l'inspiration d'un wiki
repérer un projet/wiki structuré comme je le souhaite pour le mien
migrer de la forme mais aussi du fond (exemple contenus d'Interpole : https://interpole.xyz/?PagePrincipale)
on fera quand même attention au projet/wiki frankenstein qui nous empecherait d'interroger notre fonctionnement



coding party 2 fois par an
une association YesWiki pour recevoir les dons (par exemple 10% des recettes de cete formation)et payer ces coding party et les développeur.euse.s
bientôt une coding party avec des paysans