Voir la source de Archive:BP Jeps CEMEA 2009

= BPJEPS TIC =

== Organisation ==
* Lundi après midi 14h30-17h30
* Mardi et jeudi toute la journée 9h-12h30 et 14h-17h30
* les rendre acteurs : groupe de travail à décliner en mode pratique, évaluation a posteriori, travail de veille

= Lundi 16 aprés midi =
=== Nouvelles formes artistiques, culturelles, ludiques ===
* qu'est-ce que l'art numérique ? comment voyez vous internet, les TIC ?
* Pourquoi et comment construire un discours critique
* Interaction temps réel, arts éléctroniques numériques multimedia : 
** intro 
** principes de l'interaction : [http://ressources.levillagenumerique.org/index.php/Le_Principe_des_logiciels_Temps_r%C3%A9el Entrées - Filtration / traitement - Sorties]
* décryptage d'une installation interactive : [http://www.pingbase.net/wordpressfr/wp-content/uploads/2009/07/decryptage_installnum.pdf par PING]

* historique, typologie [http://ressources.levillagenumerique.org/index.php/Une_Histoire_de_l%27Art_Interactif%2C_de_1900_%C3%A0_nos_jours]
* créations actuelles, culture du détournement, low tech, culture open source [http://ressources.levillagenumerique.org/index.php/Quelques_exemples_de_r%C3%A9alisations_actuelles]

=== Construire un discours / TIC ===
* discours sur la société de l'information, la place des artistes / critique, la place des technologies ....

=== Place et rôle de l'animateur dans l'activité ===
* maitriser le discours sur ces outils technologiques, notamment au regard de jeux vidéos parfois bcp + perfectionnés

= Mardi 17 matin =
=== Outils en ligne, web 2.5 ===
Ateliers "prêts à l'emploi"
* la cartoonerie : http://www.lacartoonerie.com/, http://goanimate.com/
* glow doodle: http://scripts.mit.edu/~eric_r/glowdoodle/

* montage multimedia
** image : http://www.picnik.com/
** vidéo : http://jaycut.com/
** audio : http://aviary.com
** géolocalisation : google earth
* jeux mobiles : 
** 5ème dim : http://les5emesdim.du-libre.org/dokuwiki/doku.php
** les blast theory, : http://www.blasttheory.co.uk/bt/work_yougetme.html
** via metamap ... un jour
pour se fabriquer un jeu géolocalisé :
** http://www.mscapers.com/
** http://www.geocaching.com/ : s'informer sur les particularités de son quartier, trouver une "cachette" dans un endroit particulier, y déposer une boite contenant une surprise
** http://selectparks.net/modules.php?name=News&new_topic=18
** http://selectparks.net/modules.php?name=News&new_topic=47

* Matière première :
Audio
** http://www.freesound.org
** http://www.jamendo.com/fr/
** http://www.dogmazic.net

= Mardi 17 aprés midi =
== Construire une animation multimedia ==
* préparer le déroulement de l'atelier : 
** définition d'une thématique abordée, d'un cadre au projet
** définition d'un cadre pédagogique (points à travailler)
** écriture d'un déroulé de l'atelier : étapes, temps individuels/collectifs, moments de mise en commun et de valorisation
** auto-évaluation des éléments apportés a priori aux participants (valeurs transmises, éléments de réflexion)
     questionner sur la posture de l'animateur : comment intégrer des outils numériques pour création, favoriser l'expression, la prod de contenus dans le cadre d'animations
     comment favoriser l'appropriation de ces outils ? posture à adopter, veille à réaliser pour avoir une vision autonome des enjeux et possibilités autour du numérique
     savoir adapter le discours en fonction des publics, rôle de médiateur, mediation 
* préparation technique
** identifier des personnes/lieux/sites web ressources
** estimer les besoins en fonction de ses compétences
** solliciter de l'aide, un accompagnement technique via des personnes ressources ou des systèmes d'entre aide en ligne
** tests préalables des outils et matériels utilisés idéalement sur le lieu où se passera l'animation
** adéquation des outils / public visé, évaluation de la difficulté technique
* déroulement, animation de l'atelier
** participation des jeunes à la définition du sujet
** tout se passe bien :)
* valorisation de l'atelier
** imaginer une forme pour diffuser les productions : dispositif interactif, projection, expo, ...
** relater de l'expérience par le net
** s'inscrire dans un réseau de structures menant des activités similaires

=== Application ===
Atelier interactif multimedia autour du réchauffement climatique : "organisation d'une manifestation"

mots clef : Copenhague, 2050, réchauffement climatique, CO², effet de serre, politiques environnementales, industrialisation, solutions, militantisme, chine, états unis, sensibilisation, 1 tasse de thé bien chaude, 1 avatar brésilien, générations futures, développement durable

==== 1 déclencheur, 1 contenu ====
* déclencheurs :
** reactable, marqueurs
** caméra, captation de mouvement, réalité augmentée (ouverture porte > symbol)
** audio
** capteurs
** manette wii
** souris, clavier
** temps
* contenus :
** vidéo : mash-up déclarations, clips, animation cartoonerie, stop motion
** audio : montage, remix discours
** photos : diaporama (interaction = on peut faire "bouger" les choses), glow doodle en extérieur
** plastique : sculpture, installation
** texte : mix journaux, déclarations, poèmes
** web : pachube, twitter, facebook, google earth (parcours)

Mind map

==== Groupes ====
* Création des contenus
puis
* scénographie, conception du dispositif
* construction / installation des éléments du dispositif, création des objets interactifs (reactivision)
* habits, chapeau interactif (motif reactable)
* mise en place des outils numériques
* communication : outils de com' pour promouvoir l'évènement
* promotion web : blogs, twitter, facebook, mailing lists

== ateliers transversaux ==
* La Cartoonerie
* mash-up : récup d'audio / de vidéos en ligne et remix
* dessine moi la ville : utilisation de glow doodle dans l'espace public
* L'oeil de moscou remix
* recherches historiques / particularités sur internet
* construire un dispositif interactif, une réactable
* manip arduino, capteurs, circuit bending

= Jeudi 19 matin =
* Pure Data : 
** présentation, possibilités
** exemples d'utilisation, patchs utilisables en animation (tv mon beau miroir, theshoothemup, stopmotion, square room...)
** possibilités de développement de nouvelles animations avec ces outils : opportunités et difficultés, veille, ressources mobilisables
** écriture de scénario interactifs d'usages

= Jeudi 19 aprés midi =
* scratch
* atelier pratique
* Synthèse : ré-interroger la fonction de l'animateur lambda, mais qui a une sensibilité au multimedia et aux arts numériques :
** questionner sur la posture de l'animateur : comment intégrer des outils numériques pour création, favoriser l'expression, la prod de contenus dans le cadre d'animations
** comment favoriser l'appropriation de ces outils ? posture à adopter, veille à réaliser pour avoir une vision autonome des enjeux et possibilités autour du numérique
** savoir adapter le discours en fonction des publics, rôle de médiateur, mediation

Responsable formation sur place : Frédéric Walter (06 70 74 12 89)
Le lieu : Tours en face d'IKEA, sortir après

CEMEA (Centre Entrainement aux Méthodes d'Education Active)
ALLEE DE LOMBARDIE
37000 Tours
[http://maps.google.fr/maps?q=ALLEE+DE+LOMBARDIE+37000+Tours&oe=utf-8&client=firefox-a&ie=UTF8&gl=fr&ei=pUD4SofDJpSt4QbC0KDaAw&ved=0CA0Q8gEwAA&hq=&hnear=All%C3%A9e+de+Lombardie,+37000+Tours,+Indre-et-Loire,+Centre&z=16]

= S du 9 mars 09=

=== Géolocalisation===

Projets Artistiques 
* [http://www.laboratoryplanet.org/ laboratoryplanet.org]
* [http://www.imaginarylandscape.fr/ imaginarylandscape.fr]

Projets Communautaires
* [http://www.meipi.org/asturies.map.php meipi.org/asturies.map]
* [http://loc.alize.us/#/tag:nature/geo:47.279229,71.718750,2,k/ loc.alize]
* [http://numo.levillagenumerique.org/ Numerise Orléans]
* [http://www.panoramio.com/ panoramio.com]

===Droit ===
* [http://ww2.ac-poitiers.fr/guide/spip.php?page=imprime&id_article=16 droit / propriété intellectuelle]
* [http://www.sup.adc.education.fr/bib/Publ/Guides/droit/droitde.htm droit à l'image]
* [http://www.cnil.fr/ CNIL]
* [http://serialwireless.net/article.php3?id_article=124 sur la question de la géolocalisation]

* [http://cyberbasetic.podemus.com/cat/legislation/legislation/ Aspects juridiques]
** [http://www.industrie.gouv.fr/guidepropintel/fiches_pratiques/contrats_projet_R_et_D.htm] 
** [http://www.industrie.gouv.fr/guidepropintel/outils_contractuels/consortium.htm#chap13]
** [http://fr.wikipedia.org/wiki/Droit_d%27auteur]
** [http://www.celog.fr/cpi/lv1_tt2.htm]


Ressources officielles 
* [http://www.celog.fr/cpi/ Celog]
* [http://www.legalis.net/ Legalis]
* [http://www.juriscom.net/ juriscom]
* [http://www.jurisexpert.net/ jurisexpert.net]


* [http://www.ien-montmorency.ac-versailles.fr/documents_et_pages/quizz_eleve/quizz_eleve.htm Quizz 1]
* [http://www.obseo.com/clients/ressources/generateur/78/l78ntr766/l78ntr766.asp Quizz 2]

===Retouche d'images ===

* [http://urfist.enc.sorbonne.fr//image_numerique/theorie.htm urfist.enc.sorbonne.fr] La théroie concernant les images numériques
* [http://www.commentcamarche.net/contents/video/lumiere.php3 Commentcamarche.net] La lumière
* [http://www.techno-science.net/?onglet=articles&article=9 techno-science.net] La compression d'une image numérique
* [http://akvis.com/fr/articles/graphique-pour-web/index.php akvis.com/fr] L'image dans l'univers du Web
* [http://www.irht.cnrs.fr/formation/cours/acq/numerique.htm irht.cnrs.fr] Le principe de numérisation
* [http://www.3dcliparts.com/html/format_image_psd_tif_jpeg_gif.php 3dcliparts.com] Comparatif de formats d'images

* [http://aboudet.chez-alice.fr/doc_rayons/couleurs.html Tout sur les couleurs]

A retenir :
* Images pour le print, pour l'impression : au moins 300 dpi, système de synthèse de couleur CMJN
* Images pour le web : 72 dpi, système de synthèse de couleur RVB 

Le nombre de dpi renseignant sur la résolution de l'image : rapport entre le nombre de pixels et la taille de l'image / soit la quantité d'informations codées pour représenter l'image dans un tableau matriciel.<br/>
CMJN et RVB se rapportant au système de synthèse de couleur : RVB (Rouge, Vert, Bleu) dans un système additif où les couleurs sont créées à partir de sources lumineuses Rouge vert, Bleu, le Blanc étant obtenu par la somme des trois couleurs primaires et CMJN dans un système soustractif où les couleurs sont créées à partir d'une source de lumière blanche à laquelle on ajoute des filtres Cyan, Magenta, Jaune, le noir étant la somme des couleurs.

===Construction d'une activité d'animation ===
* pour quels publics / les caractéristiques des publics
* pour quels objectifs / expl :
** meilleure connaissance de son environnement
** apprentissage de l'utilisation des TIC
** stimuler la capacité de création, d'expression
** apprendre à travailler avec les autres
* suivant quelle démarche / les étapes de l'activité
* quel sera le rôle de l'animateur
* quelles sont les ressources utiles à l'activité

= S du 6 avril 09=

=== Taxonomie des usages des TIC===
* Communication (forums, chat, plate-forme de travail collaboratif type wiki, web blog...)
* Recherche d'infos (moteurs de recherche, annuaires, Systèmes de syndication RSS, Peer-to-peer, anti virus...)
* Création (son, image, bureautique, PAO, conception Web...)
* Organisation/plannification (agendas partagés, logiciels de planification)
* Présentation (Power Point, tableaux interactifs)
* Expérimentation (modeleurs 3D, micromondes pédagogiques, laboratoires virtuels)

=== Histoire de la Société de l'information et de la Communication===
* Les avancées en mathématiques
* Les avancées en sciences et techniques
* Les avancées en philosophie

* Les enjeux de la société de l'information et de la Communication<br/>
> Ressources bibliographiques <br/>
* Armand Mattelart : Histoire de la société de l’information, Paris, La Découverte.
* Pierre Levy : Cyberculture. Editions Jacob, Paris 1997, Qu'est-ce que le virtuel ?. La Découverte, Paris 1995

=== TIC et processus cognitifs===

* [[Les caractéristiques des Technologies de l'Information et de la Communication]]
* [[L'histoire des sciences de l'éducation]]
* [[La pédagogie appliquée aux Technologies de l'Information et de la Communication]]
* [[Les opportunités des Technologies de l'Information et de la Communication pour les actions à caractère éducatif]]

=== Les structures, organismes de référence dans le champ des pratiques numériques ===

Informations en ligne :
* [http://www.education.gouv.fr/realisations/communication/samra.htm PAGSI]
* [http://www.admiroutes.asso.fr/action/theme/reforme/pagsi2000.htm L'analyse des pouvoirs publiques]
* [http://www.internet.gouv.fr/ Le portail la Société de l'Information Internet / Etat]
* [http://www.ebsi.umontreal.ca/jetrouve/internet/index.htm Les outils pour rechercher de l'information sur Internet]
Centres de ressources en ligne : 
* [http://www.medias-cite.org/ Media Cité]
* [http://projets-culture.medias-cite.org/?action=recherche Base de données de projets culturels et artistiques] 
* [http://www.culture-multimedia.culture.fr/Le portail de la culture]
* [http://www.videontv.org Vidéon]
* [http://www.epn-ressources.be/ Centre de ressources des E.N. de Wallonie]
Les lieux :
* Bibliothèque Municipale à Vocation Régionale (BMVR) Troyes.
* [http://www.ecmkawenga.com/espaceweb/index.htm Kawenga] 
* [http://www.zinclafriche.org/ La Belle de Mai]
Les Sites Internet :
* [http://www.fing.org La FING]
* [http://www.i3c-asso.org/ I3C] 
* [https://www.echosdunet.net/dossiers/artesi Artesi]
* [http://vecam.org/ VECAM]
* [http://www.villes-internet.net/index.php Villes Internet]
* [http://sites.estvideo.net/gfritsch/doc/rezo-cfa-402.htm#Carac Rezo]
Les événements.
* L'Université d'été de la communication d'Hourtin
* [http://www.a-brest.net/article3218.html Brest]

=== Glossaire ===

* [http://fr.wikipedia.org/wiki/D%C3%A9terminisme_technologique déterminisme technologique] 
* [http://fr.wikipedia.org/wiki/R%C3%A9alit%C3%A9_virtuelle réalité virtuelle]
* [http://fr.wikipedia.org/wiki/St%C3%A9r%C3%A9oscopie stéréoscopie]
* [http://fr.wikipedia.org/wiki/D%C3%A9terminisme_social déterminisme social]
* [http://fr.wikipedia.org/wiki/Information information]
* [http://fr.wikipedia.org/wiki/Communication communication]
* [http://fr.wikipedia.org/wiki/Cybern%C3%A9tique cybernétique]
* [http://fr.wikipedia.org/wiki/Taxonomie taxonomie]
* [http://fr.wikipedia.org/wiki/Espace_public_num%C3%A9rique EPN], [http://www.ecm.culture.gouv.fr/ ecm], [http://www.generationcyb.net/Qu-est-ce-qu-un-Point-Cyb,0074 Point Cyb], [http://www.cyber-base.org/cyberbase/accueil.do Cyber base]
* [http://fr.wikipedia.org/wiki/NTIC technologies de l'information et de la communication]

== Contexte ==
Les anims ont des machines différentes, ils n'ont pas tous un ordinateur perso
Sur place la connexion Internet n'est pas terrible
11 animateurs

Ce qui a déjà été fait : 
* communiquer-doud (outils OO+PAO, formats d'images + production d'anaglyphes..), 
* logiciels libre et gratuit + installation linux-doud
* les usages des TIC en situation d'animation+péda...-doud, 
* Web 2.0-Anne-claire
* vidéo audiovisuel-Paul

Ce qui reste à faire :
* détournement, bidouillage, interaction tps réel
* Appropriation de dispositifs et de technologies pour une intégration dans un projet d'animation 
* maîtrise d'un discours et place et rôle de l'animateur dans l'activité.
Exemple : circuit bending...

[[Category:Archives]]