Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fanlab6 [04/04/2019 14:59]
romainlalande
+++ fanlab6 [21/08/2020 13:25] (Version actuelle)
@@ Ligne 1: / Ligne 1: @@
+====== FANlab - espace de travail FAN#6 ======
+Bienvenue sur cet espace collectif de travail.
-====== Nos outils de communication ======
+===== 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]]
@@ Ligne 8: / Ligne 10: @@
-====== Jour 1| Introduction et culture libre | ======
+===== Jour 1| Introduction et culture libre | =====
 //**Le jeudi 14 mars**//
-===== Matin 9h - 12h30 - Prise de contact. =====
+==== Matin 9h - 12h30 - Prise de contact. ====
@@ Ligne 57: / Ligne 60: @@
-===== Après - midi | 14h - 17h30 - Découverte d'artéfacts =====
+==== Après - midi | 14h - 17h30 - Découverte d'artéfacts ====
 **13h45h|14h30 Présentation malvina sa vie, son oeuvre**
@@ Ligne 85: / Ligne 88: @@
 //**Le vendredi 15 mars**//
-H00 à 10h30.
-    Les licences libres CC http://savoirscommuns.comptoir.net/licences_lbres       http://creativecommons.fr/       https://creativecommons.org/
+==== Matin - Culture libre et médiation numérique ====
-    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:
+**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"
-    CC BY : stipule le droit de paternité
+Le droit d'auteur et propriété intellectuelle : http://animacoop.net/plateforme_source/wakka.php?wiki=ModulE07Cours01
-    CC SA : partage dans les mêmes conditions (share alike)
+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" ).
-    CC NC : Non Commercial
+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.
-    CC ND : Non Modifiable, "NoDerivs"
+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).
-    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" ).
+**10h30 à 10h45. Présentation de projets menés sur le quartier**
-    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.
+__Sanikart__ https://video.colibris-outilslibres.org/videos/watch/b2b3c584-d41d-46b8-8813-4dbfdd3bccae
-il y a, comme alternative, nous projet ( c'est un site pour utiliser des icônes sans avoir à contacter l'auteur)
+Un jeux de karting dans le quartier du Sanitas conçue d'après le jeux tuxkart.
-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).
+__Sanitamtam / brigades numériques__ https://video.colibris-outilslibres.org/videos/watch/6f6f5e0e-18b2-44e4-9b81-dfe29b6008ee
-Pause 10h30 à 10h45.
+Aujourd'hui, projet de conception d'une borne d'informations concernant les activités du 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.
+**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.
-    Sanitamtam / brigades numériques https://video.colibris-outilslibres.org/videos/watch/6f6f5e0e-18b2-44e4-9b81-dfe29b6008ee
+Serveur Framateam : https://framateam.org/signup_user_complete/?id=6r4u3n6tppfoxg1oohaxkbw8ar
-    projet de conception d'une borne d'informations concernant les activités du quartier.
+==== Après-midi - Découverte du quartier ====
+**13h30 à 15h30.Découvrir le sanitas**
-    OSM modification/ missions modification sur chacun une zone
+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
-    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.
+Concrètement  :
+  * Un sondage " qu'est ce que vous faites ici ?"
+  * Voir les structures
+  * Visites quartier (tout voir)
-    Créez-vous un compte Framateam pour la session :
+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
-Serveur Framateam : https://framateam.org/signup_user_complete/?id=6r4u3n6tppfoxg1oohaxkbw8ar
-Après-midi
+**15h45 à 17h00.Retour sur l'exploration**
-h30 à 15h30.
+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.
-Découvrir le sanitas
+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
-Demande générale : vous avez une mission à mener sur le sanitas, comment faire pour mieux comprendre comment les gens y vivent ?
+  * 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.
-Idées :
+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.
-    Qu'est-ce qu'ils connaissaient du sanitamtam ?
+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).
-    Savoir où passent les gens ?
+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
-    Avoir des afficheurs à l'entrée du quartier
+===== Jour 3 | Journée Raspberry =====
+//**Mardi 26 mars**//
-    Centre de vie du quartier ?
+==== Matin - Introduction au raspberry avec Luc ====
-    application "jeux découverte" du quartier (genre pokemon)
+**Qui est Luc Léger?**
+Developpeur chez Artefacts, plutôt python, pas mal aussi de géomatique,...
+Fan de TRAINS, pas très jeu
-    Savoir pourquoi les gens vont ou sont au sanitas
+**Découverte de Rapberry autour d'exemples**
+Ressource liste des exemples donnés : https://hackmd.i3o/q4oyC5bsTI6KXW_0ba_H8A?view#
-    Faire un sondage sous forme de questions sur la vie au quartier. du sanitas.
+Tuto d'installation raspberry : https://hackmd.io/7sEfEBjPTfSn_m--KRIfhw#
-    aller voir les structures
+**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
-    Savoir ce que veulent les gens
+On peut faire plein de choses avec, deux branches :
+  * Informatique industrielle - traitement du signal (info-indus)
+  * Informatique de Gestion de données
-Concrètement  :
+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
-    Un sondage " qu'est ce que vous faites ici ?"
+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
-    structures
+Outils utilisables simplement !:
+  * Scratch
+  * Node red
-    passants
-    Visites quartier (tout voir)
+==== Après-midi - Découverte borne sanitamtam ====
+Avec Antoine et julien
+Présentation du projet
-retour prise note sur pad chacun de son coté
+Les sujets :
-Pad prise de notes : https://annuel.framapad.org/p/dmn2019
+  * Le contexte / présentation de julien et antoin
-Album photo partagé : https://www.yogile.com/dmn2019/
+  * La partie raspberry
+  * La partie "afficheur" (non documenté)
+  * La partie drupal (demain)
-    Contribuez en envoyant un mail à dmn2019@yogile.com
-Pause 15h30 à 15h45.
+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
-h45 à 17h00.
-Retour d'exploration
+Les propriétés CSS :
+  * http://www.css-faciles.com/proprietes-css-familles.php
-Ce que proposent les structures :
+**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
-    points les plus fréquentés dans le quartier : Le marché st Paul et son quartier ainsi que le palais des sports.
+**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/
-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
+( JSON = XML échanger avec la machine )
-     Pôle jeunesse : bouge ton boule , projet  jeux vidéo , projet couture, bien dans tes baskets, projet baby sitting...
+  * 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
-     Pôle famille : sorties culturelles en familles, atelier cuisine pour les parents, atelier détente, etc...
+Tech employées: Slick, Json, HMTL-CSS3, PHP, WAMP, Trello, AJAX, notepad++, Raspberry PI, git-hub
-     Pôle lien social : les z'amis du quartier, anim'actions, atelier maroquinerie, samedi au théâtre, etc...
+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
-     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.
+**Git-hub c'est :**
- il y a des services totalement gratuit  à disposition, par exemple un planning familial, une bibliothèque, le centre de vie.
+  * 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).
-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.
+**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 <div> <div class=> 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...
-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.
+sous-groupes se sont formés pour prendre en charge 4 parties du projet de borne/afficheur dynamique associé au Sanitamtam :
-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 :
+  * [[Construction borne]]
+  * [[Design borne]]
+  * [[Design slider]]
+  * [[Intégration code slider]]
-    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

Savoirs communs

Outils pour utilisateurs

Outils du site

Différences

Outils de la page