STIC Discussion:STIC I - exercice 2 (Xerneas)

De EduTech Wiki
Aller à : navigation, rechercher

1 Aperçu sur Exchanger? -- Maud Bernies (discussion) 11 octobre 2017 à 15:34 (CEST)

Bonjour,

Est il possible d'avoir un aperçu de notre travail sur Exchanger? de la même manière que sur Brackets? La fonction "viewer" ne semble pas correspondre à ca.

Merci,

1.1 Re: Aperçu sur Exchanger? -- Mattia A. Fritz (discussion) 11 octobre 2017 à 16:38 (CEST)

Bonjour,

la création/modification de votre page travaux fait partie de l'exercice 1, pas de l'exercice 2. Faites attention la prochaine fois à poser la question au bon endroit: cela pourrait intéresser également vos collègues et la placer dans l'exercice correspondant facilite la consultation.

En tout cas il n'y a pas cette possibilité à travers le logiciel, vous devez toujours passer à travers votre navigateur pour voir le rendu. Je vous conseille d'utiliser les outils de développement de votre navigateur pour voir le code HTML de la page (et non pas le code source qui est en XML).

Mattia

2 Téléchargement du projet scratch -- Alessandro MINNECI (discussion) 19 octobre 2017 à 16:28 (CEST)

Bonjour,

J'ai créé l'exercice sur scratch, puis je l'ai enregistré, par contre, il me refuser de le télécharger sur mon ordinateur pour que je puisse, le mettre sur l'espace tecfaetu.

Auriez-vous une solution ?

Cordialement

Alessandro

2.1 Re: Téléchargement du projet scratch -- Mattia A. Fritz (discussion) 19 octobre 2017 à 16:36 (CEST)

Bonjour,

il ne faut rien télécharger. Il faut incorporer votre application Scratch 2.0 dans une page HTML5 comme indiqué dans la section 3.1.1 de la page de l'exercice. Vous pouvez lire comment incorporer (i.e. souvent on utilise le mot anglais embed plutôt) une application Scratch 2.0 ici : https://wiki.scratch.mit.edu/wiki/How_to_Embed_a_Project

Mattia

2.2 Re: Téléchargement du projet scratch -- Alessandro MINNECI (discussion) 19 octobre 2017 à 19:32 (CEST)

Replace this text with your reply

Merci

Alessandro

3 Demande de clarification de la description du dispositif Scratch -- Nicolas Hürzeler (discussion) 23 octobre 2017 à 20:26 (CEST)

Bonjour,

Dans la description du dispositif Scratch que nous devons mettre en place pour l'exercice 2, il y a cette phrase que je ne suis pas sûr d'avoir compris :

"L'application doit servir à un objectif déclaré dans votre rapport (pas juste votre objectif d'apprentissage !)"

Pouvez-vous détailler ce que vous entendez par "objectif déclaré" et citer des exemples svp ? Je ne visualise pas la différence entre cela et l'objectif d'apprentissage.

Merci de votre attention.

Nicolas H.

3.1 Re: Demande de clarification de la description du dispositif Scratch -- Mattia A. Fritz (discussion) 23 octobre 2017 à 20:58 (CEST)

Bonjour,

votre application Scratch 2.0 doit servir à un objectif d'apprentissage pour des utilisateurs potentiels que vous devez définir dans votre rapport, par exemple :

  • apprendre la manière de saluer en italien à des néophytes
  • apprendre à des enfants de 10 à 12 le mélange des couleurs primaires
  • etc.

(Soyez le plus concrète possible à la fois dans les objectifs et dans le public cible, cela vous facilitera la vie!)

Les objectifs de votre application doivent figurer et être articulés dans votre rapport et représentent l'un des critères d'évaluation sur la grille (cf. devoir sur l'espace Moodle).

En d'autres termes, il faut surtout éviter de citer dans vos objectifs quelque chose du style "L’objectif de cette application est de se familiariser avec le développement d'application avec Scratch". Ceci est votre objectif d'apprentissage dans le cours STIC, mais ne représente pas l'objectif d'apprentissage de votre dispositif (à moins que vous faites une application en Scratch qui sert à apprendre Scratch...).

Mattia

3.1.1 Re: Re: Demande de clarification de la description du dispositif Scratch -- Nicolas Hürzeler (discussion) 24 octobre 2017 à 09:52 (CEST)

Ok Mattia, merci beaucoup pour votre réponse ! Bonne journée :)

4 Page HTML/Inkscape -- Mariana Mozdzer (discussion) 31 octobre 2017 à 15:26 (CET)

Bonjour Mattia,

Voici le lien vers ma page HTML5 ou j'ai incorporé mon application Scratch: http://tecfaetu.unige.ch/etu-maltt/xerneas/mozdzer7/stic-1/ex2/ - C'est encore "work-in-progress". J'ai le même probléme que j'ai eu avec mes images SVG dans la page Tecfa et Impress. Pour cette page, j'ai crée une image SVG avec Inkscape pour le titre/header. En Inkscape, j'ai utilisé "Resize" pour m'assurer que l'image n'avait pas des marges ou surface "invisible" que prennent de la place pour rien dans la page HTML et qu'empêche de bien formater la page.

Est-ce que c'est un probléme de positionnement dans la page ou d'Inkscape? Je voudrais vraiment savoir pour ne me trouver dans la même situation à chaque fois. Merci d'avance! Cordialement, Mariana

4.1 Re: Page HTML/Inkscape -- Daniel K. Schneider (discussion) 31 octobre 2017 à 16:01 (CET)

Oui, si vous regardez juste la page SVG elle n'est pas correctement affichée. En fait, la vue du graphisme n'est pas juste ou plus techniquement parlé: la viewbox est fausse. Le dessin a des coordonnées X dans le négatif, mais la viewbox (ce qui est montré) est à partir de 0.

viewBox="0 0 178.29608 82.28611"

Suivez d'abord nos conseils énumérés ici (notamment faire corriger la viewbox):

Notamment: Optimiser le SVG': File -> Save as... -> Optimized SVG. Sélectionner l'option "Enable viewboxing dans la boîte de dialogue. Ceci fait plusieurs choses, en particulier insérer une viewbox correcte et des attributs width et height.

Si cela ne marche pas: Editez le code SVG en utilisant un simple editeur de code (par exemple Brackets) et mettez qc. comme viewBox="-50 0 300 82"

4.1.1 Re: Re: Page HTML/Inkscape -- Mariana Mozdzer (discussion) 1 novembre 2017 à 10:15 (CET)

Bonjour, Merci beaucoup pour les instructions. J'essaie! Bonne journée, Mariana

4.1.2 Re: Re: Page HTML/Inkscape -- Mariana Mozdzer (discussion) 1 novembre 2017 à 11:01 (CET)

Re-bonjour, J'ai tout essayé: Resize+Optimize+Plain SVG+Vacuum+Editer le code en brackets. Changez le code à viewBox="-50 0 300 82" à reduit la taille de l'image, mais pas le "vide". Et n'importe comment je joue avec height/width, les marges restent toujours grands en haut et en bas. Je changerai l'image pour que le design soit plus correct pour l'exercice et la deadline de demain...et je continue à m'entrainer pour éventuellement dompter Inkscape!

4.1.2.1 Re: Re: Re: Page HTML/Inkscape -- Daniel K. Schneider (discussion) 1 novembre 2017 à 12:21 (CET)

Ah le vide c'est simplement votre HTML. Vous dites que votre image fait 350px fois 350px. alors qu'elle est plus large que haute. Il faut toujours tout regarder !

<img src="scratchheader.svg" alt="Numbers" style="width:350px;height:350px">

Dans le SVG (l'ancien que vous avez sur le serveur) vous dites:

  width="673.87494"
  height="311.00262"

donc dans le HTML, mettez qc. comme (mais avant de le faire, regardez votre code SVG ! Il suffit de l'ouvrir dans le navigateur et "view source". Ensuite, ajustez si nécessaire.

<img src="scratchheader.svg" alt="Numbers" style="width:673px;height:311px">

Mais ce que j'ai conseillé ci-dessus reste valable. Votre image SVG était coupée. La prochaine fois, mettez la nouvelle tentative (HTML, SVG, CSS, etc.) sur le serveur. Répondre dans l'abstrait est difficile :) Par ailleurs la balise center n'existe pas dans HTML5.