BIBLIOGRAPHIE

-A- Animation de groupes, Brises glace ...

• Collection de brise-glace
•  
• Brise glace, jeux de présentation, animation de groupe...

-A- ANIMATION DU TERRITOIRE, ÉDUCATION POPULAIRE NUMÉRIQUE et EAC,

• IL ETAIT UNE FOIS INTERNET : plateforme de conférences autour des composantes d'internet : TSSL, FAI ...( le site)
• Dispositif (belge) PMTIC (ressources en ligne de type epn et Cyberbase)
• Dispositif sur LYON : la fabrique à liens
• ECOLE NUMERIQUE FRANçAISE : la politique et les apples à projets de l' EN en matière de numérique à l'école : ecole numerique
• EDUCTHEQUE : ressources pour les enseignants, travail avec l'AFP... : edutheque.fr
• Plan culturel numérique canadien : planculturelnumerique.culturepourtous.ca
• Rapport Doucet sur l'EAC= maintien notamment en zones rurales et ZEp ( S. Doucet janvier 2017)
•  
• NUMERIQUE ET SOCIETE : les civic tech : les sauveurs de la démocratie
  Def : technologies à visée citoyenne
  1er courant : vient des USA d'Obama oó s'allient la transparence des institutions la coopération des agences gouvernementales et la participation des citoyens.
  2e : les plateformes participatives de rationnalisation du bénévolat (Waze) ou des cartographies électorales citoyennes / fraudes.
  EN FRANCE : ce sont les plateformes électorales, celles de pétitions et les réseaux sociaux avec les communautés d'engagements civiques.
  MAis cette typologie ne fait pas le tri entre Google ou les plateformes de "surveillance" des politiques comme nosdeputés.fr
  Une nouvelle typologie semble plus pertinente :
  - un axe allant des plateformes type contre pouvoir à celles collaborant avec les pouvoirs publics en tenant compte de leur contraintes
  - un axe de transformation radicale de la vie publique jusqu'à une extrémité de perfectionnement de l'existant
  groupe 1 : "critique externe" tend à rendre publique à analyser la chose publique pour mettre en lumière les lobbies. Ici nous sommes proches des "donneurs d'alerte"
  groupe 2 :"les réformateurs externes" approfondir le fonctionnement de la représentation en favorisant la collaboration entre citoyens et institutions.
  grouope3 : "les réformateurs critiques" : la plateforme comme contre pouvoir pour transformer la démocratie institutionnelle, change.org,
  groupe 4 : "les hackeurs embarqués" de l'intérieur ceux qui proposent des outils permettant aux citoyens de proposer des lois ... (Finlande pour transformer la démocratie.)
  D'autres dispositifs permettent aux citoyens de s'associer à l'écriture des lois(ex. Axelle Lemaire pour la loi numérique de 2015), la primaire.org...
  Mais ces civic tech restent dans le quantitatif et incapablent de "changer les réalités vécues" ne sont tolérées par les politiques que pour masquer une lutte sur les inégalités inefficaces à la transformation.
  Un nouvel espace de débat doit voir le jour et ces plateformes doivent sortir de leur entre-soi de concepteurs.
  De plus un modèle économique doit être défini et choisi en conséquence : la solution propriétaire plus efficace dans son déploiement mais moins adaptative au local et accusée parfois de laisser ses clients orienter ses résultats ou la logique LIBRE plus lente pour une maturation plus fidèle aux situations paticulières.
  source : le lien (la vie des idées mai 2017)
• MOOC sur LES DIGITALs MEDIAs by MCD
• Digital MEDIA by MCD

-A- ARTISTES et lieux et FESTIVALS

LIEUX - FESTIVALS

• ARTECHOUSE : gallerie, centre d'art à Wachington DC dédié à la création numérique
• BIENNALE de St Etienne : Design
• DRUID UNDERGROUND FILM FESTIVAL : festival underground US : Ovni et nanars ici
• REncontres internationales PARIS - BERLIN : nouveau cinéma et art contemporain (En juin) :
  Site ressources ART ACTION




ARTISTES

Architectures imaginaires :

Pinterest

DEMARCHES artistiques, et artistes par noms

• Carlos Aires(ART & VALEURS)
Vidéo "Sweet Dreams", rapport à l'argent et à la vanité
https://vimeo.com/141900951
AEROPLASTICS galerie support
Facebook
Autres œuvres


 

• DEMOCRACIA (Ivan Lopez Pablo Espana) (ART & POLITIQUE)
cartel ORDER
Art politique proche de Santiago Sierra
TEASER :
exemple rapide : INSTAGRAM

 

• Enora Lalet (ART & NOURRITURE)
portraits cuisinés
ICI /

 

• Matthias Lothy (PHOTOGRAPHIE, INDONESIE, MASQUES)
collaboration avec E.Lalet (portraits cuisinés),
ICI /

 

• Eugenio Merino(ART & POLITIQUE)
Art politique satirique (sculpture)
img1 / img2 /img3
site officiel
facebook
Docu1
Docu2


 

• WALKSCAPE : à travers le site de démarches avec d'autres réf: Référence à Walter Benjamin, à l'art des réseaux...
  Application Ipad et Androïd permettant la consultation d'une création sonore permanente et géolocalisée à la frontière des pyrénéees orientals. L'œuvre rend hommage à Walter Benjamin. Auteurs : Franck Ancel et O . Guillerminet : composition sonore temps réel sur les réseau depuis un territoire.

Films animations et graphisme

PARISMAGE.fr
Benoit Champy
VNBC

ILLUSTRATION

• MICHAL DZIEKAN

Installations

• Cécile Beau

• JEUX VIDEOs :

• ALINEAIRE : jeux vidéos indé et arty


• RECHERCHE : Libération + Jeux Chronophages

PHOTOMONTAGE

• Nicolas Bigot : série sur les robots, rapport à la Nature...: ICI

• Pixel ART

  EBOY (Les capitales...)

REALITE AUGMENTEE, spectacle vivant et numérique

ADRIEN M & CLAIRE B (basés Lyon) : artistes digitaux travaillant (projet Miracles et Mirages) sur la réalité augmentée, sur des scénographies virtuelles...images comme partenaires qui sortent du cadre... présence de la main (techniques de la litho, gravure...et du numérique... enchanter le monde physique avec le numérique... lithographie augmentée

• SON

• écologie sonore > BERNIE KRAUSE : youtube channel + wikipedia


• musique électro et projections : MMESSIER


• MOONDOG


• Erik Samakh (documents d'artistes (musée Rodin



STREET ART

• COMBO
• Lego ART : Jan Vormann
• Lego Art 2 (Nathan Sawaya) : ICI
• LEGO STREET ART : ICI
• POLAR BEAR : ICI
• WRDSMTH : ICI
• JAERAYMIE

 

AUDIO

-
• typologie des microphones : typologie micros
  
• - AUDACITY :
  Le High and Low Pass filter (par déduction) : ici
  Elimination du bruit : ici
  
• EDITEURS audio en ligne : Sodaphonic | Bearaudiotools


• - service de streaming payant : MIXLR ici

 

- C- COMMUNICATION, PUB, IMAGE d'uNE societe

Communication humaine

• les réunions au travail ... et ailleurs (JDA mai 2020)
• Communication & conversations
• le festival des conversations
• jeux de conversation, jeu de questions : 1 | 2 | 3 | 4 |

 

image des hommes et des femmes

• Le poil et les rasoirs Billie (Slate)

 

-C- COURS W3C, coding web, Hébergement :

GRAPHISME WEB

• couleurs web : ICI

styles CSS

• la syntaxe css : fondamentaux

CONSTRUCTION de SITES

• Astuce responsive : Un gabarit de page fixe



• Cours de langages : html, javascript...animations...
  langages, manip complexes... CSS, Templates, JQuery, php...
• GESTION WEB du SVG :
  
• 1-->


• 2-->


• 3-->


• 4-->
• Astuces webmaster Astuces webmaster : html5 css3 php optimisation graphisme


• Caractères et symboles : tous les caractères

suite pour les caractères...

• CMS
  
• Systeme basique de CMS DIY


• PLXML : cms portable sans base de données : voir
• SPIP
  Déménagement
  Tout Spip
  Pb de la page blanche
  


• JOOMLA
  Joomla chez free
  Tout joomla
  Aide joomla
  
• POUR LES RESEAUX SOCIAUX
  
• Les boutons de facebook : j'aime...


• WORDPRESS
  
• POUR DEBUTER WORDPRESS


• Le mode maintenance, manipulation et plug_in#1


• Le mode maintenance, manipulation et plug_in#2


• UNE ancre dans Wordpress
• MENUS, gestion des menus dans wordpress : gestion menus wordpress
• templates et média center


• Installer wordpress : tuto


• A vérifier après installation


• Référencement et Wordpress, modifier un thème wordpress... ici
• A propos des thèmes de WORDPRESS ;
  
• Techniques pour modifier un thème : 1--> SEOnul
  2--> CREATIVE JUIZ
  3--> SELECTION DE THEMES


• PAIEMENT SECU avec WORDPRESS: Paypal


• DEMENAGEMENT d'un wordpress
  1-->
  2--> PhilippeDonnart
  3-->déménagement en 7 étapes
  


• CALENDRIERS ET WORDPRESS : 1-->Plug'ing
  



• Pb de page blanche dans WORDPRESS : qq solutions

OUTILS d'ANIMATION WEB

• PHRASER

 

OUTILS DE DEVELOPPEMENT JQUERY

• JQUERYUI
• JQUERY.com
• BOOTSTRAP


• TUTO pour menus CSS3 et HTML5 : blogwebdesign

GALLERIES

• WOWSLIDER (MAC-WIN)
  PIXELPOST
  


• GEstion plusieurs CSS via PHP
  CSS avec php


• Hébergement :
  free.fr(1)
  free.fr(2)
• JQuery ressources
  à propos d'animate ()
  JQuery Plugins
  Galery Masonry
  JQuery Nested
  Scroll to top
  Gallery volatile
  
• HEBERGEUR ASSO AUTOGERE : lautrenet


• RApetisseur de liens et sécurisation d'URL (hidelink)
  et aussi : https://lc.cx/



• Compte gratuit free : ici

CREATION & HISTOIRE DE l'ART

• ART CONFINÉ : nombreuses ressources en ligne

CULTURE POP & TENDANCES

• FUBIZ : création photographique et design : ici
• LA BOITE VERTE : création tout azimut : ici
• LE JOURNAL DU DESIGN : création, expos, architecture : ici
• KOnBINI : site sur l'actu de la culture pop orienté cinéma et série et faits de société : ici
• PIXELs : chronique des révolutions numériques ici
• WHOOZART : plateforme culturelle (expos...)
• ACTU DU WEBDESIGN
• ACTUALITES DU GRAPHISME : OLYBOP

 

-D- DOMAINES ARTISTIQUES

PHOTOGRAPHIE

• PHOTOREPORTAGE : MR HASAN



• MARTIN PARR

INSTALLATIONS -sculptures-

• Anais Lelievre

SCULPTURE

• Chie Hitotsuyama : Sculptures en fils de papier & ici


• John CLARK (sculptures avec peu de polygones)



• Mariel Clayton : Bad Barbies

-D- DIY MAKER // REPAIR // 3D // TEMPS REEL

• IMP 3D et MINETEST : instatllation du mode impression et export en .obj
• Floss Manual très complet : impression 3D et Minetest
• 3e ressources sur IMP3D et MINETEST
• BOUQUINS EYROLLES
• OBJETS CONNECTES
  
• CREATION d'APPLIS SMARTPHONE
  

•  

• ARDUINO
• ARDUINO : HOME

• PAPER, projets avec papier

• PAPER-TOY,figurines 3D en Papier
• AVIONS en PAPIER #1
• AVIONS en PAPIER #2
• AUTOMATES en PAPIER, animés



• SPIDER en bois




• PROJETS INSTRUCTABLE

• Sorte de station lumineuse avec rasberrypi : ICI
• MAKEYMAKEY nw : le FUNKEY
• MAlette de makers (MAKERY mars 2017): ICI


• BLENDER, formation, ressources... : ici
• Logiciels 3D sous Linux : ICI
• Filaments 3D : typologie


•  


• LEGO : modelisation et impression 3D, créations... https://mecabricks.com/en/
•  
• PURE DATA :
  Lien1
  | Lien2 |

 

- E - Economie & numérique

• NEOECO, de Pascal Monier

 

EDUCATION POPULAIRE - des THEMATIQUES de travail -

• ORGANISMES :

• Ligue de l'Enseignement

• ALIMENTATION

•  
• OPENFOODFACTS : un wikipédia autour de l'alimentation
•  

• DEVELOPPEMENT DURABLE ... Biodiversité

• RESSOURCES : Bio, sciences humaines... sur l'agriculture' AGROSMARTCAMPUS
• Numérique et écologie
  Malle Péda :  Lien#1 | Lien#2
•  
• Jopurnée internationale de la biodiversité : 22 mai depuis 2000
• Dessins de presse et écologie : une exposition et des ateliers : ressource ici
•  
• JEU TELECHARGEABLE sur les 17 ODD et la biodiversite
• Les ENERGIES : Jeu
•  
• Les ZONES HUMIDES : des ressources pour les découvrir
•  
• SEMAINE MONDIALE du développement durable
• "Ta mère Nature" Ophélie d'Amblé chaine Youtube
• Les sentinelles du climat : un site d'observations partagées sur l'évolution du climat
• PROJET - film- TOUT s'accelère Dossier péda qui présente le projet et des fiches actions (relaxation...), film à louer sur Viméo (3€) ou à l'achat DVD (36€)

• EDUCATION :

• COMMUNICATION NON-VIOLENTE : bienveillance, écoute, gestion des émotions...
• GUIDE UNESCO : Lutte contre la violence de genre en milieu scolaire

• Education sexuelle, pornographie...

• LSD : "l'éducation sexuelle des enfants d'internet", Ovidie, podcasts 4x52 mins
• JDA dossier sexualité et pornographie 22 ressources
• Toutes les sexualités : LGBT... Médiathèque intéressante (site c'estcommeça)
•  

• HARCELEMENT, image de la femme, inégalité

• Facebook : SIMONE MEDIA
• Dossier du Blob : Masculin-féminin : le combat contre les stéréotypes

• Inégalités sociales | DISCRIMINATIONS

• Projet initial de Monopoly des inégalités : observatoire des inégalités
• Exemple de projet de monopoly des inégalités mené en classe : Agiornamento Hist-geo



• DOSSIER DISCRIMINATION : JDA mai 2020
  ET LES RESSOURCES ASSOCIÉES
•  

• IMMIGRATION, jeunes migrants

• DOSSIER JDA Av 2018 : les jeunes migrants mineurs non accompagnés

• PODCASTS pédago

La puce à l'oreille
Les p'tits bateaux

•  
• PODCASTS : reportages...
• TheOthers : podcasts à la découverte du monde

ÉDUCATION en INSTITUTION

• Le climat de la classe : ressources
• MINDMAPPING : 20 activités de formation avec les cartes mentales
• MINDMAPPING : outil en ligne MindMeister



• Education selon des programmes au lycée LUMNI

 

-E- ÉDUCATION &/aux MÉDIAS - Écriture multimédia | médiation sonore | médiation image animée

• Guide d'autodéfense numérique, Tahin Party 2017 V5
• Webserie : la famille tout ecran
• Principe d'exception pédagogique / aux œuvres: extrait du JDA 2018




• CARTOGRAPHIE

  
  Outil de cartographie, de personnalisation d'après donnée d'openstreetMap : ici
• Cartographie collaborative mais payante : MAPILLARY (ICI)
• générateur de CARTES géographiques


• RESSOURCES AUTOUR De la CARTOGRAPHIE : jeux, fonds de carte, quiz, patrimoine, fabrication de cartes...
•  

• DROIT A L'IMAGE :

  une synthèse des autorisations

• GESTION DE SA VIE PRIVÉE et de SES DONNÉES

• Art de blog sur des messageries d'emails éthiques :

• EDUCATION à l'image

• Approche de la peinture classique : Amuseevous-amuseemoi sur ARTE : ICI
• Lecture d'images cinématographiques : Médiacriticothèque
• Education artistique et image animée et sonore : CICLIC et les UPOPI
• mediation autour du court-metrage ICI
• RESSOURCES du JDAnimation sur l'éducation aux images : ICI
• Comparateur d'images en ligne : Juxtapose --> https://juxtapose.knightlab.com



• CINEMAGRAPHE : des ressources autour du cinemagraphe
• PHOTOGRAPHIE : OBSERVOIR
• CINEMA : fiche peda : le pestacle du Far West"
• >CINEMA d'ANIMATION :
  - La FETE du CINEMAd'ANIMATION :>
  - L'ASSOCIATION française du CINEMA d'ANIMATION : >
•  
• FILMS pour enfants : films d'animation, thématiques, outils péda...
  Portail pour les familles pour accéder à tous les films

• EDUCATION à l'information, aux MEDIAS, radio...



• www.sapio.co : plateforme de parcours pé,dagogique sur le complotisme, ...
• SERIOUS GAME sur les médias : MEDIACRAFT
ATELIER Franceinfo Junior :
appli Android et Apple de création radio (Login : franceinfojunior Mot de passe : scolaires)
versions : Android 4.4.2 (minimum plutôt : 4.7) IOS 10 ou 11


• Projets éducatifs autour de la RADIO
• RADIOSFRANCAS
• RADIO SOMMIERES

• Rumeurs et Fakenews, FAKE CHECKING

• QUI propage les RUMEURS, FAKENEWS... sur les réseaux ??
• ART : ""Comment valider une info sur le net ?"
• TECHNIQUES de verification d'infos
• GUIDE DECODEX
• OUTILS de FAKE CHECKING en ligne
• SITES PARODIQUES : Le Gorafi, ActuBis
  
  
• GOOGLE et l'INFORMATION
• OPERATEURS BOOLEENS pour GOOGLE : article de description
• 5 ASTUCES INCONTOURNABLES pour utiliser GOOGLE
• COURS OPENCLASSROOM / "Faire une recherche sur internet"
•  
• Portail de la PRESSE : wikipedia


• Portail des MÉDIAS : wikipedia
• TUTOS explicatifs animés : un jour une question : ICI
• Autour du 1^e mai (cinéma comme médium): ICI
• CHaine youtube Hygiène mentale : pistage de HOAX
• CLÉMI : dossiers sur l'éducation aux médias... (CLEMI.fr
• Education aux médias : E-media.ch
• EMIchaine youtube pour l'EMI : ici
• FAKE news :
  description et fiche de travail péda (habilomedia 2017 - fiche - )
  Sondage JDA 2018 sur les fakenews et les français : ICI
• INA INA GLOBAL
• Le Chat qui voulait faire un film
initiation à la chaine de production cinéma.
• STOPINTOX : une plateforme sur les hoax et l'éducation aux médias ( http://www.stopintox.fr/)

• IMAGES

• Lire les données EXIF d'une image : Site pour lire les EXIF d une image ou l extension Exif Viewer de Firefox
• Localiser un lieu depuis ses données GPS SITE #1 ou SITE #2
• pour la France Geoportail
• TINEYE : moteur de recherche inversée d'images (oú et quand cette image a t'elle été publiée...) : TINEYE
•  
• Analyse du mouvement ANTIVAX par Laurent-Henri Vignaud , historien et spécialiste des mvt. antivax (art Le Monde juin 2020)
  
  
• / A l ART VIDEO
• Travail de médiation de VIDEOFORME : ICI, avec ressources et exemples de dispositifs
•  

• ECRITURE MULTIMEDIA

  à destination des éducateurs
• AURASMA : logiciel simple de réalité augmentée : aurasma.com/
  Aurasma devient HP REVEAL : ICI
  Ressources pedago : autour d'aurasma
  Article sur Nicolas Houpert, prof de maths à Charleville Mézière qui a travaillé sur la RA : article canopé
•  
• GENIAL.LY : plateforme gratuite de micro blogging et infographie : genial.ly .
  ATTENTION c'est 10€ / mois si vs voulez télécharger votre création
• Des tutos pour GENIALY
• #1 : DEBUTER
• #2 : DRAG and DROP
•  
• CLIP.IT : plateforme d'hébergement et partage de fichiers sonores : https://clyp.it/
• PADLET : plateforme de création et de partage de contenus : timeline, images partagées...: PADLET.COM
• SCRATCH : la plateforme scratch | MagicMAkers (tutos autour de scratch et proposition d'ateliers)
• SPARKVIDEO : logiciel simple de création vidéo pour exposé... : spark.adobe.com/about/video
• THINKLINK : plateforme en ligne ppour créer des images intéractives (thinglink.com/
• VIDEO SCRIBE : outil pour faire des animations type tableau blanc : accès
• TWine : logiciel d'écriture intéractive : twinery.org
• WEbdocumentaire : webdoc.fr, nouvelle écriture et gamification du récit : FortMcMoney
•  
• VR et 3D : : CoSPAce: plateforme de création 3D, animation possible avec code (Blockly ou javascript)
•  

MEDIATION RESEAUX SOCIAUX

• Réseau ASK ICI
•  

MEDIATION SONORE : orientée crea musicale

• DIY et Hacking Musique électronique : ICI
• Plateformes en ligne :
  SOUNDATION

http://patatap.com/ | http://glitchscape.com/ | http://seaquence.org/ | http://buttonbass.com/ | http://www.audiosauna.com/studio/ | https://femurdesign.com/ |

 

-E- ÉDUCATION & NUMÉRIQUE

• JEUX géolocalisables (sources Eductice Lyon)
• HUB léo Lagranges : concept léo lagrange avec du numérique dedans


• MINETEST EDU = présentation-enjeux et liens utiles (framasoft 09/2016 Minetest.net)
  
• TUTO sur MINETEST by INSTRUCTABLE ICI


• ici 2 liens sur la main mise par MICROSOFT sur l'EDUCATION NATIONALE (lien1 framablog dec2015) (lien2 April juin2016)
• Plateforme jurassienne, diverses activités et ressources pour le numérique dans la classe : EDUCLASS
• Tablettes à l'école = zéro impact scolaire (LeMonde 06/2013)
•  

DIY For kids

• DIY FOR KIDS : exemple de scénario d'activités autour du numérique comme la création d'applis android ...mais très divers
•  

CODING, apprentissage du code

• LEGO EDUCATION : des solutions robotiques pour apprendre à coder pour école primaire et secondaire (assez cher) ici


• CANOPE
Agence des usages du numérique : Veille sur les projets technico-pédagogiques, veille sur les avancées de la recherche, évolution des pratiques professionnelles / numérique, tutoriels

COLLABORATION

• HIVE : application pour projet collaboratif gratuit jusqu'à 10 utilisateurs (https://hive.com/apps)

 

-F- FESTIVALS dates

JANVIER	FEVRIER	MARS
Jxxx	Fxxx	Mxxx
AVRIL	MAI	JUIN
Axxx	Mxxx	Jxxx
JUILLET	AOUT Aout : festival SETU (performances), en Bretagne	SEPTEMBRE
Jxxx		Sxxx
OCTOBRE	NOVEMBRE	DECEMBRE
INDIEGAME -->Festival de jeux video indé indiecade-europe (derniere edition Paris 19-20 oct. 2018) indiecade   INKTOBER : un dessin par jour pendant tout le mois d'octobre avec un thème par jour inktober   Je filme le métier qui me plaît : le métier qui me plait	Concours de reportages ARTE CLEMI concours REPORTAGEs CLEMI	CONCOURS MEDIATIK 2019 concours MEDIATIK

-F- FINANCEMENTS RESIDENCES ARTISTTES... projets divers

Résumés de dispositifs : http://aset.cnd.fr/Les-dispositifs-de-financement


Ressources de l'éducation nationale:

- 1 : http://eduscol.education.fr/cid56865/portail-education-artistique-et-culturelle.html
- 2 : http://www.education.gouv.fr/cid50781/mene1003709c.html

CNAP : documents d'artistes, soutien à la création et production MENU "SOUTIEN A LA CREATION"
- 3 : http://www.cnap.fr/guide-annuaire
ANNUAIRES : ARTISTES CONTEMPORAINS


FORMATIONS en ligne ou ailleurs

MOOC & FORMATIONS EN LIGNE

• FUN MOOC
• MY MOOC

 

-G- GRAPHISME, GESTIONde projets ...

-GESTION de Projet

• Le cycle "naturel" d'un projet (JDA 2019)

GRAPHISME PRINT & WEBDESIGN ... IMAGES

• BD, narration graphique

• Les ressources de la cité de la BD à Angoulême
• Ressources éducatives
• Documentation-outils BD

 

• voir aussi plus haut la section :

  CARTOGRAPHIE

• Fond Documentaire iconographique

• Trésors des bibliothèques d'enseignement sup : ICI
• Fond du concours "La preuve par l'image" (IMAGES SCIENTIFIQUES)
• IMAGES libres de droit : PIXABAY
•  
• RESSOURCES vectorielles libres pour graphistes

 

 

• GRAPHISME, PRINCIPES ...

• La grille de MEP : principes et exemples
• 10 PRINCIPES DE GRAPHISME par Efil Turk


• PRINCIPES DE DESIGN : DESIGN et MEP
  LES BASES d'UN DESIGN REUSSI cf. Dieter RAMS
  REGLES DE BASE DU GRAPHISME
  PSYCHO et COULEURS
  PSYCHO ET COULEUR 2
  COULEURS ET REF CULTURELLES
  La COULEUR DES MARQUES
  



• ACTUALITES DU GRAPHISME : OLYBOP


• Convertisseurs Bitmap en vectoriel : VectorMAgic | Potrace | Autotrace
• Datavisualisation : liste d'outils
• Gestion de couleurs : Palette | AUTRES OUTILS type nuanciers
• GENERATEURS
• target="_blank">COUVERTURES de Martine
• Typographies à télécharger : Myfonts | Dafont | Fontsquirriel


• CREATION DE TYPO EN LIGNE : PROTOTYPO
• Banque de données d'images libres
  fond doc de la bibliothèque de NY
• MOTEUR de RECHERCHE : images libre de droit : BURST


• UN PEU DE TYPO : la web série qui parle des typos : ici


• exposé sur la typographie : ici

 

IDEES - COURS - ACTIVITES

• 3e - 4e

• DESSIN : ( dessin à partir d'objet )
  Puis ensuite inverser et aller du côté du Design d objet àpartir de dessins.



• QQ exemples : SPACEGOOSE



• La CONTRAINTE du FORMAT : dessins POST-IT



• Les guides HOW TO DRAW | exemples

TUTOS DESSINS Pinterest

• DESSINS sur PHOTOS de Ruskin Kyle

- I - INFORMATIQUE



• GENERATEUR DE QRCODE ici
• Windows sous MAC :
  - http://www.zdnet.fr/actualites/windows-xp-sur-mac-intel-les-reponses-aux-questions-que-vous-vous-posez-39337478.htm
  - Bootcamp
  
• Installation de MINT sur un MacBook Pro ICI

- J- JEUX VIDEOS, créatifs, indépendants...et JEUX tout court

•  
• CREATION D'ESCAPE GAME avec GENIALY
•  
• Site de l'association Ludothèques de France : A.L.F
  Zone ressource autour du jeu et l'é ducation au sens large
  
• FETE MONDIALE DU JEU : aux alentours du 30 mai

•  

• SELECTION DE JEUX INDE en html5
• FESTIVAL du jeu indé (Paris - oct.)


• FESTIVAL du jeu indé (version US)



• ARTISTES : VECTORPARK


• ARTISTES : TALE of TALES

SONG of SONGS


OUTILS DE CREATION DE JEUX VIDEO

• EN HTML5 : conseils, méthodologie, outils
• et divers autres outils à tester : Microsoft Kodu, Stencyl, Unity, Windev...

- L-LIBRISME TECHNIQUE

• emmabuntus : distribution réalisée via Emmaüs pour lutter contre l'obslescence programmée. Liaison avec le moteur de recherche LILO
  RESSOURCE ICI
• synthese de SERVICES LIBRES : CHATONS.ORG

-L- LUTHERIE DIY ÉLECTRONIQUE

• RAD FI system de BLEEPLAB :
  Bleeplab 0 Bleeplab 1 Bleeplab 2

- M - MEDIAS

• Histoire des médias en TIMELINE (INA)
• NEWSMAP


• NETVIBES : médias



-M- MUSIQUE ELECTRO

• AUDACITY
  PLUG-ins d'AUDACITY:

-P- PEDAGOGIES

• ALTERNATIVES pédagogies actives
  Pédagogies actives : Freinet... Reggio-Emilia (DIY):

-R- RÉFÉRENCEMENT et ANALYSE de navigation

• Outils d'analyse
  HOTJAR
• IOGRAPHICA : outils de tracking de la navigation générant des images de la navigation : ici

 

-S- SociétéVS écologie

• Les JOURNEES MONDIALES

• écologie, changement climatique

• Responsabilité de l'agriculture dans le réchauffement climatique : Sciences et Avenir rapport GIEC aout2019

-S- SON, gestion de l'audio en HTML5, ressources sonores

• Balise
• exemple de code :
  "audio controls="controls" preload="auto">
  "source src="URL" type="audio/mpeg> /*obligatoire*/
  "source src="URL" type="audio/ogg> /*obligatoire*/
  "source src="URL" type="audio/wav>
  Prévoir un phrase ici qui dit votre navigateur ne lit pas ce son
  Penser à < et > pour ouvrir et fermer correctement de bloc audio, et source
  
• UTILISATION de l'API HTML5 media pour le son et la video : ressource ici
• LECTEUR HTML5 personnalisable en JQUERY : source
• TUTO de personnalisation de lecteur audio HTML5 via JQUery : source ici

JPLAYER lecteur audio et vidéo personnalisable en HTML5


• BANQUES DE SONS et MUSIQUES :
  http://www.audionetwork.com/ BQ payante
• UNIVERSAL SOUND BANK

WEB RADIO

• Hébergement payant :RADIO KING
• Projet éducatif (Angers): RADIO YOU

-V- VIDEO, FLUX WEB

• Capturer du flux
  Téléchargement d'un flux vidéo
  

 

• Conversation téléphonique à plusieurs(partage d'écran)
  Houseparty (apple et googleplay)

 

• Customiser un lecteur
  API flash pour Youtube
  Autoplay et Loop dans Vimeo
  options d'embed sur Youtube
  Personnaliser le lecteur de Youtube
  

 

• Outils vidéo, tutos...
  Kdenlive
  Kdenlive.org

 

• Streaming
  PLUSSH (googleplay)
  Live avec TWITCH
  TWITCH
  OBS solution de streaming
  Streaming via Youtube (Hangout)#1
  Streaming via Youtube #2 Solution de streaming : le blog videé TV
  Streaming : outils libres
  

 

• YOUTUBE EPURE
  YOUTUBE épuré