Ci-dessous, les différences entre deux révisions de la page.
fanlab6 [29/04/2019 15:50] malvina |
fanlab6 [21/08/2020 13:25] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== 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:// | ||
- | * Un dossier GoogleDrive pour partager nos document, [[https:// | ||
- | * Un board Trello pour suivre l' | ||
- | |||
- | |||
- | ===== 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é/ | ||
- | |||
- | |||
- | **09h15 | 15' Ouverture dixit.** | ||
- | |||
- | Ouverture à l'aide du jeu Dixit (chacun choisis une carte qui correspond à son état d' | ||
- | |||
- | |||
- | **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' | ||
- | |||
- | https:// | ||
- | |||
- | **10h30 | 15' PAUSE** | ||
- | |||
- | **10h45 | 30' Dessine moi internet** | ||
- | (par 3, partage puis fonctionnement d' | ||
- | |||
- | Représentation d' | ||
- | Partage ensuite en grand groupe, puis explication du fonctionnement du web. | ||
- | |||
- | **11h15 | 15' Co-définition : les logiciels libres, qu' | ||
- | |||
- | Débat autours de " | ||
- | Mise en place d'une définition collective. | ||
- | |||
- | |||
- | **11h30| 12h30 Débat au format " | ||
- | |||
- | Débat en " | ||
- | |||
- | Notes prise lors du débat : https:// | ||
- | |||
- | |||
- | ==== Après - midi | 14h - 17h30 - Découverte d' | ||
- | |||
- | **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' | ||
- | |||
- | **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' | ||
- | * brodeuse : Création de lettres | ||
- | |||
- | |||
- | **17h|17h15 découverte wiki:** | ||
- | http:// | ||
- | |||
- | |||
- | |||
- | ===== Jour 2 |Culture libre, médiation numérique et découverte de l' | ||
- | |||
- | //**Le vendredi 15 mars**// | ||
- | |||
- | ==== Matin - Culture libre et médiation numérique ==== | ||
- | |||
- | **9H00 à 10h30.Les licences Creative Commons** | ||
- | * http:// | ||
- | * http:// | ||
- | * https:// | ||
- | L' | ||
- | * 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, " | ||
- | |||
- | Le droit d' | ||
- | |||
- | En France, le droit d' | ||
- | |||
- | 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, | ||
- | Le droit de paternité est inaliénable. | ||
- | |||
- | Vidéo : https:// | ||
- | |||
- | |||
- | **10h30 à 10h45. Présentation de projets menés sur le quartier** | ||
- | |||
- | __Sanikart__ https:// | ||
- | |||
- | Un jeux de karting dans le quartier du Sanitas conçue d' | ||
- | |||
- | |||
- | __Sanitamtam / brigades numériques__ https:// | ||
- | |||
- | Aujourd' | ||
- | |||
- | |||
- | **11h00. Openstreetmap** | ||
- | OSM modification/ | ||
- | |||
- | **12h00. Nos modes de fonctionnement** | ||
- | Nos modes de fonctionnement chez artefacts et outils associés / écriture sur pad / trello, chat, savoirs communs,etc | ||
- | Sensibilisation, | ||
- | |||
- | Serveur Framateam : https:// | ||
- | |||
- | ==== 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' | ||
- | * Savoir où passent les gens ? | ||
- | * Avoir des afficheurs à l' | ||
- | * Centre de vie du quartier ? | ||
- | * Application "jeux découverte" | ||
- | * 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, | ||
- | * Pad prise de notes : https:// | ||
- | * Album photo partagé : https:// | ||
- | * Contribuez en envoyant un mail à dmn2019@yogile.com | ||
- | |||
- | |||
- | **15h45 à 17h00.Retour sur l' | ||
- | |||
- | 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 " | ||
- | * Pôle jeunesse : bouge ton boule , projet | ||
- | * 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' | ||
- | * Pôle Accès aux droits : Maison de services public, Aide à l' | ||
- | |||
- | Différentes associations : Flam' | ||
- | il y a des services totalement gratuit | ||
- | |||
- | Ce qui disent les passants : | ||
- | * C'est un quartier dit " | ||
- | * Il y a un manque de sécurité perçu par certaines personnes et un manque d' | ||
- | * Les gens ne sont pas contre, si on ne leur apporte pas l' | ||
- | * Il y a une méconnaissance des acteurs associatifs du quartier (Artéfacts, | ||
- | |||
- | Ce que nous avons vu : | ||
- | * des quartiers délabrés, des rénovations en cours d' | ||
- | * des quartiers d' | ||
- | * Quartier d' | ||
- | * On a vu aussi deux expositions de photographie : une à la bibliothèque de l' | ||
- | * Le dynamisme des quartiers se centralise principalement autours des lieux/ | ||
- | * Dés qu'on s' | ||
- | * Manque de volonté active d' | ||
- | * Vétusteté générale de l' | ||
- | * 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' | ||
- | Ressource liste des exemples donnés : https:// | ||
- | |||
- | Tuto d' | ||
- | |||
- | **Qu' | ||
- | Tour du raspberry et de ses ports: | ||
- | * deux ports d' | ||
- | * 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' | ||
- | * Domor | ||
- | * Systèmes autonomes pilotés. Imprimantes - lancer les impressions en mode autonome. octoprint utilisé par exemple par Tobeca, fabriquants d' | ||
- | * Serveur multigaming - capable d' | ||
- | * 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 " | ||
- | * Sinon => le système d' | ||
- | * Attention à ne pas le laisser trop longtemps allumer d' | ||
- | * penser à prendre un radiateur/ | ||
- | * 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 " | ||
- | * La partie drupal (demain) | ||
- | |||
- | |||
- | |||
- | Prise en main : on suit le tuto | ||
- | * Le tuto : http:// | ||
- | * Le dépôt git : https:// | ||
- | |||
- | |||
- | Les propriétés CSS : | ||
- | * http:// | ||
- | |||
- | **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:// | ||
- | |||
- | ( 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:// | ||
- | * Comprendre ce comment est organisé le code ? Lire le readme ! https:// | ||
- | |||
- | |||
- | **Git-hub c'est :** | ||
- | * Plateforme en ligne qui permet d' | ||
- | * Comit : les contributions proposées/ les codes " | ||
- | * Branches : les versions dérivées du code d' | ||
- | * Issues : possibilité de faire de la gestion de tâches en les catégorisant (bugs, propositions d' | ||
- | * Le logiciel est " | ||
- | |||
- | |||
- | **L' | ||
- | |||
- | 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' | ||
- | |||
- | __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' | ||
- | Le sanitamtam permet aux acteurs locaux de partager des informations concernant les manifestions organisées dans le quartier. | ||
- | Une interface permet d' | ||
- | Un administrateur s' | ||
- | Une fois l' | ||
- | |||
- | __Le projet d' | ||
- | L' | ||
- | 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, | ||
- | Cela permettra ensuite d' | ||
- | |||
- | ===== Jour 4 | Drupal et lancement du projet ===== | ||
- | |||
- | ==== Matin - prise en main drupal et test de l' | ||
- | |||
- | **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, | ||
- | |||
- | **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' | ||
- | * 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 " | ||
- | Permet de catégoriser et requêter les articles | ||
- | -Requête dynamique : champs, filtres, oui / non , date , mots-clés | ||
- | |||
- | **Qu' | ||
- | 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' | ||
- | L' | ||
- | |||
- | 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' | ||
- | |||
- | **Mais c'est quoi encore un CSS ?** | ||
- | Les feuilles de style en cascade, généralement appelées CSS de l' | ||
- | |||
- | **Prise en main Lamp** | ||
- | * Modification en local de quelques mise en page du slider sanitamtam | ||
- | * Explications sur l' | ||
- | |||
- | ==== 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/ | ||
- | |||
- | 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' | ||
- | L' | ||
- | |||
- | 4 sous-groupes se sont formés pour prendre en charge 4 parties du projet de borne/ | ||
- | |||
- | * [[Construction borne]] | ||
- | * [[Design borne]] | ||
- | * [[Design slider]] | ||
- | * [[Intégration code slider]] | ||
- | |||
- | |||