Actions

Cours

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

De GBLL, TAL, ALAO, etc.
m (--no-announce)
 
(58 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 ==
 +
Le cours donnera lieu à un projet et à un devoir sur table et à un [[#Projet|projet]].
 +
=== Devoir sur table ===
 +
==== 2017-2018 ====
 +
* [[: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]].
 +
 
 +
==== 2018-2019 ====
 +
* [[:File:775-exam IWM-2018.pdf|sujet]] ;
 +
* [[:File:775-fichiers exam IWM-2018.zip|fichiers]] ;
 +
* correction :
 +
** [[:File:775-exam IWM-2018-corrigé.pdf|sujet corrigé]] ;
 +
** [[: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 ==
 +
* '''[[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-IdL-git.pdf|Diaporama git]] ;
 +
* TDs :
 +
** [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ;
 +
** <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)
  
−
== Contrôle des connaissances ==
+
Pour vous y connecter en [[wfr:sftp|SFTP]], il est nécessaire :
−
Le cours donnera lieu à un projet et à un devoir sur table.
+
* 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]]) ;
−
=== Projet ===
+
* D'avoir un client SFTP (cf. [[Utilisateur:Mathieu Loiseau/Cours#Clients_.28S.29FTP|Outils et logiciels pour le cours]]) ;
−
{{encart|'''[http://dip01.u-grenoble3.fr/~m1_dilipem/anciens-projets/2016-2017/les-M1-a-la-rescousse/ exemples de projets de l'an dernier]}}
+
* 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
  
−
Le projet devra être en ligne sur dip01 avant le {{red|'''8 novembre''' minuit}}
+
<!-- == Notes et références ==
 +
<references /> -->
  
−
Chaque groupe (1 ou 2 étudiants) devra produire au minimum 2 pages Web :
+
== Projet ==
−
* 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> ;
+
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
−
* 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 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)
−
* 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 ===
+
À titre indicatif, la structure globale suivante :
−
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]].
 
  
−
== Ressources ==
+
[[File:projet_site_promo_M1_dilipem.svg]]
−
* [[Utilisateur:Mathieu Loiseau/Cours|outils et logiciels pour le cours ou en général]] ;
 
−
* [[: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-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] ;
 
−
* [[:File:775-DILIPEM-M1-TD3-IWM.pdf|TD n°3]] :
 
−
** [[:Fichier:775-Screencast-TD n°3.webm|fichier vidéo à utiliser]] ;
 
−
* 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]].
 
  
−
== 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 à 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

Le projet 2019–2020

http://i3l.univ-grenoble-alpes.fr/dilipem/2019%e2%80%932020/

Récupérée de « https://wiki.lezinter.net/w/index.php?title=Cours:Informatique_Web_et_Multimédia&oldid=59768 »