Différences entre versions de « Informatique Web et Multimédia »

Version du 10 novembre 2017 à 17:14

À travers la découverte d'outils numériques (traitement du son/vidéo/image) et d'un langage de structuration de document, ce cours vise à donner des outils pour comprendre des enjeux transversaux du numérique.

Contrôle des connaissances

Le cours donnera lieu à un projet et à un devoir sur table.

Projet

exemples de projets de l'an dernier

Le projet devra être en ligne sur dip01 avant le 8 novembre minuit

Chaque groupe (1 ou 2 étudiants) devra produire au minimum 2 pages Web :

un pense-bête HTML/CSS comprenant l'explication de 5 éléments, attributs, notions, sélecteurs, propriété HTML ou CSS ^[1] ;
une page comprenant :
- une courte explication du but d'un logiciel ;
- une contextualisation de la fonctionnalité présentée du logiciel en question ;
- une vidéo explicative (type tutoriel), comprenant au moins une incrustation du logiciel en question.
Les deux pages devront :
- partager une feuille de style commune ;
- posséder un en-tête avec titre, logo ;
- posséder un menu pour la navigation dans les pages (en particulier le pense-bête) et entre les pages ;
- être référencées depuis une page commune recensant les pages de chacun (demande une coordination entre les groupes, qui n'a d'autre contrainte que de pointer vers les projets de chacun) ;
- être référencées depuis votre propre page personnelle (dans laquelle vous listez vos projets) ;
- être située sur dip01 dans un dossier à votre nom.

Les critères d'évaluation seront :

le fonctionnement des liens entre pages et ressources (y compris entre la page centralisée et les pages concernées) ;
un bon usage d'éléments appropriés en HTML ;
un bon usage de la feuille de style ;
la propreté du code (indentation, erreurs de syntaxe ne nuisant pas à l'affichage, etc.) ;
et dans une moindre mesure l'appropriation des éléments décrits dans les deux pages.

Devoir sur table

Examen
- Sujet ;
- Fichiers ;
- Correction :
  - Sujet corrigé ;
  - Partie pratique.

Ressources

Outils et logiciels pour le cours (ou en dehors, d'ailleurs) ;
Le diaporama de cours ;
TD n°1 ;
TD n°2 ;
TD n°3 :
- fichier vidéo à utiliser ;
Indentation :
- → ;
TDs corrigés.

Notes et références

↑ à vous de voir quel termes s'associent à HTML et lesquels à CSS

[1] à vous de voir quel termes s'associent à HTML et lesquels à CSS

[1]

@@ Ligne 30 : / Ligne 30 : @@
 === Devoir sur table ===
-Le devoir sur table aura lieu le vendredi '''{{red|10 novembre}} de 13h30 à 15h30'''. Il durera 1h (la classe sera scindée en 2 groupes) et se fera en salle machine ('''J103'''). Il comprendra différentes manipulations (écriture de code, manipulation de logiciels, cf. cours du 25 octobre), mais aussi quelques questions de [[:File:775 - M1 DILIPEM - Diaporama — Informatique, Web et Multimédia.pdf|cours]].
+* Examen
+** [[:File:775-DILIPEM-M1-exam-IWM.pdf|Sujet]] ;
-* 13h30-14h30 :
+** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM.zip|Fichiers]] ;
-** Adrien
+** Correction :
-** Blandine
+*** [[:File:775-DILIPEM-M1-exam-IWM-corrigé.pdf|Sujet corrigé]] ;
-** Duván
+*** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM-corrigé.zip|Partie pratique]].
-** Elham
-** Elnaz
-** Fatima Zohra
-** Hamza
-** Jennifer Cristina
-** Jieun
-* 14h30-15h30 :
-** Johana Andrea
-** Léa
-** Margaux
-** Mohammed Djamil
-** Natalia
-** Sharmili
-** Timothée
-** Xi
-** Youri
 == Ressources ==
@@ Ligne 62 : / Ligne 46 : @@
 * Indentation :
 ** [[File:775-Indentation-énoncé.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code non indenté]] → [[File:775-Indentation-correction.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code indenté]] ;
-* [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]] ;
+* [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]].
-* Examen
-** [[:File:775-DILIPEM-M1-exam-IWM.pdf|Sujet]] ;
-** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM.zip|Fichiers]] ;
-** Correction :
-*** [[:File:775-DILIPEM-M1-exam-IWM-corrigé.pdf|Sujet corrigé]] ;
-*** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM-corrigé.zip|Partie pratique]].
 == Notes et références ==
 <references />

Cours