Différences

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

--- fanlab6 [04/04/2019 15:19]
romainlalande
+++ fanlab6 [29/04/2019 13:52]
malvina [Jour 10 | Point intermédiaire et lancement de la documentation]
@@ Ligne 13: / Ligne 13: @@
 ===== Matin 9h - 12h30 - Prise de contact. =====
@@ Ligne 160: / Ligne 161: @@
-h45 à 17h00.Retour sur l'exploration
+**15h45 à 17h00.Retour sur l'exploration**
 Ce que proposent les structures :
@@ Ligne 190: / Ligne 191: @@
   * 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 sani tam tam 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 | Point intermédiaire et lancement de la documentation ======
+[[Construction borne]]
+[[Design borne]]
+[[Design slider]]
+[[Intégration code slider]]

Savoirs communs

Outils pour utilisateurs

Outils du site

Différences

Outils de la page