====== FANlab - espace de travail FAN#7 ====== {{ :croquis1.jpg?400 |}} {{ :3_maquettes.jpg?800 |}} Bienvenue sur cet espace collectif de travail. ====== INTRODUCTION ====== ==== A. Objectif du projet ==== Créer un prototype pour une maquette interactive représentant le quartier du Sanitas accessible par tout le monde ==== B. Ce qui a été fait ==== * Nous avons créé 3 prototypes différents de maquette interactive du Sanitas dans le but de les présenter à des investisseurs qui choisiront ainsi les fonctionnalités qu'ils souhaitent garder pour la maquette finale. * Pour cela, les stagiaires de la formation Découverte des Métiers du Numériques, accompagnés des membres du 13 ainsi que de professionnels du métier, ont mis en commun leurs compétences pour mettre à bien ce projet. * [[http://www.sanitamtam.fr/sites/default/files/joints/maquetteInteractive_plaquette2-1.pdf|Plaquette de présentation]] * [[https://drive.google.com/open?id=1ZKWpRgGyPZO6NyFKSwnEVdbdJs2OV-ZogOfp8QI7QH0|Diapo de présentation]] ====== ORGANISATION ====== ==== A. Communication et partage du travail ==== * La première partie a consisté à mettre en place un cahier des charges, nous permettant ainsi de mettre en place les différentes étapes du prototypage des maquettes. * Ainsi, une fois les fonctionnalités des maquettes définis, nous avons pu répartir les tâches entre 2 groupes principaux, un se chargeant de __la partie graphique/modélisation__ et l’autre s’occupant de __la partie programmation__. * Utilisation d’un __Discord__ (FAN#7) pour tchatter. * Utilisation d’un dossier __Google Drive__ ([[https://drive.google.com/drive/folders/1nQdCiDCizsbwhetFZ3mtRtMdxgRk9Sp4?usp=sharing|DMN Artefacts #FAN7]]) et d’un board __Trello__ ([[https://trello.com/b/TazIhynz/fan7|#FAN7]]) pour stocker notre travail et pour se répartir les tâches. * Utilisation d’un tableau __Google Sheets__ pour lister les outils et compétences utilisés ==== B. Recherche d’idées ==== * Création de cartes mentales avec __FramindMap__ et __xMind__ pour faire des brainstorming {{ :cartementale.png?800 |}} * Questionnaire auprès des habitants dans le but de récolter des informations sur les besoins des futurs utilisateurs et plus globalement de récolter leur avis sur le projet * [[https://sondage.comptoir.net/889423/lang-fr|Mise en ligne d’un questionnaire]] avec __Limesurvey__ * Recherche d’idées sur Internet * {{ :rollup_mdp_1_85x201_compresse.pdf |"Le projet de renouvellement urbain du Sanitas - 2019"}} * Création de croquis, d'histoire et de storyboard pour que chaque membre du groupe puisse illustrer comment est-ce qu’il imagine la maquette {{ :croquis2.png?400 |}}{{ :croquis3.jpg?400 |}} ====== PROTOTYPAGE ====== ===== A. Maquette 1 ===== {{ :maquette_1.jpg?300 |}} === a. Caractéristiques === * Maquette plate, gravé sur du bois, avec les bâtiments représentés par un logo * Petits boutons produisant du son pour chaque bâtiment * Possibilité de changer la langue entre le français et l’anglais avec un interrupteur * “Sanitas” est écrit en braille === b. Création === == 1 - Fabrication manuelle de la maquette == * Utilisation de la __découpe laser__ pour graver sur une plaque en bois {{ :photo1.png?400 |}} * Modélisation 3D * Impression 3D{{ :photo2.png?400 |}} * Assemblage == 2 - Développement en PyGame == * Mise en place d'un pseudo-code, puis d'un logigramme pour lister les différentes fonctions de la maquette{{ :logigramme.png?400 |}} * Gérer l’appui sur un bouton et l’allumage d’une LED avec des __GPIO__ * Enregistrer des phrases avec __Audacity__ * Gérer les sorties audio * Communiquer avec les cartes __Raspberry Pi__ via __Putty__ et __FileZilla__ * Utiliser __Crontab__ pour exécuter un programme au lancement de la carte * Intégrer les différents modules au programme global * Utiliser des lignes de commande __Linux__ ===== B. Maquette 2 ===== {{ :maquette_2.jpg?300 |}} === a. Caractéristiques === Maquette avec du relief, chaque bâtiment est représenté par une pièce de plastique, certaines sont aussi des boutons sur lesquelles on peut appuyer pour lancer un audio et afficher une image ou une vidéo sur l'écran. === b. Création === == 1 - Modélisation et impression 3D == Avec une __imprimante 3D__ ainsi que les logiciels __Autodesk__ et __Tinkercad__ on a modélisé et imprimé: * Des bouton poussoir représentant les bâtiments * Un support écran * Un socle * Un boîtier {{ :modele3d.png?400 |}} == 2 - Développement en PyGame == * Gérer l’appuis d’un bouton et l’allumage d’une LED avec des __GPIO__ * Enregistrer des phrases avec __Audacity__ * Gérer les sorties audio * Gérer l’affichage sur un écran tactile via __Pygame__ et __Adafruit PiTFT__ * Communiquer avec les cartes __Raspberry Pi__ via __Putty__ et __FileZilla__ * Utiliser __Crontab__ pour exécuter un programme au lancement de la carte * Intégrer les différents modules au programme global * Utiliser des lignes de commande __Linux__ == 3 - Esthétique == * Stickeurs obtenus avec une découpeuse vinyle, de l'adhésif et le logiciel __Inkscape__{{ :vinyle_press_button.png?200 |}} * Ponçage des pièces pour les finitions == 4 - Assemblage == * Vissage des différentes partie avec le socle ( enceintes, Raspberry, …) * Perçage des socles et boutons * Soudure de différents éléments * Fixation des LEDs avec un pistolet à colle ===== C. Maquette 3 ===== {{ :maquette_3-2.jpg?300 |}} === a. Caractéristiques === Maquette avec une petite modélisation transparente des bâtiments de la Place neuve, sur une plaque faîte en gravure laser, avec un écran, des LEDs et 2 boutons. Les LEDs s’allument par rapport au bâtiment actuellement affichée sur l’écran, passer au précédent ou suivant se fait par tactile, les deux boutons servent à changer la langue entre le français et l'anglais. === b. Recherche de données === __OpenStreetMap__ pour avoir une image satellite de la forme des bâtiments pour faire les modélisations et intégrer des images et des vidéos sur l'écran de la maquette. === c. Création === == 1 - Modélisation == Création du fichier __Tinkercad__ pour la création des éléments de la maquette, Les bâtiments avec l’emplacement des LEDs, la plaque du dessus avec l’emplacement de l’écran tactile, le boîtier avec le positionnement des hauts-parleurs sur le côté. {{ :decoupage_laser.png?400 |}} == 2 - Câblage de l'écran et des LEDs == {{ :led.png?400 |}} Schéma fait avec __Frizting__ qui représente le câblage des LEDs et de l'écran tactile du Raspberry, ce qui a permis aux développeurs de créer et de tester le programme en Python obtenant les informations nécessaires pour la diffusion des vidéos et des fichiers audio, ainsi que de faire des tests de navigation sur l'écran tactile de la maquette : == 3 - Développement en PyGame == * Gérer l’appui sur un bouton et l’allumage d’une LED avec des __GPIO__ * Enregistrer des phrases avec __Audacity__ * Gérer les sorties audio * Gérer l’affichage sur un écran tactile via __Pygame__ et __Adafruit PiTFT__ * Communiquer avec les cartes __Raspberry Pi__ via __Putty__ et __FileZilla__ * Utiliser __Crontab__ pour exécuter un programme au lancement de la carte * Intégrer les différents modules au programme global * Utiliser des lignes de commande __Linux__ {{ :photo3.png?400 |}} == 4 - Impression 3D == * Bâtiments transparents * Boîtier == 5 - Découpage laser == * Emplacement du laser == 6 - Assemblage == * Vissage des différentes parties avec le socle (enceinte, raspberry, …) * Perçage des emplacements LEDs et boutons * Soudure de différents éléments (LEDs, boutons) * Fixation des leds sous les éléments transparents des bâtiments {{ :photo4.jpg?400 |}} ====== Tout les outils utilisés ====== ^ Thème ^ Outil ^ Description ^ | Organisation | [[https://trello.com/|Trello]] | Outil de gestion de projet en ligne, il repose sur une organisation des projets en planches listant des cartes, chacune représentant des tâches | | ::: |[[https://www.google.com/drive/|Google Drive]]|Service de stockage et de partage de fichiers dans un cloud| | ::: |[[https://www.xmind.net|XMind]]|Logiciel de carte mentale et de brainstorming| | ::: |[[https://framindmap.org|Framindmap]]|Outil en ligne pour créer et partager des cartes mentales | | ::: |[[https://discordapp.com/|Discord]]|Service de VoIP pour discuter à l’oral ou à l’écrit avec d’autres personnes| | Récoltes de données |[[https://www.limesurvey.org/|LimeSurvey]] |Logiciel d'enquête statistique, de sondage, et de création de formulaires en ligne| | ::: |[[https://www.google.fr/intl/fr/sheets/about/|Google Sheets]]|Service optimisé pour travailler à plusieurs sur des feuilles de calculs| | Programmation | [[https://www.pygame.org/|PyGame (Python)]] |Bibliothèque de Python pour faciliter le développement de jeux vidéo temps réel| | ::: |[[https://wiki.python.org/moin/GuiProgramming|Python GUI]]|Interface graphique| | ::: |[[https://www.putty.org|PuTTY]]|Émulateur de terminal doublé d'un client pour les protocoles SSH, Telnet, rlogin, et TCP brut| | ::: |[[https://filezilla-project.org/|FileZilla]]|Client FTP, FTPS et SFTP| | ::: |[[https://www.raspberrypi.org/|Raspberry Pi]]|Nano-ordinateur| | ::: |[[https://ubuntu-fr.org/|Ubuntu]]|Système d’exploitation| | ::: |[[https://www.linux.org/|Linux]]|Système d’exploitation| | ::: |[[http://draw.io|draw.io]]|Logiciel de diagramme en ligne| | Utilisation de machines |[[https://fr.wikipedia.org/wiki/D%C3%A9coupe_vinyle|Découpe vinyle]]|Permet de découper différentes formes et lettres dans de fines feuilles plastifiées autocollantes (marche avec le logiciel Silhouette Studio)| | ::: |[[https://fr.wikipedia.org/wiki/D%C3%A9coupe_laser|Découpe laser]]|Permet de découper ou de graver sur diverse matériaux, comme le bois, le verre, le métal ou le caoutchouc| | ::: |[[https://fr.wikipedia.org/wiki/D%C3%A9capeur_thermique|Pistolet à air chaud]]|Permet de rétrécir, dégivrer ou même souder différents types de matériaux| | ::: |[[https://fr.wikipedia.org/wiki/Fer_%C3%A0_souder|Fer à souder]]|Permet de réaliser une opération de brasage similaire à l'équivalent portatif de la lampe à souder à gaz| | ::: |[[https://fr.wikipedia.org/wiki/Impression_3D|Imprimante 3D]]|Permet la confection de produit en plastique (PLA) via un modèle 3d modélisé ou téléchargée sur internet| | Modélisation 3D|[[https://www.sketchup.com/fr|Sketchup]]|Logiciel de modélisation et d’architecture 3D| | ::: |[[https://www.tinkercad.com/|Tinkercad]]|Logiciel de modélisation 3D en ligne| | ::: |[[https://ultimaker.com/software/ultimaker-cura|Cura]]|Logiciel de modélisation 3D| | ::: |[[https://inkscape.org/|Inkscape]]|Logiciel d'édition 2D vectoriel| | ::: |[[https://www.autodesk.com/products/fusion-360/students-teachers-educators|Fusion 360]]|Outil pour dessiner et concevoir des pièces 3D| | Electronique |[[https://fritzing.org/home/|Fritzing]]|Logiciel pour créer des schémas de montage électronique | | ::: |[[https://fr.wikipedia.org/wiki/General_Purpose_Input/Output|GPIO]] |Ports d’entrées-sorties très utilisés dans le monde des microcontrôleurs| | Cartographie|[[https://umap.openstreetmap.fr/fr/|uMap]]|Permet de créer des cartes personnalisées sur des fonds OpenStreetMap| | ::: |[[https://www.openstreetmap.org/|OpenStreetMap]]|Projet de cartographie, en ligne et mondial. Chacun peut l'actualiser ou l'améliorer| | Enregistrement audio|[[https://www.audacityteam.org/|Audacity]]|Logiciel d'enregistrement et d'édition de sons numériques| | ::: |[[https://notevibes.com/|Notevibes]]|Synthétiseur vocal|