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 :

18 <html>
19     <head>
20       <title>
21         Page Travaux STAF 
22       </title>
23       <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