Actions

Cours

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

De GBLL, TAL, ALAO, etc.

m (--no-announce)
 
(65 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
À 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.
 
 
 
== 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 ===
+
=== Devoir sur table ===
Le projet devra être en ligne sur dip01 avant le {{red|'''8 novembre''' minuit}}
+
==== 2017-2018 ====
 
+
* [[:File:775-DILIPEM-M1-exam-IWM.pdf|Sujet]] ;
Chaque groupe (1 ou 2 étudiants) devra produire au minimum 2 pages Web :
+
* [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM.zip|Fichiers]] ;
* 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> ;
+
* Correction :
* une page comprenant :
+
** [[:File:775-DILIPEM-M1-exam-IWM-corrigé.pdf|Sujet corrigé]] ;
** une courte explication du but d'un logiciel ;
+
** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM-corrigé.zip|Partie pratique]].
** 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 :
+
==== 2018-2019 ====
* le fonctionnement des liens entre pages et ressources (y compris entre la page centralisée et les pages concernées) ;
+
* [[:File:775-exam IWM-2018.pdf|sujet]] ;
* un bon usage d'éléments appropriés en HTML ;
+
* [[:File:775-fichiers exam IWM-2018.zip|fichiers]] ;
* un bon usage de la feuille de style ;
+
* correction :
* la propreté du code (indentation, erreurs de syntaxe ne nuisant pas à l'affichage, etc.) ;
+
** [[:File:775-exam IWM-2018-corrigé.pdf|sujet corrigé]] ;
* et dans une moindre mesure l'appropriation des éléments décrits dans les deux pages.
+
** [[:File:775-fichiers exam IWM-2018-corrigé.zip|partie pratique]].
  
=== Devoir sur table ===
+
==== 2019-2020 ====
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. 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]].
+
* [[:File:775-exam IWM-2019.pdf|Sujet]] ;
 +
* [[:File:775-exam IWM-2019-corrigé.pdf|Sujet corrigé]].
  
 
== Ressources ==
 
== Ressources ==
 +
* '''[[Utilisateur:Mathieu Loiseau/Cours|Outils et logiciels pour le cours]]''' (ou en dehors, d'ailleurs) ;
 
* [[:File:775 - M1 DILIPEM - Diaporama — Informatique, Web et Multimédia.pdf|Le diaporama de cours]] ;
 
* [[:File:775 - M1 DILIPEM - Diaporama — Informatique, Web et Multimédia.pdf|Le diaporama de cours]] ;
* [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ;
+
* [[:File:775-IdL-git.pdf|Diaporama git]] ;
* [[:File:775-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] ;
+
* TDs :
* [[File:775-Indentation-énoncé.png|100px|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|100px|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-TD1-IWM.pdf|TD n°1]] ;
* [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]].
+
** <span id="git">[[:File:775-Git-énoncé.pdf|TD git]]</span> ;
 +
** Indentation :
 +
*** [[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-test codage image.bmp|TD n°2 fichier photo]] ;
 +
** [[:File:775-test codage image peu de couleurs.bmp|TD n°2 fichier image]] ;
 +
** [[wfr:File:PNG_transparency_demonstration_1.png|TD n°2 fichier transparent]] ;
 +
** [[:File:775-texture fond.svg|TD n°2 texture de fond]] ;
 +
* [[:File:775-DILIPEM-M1-TD3-IWM.pdf|TD n°3]] (optionnel) :
 +
** [[:Fichier:775-Screencast-TD n°3.webm|fichier vidéo à utiliser]] ;-->
 +
** [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]]. <!--;
 +
** [[:Fichier:775-M1DILIEPM-TD2 images.zip|fichiers à créer dans le TD n°2]].-->
 +
 
 +
== Serveur de travail ==
 +
{{encart|Toutes les informations pour mettre votre site en ligne sont dans cette section (ou dans le [https://gricad-gitlab.univ-grenoble-alpes.fr/Master_IdL_DILIPEM/2019-dilipem-website/blob/master/README.md README.md])}}
 +
 
 +
Pour mettre vos travaux en ligne, nous utilisons le serveur [http://i3l.univ-grenoble-alpes.fr/dilipem i3l.univ-grenoble-alpes.fr].
 +
 
 +
Pour les consulter avec votre [[wfr:Browser|navigateur]] (en [[wfr:http|http]]), l'adresse est
 +
* http://i3l.univ-grenoble-alpes.fr/dilipem pour la page de la promo ({{code|/home/dilipem/public_html}} sur le serveur)
 +
* http://i3l.univ-grenoble-alpes.fr/~votreLogin pour votre page ({{code|/home/dilipem/M1/user/public_html}} sur le serveur)
 +
 
 +
Pour vous y connecter en [[wfr:sftp|SFTP]], il est nécessaire :
 +
* D'être connecté au réseau de l'université (ordinateur de l'université ou via VPN) (cf. [[Utilisateur:Mathieu Loiseau/Cours#D.C3.A9veloppement_Web|encart rouge de la page outils et logiciels pour le cours]]) ;
 +
* D'avoir un client SFTP (cf. [[Utilisateur:Mathieu Loiseau/Cours#Clients_.28S.29FTP|Outils et logiciels pour le cours]]) ;
 +
* De [[Utilisateur:Mathieu_Loiseau/Cours#Utiliser_Filezilla_.28sous_windows.5B2.5D.29_avec_une_cl.C3.A9_rsa|configurer votre client sftp]] pour qu'il utilise votre clé privée ;
 +
* '''Pour plus d'information''' : https://gricad-gitlab.univ-grenoble-alpes.fr/lzbk/i3l-server-admin/wikis/Server-user-documentation
 +
 
 +
<!-- == Notes et références ==
 +
<references /> -->
 +
 
 +
== 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 [https://gricad-gitlab.univ-grenoble-alpes.fr/Master_IdL_DILIPEM/2019-dilipem-website/blob/master/README.md README.md] contient des explications supplémentaires)
 +
 
 +
À titre indicatif, la structure globale suivante :
 +
 
 +
[[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 à 12: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