# Claps 👏 #### Sans « coder », un autre site web est possible. <!-- 0. Format de la soirée 1min Val 1. Attac, numérique avant l’heure ! 2min Val 2. Constat actuel & dette technique 2-3min Val 3. Recueil des besoins & usages des CL, 2021 5min David 4. Claps. On simplifie la technique 5min Val, + quelqu'un·e d'autre ? 5. GLOBENET & Cocots 5min (voir moins) 6. Sans technique : l'évidence du collectif, le besoin de s'organiser pour mettre au centre le contenu créé par les CLs David 5min 7. Documentation, forum d'entraide, groupe coordo moins de 5min 8. Conclusion, c'est quoi le plan d'action, les nouveaux enjeux 3min TOT : 35min~40min 9. Questions / réponses --> --- ## Format de cette soirée <p class="fragment">Le chat' : soyons respectueux·euses et à l'écoute des un·es des autres</p> <p class="fragment">Les questions, sans faire de tunnel, à la fin et en lien avec le sujet : les sites Web !</p> <p class="fragment">Ceci est une présentation succinte, pour en savoir + et agir, rendez-vous aux ateliers !</p> <p class="fragment">Qui sommes-nous ?</p> <p class="fragment">Ça tourne 🔴 !</p> Note: 1. Des acteurs et des actrices des Claps : 2. Isabelle : attac landes sud 3. Alain : attac 44 4. Thierry : intégrateur de sites SPIP 5. Mathieu : agitateur numérique pour le réseau ritimo 6. John Livingston : membre de Globenet, administrateur système et développeur 7. David : Attac Isère / (Attac Paris 12) 8. Aussi : Patrick d'attac paris 19-20 et Sébastien d'attac 63 9. Divers questions / prise de parole : une étoile * dans le chat' 10. Poser des questions dans le canal de discussion publique, situé à gauche de l'écran, car le téléphone ne vous permettra pas de vous exprimer à l'oral 11. Un peu vertical au début : partagez vos questions sur le canal de discussion publique, nous les reprendrons à la fin de la présentation ! 12. Merci à celles & ceux qui se sont connecté·es ce midi pour les tests BBB --- ## 1. Attac, numérique avant l'heure ! --- Création de l'asso : _3 juin 1998_ Déclaration du domaine ATTAC.ORG : **6 janvier 1998**  --- ### Une (brève) histoire d'autonomie militante <p class="fragment">Produire et diffuser des informations militantes <p class="fragment">Les imprimeries et les réseaux de diffusion <p class="fragment">L'avènement du numérique et le fossé technique</p> Note: Parmi les enjeux du mouvement social, l'autonomie technique est un élément politique des luttes. Duplicateur à alcool, ronéotypeuse, imprimerie pour produire des tracts, des brochures, des bouquins... Et les diffuser, c'est une expérience que la majorité d'entre-vous avez déjà. Depuis l'irruption de l'informatique dans nos vies, et vu les possibilités offertes par l'Internet et le web, disposer d'un outil de diffusion d'une information militante s'est imposée comme une évidence. Comme ce n'était pas simple d'acquérir des compétences techniques aux premiers temps des sites web, certain·es camarades se sont porté·es volontaires, voire se sont spécialisé dans cette tâche. Au point de laisser des techniciens opérer des choix seuls, sans concertation. Or ces choix techniques ont des conséquences organisationnelles, voire politique... Nous reviendrons sur cet aspect plus tard dans la présentation, après avoir fait un point sur la situation actuelle. --- #### Un peu d'archéologie numérique : 1998 (r@s)  Note: Aujourd'hui ça paraît austère, mais déjà à l'époque il était possible de s'abonner à une infolettre ! --- ### Des centaines de sites depuis 1998 <p class="fragment">Via le r@s : Réseau Associatif Syndical</p> <p class="fragment">Autonomie des hébergements</p> <p class="fragment">Auto-gestion collective de la maintenance</p> --- #### 2002 (r@s), déjà du Spip !  Note: 1. Prendre une petite minute pour expliquer ce qu'est SPIP 2. Issu du développeur web du monde diplomatique, SPIP est un logiciel web issu d'une communauté de personnes militantes ayant une vision d'un Internet non marchant et fondé sur la solidarité 3. Sa mascotte est un polatouche (un écureuil volant), Spip est l'écurueil dans Spirou :) --- #### 2012 : auto-géré... mais désormais hébergé chez OVH  Note: le r@s a fermé en 2009 tous les sites des CLs ont dû migrer sur le nouveau serveur chez OVH, étape très difficile mais qui a fonctionné grâce au travail acharné des admin-sys d'Attac : http://akrea.free.fr/webattac/ --- 2022 (Spip toujours debout !)  Note: Autant de sites depuis 1998 en ligne, est-ce encore possible ? --- ## 2. Constat technique des sites des Comités Locaux aujourd'hui #### Comment sont-ils gérés ? Note: Pour le site d'Attac ok, mais les centaines de sites des Comités Locaux ? 1. Vieillissement des sites avec des problèmatiques multi-factorielles 2. Post r@s, contexte blogs et réseaux sociaux ou tout le monde se crée son propre site/sa propre page, les sites sont parfois délaissés voir abandonnés 3. Souvent un seul webmestre, beaucoup de responsabilité autour d'une unique personne ---  --- #### Des sites parfois abandonnés, représentant des failles <small>Un exemple de hameçonnage sur le sujet des Bitcoins</small>  Note: C'est surtout beaucoup de frustration de toutes parts car des sites qui tombent c'est aussi le collectif qui en prend un coup... --- #### Côté utilisateur·ice, la tuyauterie semble fonctionner  Note: Parfois on dit que la faillance n'est plus très belle Mais ça fonctionne / ça coule encore, enfin plus des masses... --- #### Côté Développeur·euse / Administrateur·ice-système / Webmestre  Note: Et finalement, beaucoup de travaux cachés de rénovation car tout rouille « Aujourd'hui on peut dire qu'il y a ce que l'on appelle une forte "dette technique" sur les serveurs des Comités Locaux d'Attac, alors on va faire comme pour la dette en économie, on va faire un "effacement de la dette" » --- ## 3. Repartir à zéro ? --- <h4 class="fragment">Les problèmes sont nombreux,</h4> <h4 class="fragment">quelles solutions envisager ?</h4>  <h4 class="fragment">Proposer une solution durable,</h4> <h4 class="fragment">que les CL puissent s'approprier</h4> Note: Il faut faire quelque chose mais Ne pas proposer une solution que technique. Amener les membres des comités locaux à participer. Amener les comités locaux à s'approprier de la technique. --- #### 2021 : Enquête sur les Usages & Besoins des CL concernant les sites web <p class="fragment">Le recueil avait deux objectifs :</p> <p class="fragment">1. Une nouvelle plateforme de sites pour les CL est-elle pertinente ?</p> <p class="fragment">2. Un groupe d’entraide pour les sites des CL est-il possible ?</p> <p class="fragment">67 réponses obtenues</p> Note: 1 Recueillir les avis concernant les sites actuels & analyser les usages et les besoins --- ### Les résultas : on a besoin d'aide, mais on veut aider !  --- ### Les résultats : pourquoi les sites web c'est compliqué ? <p class="fragment">« le problème n’est pas [que] technique »</p> <small class="fragment">(Attac 78 Nord)</small> <p class="fragment">« tout le monde veut un site web mais personne veut s’en occuper »</p> <small class="fragment">(Attac *inconnu*)</small> --- ### Les résultats : sous la technique, des humains... <p class="fragment">Un problème de partage d’informations, compétences/connaissances</p> <p class="fragment">Une faible activité de certains CL, un manque de motivation</p> --- ## 4. Les « Claps » ? Note: Les comités locaux d'Attac publient sur Spip --- ### D'abord « SPIP » #### Système de Publication sur l'Internet P quoi... ? <p class="fragment">P pour partagé ? Chiche !</p> <p class="fragment"><a href="http://www.uzine.net/article22.html">👉️ Le manifeste du web indépendant 👈️</a></p> <p class="fragment">SPIP clé en main, Spip e-change...</p> Note: Au début, avant Wordpress, Joomla et Drupal, des gestionneurs de contenu pour le web http://www.uzine.net/article60.html --- ### Pourquoi du Spip ? D'ou vient cette idée ? <p class="fragment">Les GAFAM et leur monde</p> <p class="fragment">Nous réapproprier la technique</p> <p class="fragment">Alors ? P pour... politique ?</p> Note: Il ne viendrait à aucun·e d'entre nous l'idée de faire confiance aux marchés financiers pour s'autoréguler. Il en va de même avec les Facebook, Twitter et Google : l'économie de l'attention (le fameux temps de cerveau disponible de Mougeotte pour vendre du coca) est le moteur des profits des médias sociaux et moteurs de site web privateurs de liberté. Ils modèlent notre manière de communiquer nos idées, mais ils sélectionnent surtout les opinions qui sont susceptibles de déchaîner les controverses. Et ils collectent, au passage, un tas d'informations sur notre lectorat, voire ils collaborent avec les autorités : c'est le capitalisme de surveillance. En bref, ils changent nos manières d'interagir et de voir le monde. Ils jouent donc un rôle politique. --- ### Spip livré avec son Claps : un outil (un peu) simplifié <p class="fragment">Simplifié, pas besoin de coder... Mais c'est pas magique !</p> <p class="fragment">Inspiré de ce qui fonctionne déjà</p> <p class="fragment">Un cadre logiciel collectif ne permettant pas TOUT, sauf si on assume de s'auto-gérer !</p> <p class="fragment">Une maintenance annuelle des serveurs avec John</p> <p class="fragment">Des développements Spip avec Thierry</p> <p class="fragment">Indépendant des « géants » du Numérique</p> <p class="fragment">Des développements graphiques : Michael Tamimy</p> Note: 1. Outils pour lever les barrières techniques, plus besoin de SQL FTP PHP HTML CSS 2. Pour de nouveau prendre son temps sur le contenu, plutôt que sur la technique 3. Parler du développement, du temps de travail, de l'hébergement chez Globenet 4. Reprendre en main son contenu face aux GAFAMs, se protéger soi c'est protéger celles et ceux qui n'ont pas ce privilège --- #### Seule page technique de cette présentation 🌰  Note: La structure modifiable d'un site, les fameuses « noisettes » ! --- ### Quelques fonctionnalités sur le vif <small>(Grâce au recueil !)</small> <p class="fragment">Un manuel d'utilisation interne à son site</p> <p class="fragment">Un agenda local et national</p> <p class="fragment">Un abonnement à sa lettre d'informations</p> <p class="fragment">🌰 Un mode intéractif pour structurer son site bloc par bloc </p> <p class="fragment">Une palette de styles graphiques <small>(des « thèmes »)</small> ...</p> <p class="fragment">Une fonctionnalité de partage sur les réseaux sociaux ou par mail</p> <small class="fragment">Et bien d'autres encore ! <a href="https://doc.site.attac.org/16">👉️ Rendez-vous aux ateliers ! 👈️</a></small> Note: - Ce manuel est modifiable, améliorable - un thème... ATTAC ! - Les blocs du site qu'on appelle des NOISETTES - À la fin de cette présentation, on vous en montre + ! --- ## 5. L'hébergeur Cette partie est disponible sur ce lien 👇️ https://codimd.globenet.org/p/5j7RTSKqd#/ Note: https://codimd.globenet.org/bwCVSBZ9RpC1TjFAqBW0sg?both# Partie présentée par John de l'association d'hébergement militant Globenet.org --- ## 6. En fait, on vous a menti <h4 class="fragment">Claps c'est pas un outil</h4> --- #### Avec moins de technique : l'évidence du collectif <!-- David --> Note: --- #### Témoignage avec David & Attac Isère  Note: De très nombreux articles de très nombreuses rubriques à remettre en valeur, discuter avec le reste de son Comité Local permet de représenter au mieux la vie du collectif, un site c'est une vitrine pour l'extérieur des activités du CL --- #### Ce que ça donne en vrai --- #### Le site avant  --- #### Le site après, avec son CLAPS 👏 <small>(migré depuis un ancien site)</small>  Note: Le haut du site, avec l'ancienne bannière --- #### Le « Pied de page » du site CLAPS  Note: Dans ce cas, une configuration pour ajouter un bloc « nous contacter » dans la colonne de droite, réalisé sans coder ;) --- <!-- Fin David --> ## 7. Repartir de zéro c'est VRAIMENT possible ? <p class="fragment"> Oui, mais avec quelques pré-requis indispensables</p> --- ### S'il y a des ressources : de la documentation <p class="fragment">La doc' : porte d'entrée pour gérer son site</p> <p class="fragment">Des ressources organisationnelles pour gérer collectivement</p> <p class="fragment">Des ressources techniques en quelques clics</p> <p class="fragment">Des formulaires pour participer sans mot de passe</p> <small class="fragment">Et bien d'autres !</small> Note: 1. Quoi de mieux qu'un site Spip pour voir comment créer son site 2. Le plus grand travail c'est avant de créer son site ! Cf. atelier tri de cartes https://doc.site.attac.org/spip.php?article14 3. Partager les responsabilités, lourdes à porter seul·e quand on gère un site 4. Parceque ce ne sera pas magique, il faudra quand même gérer des notions techniques 5. Si on est bloqué·e, toujours un moyen d'avancer en demandant de l'aide car... --- ### S'il y a de l'entraide : le forum <p class="fragment">Accessible : pas besoin de compte, juste une adresse mail</p> <p class="fragment">Celles et ceux qui savent faire du Spip : demander un compte</p> <p class="fragment">Un lieu d'échange et d'action pour bouger les lignes (de code !)</p> Note: Le forum : https://entraide.attac.org/t/bienvenue/66 1. Via les formulaire du site de documentation 2. On a de nombreux webmestres à Attac qui savent utiliser Spip, ce serait dommage de s'en priver ! 3. L'endroit ou discuter des améliorations de la documentation ET de ses sites --- ### Si son cœur est solide : le groupe Coordo <p class="fragment">Valider les demandes de création de sites via les « CoCots »</p> <p class="fragment">Mettre en œuvre les besoins de fonctionnalités</p> <p class="fragment">Créer des comptes au site de documentation, au forum</p> <p class="fragment">Co-gérer l'animation du Collectif</p> Note: 1. Valider un site ça se fait en 3 clics :) 2. Car il faudra discuter de la faisabilité technique et définir les besoins dans le détail 3. Accueillir et accompagner les personnes vers l'entraide --- <!-- ### Conclusion, avec une analogie subtile <p class="fragment">Cocots : le poulailler</p> <p class="fragment">Spip : les poules</p> <p class="fragment">Claps : les œufs</p> <p class="fragment">Les sites : les omelettes </p> <p class="fragment">Coordo : les humains qui prennent soin du tout</p> <p class="fragment">Les GAFAMs : les renards, rats, buses et autres belettes</p> <p class="fragment">Les visiteur·euses des sites mangent les omelettes</p> Note: Pardon pour les renards etc :p Les omelettes mangées par les visiteur·euses :) --- --> ## 8. Et maintenant, comment ça va se passer ? --- <p class="fragment">Vos anciens sites passés en statique au 1er septembre 2022</p> <p class="fragment">Le serveur LOCAL entièrement fermé fin 2022</p> <p class="fragment">Les sites à migrer au fur et à mesure, tranquillement d'ici à Septembre 2022</p> <p class="fragment">Des ateliers pour mieux utiliser son site Web</p> <p class="fragment">L'entraide active entre utilisatrices·eurs</p> <p class="fragment">Des fonctionnalités à améliorer</p> <p class="fragment">La documentation à faire évoluer</p> <p class="fragment">Faire vivre le collectif dans la durée</p> Note: en fait c'est que le début et y'a tout à faire --- #### De nouveaux enjeux : tout (re)commence maintenant ! <p class="fragment">Un Comité Local ferme, que faire de son site ?</p> <p class="fragment">Faire vivre le forum pour s'entraider, se former collectivement</p> <p class="fragment">Mettre à jour, faire en sorte que chaque CL gère bien son site !</p> <p class="fragment">Responsabilité collective au sein d'un CL, quand un webmestre part : une passation !</p> <p class="fragment">Quelles nouvelles fonctionnalités à développer en priorité ?</p> <p class="fragment">La « com' » ? Une fois son site en place, quels usages des réseaux sociaux ?</p> Note: En fait, ces enjeux existaient déjà avant, mais les traiter chacun dans son coin n'était pas possible tel quel, désormais, c'est collectif ! --- ### C'est par ou s'il-vous-plaît ? ## doc.site.attac.org Fin, merci, et vite les questions ;) --- Note: Recueil des questions posées : https://pad.attac.org/p/claps-soiree-questions --- ### Des sources ! [Pourquoi un site c’est important & politique ?](https://doc.site.attac.org/spip.php?article18) [L'effet Autobus](https://fr.wikipedia.org/wiki/Bus_factor) [La Dette technique](https://fr.wikipedia.org/wiki/Dette_technique) [Le manifeste du Web Indépendant](http://www.uzine.net/article22.html) [R@S : la naissance d'un acteur majeur de l'« Internet militant »](https://www.cairn.info/revue-le-temps-des-medias-2012-1-page-87.htm)