Différences

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

--- fanlab6 [04/04/2019 15:19]
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 82: / Ligne 85: @@
-====== Jour 2 |Culture libre, médiation numérique et découverte de l'écosystème| ======
+===== 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 =====
+==== Matin - Culture libre et médiation numérique ====
 **9H00 à 10h30.Les licences Creative Commons**
@@ Ligne 131: / Ligne 134: @@
 Serveur Framateam : https://framateam.org/signup_user_complete/?id=6r4u3n6tppfoxg1oohaxkbw8ar
-===== Après-midi - Découverte du quartier =====
+==== Après-midi - Découverte du quartier ====
 **13h30 à 15h30.Découvrir le sanitas**
@@ Ligne 160: / Ligne 163: @@
-h45 à 17h00.Retour sur l'exploration
+**15h45 à 17h00.Retour sur l'exploration**
 Ce que proposent les structures :
@@ Ligne 190: / Ligne 193: @@
   * 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 <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...
+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]]

Savoirs communs

Outils pour utilisateurs

Outils du site

Différences

Outils de la page