# data[].attributes.body
https://www.artsteps.com/profile/5d5423a46e67990488b7d74a

# data[].attributes.attachment_link.readable_text
Environnement numérique

Sylvain Vuilleret 28/11/19

Index

1 ) Les objectifs

2) définition "numérique"

3) Le déroulé de la conception numérique

LEXIQUE

4) Les outils de captation du réel

5) Les outils "grand public" de conception en ligne

Exemples de valorisations

6) Restitution en ligne traditionnelle (formatage ?)

7) Des restitutions plus particulières

Bilan/ Questions

Définition des objectifs de l'intervention :

01

principalement accès sur la "monstration"

Donner une méthode de travail et des outils pour capter le réel puis le traiter et le restituer dans un environnement numérique.Proposer des outils adaptés au corps professoral .Proposer des outils exploitables en cours par des élèves, (Attention aux logiciels professionnels )Inscrire cette intervention dans une suite de rencontres programmées

Un vocabulaire commun

LEXIQUE

Définition du terme "NUMÉRIQUE"

02

Mettons nous d'accord !

Se dit de la représentation de données, de grandeurs physiques sous forme de nombres (opposé à analogique), ainsi que des procédés utilisant ce mode de représentation.Traitement numérique de l'information (numériser)

Le numérique un simple vecteur de média ou un langage?Quel(s) type(s) de média transporte-t-il ?

Deux questions à (se) poser

03déroulé de conception numérique :

présentation

Avant toutes choses, Commencer par définir la dernière étape: le "partage".

"Commencer par définir la dernière étape: le "partage".

déroulé de conception numérique

03

1) Répondre aux questions

2) Capturer le réel, le numériser

Pourquoi, pourqui ?Qui, quoi, où, quand, comment ?

a) Outils.

Des outils qui captent mieux le réel ?

a ) Organiser, sélectionner, trier

Une étape surement encore plus longue avec le numérique, mais indispensable.

3) Traiter le réel

a) Exporter

4) Partager notre travail.

b) Méthode(s).

Une profusion de méthodes ( simple ?) pour une profusion "d'opérateurs".

c) Limites et difficultés

Le faux amis de la facilité du numérique, de sa rapidité et de sa multiplication.

b) ValoriserDéconstruire reconstruire

Le coeur de la création, et l'interêt du numérique.

c) Limites et difficultés

Une somme de savoir incommensurable

b) héberger/archiver

c) Limites et difficultés

Une multitude de support possible et pas de garantie de pérennité

Il en existe beaucoup, notament chez adobe. Attention à la compatibilté.

Plus polyvalent ils permettent un traitement direct.

A ne pas négliger, mais ils ralentissent la chaine de conception.

APN et outils de prise de vue/son "traditionnels"

Des application "grand public" à connaître

Smartphones/tablettes

Les outils de capture du réel .

04

KAVIAR, Adobe Aero, Slapstick

Réalité augmenté

Adobe Sketch, Adobe Comp, Adobe Draw, Assembly, Canva

Figure, Tabletop, IMPC, GaraBand, Sample Lab

PAO/dessin/illustration

MAO

Ressources et applications tablettes

04

"Y a pas tout, mais faut tester !" ;)

Animation/vidéo

Spark Vidéo, Stop Motion, PIxaloop, Photofox, Fragment, imovie, Folioscope, Flipaclip, Vidéoleap

Retouche Photo

Photoshop Fix, Photoshop Mix

Divers

Adobe Capture, Sculpt, Storyboard, Measure 3D, Magicplan, A tout faire (tinybop)

Mapping

Projection mapper

Programmation

Tickle, playgrounds, SketchNation

Ils ne remplaceront pas des outils professionnels

Très propre et rapide, mais très formaté

Simples, gratuits, accésibles.

intérêt et limites de ces outils

Adobe Spark

Canva / Genialy

Les outils "grand public" de conception en ligne

05

(traitement des médias)

INFO

INFO

sécuritaires mais pas les plus faciles.

Vimeo, Soundcloud, Dailymotion, facebook, instagrame,... : faciles, grande diffusion mais formatage du contenu.

plus originales et adaptées, mais demande un savoir faire et du temps.

Réseaux sociaux

Les outils académiques

Plateformes professionnelles et Outils dédiés

Restitutions en ligne traditionnelles

05

formatage ?

Des restitutions plus particulières

02

mais moins accésible !

Définition et usages possibles (limites) : ex : slapstick, Kaviar et Adobe Aero

Réalité augmentée

INFO

Une immersion complexe en environnement scolaire, mais des possibilités (ex : giroptic)

Réalité virtuelle

Des restitutions spectaculaires mais extrêmement contraintes.ex : optoma projection Mapper

Mapping vidéo

INFO

De l'interactivité et de l'originalité pour le public, mais un vrai savoir faire nécessaire. ex : makey makey/srcatch

Programmation et objets connectés

INFO

You can write a subtitle here

+190

Le numérique offre de nouvelles possibilités de création et de diffusion, mais pour pouvoir être exploité pleinement il impose souvent des collaborations.

8

Bilan et Questions :

Merci de votre attention !

Analogique :Le principe de l'analogique est de reproduire le signal à enregistrer (audio , vidéo...) sous forme similaire sur un support (magnétique en général)application : Programme ou ensemble de programmes destiné à aider l'utilisateur d'un "ordinateur/tablette...." pour le traitement d'une tâche précise.Données de grandeurs physique : est une caractéristique d'un objet que l'on peut mesurer, ou même toute propriété mesurableFormatage : Action de rendre conforme à un modèle.Médias : Procédé permettant la distribution, la diffusion ou la communication d'œuvres, de documents, ou de messages sonores ou audiovisuelsNumérique :Qui est représenté par un nombre, se fait avec des nombres.Plateforme numérique : est un environnement permettant la gestion et/ou l'utilisation de services applicatifs.

lexique

02

lexique

02

Réalité augmenté : La réalité augmentée est la superposition de la réalité et d'éléments calculés par un système informatique en temps réel. Elle désigne souvent les différentes méthodes qui permettent d'incruster de façon réaliste des objets virtuels dans une séquence d'images.Réalité virtuel : Technologie qui permet de plonger une personne dans un monde artificiel créé numériquement.Système d'exploitation : ensemble de programmes permettant de faire fonctionner et contrôler un appareil informatique.Tracking : système logiciel qui permet suivre un déplacement. Le tracking le plus connu est le tracking vidéo utilisé dans les films ou les jeux vidéo.Vecteur : Tout ce qui véhicule un message ou des informations.

Vidéos de présentation de quelques exemples de réalisation de l'association PIX3L

Exemples de valorisations numériques

# data[].attributes.attachment_link.title
valorisation numérique by sylvain on Genially

# data[].attributes.attachment_link.description
Environnement numérique Sylvain Vuilleret 28/11/19 Index 1 ) Les objectifs 2) définition "numérique" 3) Le déroulé de la conception numérique LEXIQUE 4) Les outils de captation du réel 5) Les outils "grand public" de conception en ligne Exemples de valorisations 6) Restitution en ligne traditionnelle (formatage ?)

# data[].attributes.body
gabrielle

# data[].attributes.attachment_link.title
DOC 2020 Evaluation règle du jeux page 2 NB par semestre

# data[].attributes.attachment_link.title
DOC 2020 Evaluation règle du jeux page 1 couleur par semestre

# data[].attributes.body
Fred, JBaptiste, Anne

# data[].attributes.attachment_link.title
Sitographie galeries virtuelles Formation numérique 3

# data[].attributes.attachment_link.title
La monstration de l’art de façon virtuelle

# data[].attributes.attachment_link.provider_name
Ministère de l'Education Nationale et de la Jeunesse

# data[].attributes.attachment_link.title
Réseaux apprenants by natacha-cecile.petit on Genially

# data[].attributes.attachment_link.description
Natacha Petit 29.11.2019 Les Réseaux apprenants " Dans une organisation apprenante, tous les membres apprennent les uns des autres " François Taddei, Vers une société apprenante L'articulation de formation et TRaAM Art et numérique 1 Formation des référents de réseaux J 1 TURFU Vendredi 18 octobre 2019 J 2 &

# data[].attributes.attachment_link.title
mise en parallèle attendus fin de cycle

# data[].attributes.attachment_link.title
programmes option PREMIÈRE ( et cycle terminal)

# data[].attributes.attachment_link.title
Programme spé PREMIÈRE ( et cycle terminal)

# data[].attributes.attachment_link.readable_text
PRESENTATION,TURFU,CAEN,conférences,ateliers,cartographies subjectives,pratique consistant à sanner avec son telephone via des applis un objet et à le placer via d'autres applications dans une image 360 degrés,l'autreatelier,TEAM,geniallysparkunitag,INDEX,utilisation de logiciels en ligne,ateliers,conference,test,canope,ces logiciels sont plus attractifs que nos anciens "médiator" ou libre office " ...,pas rempli,matin _ sylvain vuilleret - association pixel - (médiaion aux cultures numériques) - toujours penser la finalité en amont - la restitution -Pour quoi pour qui - capturer du reel - traiter en virtuel - patager - retour au réelIntéret de fragmenter un travail pour avoir une production intéressante à la fin en raison du temps que cela prend- difficulté d'utiliser des appareils traditionnels ( appareil photo) chronophages au moment de la numérisation.plutot utiliser tablettes ou smartphones des élèves. tablettes mac reconditionnées ( 250e) sinon pas la peine , ça rame et montant de sécurité autour.Utilisation de classroom - stokage des cours- les établissemnts doivent en faire la demandeListes d'applis gratuits pour tablettes - dont canva - genially- sparkcréer une page web en scrawl ( deroulé vertical)réalité augmentée - KAVIAR - Mapper - projection mapper sur ios uniquementApres midi travail en groupe mise en relation d'images et animations sur les applis - restitution , mise en communcarte mentale ( appli)Début dune proposition problématique - questionnement- enjeux - notions etc ...sur restitution - monstration,parapsification - pinch to zoom,canope - apres midi

# data[].attributes.attachment_link.title
turfusimon by simon.gabrielle on Genial.ly

# data[].attributes.attachment_link.description
PRESENTATION,TURFU,CAEN,conférences,ateliers,cartographies subjectives,pratique consistant à sanner avec son telephone via des applis un objet et à le placer via d'autres applications dans une image 360 degrés,l'autreatelier,TEAM,geniallysparkunitag,INDEX,utilisation de logiciels en ligne,ateliers,conference,test,canope,ces logiciels sont plus attractifs que nos anciens "médiator" ou libre office " ...,pas rempli,matin _ sylvain vuilleret - association pixel -

# data[].attributes.body
Exploration visuelle et sonore d'Anne et Fred

# data[].attributes.attachment_link.title
Image interactive by annebroudic on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Interactive Image

# data[].attributes.attachment_link.title
Image interactive by berdesbois on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Interactive Image

# data[].attributes.body
Gabrielle

# data[].attributes.attachment_link.readable_text
TURFU FESTIVAL

RECHERCHE ET INNOVATION PARTICIPATIVES

OCTOBRE 2019

dôme

#

galerie

stories

CAEN

liens

https://padlet.com/mael_judic1/FormationNumerique3Formation numérique niveau 3Ressources et...Padlet

# data[].attributes.attachment_link.description
TURFU FESTIVAL RECHERCHE ET INNOVATION PARTICIPATIVES OCTOBRE 2019 dôme # galerie stories CAEN liens https://padlet.com/mael_judic1/FormationNumerique3Formation numérique niveau 3Ressources et...Padlet

# data[].attributes.attachment_link.title
turfu by natacha-cecile.petit on Genially

# data[].attributes.attachment_link.description
Discover more about turfu ✌️ - Presentation

# data[].attributes.attachment_link.title
pumus_1164-5385_1999_num_16_1_1142 LA MONSTRATION DANS L'ART DANS LES REGIMES SCOPIQUES CONTEMPORAINS

# data[].attributes.attachment_link.title
Image interactive by karl.moreau on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Interactive Image

# data[].attributes.attachment_link.title
Créer une image interactive avec Genially

# data[].attributes.attachment_link.readable_text
Tutoriel Genial.lyAjouter une vidéo

Cliquez sur "Se connecter"

Cliquez sur "Utiliser un autre compte".

Adresse : poleaprouen@gmail.com

Mot de passe : ********

Cliquez sur l'icône caméra.

Mettre en ligne une vidéo.

Sélectionnez un fichier.

Sélectionnez le fichier sur votre ordinateur.

Renseignez le titre et la description.

Précisez que le contenu est conçu pour les enfants.

Cliquez sur "Suivant".

Mettre la visibilité en "Publique"

Cliquez sur "OK".

Cliquez sur "Options".

Créer un lien de partage.

Collez le lien Youtube.

# data[].attributes.attachment_link.title
Tutoriel Genially by Mael JDC on Genially

# data[].attributes.attachment_link.description
Tutoriel Genial.lyAjouter une vidéo Cliquez sur "Se connecter" Cliquez sur "Utiliser un autre compte". Adresse : poleaprouen@gmail.com Mot de passe : ******** Cliquez sur l'icône caméra. Mettre en ligne une vidéo. Sélectionnez un fichier. Sélectionnez le fichier sur votre ordinateur. Renseignez le titre et la description.

# data[].attributes.attachment_link.title
Tuto Adobe Spark Page (complet en français)

# data[].attributes.attachment_link.title
Tutoriel Genially 2019 - Bases et Collaboration (1 sur 2) (français)

# data[].attributes.body
Artsteps

# data[].attributes.attachment_link.title
Genially, l'outil pour créer des contenus interactifs

# data[].attributes.attachment_link.description
Utilisez Genially, l'outil en ligne le plus complet pour créer des contenus interactifs et animés. Rendez tout ce que vous créez halluciant.

# data[].attributes.attachment_link.readable_text
Un code QR ressemble à un code-barres en deux dimensions et est typiquement composé de pixels noirs et blancs. Denso Wave, filiale de Denso, fournisseur de pièces détachées pour Toyota, a développé cette technologie pour accélérer les processus logistiques de sa production automobile (rappelons que QR sont les initiales de l'anglais " quick response ", réponse rapide). Depuis l'avènement des smartphones, les codes QR font partie intégrante du marketing mobile.
En savoir plus

# data[].attributes.attachment_link.title
QR Code Generator | Créez vos propres codes QR gratuitement

# data[].attributes.attachment_link.description
QR Code Generator, pour vos URL, vCard et bien plus. Ajoutez un logo, des couleurs, un cadre et téléchargez vos codes QR en haute qualité. Faites l'essai !