Différences entre les versions de « Le75::Introduction au numérique »
Aller à la navigation
Aller à la recherche
| (30 versions intermédiaires par 12 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | + | ==Introduction== | |
| + | Ce cours est destiné aux étudiants de BAC1 de l'option Images Plurielles Imprimées de l'école Le 75. Il se veut une introduction à la culture et l'image numérique.''' | ||
| − | == Cours == | + | ==Cours== |
| − | === Module | + | ===Cours du 18.11.15: Hello Glitch=== |
| + | Références vues au cours: | ||
| + | |||
| + | [https://www.youtube.com/watch?v=RiRy2oFFHYI Nixon de Nam Jun Paik] | ||
| + | |||
| + | [https://www.youtube.com/watch?v=L-TsvjJAfmg Magnet TV de Nam Jun Paik] | ||
| + | |||
| + | [http://rosa-menkman.blogspot.be/ Rosa Menkman] | ||
| + | |||
| + | [https://vimeo.com/r00s Rosa Menkman sur Vimeo] | ||
| + | |||
| + | [https://twitter.com/glitchr GlitchR sur Twitter] | ||
| + | |||
| + | [https://www.google.be/search?q=pam+et+jenny&biw=1920&bih=909&source=lnms&tbm=isch&sa=X&sqi=2&ved=0CAYQ_AUoAWoVChMI19XUlpCayQIVyVkaCh306ACt#imgrc=EJmBk41w9Q_odM%3A Scans de Pam et Jenny] | ||
| + | |||
| + | [https://www.youtube.com/watch?v=wMH0e8kIZtE Clip Kanye West] | ||
| + | |||
| + | ===Cours du 25.11.15: Glitch et scanner=== | ||
| + | <gallery> | ||
| + | File:Sassou068.jpg | ||
| + | File:Sassou036.jpg | ||
| + | File:Sassou039.jpg | ||
| + | File:Ok060.jpg | ||
| + | File:Ok057.jpg | ||
| + | File:Ko018.jpg | ||
| + | File:Diana4.jpg | ||
| + | File:Diana3.jpg | ||
| + | File:Diana2.jpg | ||
| + | File:Glitch.jpg | ||
| + | File:Glitch-2511.jpg | ||
| + | File:Glitch2511-jpg.jpg | ||
| + | File:1.png | ||
| + | File:2.png | ||
| + | File:3.png | ||
| + | File:Final 2.jpg | ||
| + | File:Final3,.jpg | ||
| + | File:Final 4.jpg | ||
| + | File:Fmlglich035.jpg | ||
| + | File:Fmlglich10046.jpg | ||
| + | File:Fmlglich07042.jpg | ||
| + | File:ChloéFinal1.jpg | ||
| + | File:ChloéFinal2.jpg | ||
| + | File:ChloéFinal4.jpg | ||
| + | File:ChloéFinal5.jpg | ||
| + | File:Avitto Serena1.jpg | ||
| + | File:Avitto Serena2.jpg | ||
| + | File:Avitto Serena4.jpg | ||
| + | </gallery> | ||
| + | |||
| + | ===Module 4: Image numérique=== | ||
| − | |||
<pre> | <pre> | ||
| − | Réaliser | + | Réaliser un « jeu » à partir d'un personnage composé de blocs css. |
| − | + | Le jeu doit impliquer le visiteur de la page par des interactions à la souris et | |
| − | + | au clavier. | |
| − | + | ||
| − | + | Méthode : | |
| + | |||
| + | 1 – Réaliser un storyboard sur papier d'une session type du jeu (la narration n'étant pas linéaire, il s'agit d'un exemple de scénario possible). | ||
| + | 2 – Réaliser sur papier un schéma d'exécution du programme avec les différents scénarios possibles. | ||
| + | 3 – Scanner ces deux documents et les mettre en ligne sur votre page personnelle dans le wiki du cours. | ||
| + | 4 – Développer le jeu en utilisant les langages HTML, CSS et Javascript. | ||
| + | 5 – Le mettre en ligne dans votre dossier sur le serveur et renseigner son adresse sur votre page personnelle dans le wiki du cours. | ||
| + | |||
| + | Contraintes techniques : | ||
| + | |||
| + | Langages : HTML, CSS, Javascript (avec jQuery) | ||
| + | |||
| + | Il vous est demandé d'écrire vous même les différentes parties de votre programme. S'inspirer de codes trouvés sur Internet n'est pas interdit dans la mesure où vous vous les appropriez. | ||
| + | |||
| + | |||
| − | + | Tirage : | |
| − | |||
| − | |||
| − | + | / | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | Remise : | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | Remise | + | Remise : 13 mai 2016 |
| − | |||
</pre> | </pre> | ||
| − | ==== | + | ====Cours du 25 mars==== |
| − | + | [http://curlybraces.be/sessions/75/20160325deplacement_clavier.zip exemple déplacement] | |
| + | |||
| + | ==Etudiants== | ||
| + | |||
| + | [[Le75::MC|La page de MC]] | ||
| + | |||
| + | [[Le75::Laura|La page de Laura Cros]] | ||
| + | |||
| + | [[Le75::Diana|La page de Diana]] | ||
| + | |||
| + | [[Le75::Atlis|La page de Mélissa]] | ||
| + | |||
| + | [[Le75::Ziziboubou|La page de Boubou]] | ||
| + | |||
| + | [[Le75::Klara|La page de Klara]] | ||
| + | |||
| + | [[Le75::Serena|La page de Serena Avitto]] | ||
| + | |||
| + | [[Le75::Coralie|La page de Coralie]] | ||
| + | |||
| + | [[Le75::Candaule|La page de Candaule]] | ||
| + | [[Le75::TaiLand|La page de TaiLand]] | ||
| − | + | [[Le75::sassou|La page de sassou]] | |
| − | + | [[Le75::Solenn|La page de Solenn]] | |
| − | + | [[Le75::San|La page de Gabrielle]] | |
| − | |||
| − | [[Le75:: | ||
| + | [[Le75::Jo|La page de Johanne]] | ||
[[Catégorie:2015-2016]] | [[Catégorie:2015-2016]] | ||
[[Catégorie:Le75 B1]] | [[Catégorie:Le75 B1]] | ||
Version actuelle datée du 17 mai 2016 à 10:34
Introduction
Ce cours est destiné aux étudiants de BAC1 de l'option Images Plurielles Imprimées de l'école Le 75. Il se veut une introduction à la culture et l'image numérique.
Cours
Cours du 18.11.15: Hello Glitch
Références vues au cours:
Cours du 25.11.15: Glitch et scanner
Module 4: Image numérique
Réaliser un « jeu » à partir d'un personnage composé de blocs css. Le jeu doit impliquer le visiteur de la page par des interactions à la souris et au clavier. Méthode : 1 – Réaliser un storyboard sur papier d'une session type du jeu (la narration n'étant pas linéaire, il s'agit d'un exemple de scénario possible). 2 – Réaliser sur papier un schéma d'exécution du programme avec les différents scénarios possibles. 3 – Scanner ces deux documents et les mettre en ligne sur votre page personnelle dans le wiki du cours. 4 – Développer le jeu en utilisant les langages HTML, CSS et Javascript. 5 – Le mettre en ligne dans votre dossier sur le serveur et renseigner son adresse sur votre page personnelle dans le wiki du cours. Contraintes techniques : Langages : HTML, CSS, Javascript (avec jQuery) Il vous est demandé d'écrire vous même les différentes parties de votre programme. S'inspirer de codes trouvés sur Internet n'est pas interdit dans la mesure où vous vous les appropriez. Tirage : / Remise : Remise : 13 mai 2016