« STIC Discussion:STIC I - exercice 1 (Xerneas) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 290 : Ligne 290 :


Mattia
Mattia
====Re: Re: Rédition des travaux -- [[Utilisateur:Alessandro MINNECI|Alessandro MINNECI]] ([[Discussion utilisateur:Alessandro MINNECI|discussion]]) 19 octobre 2017 à 19:32 (CEST)====
:: Replace this text with your reply
Merci
Alessandro

Version du 19 octobre 2017 à 18:32

-- 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