Comment faire un Website multi langages avec XML, XSLT

Version imprimable

21/01/2013, 17h42
nhunhu

Comment faire un Website multi langages avec XML, XSLT

Bonjour,
Je débute et j'aimerais faire un site web avec plusieurs langues. J'ai du voir qqpart (impossible de remettre la main sur l'article) que la meilleure manière de faire est d'utiliser (x)html - xml -xslt pour générer des pages dans des langages différentes en dynamiques ou statiques - sans donner de détails.
Est-ce que quelqu'un peut m'expliquer comment faire svp, le principe, le processus ... un exemple sera super ... merci beaucoup.
Cdt.
21/01/2013, 18h29
thelvin

Citation:

Envoyé par nhunhu

Je débute et j'aimerais faire un site web avec plusieurs langues. J'ai du voir qqpart (impossible de remettre la main sur l'article) que la meilleure manière de faire est d'utiliser (x)html - xml -xslt pour générer des pages dans des langages différentes en dynamiques ou statiques - sans donner de détails.

Euh, non. On peut faire comme ça mais c'est pas du tout la meilleure manière.
Tous les langages de serveur web (PHP, Python, Ruby, Java, ASP etc,) ont défini des langages de templates qui permettent de faire, un peu comme avec XSLT c'est vrai, mais plus simplement.
C'est ça qu'il faut utiliser.

Et si tu n'as pas de langage serveur alors ça ne marchera pas. La transformation XSLT n'a aucun moyen géré par les navigateurs, de savoir quelle est la langue à afficher.
22/01/2013, 10h12
nhunhu

Citation:

Envoyé par thelvin

Tous les langages de serveur web (PHP, Python, Ruby, Java, ASP etc,) ont défini des langages de templates qui permettent de faire, un peu comme avec XSLT c'est vrai, mais plus simplement.
C'est ça qu'il faut utiliser.

Merci beaucoup de ta réponse ... Je pensais utiliser html/javascript et php/mySql. Mais je me noie un peu dans les explications de xhtml xslt css. Est-ce que tu peux rentrer plus en détails la méthode dont tu parlais svp.
22/01/2013, 12h29
thelvin

Citation:

Envoyé par nhunhu

Merci beaucoup de ta réponse ... Je pensais utiliser html/javascript et php/mySql. Mais je me noie un peu dans les explications de xhtml xslt css. Est-ce que tu peux rentrer plus en détails la méthode dont tu parlais svp.

Dans le cas présent c'est PHP qui va s'y coller. Mais je n'y connais pas grand-chose, je recommande de demander dans le forum dédié.
25/01/2013, 23h22
polymorphisme

Bonjour,

dans ton fichier XML, tu utilise le pseudo-attribut xml:lang pour chaque élément XML d'une langue donnée.
Dans ton fichier XSLT, tu utilise un paramètre pour récupérer le code de la langue et la fonction XPath lang().

C'est simple, efficace et portable.
28/01/2013, 14h19
nhunhu

Citation:

Envoyé par polymorphisme

Bonjour,

dans ton fichier XML, tu utilise le pseudo-attribut xml:lang pour chaque élément XML d'une langue donnée.
Dans ton fichier XSLT, tu utilise un paramètre pour récupérer le code de la langue et la fonction XPath lang().

C'est simple, efficace et portable.

Merci beaucoup pour ta réponse.
Mais comme je disais, je débute du coup je ne comprend pas tout, je tourne en rond avec les articles, tutoriels dans tous les sens et c'est un peu mélangé pour moi .... Je vais récapituler un peu de ce que j'ai compris...

1 - J'aurai besoin des fichiers XML pour contenir uniquement "du contenu", et au mieux un fichier XML par langue pour plus de clarté. Ex: fr_page.xml, en_page.xml, etc. Et dans ces fichiers xml, je mettrai l'attribut xml:lang=fr ou xml:lang=en, etc.

1bis- J'aurai besoin d'un DTD pour la structure de mes fichiers xml.

2- J'aurai besoin d'un/des fichiers XSL pour décrire la mise en forme de mon/mes XML

Jusque là c'est bon, c'est maintenant que je perd le fil ... tout se mélange un peu pour moi à cette étape.

- Je dois faire appel à XSLT en passant mes fichiers XML et XSL pour qu'il me génère le fichier HTML correspondant .... ?
- Je ne vois pas où ça intervient XPath ?
- Ai je besoin de php ?

Partons de la page d'accueil index.html, l'utilisateur choisi une langue .... et comment ça se passe ????

Est-ce que tu peux m'éclaircir un peu plus svp. Merci par avance.
28/01/2013, 15h08
Loceka
Citation:

Envoyé par nhunhu

- Je dois faire appel à XSLT en passant mes fichiers XML et XSL pour qu'il me génère le fichier HTML correspondant .... ?
- Je ne vois pas où ça intervient XPath ?
- Ai je besoin de php ?

Partons de la page d'accueil index.html, l'utilisateur choisi une langue .... et comment ça se passe ????

Alors pour commencer par le PHP, oui, il te faut un langage serveur (PHP, Java, ...) pour deux raisons :
1. pour permettre à l'utilisateur de choisir la langue
2. pour pouvoir modifier les données (les fichiers XML)
Donc le schéma d'utilisation sera :
1. [Client] ouverture de la page par l'utilisateur
2. [Serveur] récupération des données de l'utilisateur (langue, ...)
3. [Serveur] appel du processeur XSLT avec
  - le(s) fichier(s) de données (XML) correspondant à la page
  - le fichier de transformation (XSL) à appliquer pour générer le HTML
  - les paramètres supplémentaires à appliquer à la transformation (langue, ...)
4. [Serveur] affichage de la page HTML générée
5. [Client] navigation sur la page HTML
Le XPath intervient au niveau du fichier XSL qui se base sur XPath pour sélectionner les noeuds XML.

En ce qui concerne les données internationalisées, dans les précédents posts il était plutôt question de rassembler toutes les traductions d'un "élément" dans un même fichier :
Code:

1 2 3 4 5 6 <articles> <article id="door001"> <name xml:lang="en">door</name> <name xml:lang="fr">porte</name> </article> </articles>
Par contre, si tu ne connais pas déjà le XML/XSL, je te conseille de plutôt passer soit par une base de données, soit par des fichiers "properties".
Généralement, en Java, on passe par des fichiers properties pour tout ce qui touche à l'internationalisation (courament nommé i18n) : pour le coup on crée un fichier par langue et leur contenu est de la forme "cle=valeur".
Ici on aurait donc :
Code:

1 2 3 4 5 # fichier articles.en.properties : door001=door # fichier articles.fr.properties : door001=porte
Quant à une solution en base de données, elle serait plutôt de la forme :
Code:

1 2 3 4 5 6 7 8 # Table ARTICLES: ID AUTRES COLONNES door001 # Table I18N: ID_ARTICLE LANG VALUE door001 en door door001 fr porte
Dans toutes ces solutions tu auras besoin d'un langage serveur (PHP, Java, ...) pour les mêmes raisons que celles déjà dites.

Personnellement, je te conseille la solution de la Base de Données car c'est à la fois le plus simple à mettre en oeuvre et la solution qui te sera le plus utile dans ta vie de développeur.

Bonjour,

Je crois que l'utilisation d'un fichier de la forme :
Code:

1 2 3 4 5 6 <dictionnaire> <mot id="door001"> <entree xml:lang="en">door</entree> <entree xml:lang="fr">porte</entree> </mot> </dictionnaire>
à l'avantage d'être simple et rapide. De plus, rien ne t'empêchera par la suite, de créer une étape intermédiaire pour mettre les données de ton fichier dans une base de donnée.

Si tu veux éclater tes données de langue dans plusieurs fichiers, tu peux utiliser des fichiers de forme similaire, par exemple dictionnaire_en.xml et dictionnaire_fr.xml :
Code:

1 2 3 <dictionnaire xml:lang="en"> <mot id="door001">door</mot> </dictionnaire>
Code:

1 2 3 <dictionnaire xml:lang="fr"> <mot id="door001">porte</mot> </dictionnaire>
Une fois tes données de langue créées, tu peux les récupérées dans ta feuille de style XSLT :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="xml" standalone="yes" indent="yes"/> <xsl:param name="lang" select="'fr'"/> <xsl:variable name="fileDictionnaire" select="concat('dictionnaire_', $lang, '.xml')"/> <xsl:variable name="dictionnaire" select="document(fileDictionnaire)/dictionnaire"/>  </xsl:stylesheet>
Tu récupère la langue de l'utilisateur (le français sera la langue par défaut) :

Code:

<xsl:param name="lang" select="'fr'"/>

La variable fileDictionnaire contient le nom du fichier de langue :

Code:

<xsl:variable name="fileDictionnaire" select="concat('dictionnaire_', $lang, '.xml')"/>

Ensuite, la variable dictionnaire sera un ensemble de noeuds contenant tes données de langue :

Code:

<xsl:variable name="dictionnaire" select="document(fileDictionnaire)"/>

Tu peux écrire une petite règle qui se charge de la traduction :
Code:

1 2 3 4 <xsl:template name="translate"> <xsl:param name="ref-id"/> <xsl:value-of select="$dictionnaire/mot[@id=$ref-id]"/> </xsl:template>
Et l'appliquée par exemple ainsi à un élément <entree name="door001"/>:
Code:

1 2 3 4 5 6 7 <xsl:template match="entree">  <xsl:call-template name="translate"> <xsl:with-param name="ref-id" select="@name"/> </xsl:call-template>  </xsl:template>
Je n'ai pas relu le code, mais tu devrais déjà un appercu plus clair.

29/01/2013, 12h40
thelvin

Normalement la prochaine question de quelqu'un qui a tout compris, c'est : "et comment je fais pour passer le paramètre langue ?"
29/01/2013, 14h08
Loceka

Citation:

Envoyé par polymorphisme

Je crois que l'utilisation d'un fichier de la forme :
Fichier XML
à l'avantage d'être simple et rapide.

Ben pour moi ça a l'inconvénient majeur (pour un débutant) de faire intervenir 4 langages (au sens large) de plus :
- XML
- DTD ou XSD
- XPath
- XSL

Comme apparement, d'après ses précédents posts, il n'a jamais touché à aucun de ces "langages", ce serait un coup à lui faire abandonner le projet.

Alors qu'avec une base de données, il n'y a plus que le SQL à apprendre, et encore les requêtes ne seront pas bien compliquées (d'ailleurs il faut généralement éviter les requêtes compliquées dans les applis). Alors qu'en passant par du XSL, il est possible d'avoir quelques prises de tête.

Certes dans l'absolu passer par du XML/XSL pour faire de l'internationalisation n'est pas une mauvaise idée (même s'il y'a d'autres méthodes qui se valent), mais dans son cas je pense que ça ferait plus de mal que de bien.

D'ailleurs je ne vois pas en quoi passer par des fichiers XML serait plus "rapide et simple" que de passer par une base de données.
Question rapidité, que ce soit rapidité de développement ou d'exécution j'ai de gros doutes (c'est beaucoup plus long de developper une feuille XSL que des requêtes SQL et les transformations sont plus coûteuses en temps que les requêtes en base).
Question simplicité, pour le développement ça ne l'est pas non plus.

Le seul intérêt que je voie à passer par du XML pour stocker les données c'est pour la maintenance : il est plus facile d'éditer un fichier XML que de modifier des données en bases.
29/01/2013, 17h31
nhunhu

Bonjour, merci beaucoup de toutes vos explications.
Je vais essayer de digérer tout ça et je reviendrai avec du codes concrets ...
J'ai oublié de préciser que je débute en matière WEB, je ne connais pas toute la structure WEB, javascrip, php, xslt ... tout ça. Mais je suis quand même développeur de base, xml, java, et sql/Oracle je connais.
31/01/2013, 02h45
nhunhu
Citation:
Envoyé par Loceka

Généralement, en Java, on passe par des fichiers properties pour tout ce qui touche à l'internationalisation (courament nommé i18n) : pour le coup on crée un fichier par langue et leur contenu est de la forme "cle=valeur".
Ici on aurait donc :

Code:

1 2 3 4 5 # fichier articles.en.properties : door001=door # fichier articles.fr.properties : door001=porte

Dans toutes ces solutions tu auras besoin d'un langage serveur (PHP, Java, ...) pour les mêmes raisons que celles déjà dites.
Merci pour tes conseils.
Tu parles des fichiers properties en java et le langage de serveur java ... J'aimerais savoir comment utiliser java comme langage de serveur ? Dans les docs la plupart du temps ce sont les appels php ...
Peut on utiliser java simplement et uniquement au niveau du serveur sans tous le bazard de jsp, etc.
Merci par avance de ta réponse.

Citation:
Envoyé par polymorphisme
Tu récupère la langue de l'utilisateur (le français sera la langue par défaut) :

Code:

<xsl:param name="lang" select="'fr'"/>

La variable fileDictionnaire contient le nom du fichier de langue :

Code:

<xsl:variable name="fileDictionnaire" select="concat('dictionnaire_', $lang, '.xml')"/>

Ensuite, la variable dictionnaire sera un ensemble de noeuds contenant tes données de langue :

Code:

<xsl:variable name="dictionnaire" select="document(fileDictionnaire)"/>

Tu peux écrire une petite règle qui se charge de la traduction :
Code:

1 2 3 4 <xsl:template name="translate"> <xsl:param name="ref-id"/> <xsl:value-of select="$dictionnaire/mot[@id=$ref-id]"/> </xsl:template>
Et l'appliquée par exemple ainsi à un élément <entree name="door001"/>:
Code:

1 2 3 4 5 6 7 <xsl:template match="entree">  <xsl:call-template name="translate"> <xsl:with-param name="ref-id" select="@name"/> </xsl:call-template>  </xsl:template>
Merci beaucoup pour tes explications, cependant je suis un peu longue à digérer, je n'ai pas compris certaines choses:
- comment tu récupères le param lang ?
- on doit appeler du code php pour exécuter ? en faisant xslt_create() style comme ça ?
- dans le fichier xsl, est-ce que je dois mettre toute la structure de ma page html finale ? car si j'ai bien compris xslt prend en entrée un xml et un xsl pour créer un html.
- je ne vois pas dans ta fonction translation comment je peux remplacer mon texte par le texte dans la langue choisie ...
Merci par avance de ton aide, ce n'est pas que je ne fais pas d'effort mais je n'y arrive pas ... la preuve je suis encore debout à cette heure ci.

31/01/2013, 03h06
nhunhu

Citation:

Envoyé par thelvin

Normalement la prochaine question de quelqu'un qui a tout compris, c'est : "et comment je fais pour passer le paramètre langue ?"

Ce n'est pas faux comme remarque ;)
31/01/2013, 08h29
Loceka

Citation:

Envoyé par nhunhu

J'aimerais savoir comment utiliser java comme langage de serveur ?
[...]
Peut on utiliser java simplement et uniquement au niveau du serveur sans tous le bazard de jsp, etc.

Alors il faut déjà que ton hébergeur te permette d'installer un serveur Java (ils ne le font pas tous) ou que tu héberges toi-même le serveur.

Après il suffit d'installer un serveur Java (tomcat par exemple) et de coder son site.
En ce qui concerne le site, il n'est pas nécessaire de passer par des jsp, par contre développer un site en Java est plus complexe, selon moi, que de le faire en PHP. En contrepartie c'est censé être plus sécurisé mais, comme c'est assez bien expliqué ici, ça dépend surtout de comment tu codes.

En ce qui concerne Java, on utilise généralement un framework supplémentaire quand on développe un site en Java (JSF, struts2, Spring, GWT, ...) ce qui, forcément, rajoute en complexité.
Là dessus j'ai pas trop de conseil à donner, je n'ai bossé qu'avec Struts2 et je n'ai pas franchement accroché. Apparement GWT serait assez simple mais j'ai jamais touché.

Donc mon conseil serait que, si tu comptes en faire ton métier ou que tu es particulièrement curieux de savoir comment ça marche, il pourrait être intéressant pour toi de faire un site en Java. Par contre si ton but est juste de développer un site web sans trop te prendre la tête, il vaut mieux opter pour PHP.

Bien entendu, même en PHP ce ne sera pas forcément sans effort. Il est toujours préférable de chercher un peu plus loin et de lire les bonnes pratiques, surtout en matière de sécurité (un conseil que je ferais bien de suivre moi-même :P).

En ce qui concerne les fichiers .properties, même s'ils sont lié au monde Java, rien ne t'empêche de les gérer en PHP. Pour info, "l'équivalent" PHP des fichiers .properties sont les fichiers .ini (il existe des fonctions PHP pour gérer les .ini), qui leur ressemblent beaucoup.
31/01/2013, 10h43
nhunhu

Merci pour la réponse.
En effet ça conforme avec ce que je pensais, l'avantage de coder en java c'est que je le connais bien alors que php ... zero.
Un site web en java en utilisant jsp /jsf / richfaces, je connais .Le rendu n'est pas très beau. Tu peux jeter un oeil ici http://livedemo.exadel.com/richfaces-demo/

C'est pour cela je me retourne vers les solutions html/javascrip php .... mais trop de choses en même temps à connaître ... je galère mais j'y arriverai .... avec votre aide :)

Pour en faire mon métier, je ne sais pas, mais pour bien faire 1 ou 2 sites persos que j'y tiens beaucoup ca va m'occuper pas mal déjà. Après c'est du copier/coller.

hello

Bonjour,

Moi j'aurais fait différement :
labels.xml

Code:

1
2
3
4
5
6
7
8
9
10
 
<?xml version="1.0" encoding="UTF-8"?>
<labels>
	<locale xml:lang="fr">
<label key="hat">chapeau</label>
        </locale>
	<locale xml:lang="en">
<label key="hat">hat</label>
	</locale>
</labels>

resultat.xsl

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.1" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dc="http://purl.org/dc/elements/1.1/">
<xsl:variable name="thelang" select="//locale" />
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="en" lang="en">
<xsl:call-template name="gln_form">
<xsl:with-param name="locale" select="$thelang" />
<xsl:with-param name="key" select="'hat'" />
</xsl:call-template>
 
</html>

Ca devrait suffire.

PS : il faut que tu choppes le param locale=fr ou locale=en passant dans l'url ($_GET['locale']).

++
zwaldo