STIC Discussion:STIC I - exercice 1 (Xerneas)

De EduTech Wiki
Révision datée du 20 octobre 2017 à 16:03 par Alessandro MINNECI (discussion | contributions) (→‎Code -- ~~~~ : nouvelle section)
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 ?

Cordialement

Alessandro

Voici le code :

<!doctype html> <html>

<head>

   <link href="impress-min-presi.css" rel="stylesheet" />
   <title>Alessandro minneci 20.10.2017</title>

</head>

<body>

La methode du focus group


La carte conceptuelle du focus groupe

<img src="carte.png" alt="carte" title="Carte conceptuelle">




L'objectif de la méthode du Focus Group est une activité de groupe ayant pour objet de se "focaliser" sur des aspects précis d'un objet d'étude. C’est à dire de recueillir des opinions, des motivations et des attitudes, à partir des usages, des pratiques et des expériences vécues des participants.


En ce qui concerne les participants, retrouve en premier lieu l'évaluateur qui doit être habitué à maîtriser les phénomènes propres à la dynamique de groupe, aussi bien positifs que négatifs, tout en conservant sa neutralité. En deuxième lieu, il y a les participants en règle générale pas plus de 7 à 8 par groupe. Ils ne sont généralement pas rémunérés, mais par exemple ils peuvent recevoir des bons d'achat pour les remercier de leur disponibilité. Pour le recrutement de ces personnes on peut faire appel à des sociétés spécialisées.


Le déroulement, on retrouve plusieurs phases dans le déroulement : 1) Il y a la préparation, avec la préparation d’une liste précise d'activités proposées aux participants. Cette liste sera dressée en fonction des objectifs de l'étude. 2) Mais aussi le fait de "Briser la glace", car les participants a priori ne se connaissent pas, ainsi ils pourront arriver à dialoguer et interagir sans gêne et sans effort. Par exemple en se présentant. 3) Puis la présentation des activités, c’est à dire que les participants sont invités à s'asseoir autour d'une table, l'animateur présente au groupe les "règles du jeu ». Ainsi, chacun peut prendre la parole sans la monopoliser, les participants essaient de s'écouter. On considère que toutes les idées sont bonnes, à partir du moment où elles concernent les opinions, les motivations et les pratiques des participants. 4) Enfin, on retrouve le déroulement, c'est à dire que le Focus Group doit permettre d'obtenir des opinions, des représentations et qui sont centrées sur un thème déterminé.




Les données obtenues et traitement,on fait une analyse qui peut être menée avec le groupe, en tant activité de synthèse et de reformulation. L'évaluateur recense les principaux thèmes abordés, et pour chacun d'entre eux, il recense les idées produites, les exemples, les points d'accord et de désaccord. Il extrait ensuite de ce corpus les informations utiles au but de l'étude. Suite à l'analyse des enregistrements effectués pendant les sessions du Focus Group, l'évaluateur pourra rédiger un rapport dans lequel il mettra en lumière les éléments qui qualifie le plus souvent le produit en question, les remarques les plus intéressantes, les plus fréquentes, les idées proposées par les sujets et qui sont exploitables dans la création du produit.


Les Avantages : 1) Les utilisateurs sont en groupe et ils interagissent entre pairs plutôt qu'avec l'évaluateur ce qui va les aider à être plus à l'aise et à dialoguer librement. 2) Proposer des activités de réflexion collective amène les sujets à verbaliser plus facilement leurs représentations, leurs ressentis et toute autre pensée difficilement rationalisable. Les Limites : 1) C’est la difficulté à gérer correctement le groupe et les échanges entre les sujets, qui va dépendre étroitement de l'expérience de l'animateur. 2) Le Focus Group peut aussi donner lieu à des problèmes d'interprétation des données et de choix de la démarche à suivre à partir des informations recueillies. Les Précautions : Le Focus Group n'est pas de mesurer directement l'utilisabilité, mais d'en identifier les différents aspects. Il peut ainsi présenter une excellente complémentarité avec d'autres techniques plus ciblées.




Mon avis personnel, selon moi la technique du Focus Group est très difficile, mais intéressante, car elle permet de faire faire une partie du travail aux participants. C’est à dire de faire ressortir les idées directrices. De plus, elle permet une meilleure interaction avec les personnes interrogées.


Photos SVG

<img src="ours.svg" alt="ours" title="Photo ours svg">






   <script type="text/javascript" src="impress.js"></script>
   <script type="text/javascript">
       impress().init();
   </script>

</body>



<iframe allowtransparency="true" width="485" height="402" src="//scratch.mit.edu/projects/embed/180718072/?autostart=false" frameborder="0" allowfullscreen></iframe>


</html>