Un total de 18 pages a été trouvé avec le mot clé Zoomacom.

Planfoy en Transition - Stratégie Digitale

! Ébauche / Prise de notes

Contexte

Prise de contact avec Zoomacom dans le cadre d'un projet de refonte/migration du site Pilat en Transition, suggestion d'utiliser YesWiki

Planfoy <=> 1025 habitants

L'existant

Nom de domaine: https://www.pilatentransition.org
Forum: https://pilatentransition.forumactif.com
Page FB : .../Planfoy-en-Transition-2513009518763824

Information/Communication en réseau ?

Commune de Planfoy: https://planfoy.fr
VIVRE-AU-GUIZAY de la MPT de Planfoy : https://vivreauguizay.wordpress.com
La Pie du Pilat: https://les4versants.fr/pie-du-pilat
Pilat'genda https://pilatgenda.blogspot.com/
PNR du Pilat: https://www.parc-naturel-pilat.fr
Agenda Pilat-Tourisme : https://www.pilat-tourisme.fr/

CTC42: https://ctc-42.org
Fabrique de la Transition (région stéphanoise): https://www.fabriquedelatransition.fr
Montbrison-Forez en Transition: https://sites.google.com/site/mftransition/

Biens communs de l'information

Circuits Courts 42: https://circuitscourts42.gogocarto.fr/
Sainté Greenmap: http://www.saintegreenmap.fr

La Cité Interdite

Cette page décrit les éléments de la quête "Cité Interdite" qui va servir durant les visites organisées pendant l'évènement A l'assaut de la Cité interdite en août 2021, et dont on peut se resservir telle quelle pour faire visiter le quartier Manufacture à tout moment.

Synopsys


Ouverture de la porte

*Histoire
*Processus ludique
  • Aller chercher une indication physique donnée par un PNJ
  • Appuyer sur le bon bouton de couleur (jaune, vert, bleu) pour débloquer l'entrée dans la Cité

Paramétrage de la connexion des boites

Pour connecter une boite à un PC, il faut que les deux soient sur le même WiFi puis il faut définir l'IP de la boite dans le code du mod (minetest/mods/nodemcu_control_quete/init.lua).
Pour cela, il faut changer la valeur de IP_ADDRESS à la ligne 8.
Exemple :
IP_ADDRESS = "192.168.1.39"

Fiche projet Niche de Chat



Projet : Niche de Chats et chiens

Date : 03/01/2022

Quoi ? pour les chats et chiens



Le contexte
Afin que le chat et le chiens puisse de se protéger en cas du froid, du danger, etc...
Pour qu'il soit en sécuriter.


Les objectifs pédagogiques
- Qualitatif
- Solide
- Comfort
- grand dimension


Compétences psychosociales

Pour qui ?
Pour le chat et le chiens :
- Solide
- Quantitatif

Par qui ?
Par Julie GENEVRIER

Avec qui ?
Les Associations et les écoles pour les personnes en situation d'handicape (lycée, collège, etc...)

Où ?
- à Zoomacom
- Fixes

Quand ?
- Mars ?
- Mars à Mai (1 fois par mois) ?

Comment ?
La méthodologie
- pratique du Support bois solide et support l'imprimente 3D
- Grand Support
- modéle 2D
- un schémas du modéle du projet
- pratique manuel
- travail de groupe

Les postes de dépenses


.
/!\ En cours d'amélioration /!\

Cour des Pères, Sainte-Croix en Jarez, PBVF
Lien vers: https://www.les-plus-beaux-villages-de-france.org/fr/nos-villages/sainte-croix-en-jarez/
La Cour des Pères. Crédit : Chartreuse de Sainte-Croix en Jarez

Fiche projet "Réalisation de plaques patrimoniales en braille à destination du public malvoyant".

Avertissement : cette page présente une fiche projet réalisée par un·e Conseiller Numérique France Service en formation avec le pôle ressource en médiation numérique Zoomacom. Elle constitue une hypothèse de travail, une idée d'animation, qui n'a pas forcément été testée en conditions réelles.

Réalisation pour le site de la Chartreuse de Sainte-Croix en Jarez (42800 - Loire - Région Auvergne Rhône Alpes).

Par Baptiste PLOTON, CNFS à la Communauté de Commune de Forez Est.

Les différentes rubriques du projet.
Le site de la Chartreuse de Sainte-Croix en Jarez, à 20 km à l’Est de Saint-Étienne, n’a pas de dispositif à destination du public malvoyant. Afin d’élargir les possibilités d’accueil de ce public, un projet de création de plaques patrimoniales explicatives en braille est proposé.
Curieux ? Découvrez virtuellement la Chartreuse !
image pourquoi.png (18.6kB)
Réalisation d’un ensemble de plaques en braille comprenant des informations patrimoniales à destination du public malvoyant.
> Rendre accessible le site patrimonial de Sainte-Croix-en-Jarez aux personnes malvoyantes.
> Réaliser 7 plaques qui seront apposées dans différents lieux de la Chartreuse :
* Cour des Frères
* Cour des Pères
* Église Paroissiale
* Église médiévale
* Ermitage
* Cuisine
* Cloître.
> Faire découvrir la modélisation 3D.
> valoriser le travail des bénévoles et leur territoire (tourisme et patrimoine).
image objectifs.png (28.2kB)
image artnumerique.png (25.1kB)
Le projet sera réalisé grâce à plusieurs outils :
> Word/LibreOffice Writer pour l'écriture des commentaires patrimoniaux, et la transposition en braille.
> Inkscape pour la vectorisation des textes en braille.
> Tinkercad pour la création des prototype de plaques.
> Ultimaker Cura et imprimante 3D pour l'impression des plaques.
Plaques à destination du public malvoyant.
> Chartreuse de Sainte-Croix en Jarez (commanditaire du projet).
> Référent de l’association Valentin Haüy (Lyon) et "Voir Ensemble" pour la réalisation des commentaires en braille.
> Membres du FabLab de la Cité du Design à St-Etienne, pour les imprimantes 3D et la présentation des logiciels.
> Conseiller numérique pour la coordination du projet.
> Étudiants de l’ENSASE de St-Etienne pour l’édition des commentaires patrimoniaux.
> Saint-Etienne Hors-Cadre (Office de Tourisme de Saint-Etienne Métropole).
L'atelier sera proposé pour 5 à 8 participants.
> FabLab (impression des plaques).
> Bureaux de l’Association Valentin Haüy (réunion de suivi) (Lyon).
> Bureaux de la Chartreuse.
La date limite du projet est fixée pour la saison estivale 2022, à savoir le lundi 4 avril, en même temps que se déroulera la Biennale Internationale Design de Saint-Étienne (du 6 avril au 31 juillet 2022).
Les postes de dépenses seront les suivants :
> Adhésion au FabLab : 120 €.
> Fabrication des plaques : 0,05 € le gramme de matériau. À noter : une plaque simple "La Chartreuse de Sainte-Croix en Jarez" avec la traduction braille pèse 8 grammes, soit un coût de 0,40 €
> Coût des consommables (pour l'impression 3D : 0,05 € le gramme).
> Mise à disposition de bénévoles de l’Association Valentin Haüy.
> Mise à disposition d’étudiants de l’ENSASE (École Nationale Supérieure d'Architecture de Saint-Étienne) pour les commentaires de patrimoine.
> Café et thé, estimé à 10 €.
image argent.png (41.8kB)
1. Évaluation "technique".
Les participants réussissent à concevoir et imprimer les plaques en braille.

2. Évaluation "touristique, patrimoniale."
Enquêtes régulières post-installation auprès de la Chartreuse de Sainte-Croix qui aura recueilli les ressentis les visiteurs. Un formulaire papier et un formulaire en ligne sera également mis à disposition.
Le module est prévu pour une durée de 24 séances.
Chaque séance occupera une durée maximale de 2 heures et pourra être modulée en fonction des besoins.
La fréquence des rencontres proposée est de 2 séances par semaine.
Le déroulé de l'atelier est disponible ici ajouter document
Cartographie du projet
Découvrez la carte du projet.
Curieux ? Envie d'en savoir plus ?
Chartreuse de Sainte-Croix en Jarez Association Valentin Haüy (Lyon) Association Voir Ensemble (Saint-Étienne) Saint-Etienne hors-cadre (Office de Tourisme) Wiki de Zoomacom Plus Beaux Villages de France ENSASE Communauté de Communes de Forez Est

Création de jeux vidéos

Cet atelier a pour but la présentation des métiers du jeu vidéo par le biais d'une pratique de création.
Il résulte d'une démarche collective du Groupe de Travail Jeux Vidéo (GTJV) qui a rassemblé en 2018-2019 des médiateurs numériques de la Loire et en particulier des Espaces Publics Numériques de Saint-Étienne.

L'animation se découpe en 4 séquences d'une demi-journée, respectivement consacrées aux principaux aspects de la création vidéoludique que sont
- la programmation,
- le game design,
- le character design,
- et le level design.

Nous présentons ainsi un florilège de métiers du jeu vidéo, ainsi que des méthodes et des outils (libres et gratuits) pour les comprendre et s'y initier.

! Pour démarrrer, pensez plutôt à Pong, pas à Call of Duty...





Le séquençage de l’animation

Présentation de l’atelier et accompagnement au suivi du tutoriel stencyl crash course en accompagnement avec les participants.

Déroulé de la première séance :
1. Accueil des participants (5 minutes).
2. Présentation de l'atelier (5 minutes).
3. Présentation des "types de jeux vidéo" sous forme ludique.
4. Présentation des métiers du jeu vidéo (5 minutes).
5. Timeline avec les grands jeux marquants afin d'échanger sur "la petite histoire du jeux vidéo", leurs dates de sorties et l'âge conseillé pour y jouer (10 minutes).
6. Création d'un jeu vidéo avec le tutoriel d'initiation "//Stencyl Crash Course//".

Matériel: PC sous Mac OS, Windows, ou Linux

Logiciel utilisé : Stencyl

Stencyl est un outil de développement de jeu vidéo qui permet de créer des jeux vidéo en 2D, à destination d'ordinateurs, de téléphones et du web. Son utilisation globale est gratuite et certaines options sont proposées en supplément payant. (source Wikipedia)

Stencyl utilise un langage de programmation par blocs, adapté à son utilisation par des débutants, des enfants et adolescents.

Tutoriel détaillé aux formats texte et vidéo sur notre page: **Stencyl, première prise en main avec le Kit de cours accéléré**

Définition du game design : processus de création et de mise au point des règles et autres éléments constitutifs d'un jeu.

Source : Wikipédia



Déroulé de la deuxième séance :
1. Accueil des participants (5 minutes).
2. Présentation de l'atelier (5 minutes).
3. Présentation des types de jeux réalisables avec Stencyl (voir liste ci-après) afin de découvrir les possibilités du moteur de création de jeu (15 minutes).
4. Création de l’univers, esquisse et game design sur papier (25 minutes).
5. Création d'un jeu vidéo avec Stencyl.

Jeux créés sous Stencyl

1. Reaching Finality, RPG Zelda like



2. Skull Face, jeu de plateforme



3. Tiny Island Adventure, jeu de plateforme



4. Reflex and dexterity test, jeu de réflexes



5. Autres exemples de Game Design
- Notice Me: jeu en équipe ; le but du jeu est de se faire remarquer, dans un espace public. Les points sont marqués en faisant plus de bruit que le bruit ambiant.
- Control, réflexion sur un game design où le pointeur de la souris est un personnage.

Définition du character design : spécialisation du game design dans la création des personnages et élements de décor interactifs.



Character designer, ou concepteur de personnages, est un terme utilisé notamment dans le monde de l'animation, de la bande dessinée (principalement comics et manga), au cinéma et dans les séries télévisées (notamment de science-fiction), ainsi que dans le jeu vidéo, pour désigner une personne chargée de créer la charte graphique, d'animation, et parfois, psychologique, des personnages d'un projet.

Le character designer peut aussi être la personne (ou une des personnes) qui doit représenter les personnages qu'il a créés tout au long du projet, mais son travail consiste avant tout à imaginer une représentation graphique des personnages. (source wikipédia)

Logiciel utilisé : Piskel
- Création des sprites acteurs
Voir le tutoriel de Piskel



Définition du level design : processus qui s'occupe de la réalisation des niveaux, ou « cartes », de jeu (level ou map en anglais). C'est une phase importante qui a son influence sur le gameplay final du jeu. Plutôt que de concevoir des règles comme le Game designer, le level designer applique les mécaniques de gameplay dans le niveau, essayant de tirer un tout plausible, cohérent et varié. Son rôle n'est pas de concevoir graphiquement les éléments mais de décider comment ils seront disposés à l'intérieur du niveau (obstacles, ennemis, bonus, décors...).

Le level design est bien plus que de la création de cartes jouables ; c'est la prise en compte de nombreux paramètres comme le gameplay général du jeu, l'évolution et le niveau du joueur, la crédibilité de la carte dans le seul but de procurer du plaisir ludique.

Source : Wikipédia



Différence entre level design et game design : Fonctions distinctes mais proches

Logiciel utilisé : Tiled
Création des tuiles : Tutoriel complet sur Tiled Map Editor


Finitions

Level design du jeu sur stencyl, test final et insertion de musique avec Audacity directement dans Stencyl.

Les ressources

- Pixelart.fr : outils de création de pixelart, des sites où trouver du pixelart, des jeux exemplaires au niveau du graphisme pixelart, des ressources sonores, et autres... en OpenSource.
- Opengameart.org : des milliers de sprites et de tuiles en OpenSource, et en Anglais.
- Les métiers du jeu vidéo par jeuxvideos.com

La logithèque

- Stencyl moteur de création de jeu. Utilisable sur Windows 10, Mac Os et Linux.
- Piskel : création de sprite en pixel art. Utilisation en ligne ou à télécharger sur un ordi équipé de Windows 10, Mac Os et Linux.
- Tiled Map Editor: création de map et de tuile de jeu. Utilisable sur Windows 10, Mac Os et Linux.
- Audacity: gestion de la musique et des sons. Logiciel libre utilisable sur Windows 10, Mac Os et Linux.
- Patatap, création de sons à partir du clavier de l'ordinateur




Wiktionnaire : c'est quoi tous ces mots barbares ?

- VPL, Langages de Programmation par blocs
- Pixel Art sur le wiktionnaire sur Wikipedia et sur Wikimedia
- RPG, abréviation de Role Playing Game, ou Jeu vidéo de Rôle, sur le wiktionnaire, sur Wikipedia et sur Wikimedia
- Sprite sur le wiktionnaire, sur Wikipédia et sur Wikimedia

Stencyl, première prise en main avec le Kit de cours accéléré


(Ce tutoriel est une traduction complétée par Zoomacom (travail collectif) de l'article Crash Course: Let's Make a Game! rédigé par Jon sur Stencylpedia)

Introduction

Ce tutoriel court et pratique vous guidera à travers les étapes nécessaires pour créer un jeu de plateforme simple en utilisant un élément pré-construit: le Crash Course Kit (Cours accéléré).

Un kit pour Stencyl est un gabarit complet de jeu livré avec des ressources, des paramétrages et des logiques de jeu pré-construites. Le Crash Course Kit avec lequel nous vous proposons ici de commencer possède toutes les ressources nécessaires pour le Cours accéléré.

Vous pourrez ainsi vous familiariser avec les principales commandes de l'interface de Stencyl.

Attention Assurez-vous d'avoir téléchargé et installé la version 3.4.0 (ou supérieure) de Stencyl avant de commencer le Crash Course. Le tutoriel ne fonctionne pas avec la version 3.3.0 ou antérieure.

Téléchargez le kit du Cours accéléré

Ce cours accéléré nécessite le kit correspondant, appelé Crash Course Kit en anglais.

1- Téléchargez le dossier disponible ici.

Télécharger

puis

2- Ouvrez l'application Stencyl.

Mettre Stencyl en français

Dans le menu File ,cliquer sur préférences et choisir le français comme langue principale.

Option 1: Ouvrez le kit dans Stencyl par glisser-déposer

Pour installer le kit, déposez le fichier dans Stencyl comme indiqué ci-dessous.

image DragDropCrashCourse.png (48.7kB)

Option 2: Ouvrez le kit dans Stencyl en utilisant le menu

Vous pouvez aussi importer le fichier à partir du menu fichier (Fichier > Importer un jeu)

Le tutoriel rédigés en 5 étapes ci-dessous reprend de manière détaillée les différentes actions nécessaires à une première prise en main de Stencyl.

La chaîne en français Stencyl Tutoriels FR a publié un tutoriel au format vidéo (durée 53mn) que vous voudrez peut-être voir, avant, pendant ou après:




Créer un nouveau jeu (partie 1 sur 5)

Centre d'accueil

Quand vous ouvrez Stencyl, vous arriverez sur un écran qui ressemble à celui-ci.

image 900pxCentreAccueil.png (0.1MB)

Ceci est le Centre d'accueil. A partir de celui-ci, vous pouvez soit créer un jeu, soit ouvrir un jeu existant.

Créer un nouveau jeu

1. Cliquez sur le rectangle en pointillé appelé "Cliquez ici pour créer un nouveau jeu"

image CreerNouveauJeu.png (2.2kB)

2. Sélectionnez "Crash Course Kit" puis cliquez sur "Suivant" pour utiliser les ressources du fichier.

image NouveauJeu1.png (83.5kB)

  • Qu'est-ce qu'un kit ?
  • Souvent, quand vous créez un jeu sur Stencyl, vous voudrez démarrer avec un kit. Un kit est un gabarit complet de jeu livré avec des ressources, des paramétrages et des logiques de jeu pré-construites.
  • Le kit avec lequel vous commencez possède toutes les ressources nécessaires pour le Cours accéléré.

3. Ensuite, vous verrez apparaitre une fenêtre de dialogue s'ouvrir dans laquelle vous pouvez décider de la taille de la fenêtre de jeu (en pixels) et nommer votre jeu.

Nous allons l'appeler "Crash Course Game", mais vous pouvez l'appeler comme vous voulez.

À propos de cette étape Si vous animez un atelier consistant à accompagner des personnes à suivre ce tutoriel: si vous savez que plusieurs personnes différentes vont faire le même exercice sur le même ordinateur, demandez leur de mettre leur prénom dans le nom du nouveau jeu. En effet les différents jeux créés restent visibles dans le tableau de bord.

En paramétrant la Hauteur et la Largeur dans la section "Taille de l'écran (Web)", vous déterminez la taille de la fenêtre que verra le joueur quand il-elle joue à votre jeu. Dans notre exemple, nous partons avec une largeur de 640 et une hauteur de 480.

Cliquez sur le bouton Créer.

image NouveauJeu2.png (27.5kB)

4. Vous êtes maintenant sur le Tableau de Bord, une zone centrale à partir de laquelle vous pouvez voir et ouvrir vos ressources de jeu (Types d'Acteurs, Arrières-plans, Sons, Comportements d'Acteurs,...)

image 1200pxTableauBord.png (0.3MB)

Ressources de jeu (partie 2 sur 5)


Lors de cette seconde étape, on se contentera d'explorer les différentes ressources. Vous commencerez à programmer dans la troisième partie.


À partir du Tableau de Bord, vous pouvez créer de nouvelles ressources, ainsi qu'en importer et en ouvrir des existantes. Dans le Cour accéléré, nous avons ajouté toutes les ressources dont vous avez besoin pour commencer. Faisons un petit tour de l'interface.

Acteur Joueur

Nous commencerons par trouver le "Type d'Acteur" qui nous servira de personnage joueur.

Définition : dans Stencyl, tout ce qui peut bouger ou avec quoi il est possible d'avoir une interaction est considéré comme un Acteur. Ceci inclut les personnages joueurs, les ennemis, les éléments d'interface,... Un Type d'Acteur est un gabarit pour les Acteurs, alors que l'Acteur désigne un spécimen particulier appartenant à cette catégorie. Souvent, la communauté utilise les deux mots de manière indifférenciée.
Nous allons donc choisir notre personnage de départ, qui sera Noni, notre bloc vert.

Allez dans RESSOURCES, sélectionnez le Noni dans « Types d’Acteurs », double cliquez dessus pour le faire apparaître dans un nouvel onglet, qui sera l’éditeur de Noni, notre personnage.

image TypesActeursNoni.png (11.7kB)

L’éditeur de personnage est très important, c’est celui qui nous permet de personnaliser notre personnage, pour lui donner des actions. Si vous cliquez sur « Walk Right » par exemple, vous verrez toutes les animations image par image que Noni fera pour marcher vers la droite.

image 900pxEditeurNoni.png (0.1MB)

  • Définition : l’Éditeur de type d'Acteur est l'un des nombreux éditeurs de ressources à l'intérieur de Stencyl. Il vous permet de customiser l'apparence, le comportement et les propriétés physiques d'un Acteur.

Acteur Ennemi

Revenez sur le Tableau de bord, grâce a l’onglet, et répétez l’action pour le Clown, qui jouera notre ennemi.

image TableaubordEnnemi.png (1.8kB)

Tip: Prefer to open things up using the keyboard? Type Ctrl-O (or Command-O on Mac). This will bring up a dialog in which you can type the name of any resource. Use the arrow keys to fine-tune your selection and press Enter/Return to confirm your selection.

Tileset

Définition : un Tileset est un ensemble de tuiles rectangulaires qui peuvent être utilisé pour construire des niveaux de jeu (connues sous le nom de Scènes sur Stencyl), des éléments du décor.
Allez dans le tableau de bord, Jeux de Tuiles, double cliquez sur « Grass Land Tileset » (set de tuiles Herbe), vous l’ouvrirez dans un nouvel onglet, qui sera un éditeur de tuile. En l’occurrence, cette tuile sera le décor de notre jeu.

image 900pxTileset.png (0.2MB)

Sons

Vous remarquerez qu’il y a des sons, qui s’appellent « Jump » (Sauter) et « Stomp » (Écraser), vous pouvez les ouvrir dans un nouvel éditeur, celui du son, mais vous n’avez pas besoin de les modifier.

image Sons.png (23.0kB)

Comportements d'Acteurs

Dans LOGIQUE, allez dans Comportements d’Acteurs. Vous pouvez voir ci-dessous les cinq Comportements que nous utiliserons dans le Cours accéléré :

image ComportementsActeurs.png (23.8kB)

Vous pouvez ouvrir par curiosité « Die in a Pit and Reload » (Mourrir dans une fosse et Recharger), qui s’ouvrira dans un nouvel onglet, qui vous permettra de voir l’étendue de personnalisation possible.

Cette personnalisation se fait sous forme de programmation par blocs. Dans ce que Stencyl appelle Aperçu de Code ou Design Mode.

Toutes ces lignes expliquent en fait que « Si Noni tombe dans un trou, il meurt, et le jeu recharge à un point antérieur, avant la mort ».

Remarque : les Comportements contrôlent toutes les logiques de jeu et les interactions des joueurs ; c'est ce qui fait "avancer" le jeu.

Jetons un coup d'oeil rapide à l'intérieur de ces Comportements. Double-cliquez sur "Walking" pour l'ouvrir, à l'intérieur du Design Mode.

image 900pxCodeStencyl.png (0.3MB)

Il y a de nombreuses choses à voir ici, mais nous n'en parlerons pas dans ce tutoriel. Le Design Mode est un outil puissant qui permet de concevoir des logiques de comportement complexes. Stencyl propose un tutoriel complet (en anglais) portant sur ce sujet pour vous aider à appréhender les possibilités de cet éditeur de code. Pour le moment, contentez-vous de savoir qu'il existe.

Note: Stencyl propose aussi un "vrai" éditeur de code pour ceux qui préfèraient tout coder à la main au clavier.

Sauvegarde

N’oubliez pas de SAUVEGARDER fréquemment !


Personnalisation des personnages (partie 3 sur 5)


(Nous avons déjà quelques Types d'Acteurs dans notre jeu, mais ils ne sont pas encore très intéressants, car sans Comportements, les Types d'Acteurs ne peuvent pas faire grand chose.)

Créer un groupe d'Ennemis

Avant de passer à l’étape de customisation de nos Acteurs, créons rapidement un Groupe pour y mettre les Ennemis.

Définition : les Groupes sont utilisés pour déterminer quels Types d'Acteurs entrent en collision avec quels autres Types d'Acteurs. Les Groupes vous permettent également de traiter différemment les classes de Types d'Acteurs. Un article entier (en anglais) est dédié aux Groupes et à leur impact sur les collisions.
Allez dans « Paramètres », au dessus des onglets, sélectionnez Groupes, Créer Nouveau (bouton vert ), appelez-le « Ennemis ».

Cliquez ensuite sur Joueurs et Tuiles : tout ce qui trouve dans ce groupe peut rentrer en collision avec les Joueurs et les Tuiles.

image CreerGroupeEnnemis.png (11.8kB)

Cliquez sur Ok.

Personnalisons Noni

Ouvrez l’onglet Noni.

Nous avons un personnage, il nous faut maintenant lui dire comment nous voulons qu'il agisse et réagisse (des Comportements) dans certaines conditions. Nous voudrions qu'il puisse:
- regarder à gauche et à droite
- marcher, dans les deux directions
- sauter, dans les deux directions
- sauter sur des ennemis
- "mourrir s'il tombe dans un trou"

Allez dans propriétés afin de vérifier que Noni se trouve dans le groupe des Joueurs.

image NoniJoueurs.png (4.5kB)

Allez dans Physiques pour vous assurer que Noni ne puisse pas tourner. Ici c’est une mauvaise traduction du logiciel, en anglais le logiciel utilise le terme « Rotate », cochez Non afin que les pieds de notre personnage soient toujours au sol.

image NoniTourner.png (31.8kB)

Allez ensuite dans la section Comportements, là où se déroule l'essentiel de la personnalisation. En cliquant sur le bouton Comportements, vous verrez apparaitre l'image suivante :

image 900pxNoniComportements.png (0.2MB)

Double cliquez sur Walking pour ouvrir l’éditeur de comportements. Vous remarquez alors que le logiciel n’est pas complètement traduit en français :
- Right veut dire Droite
- Left veux dire Gauche

Paramétrez de la façon suivante :
- Pour Move right key, qui signifie "Touche pour se déplacer à droite", choisissez Right sur la liste déroulante.
- Pour Move left key, choisissez Left.

Cela veut simplement dire que si vous appuyez sur la touche qui fait se déplacer à droite, Noni ira à droite.

Laissez la Speed (Vitesse)à 15

Pour Idle Right Animation, qui signifie "Animation du déplacement sur la droite", cliquez sur Choisir une Animation, sélectionnez celle qui s'appelle Idle Right.

image NoniIdleRight.png (22.2kB)

Répétez pour les 3 autres animations en dessous.

BRAVO, vous avez édité votre personnage de base ; il peut regarder à droite, et à gauche, il peut aussi marcher à droite, et à gauche !

image NoniIdle.png (17.0kB)

Maintenant, faisons-le sauter

Pour ajouter un comportement, cliquez sur la flèche sur le côté gauche.

image NoniAjout.png (1.2kB)

Vous pouvez ensuite cliquer sur la case centrale en pointillés Cliquez ici pour ajouter un Comportement à attacher à ce Type d'Acteur.

image NoniAjout2.png (4.7kB)

Sélectionnez « Jumping » en double cliquant :
- pour Jump Key mettez Action 1
- laissez la force du Jump à 40
- ajoutez le son Jump
- Mettez les animations Jump Left et Jump Right dans les cases adéquates

Voilà le rendu que vous devez obtenir, ci-dessous.

image 900pxNoniSaute.png (0.2MB)

Recommencez la manœuvre pour ajouter un Comportement et sélectionnez Stomp on Enemies (Écraser les ennemis), puis :
- mettez "Enemis" dans Stompable Groupe
- et "action 1" pour Jump Key

image NoniStomp.png (31.4kB)

image NoniStomp2.png (7.6kB)

Ajoutez de la même manière Die in a Pit and Reload, vous n’avez rien a configurer dedans.


VOILA ! Vous avez fini avec Noni : il se déplace, il saute, ses deux pieds seront toujours sur le sol et s’il saute sur un élément que vous avez ajouté dans le groupe Ennemis (à savoir le Clown, dans notre exemple), il va l'écraser. Par contre s’il tombe dans un trou, il meurt.

À propos de cette étape Si vous animez un atelier consistant à accompagner des personnes à suivre ce tutoriel, il peut être plus intéressant de ne pas ajouter le comportement Die in a Pit and Reload à l'étape de personnalisation de Noni. Lorsque les participants en seront à l'étape de Test du jeu, ajoutez une "fosse" à la scène et faites-y tomber Noni hors de l'écran. Constatez qu'il ne se passe rien mais qu'on perd le personnage: le jeu continue mais on ne peut plus jouer! Expliquez alors pourquoi et montrez comment faire pour corriger le bug.

Astuce : les contrôles attribués aux différentes actions et touches se réglent dans Paramètres > Contrôles. Par ex. Action 1, que vous avez indiquée pour faire Sauter Noni, correspond par défaut à la touche Z du clavier. Si vous préférez lui attribuer une autre touche, modifiez les contrôles en conséquence.


Personnalisons le Clown

Allez dans l’onglet Clown : ce sera beaucoup plus rapide, car il demande bien moins de customisation.

Allez dans Propriétés, et ajoutez-le au groupe « Ennemis »

Allez dans Comportements, et ajoutez lui « Stompable » (Piétinable), donnez l'animation et le son « Stomped » (Piétiné), et laissez les valeurs 50 et 40.

Comme vous pouvez le constater, ce comportement rend le clown "piétinable" comme un Goomba dans Super Mario Bros. Le clown "meurt" lorsqu'il est frappé par le haut et émet un son lorsque cela se produit. Si vous cliquez sur le bouton "Modifier le comportement", vous pouvez jeter un coup d'œil au "code" qui se trouve derrière ce comportement.

SAUVEGARDEZ !


Créez une nouvelle Scène (partie 4 sur 5)


Définition : Les scènes sont des niveaux de jeu qui contiennent des tuiles et les acteurs que nous avons créés. Vous pouvez même joindre des Comportements aux scènes, mais nous ne le ferons pas dans ce tutoriel.

Dans le Tableau de Bord', allez dans Scènes, et créez-en une en cliquant sur la case en pointillés au centre.

image 900pxSceneNouveau.png (0.2MB)

Donnez un nom à la scène

"Scene principale" (sans accent, logiciel anglais oblige) par exemple. Laissez les valeurs par défaut.

image 900pxSceneNouveau.png (0.2MB)

Notez bien les champs Largeur et Hauteur des tuiles. Il est impératif qu'ils correspondent à la taille des tuiles des jeux de tuiles que vous utilisez. La taille des tuiles de notre jeu de tuiles est de 32x32, nous laisserons donc ces champs inchangés.

image SceneNom.png (9.9kB)

Dans Couleur de l'Arrière-Plan :
- choisissez "Dégradé Vertical" dans la liste déroulante,
- puis "Sky Blue" et "Light Turquoise" pour les couleurs du fond de décor (vous pouvez choisir d'autres couleurs si vous le désirez), en cliquant sur les zones blanches à droite du menu déorulant,
- Cliquez sur Créer.

image SceneCouleur.png (4.0kB)

Vous êtes maintenant dans un onglet qui s’appelle Scene Principale

image 900pxScenePrincipale.png (0.2MB)

Ajouter des Tuiles

Prenez le Crayon sur la gauche. Il est sélectionné par défaut, normalement.

image Crayon.png (5.0kB)

Cliquez sur une Tuile de couleur verte, en haut à gauche

image Tuile1.png (6.0kB)

Placez-la au bas de votre Scene principale pour commencer le sol de votre Tuile

image Tuile2.png (1.0kB)

Puis cliquez au milieu de la Tuile verte

image Tuile3.png (5.0kB)

Et cliquez à la suite du sol déjà construit, soit plein de fois à la suite, soit en maintenant le clic gauche de la souris, jusqu'à arriver à l'avant dernière case

image Tuile4.png (2.2kB)

Faites ensuite un raccord, avec le coin supérieur droit. Vous devez d’abord cliquer sur la tuile, puis la scène, comme précédemment.

image Tuile5.png (1.5kB)

Placer les Acteurs

Nous allons placer les acteurs :

Allez dans Acteurs en haut à droite, double cliquez sur Noni pour le sélectionner

image TuileActeur1.png (8.9kB)

Placez Noni plutôt à gauche de votre Scène, et placez un ou des clowns (plutôt à droite pour le coup)

Astuce : pour être sur de bien coller les Acteurs à la Tuile (pour qu'ils marchent bien dessus, qu'ils ne "flottent" pas), appuyez sur la touche SHIFT de votre clavier tout en déplaçant les déplaçant
image TuileActeur2.png (2.9kB)

Ajoutez la gravité

Dans le menu « Main Scene », allez dans Physique, et dans Gravité Verticale, mettez la valeur à 85

image Gravite.png (12.9kB)

À propos de cette étape Si vous animez un atelier consistant à accompagner des personnes à suivre ce tutoriel, il peut être plus intéressant de sauter cette étape et tester le jeu. Ce qu'il va se produire, c'est que dès qu'un personnage Noni ou les clowns vont décoller du sol, ils vont s'envoler. Ce sera l'occasion d'expliquer pourquoi (le principe de la simulation de la physique dans les jeux vidéo) et comment résoudre ce problème.

SAUVEGARDEZ !

Testez votre jeu !! (partie 5 sur 5)

Cliquez sur tester la scène dans la barre de menu. Le jeu va se compiler et s'afficher dans une nouvelle fenêtre.

Si vous ne les avez pas modifiés, les contrôles par défaut sont: touche Z pour sauter, touches flèches <- et -> pour se déplacer.

Essayez de sauter sur par dessus et sur les clowns.

Si vous avez bien ajouté le comportement « Die in a Pit and Reload » si Noni tombe et sort du bas de l'écran, la scène va se recharger et le jeu redémarrer au début.


  • Note: vous pouvez rapidement tester votre jeu à n'importe quel moment en utilisant le raccourci-clavier Ctrl-Entrée (ou Command-Entrée sur Mac).



Les ennemis ne sont pas bien aggressifs ni bien dangereux.

Comment faire pour que le jeu s'arrête et recommence si Noni touche un clown?

Il faut créer un nouveau comportement pour ça. Et il y aura plusieurs façons d'arriver au même résultat.

Essayez un Comportement d'Acteurs
- de type "Collision"
- entre Groupes
qui indique que
SI le côté droit d'un acteur du Groupe Joueurs est touché par un acteur du Groupe Ennemis
SI le côté gauche...
ALORS
le jeu se recharge après un fondu au noir d'une seconde.


Ça vous a plu? Vous en voulez encore? Essayez donc le Crash Course 2: la réalisation d'un jeu "à la Space Invaders".


Lettre d'information Promeneurs du Net 42, éléments de cohérence éditoriale


Attention La Lettre d'information des PDN42 est éditée par le centre ressource Zoomacom. Ce document de référence explique la logique éditoriale et les méthodes utilisées dans CE cadre.

La lettre d’information “Promeneurs du Net 42” est l’un des outils de la démarche Promeneurs du Net dans le département de la Loire. Elle traite de l’actualité des acteurs du réseau, de sujets qui peuvent les intéresser et présente des ressources qui leur seront utiles.

L’association Zoomacom, centre de ressource en médiation numérique de la Loire, assure la réalisation et la diffusion de cette lettre mensuelle, publiée la dernière semaine de chaque mois, à l'exception de juillet et août.

Archives et abonnement sur: https://www.zoomacom.org/lettre-dinformation-promeneurs-du-net-loire/

Public cible

Prioritaire (mais non exclusif): les Promeneurs et les acteurs de la démarche dans la LOIRE.

Il s'agit là du public cible. Cependant la NL n'est pas privée, ni secrète, et elle est suivie par des abonnés qui ne sont pas forcément:
  • Promeneurs·euses du Net
  • dans le département de la Loire
Ce n'est donc pas un outil de communication (strictement) interne. Il vise aussi à donner à voir et à comprendre, ailleurs, ce qui se fait dans la Loire.

(en novembre 2020 la lettre d'info comptait 173 abonnés)

Mensuelle: tous les mois sauf juillet et août

Envoi le dernier jeudi du mois
La rédaction doit être terminée le mardi soir précédent pour envoi de la version test ce même mardi aux destinataires suivants (à minima):
  • directeur Zoomacom
  • chargé de mission PDN à Zoomacom
  • chargé de communication de Zoomacom
  • chargée de mission partenaire à la CAF de la Loire

Le mercredi est consacré aux relectures, corrections, modifications.

Note: ce "dernier jeudi du mois" peut être abandonné ponctuellement pour s'adapter aux grandes dates collectives qui impactent les activités professionnelles: les vacances scolaires, en particulier celles de Noël.

Articles liés: Si la newsletter s'appuie sur un ou des articles à publier sur le site de Zoomacom, ils doivent également être terminés le mardi précédent pour être relus/édités le mercredi.

Objectifs

FOURNIR DE LA RESSOURCE À CES PERSONNES: "Le Promeneur du Net entend poursuivre en ligne, dans la « rue numérique », son travail réalisé sur le terrain et offre une présence éducative là où l’encadrement adulte fait encore trop défaut."

L'objectif N'EST PAS de les transformer
  • EN MÉDIATEURS NUMÉRIQUES
  • EN EXPERTS DES USAGES NUMÉRIQUES DES JEUNES EN GÉNÉRAL

Il peut cependant s'agir de leur fournir suffisamment
  • de quoi comprendre les usages numériques des jeunes POUR ACCOMPLIR LEURS MISSIONS DE PROMENEURS qui se font, de fait en ligne, et qui peuvent de plus, concerner des "questions numériques" des jeunes,
  • des outils / ressources POUR ACCOMPLIR LEURS MISSIONS DE PROMENEURS.

Ceci étant, il est utile de rappeler le détail des missions des PDN telles que décrites dans la Charte :

Dans le cadre de leurs actions, les Promeneurs du Net ont pour vocation de :
  • créer et/ou renforcer des liens avec les jeunes, les familles et le réseau des professionnels du département ;
  • rompre l’isolement des jeunes et réduire les inégalités (géographique, d’accessibilité liée au handicap,...) grâce à la proximité du numérique ;
  • établir une relation de confiance, échanger, partager ;
  • conseiller, informer, prévenir ;
  • proposer un soutien, une rencontre, une orientation vers une structure adaptée ;
  • contribuer à la mise en place d’actions individuelles et/ou collectives pertinentes au regard du public et des missions de chaque organisme ;
  • accompagner les jeunes dans la « rue numérique » ;
  • favoriser l’éducation aux médias et à l’information auprès des jeunes et de leur famille ;
  • rassurer et accompagner les jeunes comme leurs parents ;
  • proposer des espaces de paroles, d’échange de débats individuels et/ou collectifs («chats», conversations instantanées, forums, groupes de discussion...) ;
  • encourager des projets collaboratifs et responsables sur le numérique (physiques et/ou dématérialisés).

Note : la NL PDN42 comprend systématiquement un lien vers la dernière NL "Médiation(s) Numérique(s) 42" qui constitue une autre source d'informations pour ceux et celles qui veulent aller plus loin.

Sujets abordés


LOIRE / Actus du réseau

Retours, comptes-rendus, annonces sur l'avenir...

Rappels et appels à l'action...

Comme pour les autres newsletters, si le contenu dépasse quelque paragraphes, il est peut-être plus judicieux qu'il fasse l'objet d'un article qui sera publié, avant l'envoi de la newsletter, sur le blog de Zoomacom. Le blog de Zoomacom est destiné à Donner à Voir, Donner à Comprendre, Donner à Faire... en informant et valorisant les actions de médiation numérique en réseau dans le département de la Loire. Il a une portée plus grande qu'une newsletter.

VEILLE PRO

Les sujets que l'on abordera sont en lien avec les missions des Promeneurs du Net :

  • Pratiques professionnelles
  • Usages numériques
  • Pratiques des jeunes
  • Conduites à risque
  • Santé
  • Emploi
  • Évènements
  • Voyages
  • Projets
  • Harcèlement
  • Radicalisation
  • Éducation aux médias
  • Émotions
  • Formation
  • Posture professionnelle
  • etc.

image NLPDN42veillePro.png (80.9kB)

Explication du diagramme ci-dessus: le contenu de la Lettre d'information se construit vers son public prioritaire: les PDN eux-mêmes. Qui se trouvent être des professionnels de la jeunesse. Et elle est confiée au Centre Ressource Zoomacom tant pour son réseau local que pour le lien que le dispositif peut avoir avec des compétences de médiation numérique (connnaissance du contexte politique et professionnel départemental mais aussi des usages numériques des jeunes).
Si elle s'appuie donc de fait sur ces trois aspects, elle est cependant bien la NL des PDN. Les informations publiées doivent donc avoir un sens et une utilité pour un·e PDN en tant que PDN ("une présence éducative sur Internet") et pas juste (et c'est dans ce "juste" qu'est la subtilité) en tant que professionnel jeunesse, ou juste en tant que médiateur numérique potentiel. C'est un critère et un équilibre pas toujours facile à trouver. Mais c'est vers cela qu'il faut tendre dans la curation des informations proposées, pour que celles-ci soient à la fois cohérentes dans ce contexte éditorial et utiles pour le lecteur prioritaire.
La thématique qui supporte le plus de souplesse ici est sans doute celle de l'Éducation aux Médias, de part la nature même du terrain numérique où s'excerce les actions des PDN.
Si les PDN sont curieux·ses de se tenir au courant d'autres aspects qui touchent à leur métier/leurs missions en général, c'est tant mieux, mais ce n'est pas forcément le propos de la NL PDN. S'ils souhaitent rester informé·es, par exemple sur le secteur de l'animation, il y a Le Journal de L'Animation, et sur le secteur de la Médiation Numérique, il y a les autres Lettres d'informations ligérienne produites par Zoomacom.
Note: "Toute règle supporte des exceptions..."

1- Se connecter
2- Créer une nouvelle campagne
  • Menu principal > Campaigns > Create Campaign
  • Create Campaign > Email > Regular >> nommer la campagne
  • (dans le formulaire de la campagne, compléter les champs demandés: liste de diffusion (audience), sujet, objet...)
  • Choisir le gabarit: Design Email > Select a Template > Saved Templates >> Choisir la dernière version


Gabarit

La lettre d'info utilise un gabarit enregistré qui est toujours le même et garantit la cohérence graphique et éditoriale des newsletters.

Ce gabarit comprend la forme globale et aussi la forme de détail: police de caractères, couleurs, alignements, espacements entre les blocs.

Tout ce qu'il y a faire c'est utiliser les blocs du gabarit et remplacer leur contenu! Au besoin on peut dupliquer un bloc pour bénéficier de tous les réglages qui lui sont déjà attribués. S'il y en a trop, on peut supprimer les blocs surnuméraires.

Plus d'informations: GuideNewsletters_avec_Mailchimp.pdf (80.3kB)

Structure


  • En-tête
  • Actualités/information sur le réseau PDN local
  • 3 éléments de veille professionnelle
  • lien vers la dernière newsletter MedNum42 (change tous les mois)
  • informations complémentaires (abonnements, partenaires...)

image schemaNLPDN42.png (0.6MB)

Éléments de veille professionnelle


Ils sont introduits par un thème général (en position de surtitre ou d'entrée de section) suivi du titre de l'information.

Si vous avez du mal à faire la différence entre un thème général et le titre d'une information particulière, voici deux exemples

Exemple 1: deux informations partagent la même thèmatique:

image gabartiNLPDN01.png (0.3MB)

Exemple 2: deux informations de deux thèmes différents:

image gabartiNLPDN02.png (0.5MB)


Problèmes récurents avec Mailchimp.
  • La dernière NL peut ne pas apparaître dans la liste présente sur https://www.zoomacom.org/lettre-dinformation-promeneurs-du-net-loire/ - Solution: manuellement, sélectionner (cocher la case) la NL concernée puis "Move to" > dossier NL PDN
  • RÉSOLU: quand on affiche la NL dans le navigateur, contrairement à celles de la Loire et de Sainté, celles des PDN ne proposaient pas le menu en haut à gauche qui permet d'accéder aux archives et au lien d'abonnement

Tiled, éditeur de cartes

Tiled (parfois aussi appelé Tiled Map Editor) est un éditeur de cartes pour jeu vidéo. La création d'une carte (ou "map", de l'anglais... "map") se fait exactement comme pour la construction d'un toit : tuile après tuile.

Ce logiciel est gratuit et libre. Vous pouvez choisir de faire un don pour soutenir les développeurs du jeu, mais ce n'est pas obligatoire.

www.mapeditor.org

Pourquoi choisir Tiled ?

Facile d'utilisation et de prise en main, il permet de faire à peu près n'importe quel type de map en 2 dimensions :
- Orthogonale, pour les maps vues du dessus,
- Isométrique, pour donner l'illusion de la 3D, comme pour le jeu Zelda ou plus récemment Clash of Clans,
- Hexagonale, est assez similaire à isométrique mais avec des tuiles à base hexagonale.

Le format TMX de sortie du logiciel est lisible par la grande majorité des éditeurs de jeux vidéos, dont Stencyl.

Tutoriel texte

Pour créer une map, vous allez utiliser un ensemble de tuiles appelé tileset. C'est un ensemble de tuiles de motifs différents, que vous allez assembler.

Pour commencer, vous allez utiliser des tilesets déjà constitués, et vous pourrez créer les vôtres plus tard.

Nouvelle carte

Une fois le logiciel ouvert, vous allez créer une nouvelle carte. Trois solutions :
- Fichier > Nouveau > Nouvelle carte
- Appuyer sur le bouton Nouveau > Nouvelle carte
- Appuyez sur les touches CTRL + N

image tiledNewMap.png (30.8kB)

Paramètres à régler :
- Taille de la carte, en hauteur et largeur. C'est le nombre de tuiles qui composeront votre map.
- Taille des éléments, en pixels. Il faut que les pixels correspondent à ceux du jeu de tuiles que vous téléchargez.

Voici ensuite l'interface principale
1 : fenêtre principale, où vous créez votre map. Et nous retrouvons bien nos petite tuiles de 16px par 16px.
2 : le tileset que vous utilisez
3 : les calques, c'est-à-dire les différentes couches sur lesquelles vous allez travailler
4 : vous pouvez charger un tileset à l'aide du bouton juste au dessus du 4 ou en faisant un glisser-déposer dans la zone 2

image TMENouvelleCarte2.png (0.1MB)
Tilesets
Vous allez récupérer les tilesets suivants :
- Rendez-vous sur le site internet Open Game Art
- Cherchez le fichier nommé "Tiled Terrains" ou "[LPC] Terrain Repack", fabriqués par http://poufpoufproduction.fr et disponibles sous licence CC-BY-SA 3.0
- Téléchargez-les sur votre ordinateur, et choisissez l'endroit où vous les rangez pour pouvoir les retrouver.

Maintenant, vous allez les '''charger''' dans Tiled :
- Cliquez en bas à gauche, sur le petit icône blanc avec une étoile jaune

image Tilesets1.png (26.4kB)

- Vérifiez les paramètres des tuiles
image tiledNewTileset.png (31.9kB)

image Capture_tiled_1.png (6.1kB)

Une fois que vous aurez trouvé votre image, vous devrez aller à droite de l'écran là où il y a le calque. Un moment, il y aura marqué "CALQUE 1". Vous devrez faire un double clic gauche sur le "CALQUE 1" et taper le mot "FOND"

image Capture_tiled_2.png (6.1kB)

1ER CHOIX DE FOND
Une fois que vous avez sélectionné votre fond et qu'il est bien mis, vous devez aller ensuite à droite de l'écran et sélectionner un nouveau calque. Quand vous sélectionnez le nouveau calque, vous faites double clic pour renommer le calque en " PLATEFORME" et ce calque va vous permettre de ne pas effacer votre fond.

image Capture_fond.png (5.5kB)

Vous sélectionnez une tuile pour le fond de votre map (carte)

image Capture_peinture.png (1.2kB)

image Capture_map_tiled.png (0.2MB)

Pour remplir votre fond en un seul coup vous devez cliquez sur l'îcone Pot de peinture qui est dans la barre d'outil en haut de votre écran et vous faites un clic sur la carte.

image Capture_tilrd.png (3.5kB)

Ensuite vous devez sélectionnez Plateforme, puis vous sélectionnez votre carré et vous l'ajoutez sur votre carte que vous êtes en train de créer
Une fois que votre terrain est créé, c'est à vous de créer votre propre environnement, décors, etc... Imaginez votre carte de rêve.

2EME CHOIX DE FOND
Maintenant pour ajouter une finition à votre carte (map) on va rajouter un fond pour que ça soit coloré.

image Capture_tiled_3.png (0.8kB)

Première étape: Cliquer sur le calque

Deuxième étape: Cliquer sur le "calque d'image"
image Capture_4.png (6.7kB)

image Capture_5_tiled.png (7.7kB)

Troisième étape: Cliquer sur l'image qui est située à droite de votre écran et cliquer sur les 3 petits points

Quatrième étape: vous sélectionnez votre image de fond là où vous l'avez enregistrée

(l'image doit être égale ou plus grande que la zone de grille).

image tiledDesign.png (0.2MB)

Cinquième étape: FIN

Tutoriels vidéos

- Tutoriel en français


0:40 => comment télécharger le logiciel
1:20 => début de l'utilisation du logiciel

- Tuto découverte : https://www.forum-dessine.fr/tutoriels/level-design

- Comment faire des terrains aléatoires en choisissant la répartition des différentes tuiles sur votre terrain. Vidéo en anglais.



- Six tutoriels en anglais. Avec ces tutoriels, vous savez tout faire :
The Basics


Terrain


Auto Map


Objects layers and coding


Creating non-tiled map


et enfin, Isometric maps


Ensembles de tuiles à télécharger

- Packs gratuits sur Final Boss Blues

Sources

- Tiled Map Editor 1 de Maxime Rauld

Création d'un sprite animé avec Piskel

Piskel est un logiciel utilisable directement dans votre navigateur ou téléchargeable sur leur site.

Il permet de réaliser facilement des grilles de sprites (lutins) pour jeux vidéo, avec une interface simple mais très complète.

Ce qui est intéressant avec Piskel, c’est d’abord la possibilité de travailler avec des "calques" et surtout de pouvoir créer plusieurs "frames" pour exporter au final soit un GIF animé de votre conception, soit une planche de toutes les images dessinées, pour les importer dans un logiciel de conception de jeux.

L’outil est gratuit et sous licence libre.

Aller sur le site Piskel - Free online sprite editor

Pour commencer nous allons donc créer une licorne qui vomit un arc-en-ciel et qui, aulieu de mourir fais caca pendant genre 10 secondes (c'est une idée qui vaut ce qu'elle vaut, je vous l'accorde...)
Alors, on commence par ouvrir le logiciel Piskel, téléchargé au dessus, et on « Resize » le sprite en 50*50px.

Première frame

image licorne1.png (31.4kB)
Clique sur « pen tool » pour commencer à tracer le contour de ton dessin pixel par pixel.
Pour agrandir ou réduire ta zone de dessin, joues avec la molette de ta souris. Une fois que tu as tracé ton dessin, tu va créer un nouveau calque pour la couleur de ton dessin :
Va sur fenêtre « layers » (calques, ou couches) à droite et tu cliques sur + pour créer un nouveau layer.
Sur ce calque, tu vas ajouter la couleur à ton dessin.

Créer un calque te permet de mieux gérer les différentes parties de ton dessin.

Seconde frame

image licorne2.png (30.9kB)
Ensuite, tu vas dupliquer ta Frame. Sur ta frame en haut a gauche tu survoles et cliques sur Duplicate this frame. Cette seconde frame va nous permettre de faire bouger les pattes des licornes vers l’avant.

En dupliquant la 1re frame, tu as copié l’intégralité du dessin (donc les 2 layers)

Tu as donc besoin sur la 2e frame de bouger les jambes vers la droite. Pour cela, tu effaces une partie de la jambe et la refais en la décalant sur la droite.
Ensuite tu vas sur le second layer et tu bouges aussi la couleur des sabots, car comme tu as bougé le contour des pattes, la couleur doit bouger aussi.

Troisième frame

image licorne3.png (30.3kB)
De nouveau, tu vas dupliquer la 1re frame. Cette troisième frame va nous permettre de faire bouger les pattes de la licorne vers l’arrière.
Tu as donc besoin sur la 3ᵉ frame de bouger les jambes vers la gauche.

Pour cela, tu effaces une partie de la jambe et la refais en la décalant sur la gauche.

Ensuite tu vas sur le second layer et tu bouges aussi la couleur des sabots, car comme tu as bougé le contour des pattes, la couleur doit bouger aussi.

Quatrième frame

image Capture3.png (33.2kB)
De nouveau, tu vas dupliquer la 1re frame. Cette quatrième frame va nous permettre de créer le vomi arc-en-ciel
Pour ce faire, tu vas sur le layer 2 et tu créés un arc-en-ciel au niveau de la bouche de la licorne.

Cinquième frame

image Capture4.png (36.1kB)
De nouveau, tu vas dupliquer la 1re frame. Cette cinquième frame va nous permettre de créer le « caca d’attente » (au lieu de perdre et de recommencer au début du niveau, tu dois attendre et regarder la licorne faire caca pendant 10 secondes).

Pour ce faire, tu vas sur le layer 2 et tu créés un caca au niveau de la croupe de la licorne.

Les frames et les calques sont importants pour pouvoir retoucher facilement les différents mouvements de ton dessin, si tu faisais tout le dessin sur un seul et même frame ou layer, tu serais obligé d’effacer a chaque nouvelle idée et surtout tu ne pourrais pas créer une animation.

Voila pour le tutoriel Piskel Licorne, maintenant que tu sais faire la licorne, un monde nouveau s'ouvre à toi!

Menus à gauche de l'écran (partie gauche)

Menu des Outils

image Capture_numrot.png (22.5kB)
1 Pen size / Taille du stylo : Il permet de jouer avec la taille du stylo, il part d'un point de 1px (1 carré) pour arriver a 4px (16 carrés) au maximum.

2 Pen tool / Outil stylo : Il permet de dessiner. C'est avec lui que vous allez créer les "points pixel" qui serviront à construire votre "pixel art".

3 Vertical mirror pen / Stylo miroir vertical : comme le stylo, il permet de dessiner mais cette fois avec un effet miroir vertical (suivant l'axe vertical).
Si vous dessinez avec le stylo miroir à gauche de votre "feuille", le même dessin sera créé symétriquement à droite.
Si vous appuyez simultanément sur la touche CTRL alors que vous dessinez, c'est avec l'axe horizontal que l'effet miroir sera créé.
Et si vous appuyer simultanément sur la touche shift / MAJ c'est avec l'axe horizontal et vertical que vous dessinerez.

4 Paint bucket tool / Outil pot de peinture : Il permet de remplir un carré, un groupe de carré ou le fond de l'image avec la couleur unie de votre choix.

5 Paint all pixels of the same color / Peindre tous les pixels de la même couleur : Il permet de peindre tous les carrés de la même couleur.
Si vous appuyer simultanément sur la touche CTRL, vous appliquerez cet effet à tous les calques.
Si vous appuyer simultanément sur la touche Shift / MAJ, vous appliquerez cet effet à tous dessins / frames.

6 Eraser tool / Outil gomme : Comme son nom l'indique, il permet de gommer. Comme pour l'outil stylo, on fait varier sa taille avec l'outil "Pen size / Taille du stylo".

7 Stroke tool / Outil ligne et diagonale : Il permet de créer des lignes et diagonales en partant d'un point fixe.
En appuyant simultanément sur shift / MAJ, la diagonale ou ligne reste droite.

8 Rectangle tool / Outil rectangle : Il permet de créer le contour d'un rectangle (vous pouvez ensuite le remplir avec l'outil pot de peinture).
En appuyant simultanément sur shift / MAJ, vous maintiendrez un rapport de 1 à 1, cela veut dire que votre rectangle ne sera pas déformé.

9 Circle tool / Outil cercle : Il permet de créer le contour d'un cercle (vous pouvez ensuite le remplir avec l'outil seau de peinture).
En appuyant simultanément sur shift / MAJ, vous maintiendrez un rapport de 1 à 1, cela veut dire que votre cercle sera un vrai cercle et ne sera pas déformé (ovale).

10 Move tool / Outil mouvement : Il permet de déplacer votre dessin.
Si vous appuyer simultanément sur la touche CTRL, vous appliquerez cet effet à tous les calques.
Si vous appuyer simultanément sur la touche Shift / MAJ, vous appliquerez cet effet à tous les dessins / frames.
Si vous appuyer simultanément sur la touche ALT, cela aura pour effet de "cloner" votre dessin.

11 Shape selection / Choix de la forme : Cet outil vous permet de sélectionner et de faire glisser la "forme / sélection" de votre choix.
Si vous appuyer simultanément sur la touche CTRL+C, vous copiez la zone sélectionnée.
Si vous appuyer simultanément sur la touche CTRL+V, vous collez la zone sélectionnée.
Maintenez la touche shift / MAJ pour déplacer le contenu.

12 Rectangle selection / Sélection rectangulaire : Il permet de sélectionner un élément via une forme rectangulaire.
Si vous appuyer simultanément sur la touche CTRL+C, vous copiez la zone sélectionnée.
Si vous appuyer simultanément sur la touche CTRL+V, vous collez la zone sélectionnée.
Maintenez la touche shift / MAJ pour déplacer le contenu.

13 lasso selection / Sélection au lasso : Il permet de sélectionner un élément en créant une forme libre de votre choix. Avec le lasso vous créez vous-même la forme de la zone que vous voulez sélectionner.
Si vous appuyer simultanément sur la touche CTRL+C, vous copiez la zone sélectionnée.
Si vous appuyer simultanément sur la touche CTRL+V, vous collez la zone sélectionnée.
Maintenez la touche shift / MAJ pour déplacer le contenu.

14 Lighten / Éclaircir : Cet outil vous permet d'éclaircir ou d'obscurcir les pixels de votre dessin, il permet aussi de créer une sorte de dégradé.
Si vous appuyer simultanément sur la touche CTRL, vous allez obscurcir la partie souhaitée.
Si vous appuyer simultanément sur la touche shift / MAJ, vous allez appliquer l'effet une seule fois par pixel.

15 Dithering tool / Outil de tramage : Il permet de créer une trame, un damier de couleurs choisies.

16 Color picker / Sélecteur de couleurs : Il permet de sélectionner une couleur pour pouvoir s'en servir sur une autre forme, calque ou dessin.

Autres

L'éditeur de couleur

image Capture_couleur.png (1.2kB)
Editeur de couleur
Il y a 2 carrés de couleur, l'un pour la couleur première et l'autre pour la secondaire, en cliquant sur le carré vous choisissez la couleur que vous souhaitez, soit à l’aide de l’outil Pipette, des panneaux Couleur et Nuancier ou avec les couleurs sous forme de valeur hexadécimale (#000000).

Frame / Cadre

Le cadre / Frame est votre fenêtre de "dessin".
image Captureframe.png (2.8kB)
On peut créer autant de frame que l'on veut, les frames sont comme des calques, ils sont utilisés pour effectuer des opérations telles que la composition d’images multiples, l’ajout de texte à une image ou l’ajout de formes à une image vectorielle.
Il peuvent être déplacés de haut en bas pour choisir leurs niveaux d'importance.
Ils peuvent aussi être dupliqués.
Il faut vraiment les imaginer comme des feuilles de papier calque.
image 450pxCaptureframeg.png (84.3kB)


Pour la partie droite

image CaptureGauche.png (26.5kB)
1 Fenêtre de visualisation : Avec cette fenêtre vous pouvez visualiser en direct votre animation.
Vous pouvez régler la taille de votre animation :
Original size preview / Aperçu du format original
Best size preview / Aperçu du meilleur format
Full size preview / Aperçu du format en taille réelle.

- Toggle Grid / Basculer la grille : Il vous permet de faire apparaitre ou non la grille pour créer votre dessin.
- Open preview in popup / Ouvrir la prévisualisation dans une fenêtre popup: Permet d'ouvrir et de visualiser l'animation dans une nouvelle fenêtre.

2 Toggle onion screen / "Basculer à la visualisation en "couches d'oignon": Permet de visualiser ou non les différents "frames et layers" sur votre fenêtre principale.

3 Curseur FPS : Le curseur permet d'augmenter ou de diminuer la vitesse de votre animation.

4 Layers / Couche : Sensiblement la même chose que Frame, a la différence près que les "dessins" créés avec "layers" sont fixes, ils ne bougeront pas au sein de votre animation.

Partie "Transform"

5 Flip vertically / Basculer verticalement : Il applique un effet miroir vertical à votre dessin.
Si vous appuyez simultanément sur la touche ALT, vous appliquez un effet miroir horizontal.
Si vous appuyez simultanément sur la touche Shift / MAJ, vous appliquerez cet effet à tous dessins / frames.
Si vous appuyez simultanément sur la touche CTRL, vous appliquerez cet effet à tous les layers .

6 Counter-clockwise rotation / Rotation dans le sens inverse des aiguilles d'une montre : Permet de faire tourner votre "dessin" dans le sens inverse des aiguilles d'une montre.
Si vous appuyer simultanément sur la touche ALT, vous ferez tourner votre dessin dans le sens des aiguilles d'une montre.
Si vous appuyer simultanément sur la touche Shift / MAJ, vous appliquerez cet effet à tous dessins / frames.
Si vous appuyer simultanément sur la touche CTRL, vous appliquerez cet effet à tous les layers.

7 Clone current layer to all frames / Cloner le calque sur toutes les frames / images : Il permet de cloner votre dessin sur toutes les frames que vous avez créées. Attention: il clone la frame active (celle qui est entourée de jaune).

8 Align image to the center / Aligner et centrer votre image : Il permet d'aligner et de centrer correctement votre image.
Si vous appuyer simultanément sur la touche Shift / MAJ, vous appliquerez cet effet à tous les dessins / frames.
Si vous appuyer simultanément sur la touche CTRL, vous appliquerez cet effet à tous les layers.

9 Crop the sprite / recadrer le sprite (zone de dessin) : Cet outil vous permet de recadrer votre zone de dessin, mais attention, l'outil est appliqué sur toutes les frames et layers en même temps.

10 L'outil palette vous permet de prédéfinir des couleurs pour ensuite vous en servir via l'éditeur de couleur.
En cliquant sur le petit icone stylo, vous pouvez gérer la palette, une fenêtre s'ouvre et vous pouvez ajouter ou supprimer et renommer des palettes de couleurs.

Barre de menu

image Captured.png (8.8kB)
- Préférences :
1 Settings / Misc :
Background: Permet de régler la luminosité et le contraste du fond "transparent" de votre sprite / dessin.
Layer opacity : Permet de régler l'opacité et donc la visibilité de vos layers.
Maximum FPS : Permet de régler la vitesse maximum pour le curseur FPS vu ci-dessus.
Color format : Permet de choisir le format de couleur RGB ou HEX.

Settings / Grid (grille):
Enable grid / activer la grille : Permet d'activer ou non la grille pour dessiner les "carrés".
Grid size / taille de la grille : Permet de gérer la taille de la grille en pixel.
Grid spacing / Espacement de la grille : Permet de gérer l'espacement de la grille en pixel.
Grid color / Couleur de la grille : Permet de gérer la couleur de l'espacement de la grille.

Settings / Tile mode ( Mode carrelage):
Enable tile mode / Activer le mode carrelage : Activer ou désactiver le mode carrelage.
Mask opacity / Opacité du masque : Permet de gérer la transparence du mode carrelage.

image Captured.png (8.8kB)
2 Resize / Redimensionner :
Permet de redimensionner votre "dessin".
(widtht/largeur),(height/longueur)
Maintain aspect ratio / Maintenir le rapport hauteur/largeur : Cocher cette case permet de ne pas déformer votre dessin, vous l'agrandissez mais dans des proportions égales au dessin de base.
resize canvas content / redimensionner le contenu du canevas : Permet de redimensionner le contenu du canvas.

Default size / Dimension par défaut : Permet de définir les dimensions par défaut de vos dessins.

image Captured.png (8.8kB)
3 Save / Sauvegarde :
Sprite information : Vous pouvez ici, créer un titre et une description pour votre sprite/dessin

Save offline as file / Enregistrer hors ligne sous forme de fichier : Votre fichier sera enregistré sur votre pc sous le format ".piskel".

Save offline in browser / Enregistrer hors ligne dans votre navigateur :
Save Online : Permet de sauvegarder directement sur le site internet piskelapp.com si vous avez créé un compte utilisateur au préalable.

image Captured.png (8.8kB)
4 Export / Exporter
Scale / Mettre a l'échelle : Permet de mettre à l’échelle en maintenant les proportions (Aspect ratio).
GIF,PNG,ZIP...: permet d'exporter votre dessin au format désiré.

5 Import / Importer :
Load from browser / Importer à partir du navigateur
Load .piskel file / Importer un fichier .piskel depuis votre ordinateur.
Import from picture / Importer une image.
Recover recent sessions / Récupérer les sessions précédentes : Permet de récupérer vos sessions précédentes et travailler dessus.

<img src="https://media.giphy.com/media/GrgdX3VHh9TQ4HSBOt/giphy.gif"></img>

Recensement des structures ligériennes proposant des activités de fabrication numérique

Projet d'annuaire cartoraphique, outil de travail en réseau dans le département de la Loire. L'objectif étant de pouvoir identifier et localiser les structures disposant de matériel de fabrication numérique dans la Loire.

(Porté par: centre Ressource Zoomacom)

Contexte

La cartographie des lieux de médiation numérique (Carto Hinaura, sur laquelle s'appuie la carto de la Loire) a été conçue pour répondre aux besoins "Inclusion et médiation numérique".
Le centre ressources départemental Zoomacom aborde d'autres thématiques comme les espaces de fabrication numérique (Fablabs, Hackerspaces...) et il serait utile de pouvoir lister les espaces qui permettent d'accéder à certains services / animations : impression 3D, découpe laser, découpe vinyle...
(validé en réunion d'équipe le 8 septembre 2021)
Note: la carto Hinaura n'a pas été prévue pour (en tout cas en priorité). Mais, si on voulait l'utiliser, pour ne pas avoir à proposer encore un autre support / Base de données, avec les critères existants si on combine
  • BIJ/PIJ (par ex.) + Fabbab/Hackerspace (les type de lieux sont à choix multiple)
et
  • "Utiliser le numérique à des fins récréatives"
on pourrait se faire une idée de qui propose des animations DYI.

Par exemple, la fiche du Cyberespace de Rive de Gier fait figurer comme type de lieu :
  • Espace Public Numérique
  • Fablab / Hackerspace

Ceci étant, ça en permettrait pas de connaître le détail des ateliers possibles car on ne saurait pas comment sont équipées les structures.

D'autre part, la base Hinaura ne permet pas de connaître le détails des matériels disponibles. Ce qui peut être utile dans le cadre d'un fonctionnement en réseau qui peut permettre de se prêter du matériel entre structures.

Carte (V1) (Mise en place suite à la rencontre du 5 juillet 2022)

Chantier Libre

https://www.chantierlibre.org/

FabLab Roannais Agglomération


http://www.fablabroannaisagglomeration.fr/
http://www.fablabroannaisagglomeration.fr/materiels-et-machines-2483.html

Cyberespace de Rive de Gier

Le Cyberespace possède également un mini FabLab, accessible tout au long de l’année et sur les horaires d’ouverture du Cyber.
  • Imprimante 3D (Créality CR10-S),
  • découpeuse vinyl (caméo 3)
  • et découpeuse laser de 45 watts (FSL muse).
Aucune compétence technique n’est nécessaire puisqu’un animateur est là pour accompagner le public. Il est tout de même conseillé de contacter en amont les animateurs pour vérifier la faisabilité d’un projet.
(https://c.leprogres.fr/culture-loisirs/2022/01/30/cyber-espace-des-animations-en-fevrier-et-rive2geek-en-avril)

LabOmatic, St-Christo-en-Jarez

L'association Familles Rurales St-Christo-Valfleury et l'Espace Jeune de Saint-Christo-en-Jarez ouvrent un espace de type Fablab.
Dispose
  • d'une imprimante 3D
  • d'une découpeuse vinyle
  • d'une machine pour la "gravure laser"
  • ...

Espace Jeunes de Saint-Galmier

Dispose

A fabriqué

L’Atelier numérique, Saint-Chamond

https://www.saint-chamond.fr/pratique/numerique/atelier-numerique/
L’Atelier numérique, c’est ainsi qu’il se nomme, a investi les locaux de l’ancien Bij (délocalisé au 45, rue de la République), pour proposer trois espaces que le public pourra découvrir dès ce mardi 29 juin avec tout un programme d’animations pour la première semaine (lire par ailleurs).
« Imprimantes 3D, découpeuse vinyle, fraiseuse numérique, mais aussi des petits robots [Ozobot], des microscopes numériques, des tablettes… sont à disposition.
https://c.leprogres.fr/science-et-technologie/2021/06/28/fablab-coworking-l-atelier-numerique-ouvre-ses-portes

La turbine creative

https://nouveauxateliersdudorlay.wordpress.com/le-labo-textile/
L’association des Nouveaux Ateliers du Dorlay est née en 2020 suite à tout un travail préliminaire mené par le Parc du Pilat. Elle regroupe de nombreux acteurs du territoire, des habitants, des élus, des artisans installés dans la Vallée du Dorlay, dans la Loire, à Saint-Étienne ou encore à Lyon. Nous avons aussi d'autres adhérents qui viennent de Bretagne. Le Labo Textile est le fablab de la Turbine Créative, un tiers-lieu de l’association qui a pour objectif de promouvoir les métiers d’art textile, la création et le design d’accessoires de mode. Cette thématique a été conservée car elle existait déjà dans la Vallée du Dorlay. Historiquement, d’anciennes usines de moulinage et de tresses et lacets y étaient installées. Pour donner une idée, à l’époque, une trentaine d’usines étaient implantées dans un rayon de 10 kilomètres.

Le Labo Textile est un atelier partagé qui permet à des professionnels de développer des recherches et des prototypes sur des machines qu'ils ne peuvent pas acquérir eux-mêmes, du moins de manière individuelle. Le Labo est pensé comme une offre complémentaire avec une brodeuse numérique professionnelle, des métiers à tisser, un pôle couture, des machines à coudre et des surjeteuses, des tables de coupe, des ciseaux de coupe professionnels et un labo photo pour mettre en valeur les créations. On propose également une offre de formation car certaines machines nécessitent un temps d’apprentissage. Pour l’instant, le Labo est ouvert aux professionnels, mais aussi aux amateurs dans la cadre de stages.

Le Labo Textile est un des trois axes complémentaires qui forment l'identité de LA TURBINE CRÉATIVE :

LABO TEXTILE
Imaginez des artisans enthousiastes parce qu'ils partagent des machines à la hauteur de leur expertise ... le champ des possibles s'ouvre vers de nouvelles opportunités de créativité et de production
Imaginez-vous maintenant en explorateur de cet univers technique et attirant, vous êtes à la fois dans le présent, le futur et le passé. Vous programmez la brodeuse numérique, vous pilotez de vos pieds le métier à tisser et vos mains apprennent à coudre minutieusement ...
Vous êtes au Labo Textile.
ATELIERS
Des locaux et une dynamique pour accueillir des professionnels de métiers d'art et les accompagner dans le développement de leur entreprise. Deux artisans sont déjà là, dans une ancienne usine de moulinage, à Doizieux.
FORMATION
Des formations aux savoir-faire à destination des professionnels et des amateurs, avec un calendrier varié, qualitatif, convivial, en petits comités. Les premières propositions sont par exemple : stage photo intensif, comment concevoir une collection, initiation ou expertise pour les savoir-faire et le geste (broderie, feutrage, tissage, couture, crochet, chapellerie, teinture ...)

Le terrier pandata à Pélussin

https://leterrier.pandata.ninja/
Adresse
7d Rue de l’Europe
42410 Pélussin
https://www.facebook.com/leTerrierPandata/?fref=tag&_rdr
https://www.leprogres.fr/insolite/2022/04/06/des-machines-a-dispo-pour-creer-ses-objets-en-bois-ou-en-metal

FabLab Andrézieux Bouthéon

https://www.andrezieux-boutheon.com/actualite/ouverture-dun-nouvel-espace-numerique-public/

FabLab Montrond Les bains

En cours de création, installé dans les locaux de la médiathèque
2 imprimantes 3D Ender3
1 Imprimante CR5 PRO
1 Snapmaker (comniné impression 3D - Découpe laser 10W - Fraiseuse)
1 decoupeuse vinyle Caméo 4
1 decoupeuse vinyle Caméo 4 PRO
Presse à chaud
Presse à badge
Malette de 5 Thimyo avec connection wifi
Cubetto (ou Primo)
BlueBot
Kits arduino
Raspebrry Pi 4
Raspberry Pi 400
Inauguration le 15 octobre 2022

FabLab Unieux

En cours de création...
Impression 3D et Repair Café pour démarrer
Lancement Octobre 2022

FabDesir à St Didier sur Rochefort

https://campusnumerique.auvergnerhonealpes.fr/acteur/espace-de-fabrication-numerique-fab-lab-fabdesir-saint-didier-sur-rochefort-42/
A voir si encore en activité


Suite à rencontre de réseau du 5 juillet 2022:

Contact
  • Nom du Lieu
  • Opérateur (personne morale)
  • Personne référente
  • Lien vers fiche sur carto Hinaura -url-
  • Adresse physique
  • geolocalisation -lat, lon -
  • Téléphone
  • adresse mail
  • Site web

Machines
  • Découpe Laser CO2
  • Découpe Laser Fibre
  • Découpe Vinyle
  • Découpe jet d'eau
  • Impression 3D - dépot de fil- FDM
  • Impression 3D - résine - SLA
  • Fraiseuse
  • Badgeuse
  • Imprimante à sublimation
  • Presse à chaud
  • Thermoformeuse
  • Presse à injection
  • Brodeuse numérique

Outillage
  • Perceuse colonne
  • Scie circulaire
  • Scie sauteuse
  • Scie à ruban
  • Scie à onglet
  • Scie à chantourner
  • Ponceuse
  • Défonceuse
  • Dremel/mini outillage
  • Perceuse
  • Visseuse
  • Repair Café (ajout en TEST)

Matériel électronique
  • Fer à souder
  • Station à air chaud
  • LEGO
  • Raspberry
  • Arduino et compatible
Robots
  • Thymio
  • MBot
  • Cubetto
  • Blue Bot
  • Autres robots

  • Open Badges O/N

  • Projets
    • Espace de documentation -url vers un wiki, etc-
    • Projet phare 1 -url-
    • Projet phare 2 -url-
    • Projet phare 3 -url-


Évoqué précédement:

Public accueilli (cases à cocher ?)
  • particuliers
  • professionnels
  • accueil de mineurs
  • réservé (adhérents, membres de l'établissement)

Abandonné en faveur d'un lien vers "l'autre fiche" du lieu sur l'annuaire carto Hinaura, qui présente d'autres informations détaillées.

Bienvenue sur l'espace de documentation de ZOOMACOM


image fond_wiki.png (33.5kB)

Qui sommes-nous ?


Zoomacom est une association d'Éducation Populaire, Centre Ressource en Médiation Numérique

L’association ZOOMACOM a pour objet de :

Permettre l’appropriation des Technologies de l’Information et de la Communication (TIC), des pratiques et des usages numériques, par tous les publics au service de l’aménagement, du développement économique, social et culturel des territoires qu’elle accompagne.

Dit autrement : Former et accompagner les territoires, les structures et les citoyens aux changements économiques, sociaux et culturels résultants de notre passage à l’ère du numérique (culture, éducation, connaissances, compétences, etc.)

Zoomacom aide les individus et les structures (collectivités territoriales, entreprises, associations, collectifs) à
  • s'approprier les méthodes et les outils numériques actuels au service de leurs besoins.
  • saisir les enjeux, les risques, les opportunités des transformations sociale, économique, familliale, individuelle liés aux technologies numériques.
  • mettre en place des actions de médiation numérique auprès de leurs publics / administrés / adhérents.
En
  • formant les entrepreneurs, les bénévoles associatifs, les travailleurs sociaux, les animateurs socio-culturels...
  • assistant à la mise en place de dispositifs de médiation numérique: animation de réseau, événements, outils en ligne...
  • expérimentant et en développant des supports de médiation et de pédagogie
  • mettant à disposition du matériel (ordinateurs, moniteurs, tablettes, consoles de jeu, objets connectés, matériel audiovisuel...)
  • mettant à disposition des médiateurs numériques et animateurs multimédia
  • pratiquant et partageant une veille professionnelle, technique et sociale sur les thématiques liée au numérique


Pour en savoir plus sur Zoomacom : consultez notre site officiel www.zoomacom.org


Ressources

Pédagogiques Matérielles Documents associatifs
Note: l'équipe de Zoomacom a rédigé ou contribué à de nombreuses ressources, pédagogiques, tutoriels... utilisables hors-sol, par tout type d'acteurs de l'animation, de la médiation, de l'inclusion numérique, ainsi que par des usagers d'espaces de fabrication numérique.
Ces pages sont accessibles depuis différents espaces de ce wiki #MedNum42. Comme:

ARCHIVES

Première version de cette page

Projet Numérique Libre (Zoomacom, Fabrique de la Transition)

"Numérique libre" est un cadre de projets impliquant l'association Zoomacom et plusieurs de ses partenaires du département de la Loire.

Cette page documente l'évolution progressive du projet tel qu'il change et se complète dans ce contexte spécifique. L'autre page Numérique Libre présente la démarche générale telle qu'elle pourrait être adpatée par d'autres acteurs, sur d'autres territoires.


Action {{panel ...}} : l'action {{panel ...}} doit être fermée par une action {{end elem="panel"}}.



Mesure d'impact

Formalisation de la mission sociale
Dans le cadre d’une étude d’impact, il est essentiel de faire le lien avec le contexte social, la problématique globale du secteur et la mission sociale de l’organisation car le but principal de l’exercice est de vérifier l’atteinte des objectifs qu’une structure se fixe.
Le périmètre des parties prenantes peut d’ailleurs être revu à la lumière de cette clarification.
Nota Bene : la mesure d’impact n’a pas pour autant pour but de vérifier la pertinence de la réponse à un besoin ou problématique sociale.
Télécharger le fichier Strategie_de_communication_externe__mesure_dimpact.ods


Aller plus loin





Action {{panel ...}} : l'action {{panel ...}} doit être fermée par une action {{end elem="panel"}}.

Ressources pour les professionnels de la Médiation Numérique


Vie privée, données personnelles

Souveraineté numérique

(page wiki) RessourcesSouveraineteNumerique

Numérique et environnement

(page wiki) RessourcesNumEtEnvironnement

Action {{panel ...}} : l'action {{panel ...}} doit être fermée par une action {{end elem="panel"}}.

Impacts environnementaux

Mesure d'impact

Ils font pareil, mais ailleurs

Pionner sur le sujet de la transition numérique, le Sicoval vient de signer un accord avec plusieurs acteurs locaux afin d’expérimenter la mise en place d’une filière de reconditionnement de matériel numérique à destination des publics en situation de précarité.



Ressources diverses

Suite à état des lieux au début du projet, au sein de Zoomacom. (À ventiler dans les pages Ressources, et pour certaines dans La Ressourcerie pédagogique et d'animation de Zoomacom).
Action {{accordion ...}} : l'action {{accordion ...}} doit être fermée par une action {{end elem="accordion"}}.
Action {{panel ...}} : l'action {{panel ...}} doit être fermée par une action {{end elem="panel"}}.
Ressources sur le serveur Zoomacom : \Zoomacom\Ressources Animations\[Formation] - Numérique Libre

Numérique Libre


"Numérique libre" est un cadre de projets impliquant l'association Zoomacom et plusieurs de ses partenaires.
L'objectif est d'encourager les usages d'un environnement numérique pensé et géré dans l’intérêt individuel et collectif de ses usagers plutôt que dans celui des multinationales du numérique qui « offrent » leurs services.
Il s’agit de changer certaines pratiques numériques, probablement déjà installées, vers d’autres, qui prennent en compte nos valeurs et nos objectifs, de prendre ou reprendre le contrôle sur nos outils numériques, et découvrir et utiliser des alternatives aux services des grandes plateformes et des gros éditeurs de logiciels.
Ce cadre général comporte aujourd'hui plusieurs volets, destinés à des collectifs ou à des particuliers. Ils sont complémentaires et articulables entre eux.

La démarche qui est partagée ici est construite sur la progression suivante :
  • 1 => prendre conscience des enjeux
  • 2 => faire le point sur ses besoins et ses usages
  • 3 => mettre en place le système d'outils à utiliser.

Prendre conscience des enjeux individuels et collectifs

Impacts du numérique sur la vie privée, la société, l'environnement, aspects politiques... les outils numériques ne sont ni neutres ni sans conséquences.

Détails

Prendre en compte les besoins et contextes spécifiques

De même qu'on ne met pas la charrue avant les boeufs, on ne choisit pas des outils numériques avant de faire le point sur les besoins, les usages, les pratiques en matière de :
  • travail collaboratif
  • communication interne / externe
  • stratégie de communication digitale

Détails

Offre de services - solutions techniques

Sensible aux enjeux collectifs et conscient de ses besoins numériques après une phase de diagnostic, on peut se tourner vers une offre de services cohérente.

Détails

Médiation numérique

Ces projets, travaux... s'adressent aux acteurs du réseau de la médiation numérique du département de la Loire, qui meneront les actions auprès de leurs usagers.
On vise ici :

Reconditionnement de matériel

En complément, pour les "publics éloignés du numérique", en particulier par manque d'équipement informatique, se met en place un (plutôt ambitieux) projet de création d'une filière spécifique de reconditionnement de matériel, accompagné de formations: "Accès aux droits et à l’équipement informatique""

Exemple (projet en Loire-sud)

Pionner sur le sujet de la transition numérique, le Sicoval vient de signer un accord avec plusieurs acteurs locaux afin d’expérimenter la mise en place d’une filière de reconditionnement de matériel numérique à destination des publics en situation de précarité.

Eddie (Zoomacom)


image nameTagEddieZoomacom600px.png (58.8kB)

Community Manager / médiateur numérique / Couteau suisse 2.0 / Concierge-jardinier de la médiation numérique ligérienne
Association ZOOMACOM - Ses missions : “Donner à voir, donner à comprendre, donner à faire

Veiller, communiquer, documenter, animer des communautés en ligne, au service du réseau de la médiation numérique dans la Loire – animer des ateliers, en particulier sur les thématiques liées + Cartographie participative & Open Data.


TestNouvellePage

StephanoisesRemarquables

ma nouvelle page

Parcours Digital

un événement pour faire découvrir aux jeunes les métiers du numérique

Organisé par Digital League, le cluster des entreprises du numérique d’Auvergne-Rhône-Alpes, en partenariat avec le Département de la Loire et de nombreux partenaires (Zoomacom, Télécom Saint-Etienne, le Centre Régional Information Jeunesse, l’IRUP, la CPME42, l’IUT de Roanne, le fablab de Roannais agglomération...), cet événement propose aux collégiens ainsi qu'à leurs parents, de découvrir les métiers d'avenir proposés par la filière numérique.

Des professionnels viennent présenter leurs métiers, des écoles qui vous parlent orientation et débouchés et des ateliers ludiques et informatifs sont proposés pour découvrir la filière numérique, y sont abordées des thématiques variées autour du codage, du design graphique, de l'impression en 3D, de la robotique, de la cybersécurité ou encore de la Data visualisation...


Contexte:

Loire Connect "Pour communiquer, travailler, se divertir, apprendre, comprendre... Internet est devenu un élément central de notre société dite « numérique ». Depuis plus de 15 ans, le Département mène une politique volontariste en faveur de la transition numérique du territoire sous le nom de Loire Connect". Source Département de la Loire

Loire Connect Days : une semaine d'événements destinés aux collégiens, incluant l'évenement porté par Digital League - Parcours Digital.

Parcours Digital
Le Département de la Loire, en partenariat avec Digital League ZOOMACOM Télécom Saint-Etienne ISTP IRUP CRIJ Auvergne-Rhône-Alpes Club Face Loire, organise des rendez-vous Parcours Digital : un événement pour faire découvrir aux jeunes les métiers du numérique et susciter des vocations.
Voir le replay : (86) Parcours Digital Loire Haute-Loire - YouTube (Édition 2020 en visioconférence pour des raisons sanitaires)



Voir aussi:



Éditions précédentes

2022

Nouveauté 2022 : deux éditions, à Saint-Etienne et à Roanne

https://www.cybercolleges42.fr/actualites/parcours-digital-5eme-edition-24613.htm

Samedi 19 novembre au Campus Industriel à Saint-Etienne
https://www.digital-league.org/blog/events/parcours-digital-a-saint-etienne-2022/

Samedi 26 novembre 2022, 8h30-12h30 IUT Roanne
https://www.digital-league.org/blog/events/parcours-digital-a-roanne-2022/

Le centre ressource Zoomacom était présent le 19 novembre sur le site du Campus Industriel à St-Étienne pour animer 2 ateliers :

image 20221119StEtienneIRUPParcoursDigitalMontage.jpg (0.8MB)

  • un atelier sur la data visualisation, cet atelier à permis au jeunes d' expérimenter la visualisation de donnés à travers un atelier imaginé par Fréquence Écoles, "Faux".
  • un atelier robotique, avec la découverte de la programmation avec le robot Thymio.
Thymio est un petit robot qui nous entend, sent quand on le touche, voit les distances, suit des pistes, et réagit en fonction du programme qui l’anime.


2021

Samedi 20 novembre 2021, matin IRUP http://www.irup.com/
https://www.digital-league.org/blog/events/parcours-digital-a-saint-etienne-2/

Communication / Réseaux / Presse

2020

21 novembre 2020 (Édition 2020 en visioconférence pour des raisons sanitaires)



2019

16 novembre 2019
Zoomacom:
  • Organisée par Digital League, la matinée du 16 novembre a réuni des collégiennes et collégiens, leurs parents et les professionnels du département, pour découvrir de manière ludique et concrète les métiers d’avenir de l’industrie numérique, par le biais de conférences, d’espaces de démonstration, de jeux et d’ateliers.
  • Notre collègue et amie Sonia Roche, animatrice des Espaces Publics Numériques stéphanois du Centre Boris Vian et du Fil de la Rivière, a animé l’atelier Apprentissage du Code avec le jeu CodeCombat.
  • Antoine a animé l’atelier Robotique/programmation avec Thymio. Il avait auparavant accompagné les acteurs de cette matinée sur le volet “médiation”
  • Source Zoomacom: "En novembre 2019 on a fait ça"
  • 2018

Ateliers découvertes des métiers du numérique à destination des collégiens, le 17 novembre 2018 à Télécom St-Étienne.
Zoomacom:
Numérique Libre

[Projet] Accès aux droits et à l’équipement informatique (Loire)

Cette opération, localisée dans le département de la Loire, a deux objectifs :
  • Équiper les ménages les plus modestes en ordinateurs personnels, en utilisant exclusivement du matériel reconditionné
  • Former les ménages les plus modestes à l'utilisation d'un ordinateur personnel, en les rendant autonomes sur la gestion du matériel et des logiciels.
Projet porté par :
Partenaires financiers :

Ce projet est soutenu par l’État dans le cadre du dispositif Conseiller Numérique France Services et par la Fondation d'Entreprise Crédit Agricole Loire Haute-Loire




Ce projet est né suite aux constats du premier confinement de mars 2020.
Les familles ligériennes ont connu de grandes difficultés à cause de leur manque d'équipement informatique. Les chiffres de l'INSEE de 2017 annoncent un taux d'équipement moyen de 77 %, avec une différence nette entre les foyers les plus aisés (92 %) et les foyers les plus modestes (71 %). Dans la Loire, de très nombreuses associations de proximité ont été assaillies de demandes de prêts d'ordinateurs pendant cette période.
Parallèlement, la montée en puissance de l'accès numérique aux services de l'Etat a fait ressortir de grandes inégalités d'accès.
D'autre part, les administrations, universités et grandes entreprises renouvellent régulièrement leur parc informatique, environ tous les 5 ou 6 ans, à hauteur de 20 % chaque année en moyenne. Et ce matériel est recyclé alors qu'il est encore opérationnel.


Etapes sous forme de shéma

flowchart TB n1["Reconditionnement et formation"] n2["Amont"] n3["ACI/Envie/Zoomacom: identification des gisements"] n4["ACI: Reconditionnement"] n5["Envie: Récupération des déchets"] n6["Formation"] n7["Zoomacom: formations, visites et dons de PC"] n8["Aval"] n9["ACI: SAV"] n1 --> n2 n2 --> n3 n3 --> n4 n4 --> n5 n1 --> n6 n6 --> n7 n1 --> n8 n8 --> n9

flowchart TB n1["Prescription des publics"] n2["Avant formation"] n3["ACI/Zoomacom: recherche de partenaires"] n4["Zoomacom: identification des structures ressources"] n5["Structures de proximité: prescription des publics"] n6["S.E.M: prescription des publics"] n7["Formation"] n8["Après formation"] n9["Structures de proximité: accueil des publics"] n1 --> n2 n2 --> n3 n2 --> n4 n4 --> n5 n2 --> n6 n1 --> n7 n1 --> n8 n8 --> n9


Etapes en détail

AMONT – Reconditionnement et formations

Identification des gisements

Acteurs : ACI Montaud/Envie/Zoomacom
Identifier des gisements et signer des accords avec les structures publiques et privées qui peuvent donner des ordinateurs, écrans, claviers et souris.
Un gisement est un approvisionnement régulier et fiable pour une quantité prévisible de machines.

Récupération du matériel et transport

Acteur : ENVIE
Transport du matériel depuis les lieux de gisements jusqu’à l’ACI Montaud.

Reconditionnement

Acteur : ACI Montaud
Achat de disques durs SSD et de RAM pour que les machines soient exploitables avec des systèmes d’exploitation récents, et bénéficient d’une vitesse de traitement des données suffisante à l’exécution des logiciels nécessaires à l’inclusion des publics et au travail des structures bénéficiaires.
Vérification du fonctionnement des machines récupérées dans les gisements.
Installation des disques durs et barrettes de RAM. Installation d’un système d’exploitation libre Linux.
Stockage des machines reconditionnées jusqu’à leur départ.

Récupération des déchets électroniques

Acteur : ENVIE
Une ou plusieurs bennes sont laissées à l’ACI Montaud pour y entreposer les déchets électroniques, que la société ENVIE vient ensuite récupérer pour son activité DEEE.

Organisation des formations

Acteur : Zoomacom
Trouver les salles de formation prévues pour des groupes de 10 personnes, à proximité des structures de proximité identifiées dans la partie « Prescription des publics et financement ».
Création des contenus et supports de formation à destination des formateurs et des publics.

AMONT - Prescription des publics et financement

Recherche de financements

Acteur : ACI Montaud / Zoomacom
Trouver le financement pour payer les coûts attenant à toutes les tâches listées dans ce document, afin de garantir une gratuité totale aux bénéficiaires finaux.
Demandes en cours :
  • 06/05/22 : Afnic

Recherche de partenaires

Acteur : Zoomacom
Pour adresser des publics pertinents à la filière de reconditionnement, il sera fait appel aux structures de proximité comme les centres sociaux, les amicales laïques, les MJC, les BIJ, les médiathèques, les EPN et autres.
Les financeurs de l’opération auront sûrement des critères propres, comme le fait d’être bénéficiaire du RSA par exemple, et ces critères devront probablement être croisés avec la connaissance des publics des structures de proximité pour obtenir le résultat le plus pertinent en termes de besoins.

Identification des structures ressources

Acteur : Zoomacom
La fin de la formation comprend une séance de visite des structures ressources voisines. Ces lieux hébergent des cours de FLE, des aides à l’e-administration, à la recherche d’emploi…
Ces structures ressources, déjà bien identifiées, doivent être requalifiées pour correspondre aux enjeux d’autonomisation des publics accompagnés.

Composition des groupes

Acteurs : Partenaires et financeurs
Les partenaires et financeurs composent les groupes de 10 personnes destinataires de la formation et du don de machines, suivant les critères déterminés avec eux.
Acteur : Zoomacom
Une machine remise en circulation sera donnée aux publics cibles et aux structures les accompagnant. Ce don est soumis à une unique condition : suivre la formation à l’utilisation de ces machines.
Les séances sont au nombre de six et regroupent la maintenance de premier niveau (hardware et software), l’utilisation de logiciels de base (mise à jour du système et des logiciels, navigateur web, traitement de texte, lecteur multimédia), l’utilisation d’un cloud libre, et une visite des structures ressources voisines.

AVAL : Service après-vente

Acteur : ACI Montaud
Les bénéficiaires, structures comme particuliers, dès lors que leur(s) ordinateur(s) ne fonctionnera plus, pourront l’amener à l’ACI Montaud pour le remplacer par un modèle fonctionnel.
D’une part, la machine repartira dans le cycle de reconditionnement.
D’autre part, les bénéficiaires n’auront qu’à paramétrer à nouveau leur cloud pour récupérer tous leurs documents importants.
NB : les machines porteront un autocollant avec les noms des parties prenantes pour bénéficier du SAV

Accueil des publics

Acteurs : Structures de proximité
Une fois les bénéficiaires formés et en possession de leur machine, et ayant visité les structures de proximité, ils pourront se rendre dans les structures de proximité proposant des ateliers sur l’e-administration, la recherche d’emploi,...


filière "Parcours numérique solidaire" (Dép. Drôme)
Conçue et mise en œuvre par le Département de la Drôme, la filière de reconditionnement d’ordinateurs destinés notamment à des allocataires du RSA, a été primée pour la 2ème fois au niveau national.
https://www.ladrome.fr/actualites/un-parcours-numerique-et-solidaire-en-argent/
  • Reboot écosystème
Grâce à la filière rouennaise Reboot Ecosystème, les entreprises et les collectivités locales de Rouen et de son agglomération peuvent offrir une seconde vie à leur parc informatique. Le matériel reconditionné sera redistribué via les collectivités locales aux personnes qui en ont le plus besoin.
https://rouen.fr/initiative/2022/reboot-ecosysteme
  • Sobriété numérique : le Sicoval s’engage dans la boucle (Toulouse)
Pionner sur le sujet de la transition numérique, le Sicoval vient de signer un accord avec plusieurs acteurs locaux afin d’expérimenter la mise en place d’une filière de reconditionnement de matériel numérique à destination des publics en situation de précarité.
https://www.sicoval.fr/sobriete-numerique-le-sicoval-sengage-dans-la-boucle/
Le Numérique Responsable en Nouvelle Aquitaine
https://naos-cluster.com/le-numerique-responsable-nr/


À FAIRE :

Base Bazar :
- Structures partenaires
- Agenda

Page de travail
Numérique Libre

Portail ADEI

Cher·ères partenaires, cliquez-ici : Tableur de suivi des participant·es Mattermost

Ce portail s'adresse aux professionel·les qui travaillent ensemble dans le cadre de l'opération Reconditionnement informatique, autour de la formation Accès aux Droits et à l'Equipement Informatique (ADEI), permettant de former les ménages du quartier Beaubrun-Tarentaize-Couriot (Saint-Étienne) éloignés du numérique de matériel reconditionné gratuit avec des logiciels libres.

Déroulé du projet

Avant la formation

  • Évaluation diagnostic : Évaluer les compétences numériques et de français selon une liste de pré-requis pour entrer en formation.
Évaluation diagnostic
  • Remise à niveau : Si l'évaluation n'est pas validée, le·a participant·e peut suivre une remise à niveau afin de repasser l'évaluation diagnostic après être monté·e en compétences sur les points non validés.
Carnet ADEI

Pendant la formation

  • Formation ADEI : Cinq séances de 3h30 sont dispensées pour former les participant·es. Une sixième est consacrée à la visite des structures de quartier pour identifier les lieux, personnes et activités possibles à l'issue de la formation.
Programme de formation
  • Entraînements : Entre les séances de formation, il est possible de s'inscrire à l'accompagnement "Emprunte un médiateur numérique" à l'Espace de Création Numérique de la Médiathèque de Tarentaize pour continuer à prendre en main un ordinateur sous Linux Mint.

Après la formation

Les volontaires voulant un accompagnement individuel ou poursuivre la montée en compétences numérique peuvent piocher parmi les trois parcours :
  • Parcours Accès aux droits
  • Parcours Emploi
  • Parcours Culture
Carnet ADEI

Agenda

Groupe 5

Les jeudis de 9h00 à 12h30.

Module 1 - Entretenir son ordinateur
Séance 1 : 17 octobre 2024
Séance 2 : 24 octobre

Module 2 - Utiliser son ordinateur
Séance 1 : 31 octobre
Séance 2 : 7 novembre
Séance 3 : 14 novembre

Module 3 - Visiter les structures de quartier
Séance unique : 21 novembre 2024


Affiches

Voici les affiches à diffuser sur vos réseaux sociaux tangibles et numériques.
image Affiche_ADEI_2024.png (0.2MB)
image Affiche_ADEI_octnov_2024.png (0.6MB)
Affiche version PDF : Affiche_presentation_ADEI_2024.pdf (1.5MB)

Cohortes passées

  • Groupe 1 (expérimentation) : janvier/février 2023, avec Terrain d'Entente (12 personnes) aux Moyens Du Bord.
  • Formation Sobri Etic : juin/juillet 2023, pour le service Inclusion Numérique de la Ville de Saint-Étienne (5 personnes + 3 associations) à la Maison du Projet de la Ville de Saint-Étienne.
  • Groupe 2 (expérimentation) : octobre/novembre 2023 (6 personnes) à la Maison de l'Emploi.
  • Groupe 3 (expérimentation) : février/mars 2024 (9 personnes) à la Maison de l'Emploi.
  • Groupe 4 (expérimentation) : avril/mai 2024 (6 personnes) à la Maison de l'Emploi.
Filtrer :  "CNFS42" "+ "3D"  "CNFS42" "+ "Arduino"  "CNFS42" "+ "Robotique"  "CNFS42" "+ "Seniors"  3D  3L  à finir  accessidev  Action publique  ADEI  Agenda  Aide  algorithmes  altervilles  Android  Animation  Anti-malware  Antivirus  Architech  Archive  Arduino  Art numérique  Atelier  Auto-formation  Avatar  Badges  BigBlueButton  Bilan  CARSAT  cartographie  Cartopartie  Catalogue  Centres Sociaux  CNFS  CNFS 43  cnfs15  CNFS42  CNFS43  CO2  Communication  communication PDN  communiqué de presse  competences  Compétences psychosociales  CONUM  Cookies  copil  CrealityCR10SPRO  Creative Commons  CRf  Croix-rouge  Cubelets  Cubetto  Culture  Cyberattaque  cyberharcelement  Cybersécurité  cybersexisme  Cyberviolences  data  DDOS  Découpe  découpe jet d'eau  Découverte  Design Tech Académie  DIY  données  e-mail  e-sport  eAdministration  Education aux médias  Éducation aux Médias et à l'Information  Éducation nationale  Électronique  email messagerie  EMI  Emploi  Emulateur  en cours  En travaux  Ender3  Enfants  Entreprises  Environnement  Epilog  EPN  EPN stéphanois  EPN VSE  EscapeGame  Espace Numérique Roannais Agglo  Étrangers  Exposition  Fablab Roannais Agglo  FabLabsLoire  Fabmanager  Fabrique de la Transition  FamillesRurales  Family Connection  fauteuil roulant  femmes  fiche andragogique  fiche d'accompagnement  fiche méthode  Fiche Pédagogique  Fiche projet  FicheProjet  filles  Firewall  Foire de Saint-Étienne 2019  Formation  FormLabs  Fraisage  fraiseuse  FreeCAD  Fréquence Écoles  genre  Graphisme  Groupes  Halot-One  Handicap  Hinaura  Impacts  Impression 3D  Impression3D  Inclusion Numérique  information  Informatique  Ingénierie sociale  Inkscape  Intelligence Artificielle  IT  JE23VillageFiche  Jeux  Jeux vidéo  joystick  Juridique  Kryta  La Source Numérique  laser CO2  LeoCAD  lien social  LinkedIn  Linux  Logiciel  Logiciels Libres  Loire  Maintenance  Makey makey  Makey-Makey  Malware  Maquette  Matériel  Mattermost  MD43  MDX-50  Médias sociaux  Médiathèques de Roanne  Médiation numérique  MedNum42  MedNumLoireForez  Messagerie  Métiers du numérique  Minecraft  Minetest  Modèles économiques  modules  MOOC  Musique  MVCSE  Newsletter  NLCyber42  NodeMCU  NumeriqueLibre  NumLibre  Objets connectés  oclock  Openagenda  OpenFactory  OpenFactoryDIY  Openscop  Openshot  OpenStreetMap  Ordinateur  OSPA  Page avec medias manquants  Pages sans contexte  PANA  Pare-feu  Parentalité  Patrimoine  PDN  PDNCamp  Pédagogie  PerezCamp  petite enfance  Phishing  Piskel  PIX  Pixel Art  PLA  Podcast  politiques numériques  Portail  presentation  Presse à injection  Primo  Procédures  Programmation  Projets  Promeneurs du Net  Protection  QR Code  R&D  Radar  RadioBox  Rançongiciel  Raspberry Pi  Réalité virtuelle  Recherche Emploi  regroupement  REMN  REMNG1  REMNG2  REMNG3  Repair Café  résine  Ressourcerie  Ressources  Retrogaming  RGPD  Rive de Gier  Rive2Geek  Roannais Agglomération  Robotique  S5  Scratch  Sénior  seniors  sexualité  Silhouette Cameo  Silo  SLA  Snapmaker  Soupe Digitale  Sphero  Statistiques  Stencyl  StephT  Surveillance  Tablette  Téléphone  territoire  Test  Théâtre  Thymio  TinkerCad  tourisme  Transition  Tutoriel  Twitch  Ultimaker  UltimakerCura  Veille  Ville numérique  Vinyle  Vocabulaire  VotAR  VR  Wazer  Wi-Filles  Wiki  Windows  Wordpress  xml  YesWiki Thèmes  Youtube  Zoomacom  Zoomatos