STIC Discussion:STIC I - exercice 1 (Xerneas)

De EduTech Wiki
Aller à la navigation Aller à la recherche

-- Edouard Adam (discussion) 2 octobre 2017 à 13:10 (CEST)

Bonjour, une question pour l'exercice stic 1 pour la page des travaux. J'ai un texte qui apparaît en bleu que je n'arrive pas à modifier et je ne trouve pas où il se trouve dans le code. Voici le lien à ma page: http://tecfaetu.unige.ch/etu-maltt/xerneas/adamedo0/ J'aimerais changer le titre de la page (celui qui apparaît dans l'onglet) et celui en dessous des données personnelles, qui se nomme "Exercices STAF" alors que j'aimerais le nommer "exercices STIC de la volée xerneas". Il ne se trouve pas dans le code xml (?), que faire? Est-ce du au fait que j'ai copier coller la structure du document à partir du fichier example.xml? Merci d'avance, Edouard Adam

Re: -- Mattia A. Fritz (discussion) 2 octobre 2017 à 13:23 (CEST)

Bonjour,

vous avez trois éléments qui composent votre page travaux :

  • le fichier .xml qui contient les "données"
  • le fichier .xsl qui contient les instructions pour transformer les données XML en HTML
  • le fichier .css qui applique des règles de style à l'HTML

La couleur bleu est déterminée depuis le fichier travaux.css dont le contenu, pour l'instant, se limite à :

h1,h2 {color:blue}

Par contre, le titre "Exercices STAF" se trouve dans le fichier travaux.xsl. Vous pouvez essayer de "jouer" avec le code HTML que vous arrivez à identifier pour modifier votre page.

Mattia

Re: Re: -- Daniel K. Schneider (discussion) 2 octobre 2017 à 14:14 (CEST)

Donc pour répéter Mattia: Vous pouvez jouer avec XSLT, mais c'est un thème abordé en STIC II. Si vous avez assez de temps, cela ne vous fera pas du mal. Lire peut-être: [Tutoriel XSLT débutant]]

Importation de photo en SVG -- Maud Bernies (discussion) 11 octobre 2017 à 14:16 (CEST)

Bonjour,

De mon côté, mes difficultés sont beaucoup plus basiques... Je n'arrive pas à importer une image en scg sur ma page wiki. J'ai transformé ma photo en format svg mais quand je veux l'importer, il m'indique que le "fichier est vide"...

Merci pour votre aide, Maud

Re: Importation de photo en SVG -- Mattia A. Fritz (discussion) 11 octobre 2017 à 16:30 (CEST)

Bonjour,

comme on vous a montré pendant le cours, la transformation d'une photo en SVG est assez complexe et il y a toujours une perte de qualité due à la différence entre un format matriciel et vectoriel. En tout cas, pouvez-vous nous donner quelques détails en plus sur les étapes que vous avez suivi pour transformer une photo en svg?

Mattia

Re: Importation de photo en SVG -- Daniel K. Schneider (discussion) 11 octobre 2017 à 17:02 (CEST)

Idéalement, il faudrait tout mettre sur le serveur et indiquer ici l'URL (donc la page + le fichier SVG). Cela permet de voir rapidement et d'aider.

Fichier CSS pour notre page personnelle en format HTML5 -- Catarina Vieira (discussion) 15 octobre 2017 à 23:50 (CEST)

Bonsoir,

Est-ce que le fichier CSS que nous utiliserons pour créer notre page personnelle doit être entièrement crée par nous ou est-ce que nous pouvons utiliser un fichier CSS mis à disposition sur internet?

Cordialement

De Sousa Vieira Catarina

Re: Fichier CSS pour notre page personnelle en format HTML5 -- Mattia A. Fritz (discussion) 16 octobre 2017 à 11:02 (CEST)

Bonjour,

vous pouvez utiliser toute ressource externe, y compris un ou plusieurs fichier CSS, à condition d'en citer la source dans votre rapport et bien contrôler les droits/conditions d'utilisation.

Mattia

Photo SVG -- Alessandro MINNECI (discussion) 17 octobre 2017 à 10:41 (CEST)

Bonjour,

Je voudrai savoir si on doit mettre notre photo sur notre page web personnel, car elle est en jpg. Ou peut-on mettre une image de nounours qui est svg ?

Cordialement

Alessandro

Re: Photo SVG -- Mattia A. Fritz (discussion) 17 octobre 2017 à 11:30 (CEST)

La contrainte est tout simplement technique: il vous faut un élément SVG, à vous de décider quel type d'élément vous voulez afficher dans votre page personnelle. Cela peut être un logo, une icône, etc.

Après vous pouvez ajouter également d'autres éléments, comme une photo .jpg, mais cela n'est pas requis. On vous "exige" la photo juste dans Moodle.

Mattia

Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 17 octobre 2017 à 21:46 (CEST)

Bonjour, De manière générale, je suis assez perdue sur les exercices STIC... Hormis le wiki et la page html (somme tout très basique), je rencontre des difficultés sur les autres exercices. Je prévois de venir lundi 23, il y aura t il un peu d'aide (étudiants, profs?) ce jour ?

Merci d'avance,

Maud

Re: Aide pour STIC lundi 23 oct? -- Mattia A. Fritz (discussion) 18 octobre 2017 à 11:22 (CEST)

Bonjour,

normalement je serai à TECFA ce lundi dans l'après-midi. Vous pouvez passer au bureau 509 si vous avez des questions.

Mattia

Re: Re: Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 18 octobre 2017 à 13:35 (CEST)

Merci. En fait j'ai beaucoup de questions car je suis perdue dans tous les exercices... , impossible pour moi de rendre tout dans les temps... A ce moment précis, je ne comprends pas pourquoi lorsque je téléverse mon fichier html sur cyberduck, les puces et logo disparaissent? Je suis également perdue dans la page travaux et rapport...

Re: Re: Re: Aide pour STIC lundi 23 oct? -- Mattia A. Fritz (discussion) 18 octobre 2017 à 14:32 (CEST)

On pourra voir tout cela lundi, ne vous inquiétez pas, même si je comprends que cela puisse être frustrant, car on est confronté à beaucoup de trial and error (surtout error d'ailleurs...) au début.

Dans le cas spécifique que vous citez, pouvez-vous fournir le lien à la page que vous venez de téléverser?

Souvent il s'agit de petits détails, par exemple :

  • est-ce que vous avez téléversé seulement le fichier html ou également le fichier du logo? C'est un logo en jpg, svg, autre, ... ?
  • est-ce que vous avez fait vos liste à puces en respectant la syntaxe attendue ?
<ul>
  <li>Item</li>
  <li>Item</li>
</ul>

Mattia

Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 18 octobre 2017 à 15:37 (CEST)
Replace this text with your reply


Oui j'ai téléversé le fichier html + logo et je pense avoir respecté les balisages de codage car à la lecture brakets ca apparait correctement. Par contre, je ne comprends pas comment vous envoyer le lien vers mes fichiers?

Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Mattia A. Fritz (discussion) 18 octobre 2017 à 15:43 (CEST)

Mettez l'adresse (i.e. l'URL) pour accéder à vos fichier avec un navigateur web ou en alternative dites-nous dans quelle dossier vous avez téléverser vos fichiers (cf. https://edutechwiki.unige.ch/fr/MINIT#Vos_dossiers_personnels_sur_le_serveur).

Re: Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 18 octobre 2017 à 16:27 (CEST)
Replace this text with your reply


Le fichier et logo se trouvent dans mon espace travaux, stic-1, ex1 je ne sais pas si c'est cette adresser là? http://tecfaetu.unige.ch/web/etu-maltt/xerneas/bernies7/Stic-%201/ex1/Welcome.html

(je confirme que j'ai vraiment du mal!)

Re: Re: Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Mattia A. Fritz (discussion) 18 octobre 2017 à 17:04 (CEST)

Oui, en effet il y a plusieurs problèmes.

Déjà l'adresse "correct" serait le suivant : http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/Stic-%201/ex1/Welcome.html

Mais en réalité il ne pas correct car :

  1. il faut utiliser que des lettres minuscules et sans espaces dans vos chemins et noms de fichier, donc pas Stic- 1 mais stic-1 et il faut appeler votre fichier welcome.html et non pas Welcome.html
  2. il me semble que le document que vous mettez à cet endroit est votre homepage personnelle, mais nous nous attendions plutôt :

Au niveau du codage, ensuite, essayez d'abord de simplifier. Par exemple votre page personelle EduTechWiki est bien organisée, essayez de reproduire ceci en HTML. Pour démarrer :

<!DOCTYPE html>
<html lang="fr">

<head>
    <title>Page personnelle de Maud Bernies</title>
    <meta charset="UTF-8">
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Titre de la page -->
    <h1>Page personnelle de Maud Bernies</h1>

    <!-- Présentation -->
    <h2>Présentation</h2>
    <p>J'ai acquis 10 ans d'expériences professionnelles dans le domaine de l'Ingénierie de Formation pour Adultes. J'ai exercé
        comme formatrice, cadre pédagogique et conseillère formation dans le milieu associatif et secteur public français.
        Titulaire d'une Maitrise en Sciences de l'Education et d'un MASTER en Ingénierie de formation, je suis passionnée
        par les Sciences Humaines et Sociales et tout particulièrement, par la pédagogie et l'andragogie.</p>

    <!-- Mon expertise -->
    <h2>Mon expertise</h2>
    <p>Mes différents postes m’ont assuré une
        <strong>expérience de 10 ans en ingénierie de formation et pédagogique</strong>, ce au travers, le recueil et l’analyse de
        besoins, la conception de différentes actions de formation, le conseil en formation et en organisation. Dernièrement
        en charge de la conception d’une offre de formation professionnelle à destination des acteurs de l’Education des
        collectivités territoriales, j’ai travaillé en étroite collaboration avec les intervenants et les professionnels
        concernés afin d’adapter les réponses formation. Mes nombreuses collaborations avec les responsables (DGS, DRH, responsables
        formation, de service,…) ont ainsi consolidé ma compétence dans la phase d’entretien et d’analyse de leurs demandes.
        La nécessité de requestionner le besoin, d’interroger les organisations, aussi complexes soient elles, d’être en
        posture de conseil sur les moyens de mise en œuvre nécessaires à la faisabilité des projets, se trouvent au cœur
        de ma compétence. Par ailleurs, la connaissance des publics et des pédagogies m’ont permis de proposer des méthodes
        actives et dynamiques, inspirées des jeux cadres et de la ludopédagogie.</p>
</body>

</html>

Pour lundi, essayez de completer cette page et la téléverser au bon endroit sur le serveur. On pourra prendre cela comme point de départ.

Mattia

Re: Re: Re: Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 19 octobre 2017 à 12:34 (CEST)
Replace this text with your reply


Bonjour Mattia,

J'ai modifié ma page personnelle, elle est effectivement plus claire comme ca! merci pour ton aide. J'ai téléversé également sur mon espace pero à cette adresse, je crois que ca marche? par contre je ne comprends toujours pas pourquoi les puces ne s’affichent pas? http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/

A partir de quelle heure, penses tu être présent lundi ? encore merci!

Re: Re: Re: Re: Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Mattia A. Fritz (discussion) 19 octobre 2017 à 13:00 (CEST)

Je serai à TECFA à partir de 14:00 environ.

En ce qui concerne la page :

  • Vos listes à puce ne respectent pas la syntaxe attendue

Vous faites :

<p>
  <li>...</li>
</p>
<p>
  <li>...</li>
</p>

Tandis que la syntaxe attendue est la suivante :

<ul>
  <li>...</li>
  <li>...</li>
</ul>

Référence : https://www.w3schools.com/html/html_lists.asp

  • Votre image logo (ligne 51) ne s'affiche pas. Contrôlez que vous avez bien téléversé ce fichier et que sa position, son nom, et son extension correspondent.
Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Aide pour STIC lundi 23 oct? -- Maud Bernies (discussion) 19 octobre 2017 à 13:29 (CEST)
Replace this text with your reply


Merci! J'essaye d'avancer sur les autres exercices également. A lundi donc!

Rédition des travaux -- Alessandro MINNECI (discussion) 19 octobre 2017 à 16:26 (CEST)

Bonjour,

Je voudrais savoir si je dois mettre les travaux aussi dans la partie moodle, car il y a une section ex1 et ex2 ?

Cordialement

Alessandro

Re: Rédition des travaux -- Mattia A. Fritz (discussion) 19 octobre 2017 à 16:31 (CEST)

Bonjour,

non, ce n'est pas nécessaire. C'est d'ailleurs spécifié dans l'espace Moodle dans la section évaluation :

Vous ne devez rien soumettre à travers Moodle, il suffit de publier les fichiers sur le serveur tecfaetu.unige.ch dans les délais ;

Les devoirs dans l'espace Moodle servent exclusivement pour l'évaluation. À ce propos, vous pouvez accéder aux critères d'évaluations en cliquant sur les exercices.

Mattia

Re: Re: Rédition des travaux -- Alessandro MINNECI (discussion) 19 octobre 2017 à 19:32 (CEST)

Replace this text with your reply

Merci

Alessandro

Demande de delai -- Alessandro MINNECI (discussion) 20 octobre 2017 à 15:03 (CEST)

Bonjour Monsieur,

J'ai besoin d'un délai supplémentaire pour terminer l'exercice 1 avec l'intégration d'impress et de scratch

Cordialement

Alessandro

Re: Demande de delai -- Mattia A. Fritz (discussion) 20 octobre 2017 à 15:16 (CEST)

Bonjour,

en général, nous n'accordons jamais de délais individuellement, à moins que ce n'est pas pour des raisons personnelles (maladie, etc.). Si c'est le cas, vous pouvez contacter directement M. Schneider par email. Si non, vous pouvez rendre vos travaux à n'importe quel moment pendant le semestre, même après le délai attendu, mais à ce moment vous serez pénalisé selon la grille d'évaluation.

Il arrive parfois qu'on donne des délais supplémentaires collectifs, dans ce cas on le communique à travers le forum des nouvelles de Moodle et tout le monde peut en bénéficier.

Faites néanmoins attention à bien distinguer les rendus: par exemple Scratch fait partie de l'exercice 2, dont le délai est fixé pour la semaine prochaine.

Mattia

Re: Re: Demande de delai -- Alessandro MINNECI (discussion) 20 octobre 2017 à 16:53 (CEST)

Replace this text with your reply

Merci

Alessandro

Demande de rendez-vous -- Alessandro MINNECI (discussion) 20 octobre 2017 à 15:05 (CEST)

Bonjour Monsieur,

Je voudrai prendre rendez-vous avec vous, car j'ai énormément de question sur l'exercice 1 et 2

Cordialement

Alessandro

Re: Demande de rendez-vous -- Mattia A. Fritz (discussion) 20 octobre 2017 à 15:19 (CEST)

Si vous pouvez passer lundi prochain à partir de 14:00, il y a déjà une de vos collègues qui a pris rendez-vous. Si non il faudra fixer une autre date, contactez moi par email dans ce cas.

Mattia

Re: Re: Demande de rendez-vous -- Alessandro MINNECI (discussion) 20 octobre 2017 à 16:52 (CEST)

Replace this text with your reply


Je travail, mais je vais essayer de passer

Merci

Alessandro

Code -- Alessandro MINNECI (discussion) 20 octobre 2017 à 17:03 (CEST)

Bonjour Monsieur,

Je n'arrive pas à trouver l'erreur, car à chaque fois que je le passe sur chrome tous reste figé. L'image de tourne pas.

En outre, j'ai suivi la procédure pour l'intégration du projet scratch dans la page, mais rien à faire cela ne fonctionne pas.

Avez-vous une idée ?

Et en plus quand je vous envoie le code sur la discussion, il se transforme en html et ne reste pas en code.

Cordialement

Alessandro

Re: Code -- Mattia A. Fritz (discussion) 20 octobre 2017 à 17:18 (CEST)

J'ai effacé votre code, à la rigueur si vous voulez afficher du code HTML dans le wiki mettez :

<source lang="HTML5"> votre code ici </source>

Mais c'est beaucoup plus utile et simple pour nous si vous téléversez plutôt tous vos fichiers sur le serveur et reportez ici juste le URL. De cette manière on peut tout contrôler (e.g. si vous avez téléversé tous les fichiers nécessaires, s'ils sont au bon endroit, etc.).

Mattia

Re: Re: Code -- Alessandro MINNECI (discussion) 20 octobre 2017 à 19:15 (CEST)

Replace this text with your reply


Bonsoir monsieur,

J'ai téléchargé sur le serveur les dossier, voici l'adresse : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/

Cordialement

Alessandro

Re: Re: Re: Code -- Mattia A. Fritz (discussion) 20 octobre 2017 à 20:06 (CEST)

C'est tout bon jusqu'à la ligne 14 :

<div id="impress">
    <div id="slide1" class="step slide">
        <p style='font-size:40px; text-align:center'>La methode du focus group </p>
    </div>
</div>

Après à partir de la slide suivante, vous les mettez en dehors du div avec id="impress", c'est pour ça que cela ne marche pas. Mettez toutes vos slides à l'intérieur de ce div et cela devrait marcher :

<div id="impress">
  <!-- Première slide -->
  <div id="slide1" class="step slide">
  ...
  </div>
  <!-- Deuxième slide -->
  <div id="slide2" class="step slide">
  ...
  </div>
</div>

Par contre votre iframe pour Scratch vous le mettez après le tag de fermeture du </body>, tout le contenu "visible" de la page devrait se trouver à l'intérieur du tag body. Mais pourquoi mettez vous l'application Scratch ici?

Mattia

Re: Re: Re: Re: Code -- Alessandro MINNECI (discussion) 22 octobre 2017 à 16:50 (CEST)
Replace this text with your reply


Bonjour Monsieur,

J'ai repris l'exercice et il fonctionne,

En ce qui concerne le projet scratch, il est dit qu'il faut le mettre dans une page fonctionnel, d'ou le fait qu'il se trouve là-dedans, comme l'image de l'ours, car on veut une image en SVG.

Par contre, j'ai effacé le projet scratch du projet impress et je l'ai mis à part sur une autre page.

En vous remerciant de l'aide apportée

Si cela ne vous dérange pas, je suis intéressé par le rendez-vous de demain après-midi. Car j'ai énormément de question sur le sujet.

Cordialement

Alessandro

Téléversement Travaux -- Maud Bernies (discussion) 22 octobre 2017 à 19:37 (CEST)

Bonjour, Pouvez vous me dire pourquoi lorsque je téléverse vers "espace perso" et "espace travaux" les mêmes documents (html), l'espace perso ouvre le fichier avec le logi et les puces mais pas l'espace travaux? j'ai téléversé les même fichiers pourtant Merci! Maud