STIC Discussion:STIC I - exercice 3 (Drakkar)

Mentionner une image issue de Wikimedia commons

Bonjour,

J'ai une question concernant la manière d'indiquer des images issues de Wikimedia commons. En effet, vous m'avez fait ce retour concernant l'exercice 2: "L'image que vous utilisez n'est pas considéré de domaine public mais c'est sous licence Creative Commons. Vous avez le droit de l'utiliser, mais il faut indiquer l'auteur (voir Conditions d'utilisation dans la page de l'image)." Cependant, sur le site j'ai trouvé cela :

Fichier:Capture d’écran Wikimedia commons diagramme genou.png

Je voudrais donc savoir pourquoi elle n'est pas considérée du domaine public, et si cela n'est pas le cas, comment la mentionner pour les prochaines fois.

En vous remerciant d'avance,

Je vous adresse mes meilleures salutations.

Julie Grunder Julie G (discussion) 15 novembre 2023 à 12:02 (CET)

Re: Mentionner une image issue de Wikimedia commons -- Mattia A. Fritz (discussion) 15 novembre 2023 à 13:50 (CET)

Bonjour,

En effet l'interface de wikimedia commons n'est pas très claire, mais si vous regardez la page que vous avez mis en lien dans votre exercice 2 (https://commons.wikimedia.org/wiki/File:Knee_diagram-fr_ACL_PCL.svg?uselang=fr), vous pouvez voir que les conditions d'utilisation citent la licence CC BY-SA 3.0, donc il faut citer l'auteur pour lui attribuer l'image.

Au contraire, par exemple, l'image du cerveau qui est utilisé dans l'exemple du tutoriel (https://commons.wikimedia.org/wiki/File:Lobes_of_the_brain_NL.svg) cite expressément que l'image est du domaine public.

Nous aborderons les questions des licences pendant la période 3, donc vous aurez plus de détails à ce propos.

Bien cordialement, Mattia

Re: Re: Mentionner une image issue de Wikimedia commons -- Julie G (discussion) 15 novembre 2023 à 14:35 (CET)

En effet, ce n'est pas facile de trouver les informations, mais je comprends mieux. Merci beaucoup pour votre réponse.

Cordialement, Julie Grunder

Pas le même affichage sur le web que sur LiveServer

Bonjour,

Vous pouvez trouver mon dispositif de l'exercice 3 sur ma page travaux, car je n'arrive pas à poster de lien sur la discussion. Tout fonctionne correctement lorsque j'ouvre sur LiveServer, mais la version web semble ne pas prendre en compte mon code java. Est-ce que vous avez une idée d'où vient le problème ?

Je vous remercie d'avance pour votre réponse et vous souhaite une belle journée.

Liu Cong Liu Sophie Cong (discussion) 17 novembre 2023 à 12:00 (CET)

Re: Pas le même affichage sur le web que sur LiveServer -- Mattia A. Fritz (discussion) 17 novembre 2023 à 14:07 (CET)

Bonjour,

C'est un problème de pointage vers votre fichier JavaScript à la ligne 80. Votre chemin /assets/js/app.js fait référence à la racine du site web, car cela commence avec /. C'est pour cette raison que cela marche en local, car LiveServer fait commencer le site à la racine, mais pas sur le serveur tecfaetu.unige.ch, dans lequel votre exercice se trouve dans des sous-dossiers.

Il faut donc adapter le lien pour qu'il soit relatif comme vous avez fait pour le fichier CSS ou les images. Pour plus d'infos, voir Tutoriel JavaScript côté client.

Bien cordialement, Mattia

Re: Re: Pas le même affichage sur le web que sur LiveServer -- Liu Sophie Cong (discussion) 17 novembre 2023 à 14:22 (CET)

J'ai fait les modifications et tout fonctionne maintenant. Merci pour votre aide !

Bien cordialement,

Liu

Images mis sur le serveur mais qui n'apparaissent pas sur le web

Re-bonjour,

En inspectant mon code j'ai pu voir que seul mon image de présentation s'affiche sur mon dispositif alors que j'ai bien téléversé toutes mes images avec le bon nom. Je peux les vois lorsque j'ouvre cyberduck mais dans la console sur le web elles sont manquantes.

Merci d'avance encore pour votre réponse.

Liu Liu Sophie Cong (discussion) 17 novembre 2023 à 14:40 (CET)

Re: Images mis sur le serveur mais qui n'apparaissent pas sur le web -- Mattia A. Fritz (discussion) 17 novembre 2023 à 14:50 (CET)

Probablement c'est à cause des caractères spéciaux dans les noms des fichiers, car certaines images s'affichent. J'ai vu que vous avez eu le bon reflexe de chercher une fonction de normalization, mais elle n'est pas vraiment adaptée à la tâche.

Il faudrait probablement créer un array d'objets du type :

[
  {
    region: "Nom avec accents",
    image_url: "Nom sans accents, espaces, etc."
  },
  // Autres régions
]

Et puis spécifier la sous-propriétés qui vous intéresse lors de l'itération dans l'array :

• randomRegion[value].region
• randomRegion[value].image_url

J'espère que cela ne vous complique pas trop la vie ;)

Bon courage, Mattia

erreur code js/ usage de la console/

Bonjour,

Je m'entraîne en essayant de réaliser une interface  : lorsque l'image d'un saxophone est cliquée, le script vérifie si le son est en pause. S'il est en pause, il commence à jouer le son. Si le son est déjà en train de jouer, il le met en pause et le remet au début.

1) Il semble qu'il y ait des erreurs dans mon code js et je ne comprend pas les messages d'erreur. S'agit-il d'un problème de syntaxe, de logique, 🤔…

Je ne comprend comment utiliser console.log pour le tester mon code….La console JS et l'outil problèmes sont-ils la même chose?

Pas de possibilité de mettre un print screen en lien ici ?

merci d'avance.

Bon week-end

Thierry Gfeller

<script>

//identifier les éléments image et audio

var image = document.getElementById ("saxophone1");

var son = document.getElementById('sax1B');

// Ajouter un écouteur d'événement pour le clic sur l'image

image.addEventListener('click', function() {

// Vérifier si le son est en cours de lecture, et le mettre en pause si c'est le cas

if (son.paused) {

son.play(); // Démarrer la lecture du son

} else {

son.pause(); // Mettre en pause la lecture du son

son.currentTime = 0; // Remettre la lecture du son au début

}

});

</script> Thierry (discussion) 18 novembre 2023 à 14:17 (CET)