Différences entre les versions de « Le75::Introduction au numérique »
Aller à la navigation
Aller à la recherche
| (12 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | =Introduction= | + | ==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.''' | 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== |
| − | |||
| − | |||
===Cours du 18.11.15: Hello Glitch=== | ===Cours du 18.11.15: Hello Glitch=== | ||
| Ligne 55 : | Ligne 53 : | ||
</gallery> | </gallery> | ||
| − | ==Module 4: Image numérique== | + | ===Module 4: Image numérique=== |
| − | =Etudiants= | + | <pre> |
| + | 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 | ||
| + | </pre> | ||
| + | |||
| + | ====Cours du 25 mars==== | ||
| + | [http://curlybraces.be/sessions/75/20160325deplacement_clavier.zip exemple déplacement] | ||
| + | |||
| + | ==Etudiants== | ||
[[Le75::MC|La page de MC]] | [[Le75::MC|La page de MC]] | ||
| Ligne 68 : | Ligne 99 : | ||
[[Le75::Ziziboubou|La page de Boubou]] | [[Le75::Ziziboubou|La page de Boubou]] | ||
| + | |||
| + | [[Le75::Klara|La page de Klara]] | ||
[[Le75::Serena|La page de Serena Avitto]] | [[Le75::Serena|La page de Serena Avitto]] | ||
| Ligne 80 : | Ligne 113 : | ||
[[Le75::Solenn|La page de Solenn]] | [[Le75::Solenn|La page de Solenn]] | ||
| + | |||
| + | [[Le75::San|La page de Gabrielle]] | ||
| + | |||
| + | [[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