Projet de dictionnaires arabes

Adel Medine a écrit:وعليكم السلام ورحمة الله وبركاته

En fait dans l'exemple que tu cites, ce n'est pas une Applet C# c'est une page ASP.NET qui contient entre autre du C#. Quand à Silverlight c'est un composant WPF embarqué dans les navigateurs. C'est du C# et XAML.

En fait ce n'est pas tant la présentation ou le langage de programmation qui pose problème. C'est les données et la constitution de la base de données. En supposant que nous devrions ajouter toute la base de données dans un même fichier index.html c'est tout simplement impensable. Cela serait imbitable à lire et à modifier sans prendre le risque de tout casser. Il y a donc des stratégies pas à pas à mettre en place pour définir un format de partage et constituer des bases de données.

Pour l'instant pour la démonstration cela peut être suffisant comme cela, à voir. Après il faudra probablement une réadaptation en extrayant les données dans un autre fichier et en déclarant plus de variables pour les référencer.

السلام عليكم ورحمة الله وبركاته

C'est quoi la différence entre ASP.NET et Silverlight ? Le premier est abandonné ?

Pour la base de données est-ce possible qu'elle contienne des textes avec formatage (couleur, taille de la police, tableaux...) ? Genre on entre un mot et alors on fait une recherche dans la base pour afficher le texte correspondant, tu vois ce que je veux dire ?

Wa Allâhu a'lam.

Excel peut être une solution.Ensuite  il faut juste écrire une fonction qui extrait les données d'une source. Excel est intéressant car depuis on peut transférer vers d'autres sources (SQL,TXT,XML,...) et partageable en ligne (variante tableau google).

---

La différence entre ASP.NET et Silverlight est que le premier c'est du code html/css/javascript/etc avec en plus des tags ASP permettant entre autres les appels de Web Service sur le serveur. Le second c'est du code Windows Presentation Fundation (WPF), c'est l'API .NET graphique de Microsoft pour Windows; Silverligth est sa version web (c'est à dire qu'un Windows 7 ou 8 c'est avec cette API)

Oui c'est possible de lier les données de formatage ( cf. Excel) au contenu et de les exporter.

Adel Medine a écrit:
...c'est la volumétrie des données qui va augmenter. Et  aussi la transition/test avec d'autres bibliothèques...
... aujourd'hui tout est défini (données et présentation) dans un même et seul fichier.

Peut-on insérer un lien sur un noeud (dans l'arbre) nous amenant sur une nouvelle page HTML, avec un arbre limité au mot et son champ ? On pourrait alors lier les "bibliothèques" entre elles ?

منصور a écrit:Peut-on insérer un lien sur un noeud (dans l'arbre) nous amenant sur une nouvelle page HTML, avec un arbre limité au mot et son champ ? On pourrait alors lier les "bibliothèques" entre elles ?

Cela ne marche pas avec des liens html. Il faut appeler des fonctions JavaScript avec un objet Node que l'on construit. Cela devrait être possible cependant cela nécessite une exploration technique et l'écriture de nouveaux codes en JavaScript. En somme dans l'idée, ouvrir une nouvelle page et dans la fonction d'init appeler la fonction click du graphe avec l'objet node dont on s'est débrouillé pour le faire passer en paramètre à la page ou dans les cookies.

En fait je pensais que nous pourrions dessiner autant de graphique sur la même page qu'il y a de lettres de l'alphabet. L'idée d'ouvrir sur d'autres pages html limités au mot et son champ est intéressant. Du coup il faut forcément rajouter une mécanique (du code) supplémentaires plus ou moins complexe.

Essai d'explication de l'état actuel du code et des données :

L'objet principal est un Node. Voilà comment nous construisons un tel objet. QR_PorteAI_Sens1 est une variable Node, que l'on pourra référencer plus bas dans le script pour l'ajouter à l'arbre.

Code:

var QR_PorteAI_Sens1 = {
            id: "900000",
            name:  "<b>porte a-i meaning 1 verb forme I</b>" +etymon_qr,
            data: { relation:description_VerbeFormeI + "<h1>قرّ</h1>"  +   porte_AI + lien_dico},
            children: []
         };

La propriété name est ce qui est affiché dans le graphique pour un Node. La propriété relation est ce qui est affiché dans le panneau de droite. La propriété children est une liste de Node.

Les variables sont déclarées ainsi (on utilise le code html pour formater :

Code:


<!--letters-->
var letter_q = "<h1>ق</h1>" ;

<!--etymons-->
var etymon_qr ="<h1>قرّ</h1>";

<!--descriptions -->
var porte_AI= "<b>Porte</b><ul><li>a-i</li></ul>";
var porte_IA= "<b>Porte</b><ul><li>i-a</li></ul>";
var porte_AU= "<b>Porte</b><ul><li>a-u</li></ul>";
var porte_UU= "<b>Porte</b><ul><li>u-u</li></ul>";

var description_etymon ="<b>Description</b><ul><li>Etymon</li></ul>" ;
var description_letter ="<b>Description</b><ul><li>Letter</li></ul>" ;
var description_infinitif ="<b>Description</b><ul><li>Infinitive</li></ul>" ;
var description_VerbeFormeI ="<b>Description</b><ul><li>Verb form I</li></ul>" ;

var QR_PorteAI_Sens2 = {
            id: "900001",
            name: "<b>porte a-i meaning 2 verb forme I</b>"+ etymon_qr,
            data: { relation:description_VerbeFormeI +"<h1>قرّ</h1>" +   porte_AI   + lien_dico   },
            children: []
         };   
         
var QR_PorteIA = {
                id: "900002",
                name: "<b>porte i-a verb forme I</b>"+ etymon_qr,
                data: { relation:description_VerbeFormeI+"<h1>قرّ</h1>"  +   porte_IA + lien_dico   
                },
                children: []
            };   



Voyons comment est ajoutée une telle liste de Nodes dans l'arbre concrètement.

Code:

<!--tree construction data-->
var json = {
        id: "1",
        name: "<b>letter </b>"+letter_q,
        children: [{
            id: "10",
            name: "<b>etymon </b>" + etymon_qr,
            data: { relation: description_etymon + "<h1>قرّ</h1>" +infinitifs_QR            
            },
         children: [                   
         {
                id: "100",
                name:"<b>infinitive</b>" + "<h1>قُرُورٌ</h1>",
                data: { relation:description_infinitif+ "<h1>قُرُورٌ</h1><b>Etymon :</b><ul><li><h1>قرّ</h1></li></ul><b>Doors<ul><li>a-i</li><li>a-i</li></b>"                
                },
                children: [QR_PorteAI_Sens1, QR_PorteAI_Sens2]
            },      

Pour rajouter un Node il faut donc définir l'objet Node comme décrit au début en lui donnant un nom de variable et le placer au bon endroit, c'est à dire probablement dans la propriété children. Est-ce que vous voyez l'idée ?  En fait pour faciliter on pourrait faire un fichier par Node. Après il faudra juste le référencer en tant que children dans son Node parent (c'est la relation qui fait les séparations avec les cercles concentriques)