STIC Discussion:STIC I - exercice 3 (Drakkar)

De EduTech Wiki
Version datée du 16 janvier 2024 à 17:19 par Mattia A. Fritz (discussion | contributions) (→‎feed back perso de l'exercice 3 : Réponse)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche

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)Répondre[répondre]

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)Répondre[répondre]

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)Répondre[répondre]

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)Répondre[répondre]

Re: erreur code js/ usage de la console/ -- Mattia A. Fritz (discussion) 18 novembre 2023 à 17:16 (CET)

Bonjour,

Il faudrait voir l'ensemble du dispositif pour comprendre. En tout cas, si votre intention est celle de faire jouer un fichier audio, il faut utiliser l'API audio (HTML5 audio et video) pour prendre contrôle du son.

Merci de télécharger votre dispositif et mettre le lien ici.

Mattia

Clarification

Bonjour Mattia,

J'ai une question concernant mon dispositif j'aimerais m'assurer que je suis sur la bonne voie.

Mon dispositif implique de cliquer sur différentes parties d'une image en SVG et de recevoir des feedbacks distincts correspondant à chaque partie sélectionnée, par exemple, obtenir un message spécifique comme "You have clicked on..." associé à une description spécifique de la partie sélectionnée.

Est-ce que cette approche est conforme aux attentes de la tâche ou est-ce que c'est trop simple et qu'il faut aller plus loin ?

Merci d'avance pour vos éclaircissements.

Warisara Suksamran Warisara Suksamran (discussion) 22 novembre 2023 à 10:09 (CET)Répondre[répondre]

Re: Clarification -- Mattia A. Fritz (discussion) 22 novembre 2023 à 12:46 (CET)

Bonjour,

Il y a toujours les deux plans dans ce cours :

  • D'un point de vue technique, si vous avez utilisé au moins une structure de contrôle, un mécanisme aléatoire, ou une boucle dans la logique de l'application, alors ce n'est pas trop simple. Mais déjà rendre interactif une image SVG n'est pas simple.
  • D'un point de vue pédagogique, cela dépend du contexte et du public cible. Est-ce que vous pensez que le public cible peut vraiment tirer avantage de cliquer sur une partie et en retenir le nom ? C'est le contexte qui peut vous aider à répondre à cette question et non pas une simplicité/difficulté intrinsèque absolue

Même une interaction simple, en plus, peut être améliorée par exemple d'un point de vue ergonomique. Vous pouvez par exemple mettre un mécanisme qui signale bien quelle partie de l'image est cliquable (effet mouseover), le feedback apparaît à un endroit stratégique pour maximiser la rétention de l'information, etc.

À bientôt, Mattia

Question exercice 3

Bonjour, j'ai vu que vous m'aviez enlevé des points de retard pour le rendu du rapport de l'exercice 3 mais je ne sais pas si vous vous souvenez lors du dernier cours je vous avais demandé si je pouvais modifier mon rapport pour une petite faute de frappe (dans mon nom de famille) et vous m'aviez répondu que oui et que vous ne m'enlèveriez pas de points car j'avais déjà rendu mon rapport à temps. Mais après cela, j'ai supprimé mon rapport et l'ai rajouté sans la faute de frappe. Mais vu que ce n'était pas une faute importante je ne l'aurais pas modifiée si vous n'aviez pas accepté que je modifie sans pénalité de retard. Merci beaucoup et bonne année. Anissa Nasri (discussion) 6 janvier 2024 à 18:58 (CET)Répondre[répondre]

Bonjour,
Merci pour le signalement, j'ai corrigé la notation.
À bientôt,
Mattia Mattia A. Fritz (discussion) 6 janvier 2024 à 19:28 (CET)Répondre[répondre]
Merci beaucoup!
Bon week-end, Anissa Nasri (discussion) 6 janvier 2024 à 19:29 (CET)Répondre[répondre]

feed back perso de l'exercice 3

Bonjour,

Tout d'abord meilleurs voeux !

Question bête (une de plus) : ou trouvez le feedback individuel ?

merci !

Thierry Thierry (discussion) 16 janvier 2024 à 16:17 (CET)Répondre[répondre]

Bonjour,
Dans Moodle, il faut cliquer sur les devoirs pour avoir accès à la note et à la grille d'analyse. Sur la droite de chaque item de la grille, vous trouverez un bref commentaire. Mattia A. Fritz (discussion) 16 janvier 2024 à 17:19 (CET)Répondre[répondre]
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC_Discussion:STIC_I_-_exercice_3_(Drakkar)&oldid=175751 »