Actions

Cours

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

De GBLL, TAL, ALAO, etc.

m (--no-announce)
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
[[Catégorie:Enseignement/ML]]À 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.
 
[[Catégorie:Enseignement/ML]]À 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.
{{encart|{{white|Rendu pour mercredi matin jour de l'examen…}}'''
 
|red}}
 
 
== Contrôle des connaissances ==
 
== Contrôle des connaissances ==
Le cours donnera lieu à un projet et à un devoir sur table.
+
Le cours donnera lieu à un projet et à un devoir sur table et à un [[#Projet|projet]].
=== Projet ===
 
<!--{{encart|'''[http://dip01.u-grenoble3.fr/~m1_dilipem/anciens-projets/2016-2017/les-M1-a-la-rescousse/ exemples de projets (année 2016-2017)]}}
 
 
 
Le projet devra être en ligne sur dip01 avant le {{red|'''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 <ref>à vous de voir quel termes s'associent à HTML et lesquels à CSS</ref> ;
 
* 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 ===
 
=== Devoir sur table ===
 
==== 2017-2018 ====
 
==== 2017-2018 ====
Ligne 57 : Ligne 29 :
 
** <span id="git">[[:File:775-Git-énoncé.pdf|TD git]]</span> ;
 
** <span id="git">[[:File:775-Git-énoncé.pdf|TD git]]</span> ;
 
** Indentation :
 
** 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-Indentation-énoncé.png|x40px|Exercice 1, l'indentation|link=Cours:Informatique Web et Multimédia/code non indenté]] → [[File:775-Indentation-correction.png|x40px|Exercice 1, l'indentation|link=Cours:Informatique Web et Multimédia/code indenté]] ;
 
<!--* [[:File:775-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] (optionnel '''à partir du 2.2''');
 
<!--* [[:File:775-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] (optionnel '''à partir du 2.2''');
 
** [[:File:775-test codage image.bmp|TD n°2 fichier photo]] ;  
 
** [[:File:775-test codage image.bmp|TD n°2 fichier photo]] ;  
Ligne 94 : Ligne 66 :
  
 
[[File:projet_site_promo_M1_dilipem.svg]]
 
[[File:projet_site_promo_M1_dilipem.svg]]
 +
 +
{{encart|
 +
=== Le projet 2019–2020 ===
 +
http://i3l.univ-grenoble-alpes.fr/dilipem/2019%e2%80%932020/}}

Version actuelle datée du 18 novembre 2020 à 11:25

À 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 et à un projet.

Devoir sur table

2017-2018

2018-2019

2019-2020

Ressources

Serveur de travail

Toutes les informations pour mettre votre site en ligne sont dans cette section (ou dans le README.md)

Pour mettre vos travaux en ligne, nous utilisons le serveur i3l.univ-grenoble-alpes.fr.

Pour les consulter avec votre navigateur (en http), l'adresse est

Pour vous y connecter en SFTP, il est nécessaire :


Projet

Votre projet doit s'intégrer au dépôt git suivant : https://gricad-gitlab.univ-grenoble-alpes.fr/Master_IdL_DILIPEM/2019-dilipem-website

(Le fichier README.md contient des explications supplémentaires)

À titre indicatif, la structure globale suivante :

Projet site promo M1 dilipem.svg