====== FANlab - espace de travail FAN#6 ====== Bienvenue sur cet espace collectif de travail. ===== Nos outils de communication ===== Pour communiquer et nous organiser nous avons : * Un framateam pour tchatter, [[https://framateam.org/signup_user_complete/?id=6r4u3n6tppfoxg1oohaxkbw8ar|accessible via ce lien]] * Un dossier GoogleDrive pour partager nos document, [[https://drive.google.com/drive/folders/1TjlvNGhnlWlDuORAVuwBb9fxX0siu6A9?usp=sharing|accessible via ce lien]] * Un board Trello pour suivre l'avancée du projet et des groupes, [[https://trello.com/invite/b/JUPnZhje/8d49a70afc4ca63cc8ae13bc1ca6201c/dmn-2019-borne-sanitamtam|accessible via ce lien]] ===== Jour 1| Introduction et culture libre | ===== //**Le jeudi 14 mars**// ==== Matin 9h - 12h30 - Prise de contact. ==== **09h00 | 15' Accueil café.** Accueil des différentes personnes présentes lors de la matinée autours d'un café/thé. **09h15 | 15' Ouverture dixit.** Ouverture à l'aide du jeu Dixit (chacun choisis une carte qui correspond à son état d'esprit du moment, puis chacun explique son choix à tour de rôle). Suivi de la présentation du projet "mon sanitas" par Sophie. **09h30 | 15' Présentations croisées.** Présentation personnelle de chaque personne présente en détails (nom, parcours, projet professionnel). **10h00 | 30' Nos usages numériques + carte mentale.** Mise en commun des connaissances et des softwares, dans le domaine de l'informatique, utilisés par chacun avec explications dans le cas où des personnes ne connaissent pas le logiciel traité. https://framindmap.org/c/maps/673836/public **10h30 | 15' PAUSE** **10h45 | 30' Dessine moi internet** (par 3, partage puis fonctionnement d'internet) Représentation d'internet, en dessin, via l'imagination de personnes en groupe formé par ordre alphabétique. Partage ensuite en grand groupe, puis explication du fonctionnement du web. **11h15 | 15' Co-définition : les logiciels libres, qu'est-ce que c'est ?** Débat autours de "qu'est ce qu'un logiciel libre, comment le définir ?" Mise en place d'une définition collective. **11h30| 12h30 Débat au format "cercle samoan"** Débat en "cercle samoan". (https://www.metacartes.cc/faire-ensemble/recettes/cercle-samoan/ )sur le sujet "Les GAFAM : un risque pour les utilisateurs ?" Notes prise lors du débat : https://pad.colibris-outilslibres.org/p/bocal_dmn_2019 ==== Après - midi | 14h - 17h30 - Découverte d'artéfacts ==== **13h45h|14h30 Présentation malvina sa vie, son oeuvre** **14h30|15h Ateliers tournants séparé en trois groupes sur :** * découpe vinyle * imprimante 3D * brodeuse **15h|15h30 Visite pépinière - présentation d'Artefacts par Laure** **15h30|17h00 Suite et fin des ateliers tournants** Séparé en trois groupes sur : * découpe vinyle : tuning poubelle Auchan * imprimante 3D : création d'assiette miniature * brodeuse : Création de lettres **17h|17h15 découverte wiki:** http://savoirscommuns.comptoir.net/ ===== Jour 2 |Culture libre, médiation numérique et découverte de l'écosystème| ===== //**Le vendredi 15 mars**// ==== Matin - Culture libre et médiation numérique ==== **9H00 à 10h30.Les licences Creative Commons** * http://savoirscommuns.comptoir.net/licences_lbres * http://creativecommons.fr/ * https://creativecommons.org/ L'utilisation sous licence peut permettre d'utiliser des contenus licenciés sans risque de répercussions juridiques sous conditions définies par la licence. Conditions telles que: * CC BY : stipule le droit de paternité * CC SA : partage dans les mêmes conditions (share alike) * CC NC : Non Commercial * CC ND : Non Modifiable, "NoDerivs" Le droit d'auteur et propriété intellectuelle : http://animacoop.net/plateforme_source/wakka.php?wiki=ModulE07Cours01 En France, le droit d'auteur s'applique à n'importe quelle œuvre ou contenu ayant donné lieu à une création à priori et sans action active de l'auteur ( "par défaut" ). Droit auteur : mettre une image volontairement en ligne sur internet via un lien et un blog est considéré comme légal, mais copier une image sur un site sans autorisation nous engages à des poursuites. il y a, comme alternative, noon project ( c'est un site pour utiliser des icônes sans avoir à contacter l'auteur) Le droit de paternité est inaliénable. Vidéo : https://www.youtube.com/watch?v=RXy3W6wWquM (Visionnage de la vidéo "copier n'est pas voler). **10h30 à 10h45. Présentation de projets menés sur le quartier** __Sanikart__ https://video.colibris-outilslibres.org/videos/watch/b2b3c584-d41d-46b8-8813-4dbfdd3bccae Un jeux de karting dans le quartier du Sanitas conçue d'après le jeux tuxkart. __Sanitamtam / brigades numériques__ https://video.colibris-outilslibres.org/videos/watch/6f6f5e0e-18b2-44e4-9b81-dfe29b6008ee Aujourd'hui, projet de conception d'une borne d'informations concernant les activités du quartier. **11h00. Openstreetmap** OSM modification/ missions modification sur chacun une zone **12h00. Nos modes de fonctionnement** Nos modes de fonctionnement chez artefacts et outils associés / écriture sur pad / trello, chat, savoirs communs,etc Sensibilisation, découverte et création d'un compte sur les d'outils collaboratifs tels framapad, framateam. Serveur Framateam : https://framateam.org/signup_user_complete/?id=6r4u3n6tppfoxg1oohaxkbw8ar ==== Après-midi - Découverte du quartier ==== **13h30 à 15h30.Découvrir le sanitas** Demande générale : vous avez une mission à mener sur le sanitas, comment faire pour mieux comprendre comment les gens y vivent ? Idées : * Qu'est-ce qu'ils connaissaient du sanitamtam ? * Savoir où passent les gens ? * Avoir des afficheurs à l'entrée du quartier * Centre de vie du quartier ? * Application "jeux découverte" du quartier (genre pokemon) * Savoir pourquoi les gens vont ou sont au sanitas * Faire un sondage sous forme de questions sur la vie au quartier. du sanitas. * Aller voir les structures * Savoir ce que veulent les gens Concrètement : * Un sondage " qu'est ce que vous faites ici ?" * Voir les structures * Visites quartier (tout voir) Chacun part en exploration, prend des photos et au retour prise note sur pad chacun de son coté * Pad prise de notes : https://annuel.framapad.org/p/dmn2019 * Album photo partagé : https://www.yogile.com/dmn2019/ * Contribuez en envoyant un mail à dmn2019@yogile.com **15h45 à 17h00.Retour sur l'exploration** Ce que proposent les structures : * Points les plus fréquentés dans le quartier : Le marché st Paul et son quartier ainsi que le palais des sports. Grâce au centre social "Plurielles" des activités sont proposées toute l'année, certaines durant la période scolaire d'autres toute l'année sans interruption * Pôle jeunesse : bouge ton boule , projet jeux vidéo , projet couture, bien dans tes baskets, projet baby sitting... * Pôle famille : sorties culturelles en familles, atelier cuisine pour les parents, atelier détente, etc... * Pôle lien social : les z'amis du quartier, anim'actions, atelier maroquinerie, samedi au théâtre, etc... * Pôle Accès aux droits : Maison de services public, Aide à l'accès aux droits pour tous public. Différentes associations : Flam'n'co, Fiempo Flamenco, Annaba, Dance hope, Les Maîlys de Touraine, Au'tours du Rock, Capoeira Mandara, La Bazoche, Au'tours de la famille, École des arts martiaux, Saravah, Rions ensemble, PAZA PAS. il y a des services totalement gratuit à disposition, par exemple un planning familial, une bibliothèque, le centre de vie. Ce qui disent les passants : * C'est un quartier dit "dortoir", les activités se font sur Tours centre principalement à cause du tram et de la proximité de ce dernier. * Il y a un manque de sécurité perçu par certaines personnes et un manque d'information global concernant les activités présentes dans le quartier. * Les gens ne sont pas contre, si on ne leur apporte pas l'information, ils n'iront pas la chercher d'eux mêmes. * Il y a une méconnaissance des acteurs associatifs du quartier (Artéfacts, Sanitamtam). Ce que nous avons vu : * des quartiers délabrés, des rénovations en cours d'immeuble, des espaces de jeux récents pour redynamiser le secteur, des espaces verts qui perdent de leur charme par la dégradation de l'être humain * des quartiers d'immeubles parqués pour une classe sociale et ethnique. * Quartier d'habitation en cours de rénovation. Quelques activités commerciales (superettes, boulangerie, quicherie, bar-tabac...), une vie sociale motorisée par des espaces culturels et via les différents parcs de jeux pour enfants. * On a vu aussi deux expositions de photographie : une à la bibliothèque de l'espace de vie et l'autre à pluriel.(le)s mais aussi via la créativitvé d'un artiste peintre sur les murs d'immeubles (cf photo : https://www.yogile.com/dmn2019/ ) * Le dynamisme des quartiers se centralise principalement autours des lieux/structures socio-culturels ce qui crée de ce fait des zones plutôt désertiques. * Dés qu'on s'écarte de ce pole d'activité c'est plus désert (place neuve/le long du tramway) * Manque de volonté active d'améliorer le quartier ou de le faire vivre. * Vétusteté générale de l'infrastructure, gentrification en cours du quartier. * Annexe hospitalière fermée ===== Jour 3 | Journée Raspberry ===== //**Mardi 26 mars**// ==== Matin - Introduction au raspberry avec Luc ==== **Qui est Luc Léger?** Developpeur chez Artefacts, plutôt python, pas mal aussi de géomatique,... Fan de TRAINS, pas très jeu **Découverte de Rapberry autour d'exemples** Ressource liste des exemples donnés : https://hackmd.i3o/q4oyC5bsTI6KXW_0ba_H8A?view# Tuto d'installation raspberry : https://hackmd.io/7sEfEBjPTfSn_m--KRIfhw# **Qu'est ce que c'est ?** Tour du raspberry et de ses ports: * deux ports d'extension pour mettre des caméras * deux à quatre ports USB * branchement pour des actionneurs et des interrupteurs * prise hdmi * prise micro USB * branchement carte sd * prise micro-jack On peut faire plein de choses avec, deux branches : * Informatique industrielle - traitement du signal (info-indus) * Informatique de Gestion de données Exemple d'utilisation : * Domor * Systèmes autonomes pilotés. Imprimantes - lancer les impressions en mode autonome. octoprint utilisé par exemple par Tobeca, fabriquants d'imprimantes à Vendôme * Serveur multigaming - capable d'en faire une console retro * Droit de copie privé sur la connexion des raspberry Mise en service et précautions * Il n'y a pas de bouton marche arrêt * On alimente par micro-usb * Si on le débranche direct à chaque fois, on est bon pour tout réinstaller dessus * Il faut le fermer "proprement" * Sinon => le système d'exploitation peut disparaître * Attention à ne pas le laisser trop longtemps allumer d'affiler (deux mois +)(parasitage électrique) -> alternative Olimex, oluxino (processeur moins puissant mais plus à l’épreuve des intempéries) * penser à prendre un radiateur/dissipateur (ça chauffe) * Possibilité de grouper les raspberry : attention l'OS (version spécifique ) va assurer la répartition Outils utilisables simplement !: * Scratch * Node red ==== Après-midi - Découverte borne sanitamtam ==== Avec Antoine et julien Présentation du projet Les sujets : * Le contexte / présentation de julien et antoin * La partie raspberry * La partie "afficheur" (non documenté) * La partie drupal (demain) Prise en main : on suit le tuto * Le tuto : http://www.sanitamtam.fr/documentation/ * Le dépôt git : https://github.com/Katzuya2700/Slider_SaniTamTam Les propriétés CSS : * http://www.css-faciles.com/proprietes-css-familles.php **Julien et Antoine : qui c'est ?** * Antoine : dev, créé le site web. * Julien : commerce, webdev * Projet : création slider dynamique à afficher sur un écran via un Raspb PI **Le contexte** Brigade Numérique (BN) créé en 2018 avait pour projet de créer plusieurs supports Lien : https://www.facebook.com/Brigades-num%C3%A9riques-1619620695014904/ ( JSON = XML échanger avec la machine ) * aJ auto des données Json interne * MaJ auto des resources * Un javascript adaptable * Code modulaire * Utilisation wifi gratuit (WiTM) * différentes tailles écrans * un maximum de fonctionnalités hors connexion pour assurer une utilisation quand coupure réseau Tech employées: Slick, Json, HMTL-CSS3, PHP, WAMP, Trello, AJAX, notepad++, Raspberry PI, git-hub Le code sur github * Le dépôt git : https://github.com/Katzuya2700/Slider_SaniTamTam * Comprendre ce comment est organisé le code ? Lire le readme ! https://github.com/Katzuya2700/Slider_SaniTamTam/blob/master/Slide_SaniTamTam/lisez-moi **Git-hub c'est :** * Plateforme en ligne qui permet d'éditer en ligne des sources de différents langages, possibilité de travail en collaboration : possibilité de comité vers le dépôt avec une gestion de tout ce qui est fait par tous les utilisateurs. Possibilité d'installer Git-hub en local. * Comit : les contributions proposées/ les codes "poussés" par les contributeurs * Branches : les versions dérivées du code d'origine, que l'on peut réintégrer à la branche principale quand utile (une branche de production fonctionnelle, une branche en cours de développement, une branche beta, un fork,...). * Issues : possibilité de faire de la gestion de tâches en les catégorisant (bugs, propositions d'amélioration,...) un peu comme sur un forum, en les fermant quand c'est solutionné. * Le logiciel est "git" qui est utilisé par de nombreux services en ligne , on peut aussi l'utiliser en local (gitlab, framagit, github). **L'afficheur sanitamtam pour les nuls ?** Le sanitamtam est un blog qui relaie les activités proposées par les acteurs associatifs du quartier du Sanitas. Ce projet à été initié par les Brigades numériques en 2018 (création du logo et du site). La promotion 2019 de la formation Découverte des métiers du numérique à pour projet de réaliser un afficheur qui permettrait de rendre accessible l'information à tous ceux qui ne possèdent pas Internet. __Comment cela marche ?__ Le blog à été crée à l'aide de Drupal 7, un créateur de blog Open source . L'open source permettant aux utilisateurs de collaborer à l'amélioration du logiciel gratuit. Le sanitamtam permet aux acteurs locaux de partager des informations concernant les manifestions organisées dans le quartier. Une interface permet d'insérer un article comprenant un texte, une image et une localisation. Un administrateur s'occupe de la mise à jour des événements. Une fois l'article publié, les utilisateurs peuvent le consulter à l'adresse : www.sanitamtam.fr __Le projet d'afficheur__ L'afficheur se trouvera dans des lieux connus par tous. Il se composera d'un écran et "d'une petite unité centrale" appelé Raspberry-PI. Le Raspberry est programmable via une carte micro-sd (c'est une unité de stockage comme dans les téléphones portables.) Pour son utilisation, on a paramétré l'appareil en assurant la mise à jour du système d'exploitation; avant d'installer la base de donnée . Cela permettra ensuite d'afficher les informations sur l'écran mis à disposition. ===== Jour 4 | Drupal et lancement du projet ===== ==== Matin - prise en main drupal et test de l'afficheur en local ==== **9h- 10h : Drupal pour les nuls ?** * Drupal est un système de gestion de contenu (CMS) libre et open-source. * C'est le 3e système de gestion de contenu le plus utilisé derrière WordPress et Joomla. * Concrètement, il permet de gérer les champs sur le site sani tamtam, permet d’ajouter d’autres forme de contenus (administration et droits). **Découverte du site sanitamtam.fr** * Front page : tous les acteurs du quartier + visuels * Communication participative avec tous les utilisateurs (informations pratiques) * Possibilité de rajouter des événements **découverte sur le site SaniTamTam de Back end** * publier un article Par formulaire différent d'événements * Possibilité de mettre une photo et localisation acteur sur le quartier * possibilité de mettre une photo en fonction de l’article * Formulaire événement pour créer du contenu **Le slider c'est quoi ?** Le slider ne publiera pas de contenus : site disponible et voir le contenu et slide contribution du site Nous avons vu des fonctionnalités "View" permettant de chercher des articles et les mettre en avant ou pas. Permet de catégoriser et requêter les articles -Requête dynamique : champs, filtres, oui / non , date , mots-clés **Qu'est ce qu'un cache ?** une mémoire qui enregistre temporairement des copies de données provenant d'une source, afin de diminuer le temps d'un accès ultérieur (en lecture) d'un matériel informatique (en général, un processeur) à ces données. **L'HTML mais encore ?** L'HyperText Markup Language, généralement abrégé HTML, est le langage de balisage conçu pour représenter les pages web. C'est un langage permettant d'écrire de l'hypertexte, d'où son nom. Nous avons par ce fait vu les commandes permettant la modification d'un texte, d'une couleur par les différentes balises
se trouvant dans un CSS dont fait appel l'HTML. **Mais c'est quoi encore un CSS ?** Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML. **Prise en main Lamp** * Modification en local de quelques mise en page du slider sanitamtam * Explications sur l'utilisation HTML/CSS par Antoine avec les différentes fonctions de mise en page. ==== Après-midi - lancement des projets ==== Après la pause de midi, nous avons repris sur la borne elle-même et ce que nous voulons en faire. Séance de brainstorming en file indienne autour des idées pour la borne physique pour sa décoration et pour les slider (design/amélioration code et fonctionnalités). Création du trello et rappel des prochaines séances / contenus Enfin, nous avons organise les notes prises au cours de nos 4 jours chez artefacts (documentation). .... ===== Jour 10 et 11 | Documentation ===== Cette année, l'ensemble du groupe est parti sur un projet commun : la création d'une borne intégrant un afficheur dynamique qui permette de donner accès dans l'espace physique aux articles et aux événements du site [[http://www.sanitamtam.fr|Sanitamtam]] sans l'obligation d'aller sur internet. L'idée de ce projet a émergé entre les membres du groupe de travail communication du projet social de territoire du Sanitas (PST Sanitas), réseau lien social et interculturalité. Il s'inscrit également dans le travail d'accompagnement de ces acteurs par la coopérative [[http://artefacts.coop|Artefacts]] et l'association [[http://coopaxis.fr|CoopAxis]] depuis 2015 : création d'une [[https://www.agora-project.net/|Agora project]] (espace de travail collaboratif) dédiée au PST Sanitas, création du site [[http://www.sanitamtam.fr|Sanitamtam]] pour favoriser la co-production de l'information par et pour le quartier, promotion du Sanitamtam et définition de la stratégie de communication pour favoriser l'accessibilité de l'information par [[les_brigades_numeriques|les Brigades numériques]] 2018... 4 sous-groupes se sont formés pour prendre en charge 4 parties du projet de borne/afficheur dynamique associé au Sanitamtam : * [[Construction borne]] * [[Design borne]] * [[Design slider]] * [[Intégration code slider]]