STIC Discussion:STIC I - exercice 1 (Yoshi)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Samuel Schmid (discussion) 2 octobre 2018 à 11:57 (CEST)

Bonjour,

Le lien vers la page http://tecfaetu.unige.ch/etu-maltt/pixel/ardiri6/ ne charge rien bien que je sois connecté au réseau de l'université, j'ai essayé d'autre pages d'anciens étudiants et le même problème apparaît. Comment faire pour consulter ces pages ?

Merci,

samuel schmid

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Mattia A. Fritz (discussion) 2 octobre 2018 à 13:01 (CEST)

C'est curieux - j'ai essayé avec plusieurs navigateurs, depuis le réseau UNIGE et depuis l'externe et je vois correctement les pages. Quel navigateur utilisez-vous? Vous en avez essayé plusieurs?

Mattia

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Daniel K. Schneider (discussion) 2 octobre 2018 à 13:41 (CEST)

Pour commencer, il faut déjà être sûr d’être connecté. Est-ce que ce lien marche ? 

http://tecfaetu.unige.ch/etu-maltt/pixel/

Si oui, il faudrait nous dire ce que vous utilisez:

  • Type de machine
  • OS et version
  • Navigateur et version
  • Type de réseau Unige (guest ou "normal")

En tout XSLT marche même sur Android (Firefox, Chrome, Samsung, etc.). Il se peut que cela ne marche pas sur iphone (Apple a eu de la peine à implémenter un processeur XSLT pour Safari, mais il y a 10-15 ans...).

http://w3schools.sinsixx.com/xsl/xsl_browsers.asp.htm http://test.greenbytes.de/tech/tc/xslt/

Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Samuel Schmid (discussion) 2 octobre 2018 à 15:07 (CEST)

Bonjour,

Je viens de trouver d'ou venait le problème. Il s'agissait de l'extension firefox Ghostery et le bloqueur de pub qui empêchait le chargement.

En tout cas merci pour votre aide.

s.schmid

Re: Re: Le liens vers un exemple de page "Travaux" ne fonctionne pas -- Daniel K. Schneider (discussion) 2 octobre 2018 à 17:02 (CEST)

Ha, je n'avais pas pensé aux bloqueurs. Effectivement, il s'agit d'une technique interactive de transformation de contenus...

Modification du style d'un xml -- Samuel Schmid (discussion) 2 octobre 2018 à 19:13 (CEST)

Bonjour,

Je ne comprend pas comment éditer le style de la page travaux. J'ai suivi les instructions et j'ai crée une page .xml valide. Celle-ci s'affiche mais elle n'est pas associé a un .css. Donc afin de modifier le style j'ai changé la première ligne du fichier .xml "<?xml-stylesheet href="travaux.xsl" type="text/xsl"?>" en "<?xml-stylesheet type="text/css" href="travaux.css"?>" créant ainsi un fichier css qui gérera la présentation de ma page. Or le problème est que je n'ai pas le .html de "sortie" du .xml ainsi je ne peut pas associer par exemple des classe css avec un élément de la page. Du coup je ne comprend pas comment il est même possible de modifier le style d'un fichier xml autrement qu'en connaissant l'ensemble de règle spécifique au langage xml crée?

Voila je pense qu'il me manque un élément de compréhension mais même après avoir lu les introduction a xml je suis toujours perdu,

Merci de vos réponse,

samuel

Re: Modification du style d'un xml -- Daniel K. Schneider (discussion) 2 octobre 2018 à 19:27 (CEST)

Il faut effectivement générer le HTML pour voir plus clair. Pour cela il y a plusieurs solutions:

On pourrait aussi associer du CSS avec XML, mais on le déconseille car il faut ajouter du texte à la sortie, réarranger les éléments etc. et CSS fait cela très mal.

Re: Modification du style d'un xml -- Mattia A. Fritz (discussion) 3 octobre 2018 à 11:04 (CEST)

Si j'ai bien compris, vous avez enlevé le lien entre le XML et le XSLT, ce qu'il ne faut pas faire car c'est ce lien qui permet de passer du XML à HTML.

Si vous voulez apporter des modifications de style CSS, vous pouvez voir dans le fichier travaux.xsl le code suivant : 

<html>
    <head>
      <title>
        Page Travaux STAF 
      </title>
      <link href="travaux.css" rel="stylesheet" type="text/css"/>

Ce qui se passe est le suivant:

  1. Vous transformez du XML en HTML5 avec le fichier .xls
  2. À l'intérieur du template .xls il y a la génération d'un lien à un fichier .css
  3. Si vous modifiez le fichier travaux.css (ou si vous changez le pointage vers un autre fichier .css), vous pouvez apporter des modifications de styles aux éléments HTML5 de la page, c'est-à-dire après la transformation avec le .xls

Hint: vous avez également un autre option pour voir le HTML généré. Au lieu de voir la source du fichier (qui est du XML), vous inspectez un élément de la page. Cela vous donne accès à la représentation du DOM telle qu'elle existe dans votre navigateur après la transformation.

Mattia

Re: Re: Modification du style d'un xml -- Samuel Schmid (discussion) 3 octobre 2018 à 11:42 (CEST)

Bonjour,

Merci pour ces réponse, c'est plus claire maintenant. Donc si je comprend bien il est impossible d’utiliser les sélecteurs class="" ou id="" dans le fichier travaux.css car je ne peut pas les faire pointer vers un élément du fichier html (vu que celui-ci est uniquement généré par le xml), en conséquence les modification via le css ne peuvent être que très superficiel, correct ?

Merci,

s.schmid

Re: Re: Re: Modification du style d'un xml -- Mattia A. Fritz (discussion) 3 octobre 2018 à 13:25 (CEST)

Vous pouvez utiliser des id ou des classes si vous modifiez le template .xsl. Mais cela dépasse les objectifs de l'exercice 1, on verra plutôt cela en STIC II. Si vous ne modifiez pas le template .xsl alors oui, vous pouvez identifier les éléments seulement à travers les balises, ce qui est en effet plus contraignante.

Mattia

Re: Re: Modification du style d'un xml -- Daniel K. Schneider (discussion) 3 octobre 2018 à 18:36 (CEST)

Oui j'avais effectivement répondu un peu rapidement. Donc, il existe 2 solutions:

  • Soit vous gardez la solution XSLT qui traduit XML en HTML et dans ce cas vous suivez nos conseils (je n'avais pas vu que vous avez déjà changé le lien). Il faut dans ce cas bien comprendre que XSLT est un langage de traduction qui à partir d'une balise xml permet de générer un autre code (par exemple du HTML avec du texte et des attributs "class" etc.). XML en lui même ne fait rien à part structurer une information. Il ne génère rien pour répondre à votre question. XSLT est une des nombreuses solutions pour afficher un contenu encodé en XML.
  • Soit vous associez directement un CSS à l'XML (fortement déconseillé) et dans ce cas il n'y a aucun sens d'utiliser des classes puisque le XML est structuré et sera affiché directement sans passer par HTML. Lire: ceci. Mais je répète: c'est une mauvaise solution, car CSS est très faible pour ajouter du texte ou arranger des contenus et vous allez souffrir. Par contre, cela vous permet d'apprendre du CSS pour de vrai car par défaut, les navigateurs n'associent ZERO CSS avec un XML et il faut donc tout définir.

Proposition nouveau logo EduTech Wiki -- Mathilde Gacek Langlois (discussion) 5 octobre 2018 à 20:08 (CEST)

Bonjour à tous,

J'ai créé un petit logo EduTech Wiki sur le modèle de celui du MALTT et de TECFA pour éventuellement remplacer celui du site (écriture en biais jaune citron sur fond bleu... un peu vieillot je trouve). Qu'en pensez-vous ?

Très bonne soirée,

Mathilde

Proposition nouveau logo

Re: Proposition nouveau logo EduTech Wiki -- Daniel K. Schneider (discussion) 5 octobre 2018 à 21:13 (CEST)

Bonne initiative :)

En fait on avait la même idée et j'avais envoyé une esquisse à Kalli pour qu'elle regarde. En gros, l'idée est de reprendre effectivement le Logo mais je voulais ajouter une dimension "hypertexte" et réseau, absente du logo TECFA. Le truc suivant est un peu chargé et il serait intéressant de trouver une sorte de compromis. Je trouve aussi qu'on pourrait utiliser plus que 2 couleurs, pour signaler une certaine diversité.

Proposition nouveau logo

Modification du style CSS de la page travaux xml -- Emilie Lettry (discussion) 9 octobre 2018 à 11:53 (CEST)

Bonjour,

Je suis en train de tenter de rendre ma page travaux welcome.xml un peu plus belle. Pour cela, j'ai suivi ce que vous proposez en modifiant le fichier travaux.css. J'ai effectué quelques changements (rien de bien folichon dirons-nous, quelques changement de puces et de couleurs sur les titres et le fond) dans ce fichier, mais mes changements ne semblent pas être pris en compte sur le serveur.

En effet, j'ai téléversé mon fichier css sur le serveur tefcaetu dans mon dossier travaux à coté de ma page welcome.xml. Mais lorsque je recharge ma page travaux dans mon navigateur (j'ai testé safari et google chrome mais le problème reste le même), le css ne change pas et l'affichage de ma page travaux semble rester bloquée sur le css initial avec les titres bleus. Sachez que je n'ai pas changé le titre de mon fichier css et que c'est le bon fichier avec le bon contenu css que je mets sur le serveur. Est-ce normal ? Que fais-je de faux ?

Je vous remercie d'avance,

Emilie

Re: Modification du style CSS de la page travaux xml -- Mattia A. Fritz (discussion) 9 octobre 2018 à 12:10 (CEST)

Bonjour Emilie,

svp, mettez toujours un lien à vos productions si possible, cela nous facilite le repère des informations et peut rendre notre réponse plus complète.

À l'URL http://tecfaetu.unige.ch/etu-maltt/yoshi/lettry0/ je vois des changements par rapport au CSS de base, vous avez un fond bleu claire et des fonts différents par exemple. Ce qui est confirmé par le fichier CSS http://tecfaetu.unige.ch/etu-maltt/yoshi/lettry0/travaux.css.

Il semblerait donc tout simplement un problème de cache. En effet, le navigateurs web téléchargent les contenus des pages et le stockent en local. Lorsque vous demandez à nouveau une page, le navigateur, pour vous faire gagner du temps, réprend la version stockée en local plutôt que télécharger à nouveau toute une page. Pour contourner ce mécanisme, vous pouvez effacer les données de navigation. Si vous utilisez Chrome : https://support.google.com/chrome/answer/2392709?co=GENIE.Platform%3DDesktop&hl=fr&oco=0

Mattia

Re: Re: Modification du style CSS de la page travaux xml -- Emilie Lettry (discussion) 9 octobre 2018 à 12:20 (CEST)

Ah oui, la frustration de ne pas comprendre mon problème m'a fait oublié le ctrl+v du lien de ma page.

Ah super, effectivement, une fois le cache vidé, je vois mes modifications !

Merci pour la réponse rapide.

Emilie

Problème pour téléverser sur le serveur -- Kim Hélène Le (discussion) 10 octobre 2018 à 18:02 (CEST)

Bonjour Mattia,

Ma page travaux était en ligne sur http://tecfaetu.unige.ch/etu-maltt/yoshi/lekimoa0/, sans le lien qui renvoyait au rapport.

J'ai ajouté le lien du rapport sur le "welcome XTML" et rajouté le nouveau XTML ainsi que le fichier "rapport" sur cyberduck.

Maintenant, plus rien ne s'affiche sur le serveur.

J'ai essayé de changer de browser, tout supprimer et remettre les fichiers liés au welcome xtml, enlever le cache, rien ne marche.

Pourriez-vous m'aider svp ? Si non êtes vous dans les bureaux TECFA demain dans l'après-midi ?

Avec mes meilleures salutations,


LE Thi Kim-oanh Hélène

C'est en ordre, il y avait une erreur lors du téléversement. Merci!

Validation xml -- Mariana Mozdzer (discussion) 10 octobre 2018 à 20:50 (CEST)

Bonjour,

J'ai essayé de valider mon fichier xml pour la page travaux. Le validateur de w3 schools donne le OK. Mais le site xmlvalidation.com me donne un erreur que je n'arrive pas à trouver dans/à partir de la ligne 68. Voir la capture d'écran.

Lien vers ma page travaux http://tecfaetu.unige.ch/etu-maltt/yoshi/mozdzer7/

Fichier:Xmlvalidator.pdf

Merci d'avance pour votre aide! Mariana

Re: Validation xml -- Mattia A. Fritz (discussion) 11 octobre 2018 à 09:57 (CEST)

Je ne connais pas les deux validateurs que vous citez, donc je ne sais pas dire pourquoi vous avez ces erreurs. Par contre, il y a sûrement deux erreurs dans votre XML que vous aurez pu repérer avec Exchanger XML :

Si vous corrigez ces deux aspects, normalement c'est OK (mais il faudra contrôler à nouveau, je n'ai pas regardé tout dans le détail).

Mattia

Re: Re: Validation xml -- Mariana Mozdzer (discussion) 12 octobre 2018 à 10:32 (CEST)

Merci beaucoup, Mattia! Je vais essayer de corriger le fichier.

J'ai une autre question concernant ma page TECFA que n'est pas urgente, tant que ce n'est pas nécessaire d'utiliser php dans cette exercice. Quand j'essaie d'envoyer un message avec ma page de contact (http://tecfaetu.unige.ch/perso/maltt/mozdzer7/contact.html), je reçoie le message suivant:

"Forbidden: You don't have permission to access /perso/maltt/mozdzer7/send_form_email.php on this server"

Est-ce qu'il s'agit d'une restriction TECFA ou jusqu'une faute dans mon fichier. Je suis consciente que le fichier html a beaucoup d'erreurs. Brackets me donne plus de 20, donc je ne serai pas surprise si c'est moi.

La page est toujours en construction, donc ignorez svp le mal placement de mon lien vers Linkedin. Merc d'avance pour votre aide! Cordialement, Mariana

Re: Re: Re: Validation xml -- Mattia A. Fritz (discussion) 12 octobre 2018 à 11:29 (CEST)

PHP est désactivé pour des raisons de sécurité. En particulier dans votre cas, si vous laissez un formulaire de contact ouvert sans mécanisme de contrôle, vous risquez d'être submergée par du spam ! Ce n'est pas la peine donc de téléverser le fichier .php. Vous pouvez agencer votre page contact différemment, sans prévoir un formulaire.

Téléversement du fichier travaux xml avec cyberduck -- Katrine Briguet (discussion) 12 octobre 2018 à 11:19 (CEST)

Bonjour,

J'ai tenté à plusieurs reprises de téléverser mon fichier welcome.xlm avec cyberduck sur le serveur http://tecfaetu.unige.ch/etu-maltt/yoshi/briguek8. En allant vérifier avec le navigateur chrome, ma page reste vide... Pouvez-vous m'aider?

Katrine

Re: Téléversement du fichier travaux xml avec cyberduck -- Mattia A. Fritz (discussion) 12 octobre 2018 à 11:32 (CEST)

Bonjour,

vous avez justement téléversé seulement le fichier welcome.xml, tandis que pour l'affichage correct de votre page il faut téléverser tous les fichiers qui composent votre page travaux :

  • Le fichier welcome.xml
  • Le fichier travaux.xsl
  • Le fichier travaux.css (si vous avez gardé ce nom et pointage pour le CSS)
  • Le fichier travaux.dtd (même si ce n'est pas fondamental à l'affichage, c'est important de le mettre tout de même)

Bien cordialement, Mattia

Re: Téléversement du fichier travaux xml avec cyberduck -- Katrine Briguet (discussion) 12 octobre 2018 à 12:57 (CEST)

Re-Bonjour,

Je ne comprends pas ce qu'il faut faire avec ce fichier xsl. Avec quel logiciel faut-il l'ouvrir? J'ai essayé avec mon editeur xml (xmlcopyeditor)... A quoi sert-il? Que fait-il de plus que le fichier css? Comment l'intégrer dans welcome.xml?

Par ailleurs, les fichiers liés au rapport sont censés être téléversés, selon les explications de la page edutechwiki liées au rapport STIC, au même endroit que les fichiers liés à la page travaux (http://tecfaetu.unige.ch/etu-maltt/yoshi/briguek8/). Ai-je manqué quelque chose? Et en clair, où dois-je téléverser mes fichiers liés à mon rapport?

Cordialement, Katrine

Re: Re: Téléversement du fichier travaux xml avec cyberduck -- Mattia A. Fritz (discussion) 12 octobre 2018 à 13:28 (CEST)

Le fichier .xsl sert à transformer vos données XML dans une page HTML. Dans le cadre de cet exercice, il ne faut pas maîtriser le mécanisme de transformation, il vous suffit de savoir reconnaître le résultat final en terme de balises HTML qui sont créées, pour éventuellement leur appliquer des propriétés de style avec le CSS.

Si vous regardez votre fichier .xml, vous avez : 

<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet href="travaux.xsl" version="1.0" type="text/xsl"?>
<?xml-stylesheet" href="travauxcss.css" type="text/css"?>

Votre deuxième ligne est celle qui crée le lien entre votre xml et le fichier .xsl qui s'occupe de la transformation. Au contraire, votre troisième ligne n'est pas utile. Le lien au fichier travaux.css est fait à l'intérieur du fichier .xsl (voir une réponse à l'un de vos collègues plus haut dans cette page).

En ce qui concerne l'emplacement de vos rapports, la page STIC:Rapport STIC I et II indique :

Le nom du fichier de votre rapport doit être :

  • index.html ou
  • welcome.html

Il doit être mis sur le serveur TECFA tecfaetu.unige.ch à un endroit précis.

Pour STIC I
/web/etu-maltt/promotion/votre-login-court/stic-1/exN/
Pour STIC II
/web/etu-maltt/promotion/votre-login-court/stic-2/exN/

Remplacez les parties en italique avec les éléments appropriés.

Attention : on s’attend exactement à ce type de chemin, donc

  • stic-1 et non pas stic1, stic-i, ou STIC-1
  • ex1, ex2, … ex10 et non pas exercice1, exe1, Ex01

Donc vos rapports doivent se trouver à l'intérieur de votre espace travaux, dans lequel il faut créer des sous-dossiers avec des noms spécifiques.

Est-ce que cela répond à vos questions ?

Re: Re: Re: Téléversement du fichier travaux xml avec cyberduck -- Katrine Briguet (discussion) 12 octobre 2018 à 14:36 (CEST)

Bonjour,

Avec quel logiciel puis-je faire des modifications dans le fichier xls?

Et concernant l'espace travaux, cela signifie qu'il contiendra tous mes fichiers, ceux de mon rapport et ceux de ma page "travaux"? Qu'est-ce qui sera affiché ensuite?

Enfin, je vais tenter de résoudre ce problème d'ici la fin de cette journée. Mais si je n'y arrive pas, est-il possible de vous transmettre les différents fichiers concernant mon rapport et ceux concernant ma page travaux d'une autre manière?

Cordialement, Katrine

Re: Re: Re: Re: Téléversement du fichier travaux xml avec cyberduck -- Mattia A. Fritz (discussion) 12 octobre 2018 à 14:58 (CEST)

Vous pouvez utiliser Exchanger XML comme il a été montré au cours pour votre fichier travaux.xls, mais encore une fois vous ne devez pas forcément le modifier. Il suffit de le téléverser avec le reste et, si votre fichier XML respecte la structure demandée, la transformation en HTML va se faire automatiquement.

En ce qui concerne l'affichage des élément, je vous conseille de revoir la partie MINIT sur l'anatomie des liens hypertextuels : https://edutechwiki.unige.ch/fr/MINIT#Anatomie_d.27un_lien_hypertextuel. Du moment que les fichiers sont organisés en dossiers et sous-dossiers, ce qui s'affiche est déterminé par l'URL où vous pointez. Voici les liens à ma page travaux et mon rapport de l'exercice 1 :

Vous pouvez bien noter que les deux URL se recouvrent jusqu'à /fritz0/, mais à partir de là le chemin du rapport continue en deux sous-dossiers ultérieurs.

Enfin, nous n'acceptons pas des modalités de rendu alternatives pour cet exercice car la modalité de rendu est l'objectif principale de l'exercice : il faut savoir publier des documents sur le web à des endroits précis ;)

Re: Re: Re: Re: Re: Téléversement du fichier travaux xml avec cyberduck -- Katrine Briguet (discussion) 12 octobre 2018 à 16:17 (CEST)

Merci pour vos réponses rapides. Effectivement, je ne comprenais pas comment les fichiers "rapports et travaux" pouvaient se retrouver au même endroit. Mais c'est tout bon, j'ai créé les bons dossiers et sous-dossiers. J'ai surtout redéfini mes attentes en termes de design, et mes pages "rapport" et "travaux" s'affichent correctement avec Firefox (mais pas avec Chrome). Cordialement, et très bon weekend, Katrine

Paragraphes justifiés dans EduTechWiki ? -- Mathilde Gacek Langlois (discussion) 13 octobre 2018 à 11:26 (CEST)

Bonjour,

Je ne parviens pas à justifier mes paragraphes dans EduTechWiki. Est-ce possible ? Si ce n'est pas le cas, comment introduire cette possibilité ?

Je vous remercie, Mathilde

Re: Paragraphes justifiés dans EduTechWiki ? -- Daniel K. Schneider (discussion) 13 octobre 2018 à 14:07 (CEST)

Bonjour, EduTechWiki est une base de connaissances et seulement dans des cas très précis il faut tenter de jouer avec la mise en page. Justifier implique diminuer la lisibilité (car on se perd plus facilement entre les lignes), donc il faut éviter.

Maintenant, si vous avez un besoin très spécifique en dehors des pages normales, par exemple pour votre "home page", vous pouvez simplement utiliser des styles CSS. Une balise div + un attribut style.

Problème fichier xml -- Manon Cerroti (discussion) 14 octobre 2018 à 00:20 (CEST)

Bonsoir,

J'ai modifié mon fichier welcome.xml et j'ai téleversé les 4 fichiers sur le serveur. Mais quand je vais sur ma page, rien de ce que j'ai écrit ne s'affiche. A la place j'ai seulement: PAGE TRAVAUX Données Personnelles Exercises STAF

voir lien: http://tecfaetu.unige.ch/etu-maltt/yoshi/cerroti0/

Ce qui est bizarre c'est que je n'ai rien écrit de cela et ça semble provenir du fichier xsl...

Ai-je oublié une étape? Dois-je modifier également le fichier travaux.xsl?

Je vous remercie d'avance,

Manon

Re: Problème fichier xml -- Daniel K. Schneider (discussion) 14 octobre 2018 à 00:32 (CEST)

Le fichier XML est presque vide. Il suffit de regarder le source pour le voir. Donc deux sources possible:

  • Mauvais fichier transmis
  • Bon fichier transmis, mais avec mauvais nom.

Commencez par vérifier ce que vous avez dans le dossier. Attention aussi à la casse des lettres !!

Non, vous ne touchez pas au fichier *.xsl (c.f. la discussion préalables),

Problème dans l'esthétique du rendu de la page "Travaux" -- Florian Ribon (discussion) 14 octobre 2018 à 23:34 (CEST)

Bonjour,

J'ai fini de rendre l'exercice 1 (dans les temps), mais je me suis rendu compte que les navigateurs Chrome et Edge interprétaient mal une balise dans le fichier XSL. J'ai développé sur Firefox, et sur Safari cela semble marcher également.

Problème:

Problème Chrome.jpg

Sur cette photo, on voit que Chrome force la balise "

" à se fermer. Alors que le réel code que j'ai entré correspond à cela :

Veritable code.jpg


L'erreur semblerait venir du fait que Chrome ne s'attendrait pas à voir des balises "

" à l'intérieur de balises "

". (Je pense que Edge interprète de la même façon).

Je corrigerai ce détail quand j'aurais reçu vos retours, mais je voulais vous prévenir que l'interface que je voulais rendre est celle proposée par FireFox, et que je crois savoir d'où provient le problème.

En espérant ne pas être trop pénalisé par ce détail, je vous souhaite une bonne semaine.

Florian Ribon

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC_Discussion:STIC_I_-_exercice_1_(Yoshi)&oldid=101552 »