Actions

Cours

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

De GBLL, TAL, ALAO, etc.

m (--no-announce)
 
(18 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|Pour la prochaine fois :}}
 
* '''{{white|avoir fait le TD [[#git|git]], jusqu'à la question 20.}}'''
 
|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 38 : Ligne 9 :
 
** [[:File:775-DILIPEM-M1-exam-IWM-corrigé.pdf|Sujet corrigé]] ;
 
** [[:File:775-DILIPEM-M1-exam-IWM-corrigé.pdf|Sujet corrigé]] ;
 
** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM-corrigé.zip|Partie pratique]].
 
** [[:Fichier:775-DILIPEM-M1-exam-fichiers-IWM-corrigé.zip|Partie pratique]].
* 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é]] ;
 
 
==== 2018-2019 ====
 
==== 2018-2019 ====
 
* [[:File:775-exam IWM-2018.pdf|sujet]] ;
 
* [[:File:775-exam IWM-2018.pdf|sujet]] ;
Ligne 46 : Ligne 16 :
 
** [[:File:775-exam IWM-2018-corrigé.pdf|sujet corrigé]] ;
 
** [[:File:775-exam IWM-2018-corrigé.pdf|sujet corrigé]] ;
 
** [[:File:775-fichiers exam IWM-2018-corrigé.zip|partie pratique]].
 
** [[:File:775-fichiers exam IWM-2018-corrigé.zip|partie pratique]].
 +
 +
==== 2019-2020 ====
 +
* [[:File:775-exam IWM-2019.pdf|Sujet]] ;
 +
* [[:File:775-exam IWM-2019-corrigé.pdf|Sujet corrigé]].
  
 
== Ressources ==
 
== Ressources ==
Ligne 54 : Ligne 28 :
 
** [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ;
 
** [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ;
 
** <span id="git">[[:File:775-Git-énoncé.pdf|TD git]]</span> ;
 
** <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-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 64 : Ligne 40 :
 
** [[:Fichier:775-M1DILIEPM-TD2 images.zip|fichiers à créer dans le TD n°2]].-->
 
** [[:Fichier:775-M1DILIEPM-TD2 images.zip|fichiers à créer dans le TD n°2]].-->
  
<!--== Serveur de travail ==
+
== Serveur de travail ==
Pour mettre vos travaux en ligne, nous utilisons le serveur [http://dip01.u-grenoble3.fr/~m1_dilipem dip01.u-grenoble3.fr].
+
{{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://dip01.u-grenoble3.fr/~m1_dilipem.
+
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 :
 
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'ê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]]) .-->
+
* 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]]
  
== Notes et références ==
+
{{encart|
<references />
+
=== 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