đź“• Node [[graph]]
↳ 📓 Resource @communecter/graph
Module graph communecter
- analyse de l’architecture modele vue controlleur<
- comprendre le fonctionnemment d’un controlleur
- utilisation de la librairie D3.js
- analyse du module graph
- mise place d’un controlleur dans le module graph
- mise en place d’une vue dans le module graph
- manipulation de données en json
- 1manipulation d’une base de donnĂ©es json
- mettre des données sur le graph("name")
- rĂ©apprentissage de l’algorithmique
- apprendre a récursivité (fibonnaci)
Le graph nodes and edges (d3follow)
Dans le controlleur (D3FollowAction)
- J’ai fait apelle a la base de donnĂ©es pour avoir les donnĂ©es sur les citoyens, quelle sont leurs - projets, leurs Ă©vĂ©nements, leurs organisations, leurs followers…
- J’ai modifier le tableau $root pour achicher les donnĂ©es au bon format json du graph (nodes and edges).
- J’ai fait une sucssesion de condition avec (if , elseif , else , foreach) pour remplire le tableau $root avec les donnĂ©es de le base de donnĂ©es ( "name").
Dans la vue (d3follow)
- Mettre les données du tableaux $root dans une variable et utiliser (json encode)
- Ajout des balises script de d3js pour faire apelle a la librarie de D3.
- Remdre les nodes cliquables (si on clique sur la node d’un follower sa affiche son propre graph avec ses propres donnĂ©es).
- Faire un fonction couleur pour les principaux nodes du graph.
Autre
- j’ai fait d’autre type de graph(de la meme façon que le graph nodes and edges).
- graph avec des barre, graph ciculaire, graph hierarchical.
- Un algorithme récursif (fibonnaci) en javascript.
Dans le module graph
- Création du controller LinearAction et de la view Linear pour mon style de graphe choisie
- Je me suis basé sur D3Action et de la view pour le principal
-
Les modifications apportés au controller :
- modification de la requĂŞte root pour s’adapter au format de donnĂ©e du graphe
- L’affichage du nouveau graphe est simple car rien qu’avec la base du graphe D3, l’affichage des nodes est possible
- modification dans la boucle foreach de "links" pour s’adapter au nouveau graphe et ainsi afficher les noms de chaque organisation, projets, Ă©vènements…
- ajout des donnĂ©es comme : "Mes experiences ", "Sondages","Actions", "AbonnĂ©es" : une boulce pour chaque catĂ©gorie qui parcours la base de donnĂ©e et l’affiche comme les autres donnĂ©es comme projets
- ajout de nodes cliquable : juste après la dernière donnĂ©e (dernière organisation ou projet), une node "ajouter" est visible et ouvre le formulaire de la catĂ©gorie choisie (formulaire d’ajout d’organisation ou de projet)
- ajout d’une node libre : Ă la fin du graphe il y a une node que lorsque l’on clique un formulaire s’affiche. Ce formulaire permet d’ajouter une donnĂ©e libre au graphe
-
Modification de la view :
- ajout de l’algorithme du graphe
- ajout des librairies d3.js Modification de la fonction "click" pour ajouter des liens sur les nodes : exemple en cliquant sur une organisation cela affiche le graphe de l’organisation
- ajout des liens sur les nodes "Ajouter…" qui affiche le formaulaire de la catĂ©gorie choisie. Pour ce faire il fallait aller chercher les librairies et les formulaires appelĂ© "dynform"
- Ajout d’une fonction Color qui affiche les mĂŞmes couleurs que le site voici mon lien gitlab avec ton mon travail
Module graph communecter
- analyse de l’architecture modele vue controlleur<
- comprendre le fonctionnemment d’un controlleur
- utilisation de la librairie D3.js
- analyse du module graph
- mise place d’un controlleur dans le module graph
- mise en place d’une vue dans le module graph
- manipulation de données en json
- 1manipulation d’une base de donnĂ©es json
- mettre des données sur le graph("name")
- rĂ©apprentissage de l’algorithmique
- apprendre a récursivité (fibonnaci)
Le graph nodes and edges (d3follow)
Dans le controlleur (D3FollowAction)
- J’ai fait apelle a la base de donnĂ©es pour avoir les donnĂ©es sur les citoyens, quelle sont leurs - projets, leurs Ă©vĂ©nements, leurs organisations, leurs followers…
- J’ai modifier le tableau $root pour achicher les donnĂ©es au bon format json du graph (nodes and edges).
- J’ai fait une sucssesion de condition avec (if , elseif , else , foreach) pour remplire le tableau $root avec les donnĂ©es de le base de donnĂ©es ( "name").
Dans la vue (d3follow)
- Mettre les données du tableaux $root dans une variable et utiliser (json encode)
- Ajout des balises script de d3js pour faire apelle a la librarie de D3.
- Remdre les nodes cliquables (si on clique sur la node d’un follower sa affiche son propre graph avec ses propres donnĂ©es).
- Faire un fonction couleur pour les principaux nodes du graph.
Autre
- j’ai fait d’autre type de graph(de la meme façon que le graph nodes and edges).
- graph avec des barre, graph ciculaire, graph hierarchical.
- Un algorithme récursif (fibonnaci) en javascript.
Dans le module graph
- Création du controller LinearAction et de la view Linear pour mon style de graphe choisie
- Je me suis basé sur D3Action et de la view pour le principal
-
Les modifications apportés au controller :
- modification de la requĂŞte root pour s’adapter au format de donnĂ©e du graphe
- L’affichage du nouveau graphe est simple car rien qu’avec la base du graphe D3, l’affichage des nodes est possible
- modification dans la boucle foreach de "links" pour s’adapter au nouveau graphe et ainsi afficher les noms de chaque organisation, projets, Ă©vènements…
- ajout des donnĂ©es comme : "Mes experiences ", "Sondages","Actions", "AbonnĂ©es" : une boulce pour chaque catĂ©gorie qui parcours la base de donnĂ©e et l’affiche comme les autres donnĂ©es comme projets
- ajout de nodes cliquable : juste après la dernière donnĂ©e (dernière organisation ou projet), une node "ajouter" est visible et ouvre le formulaire de la catĂ©gorie choisie (formulaire d’ajout d’organisation ou de projet)
- ajout d’une node libre : Ă la fin du graphe il y a une node que lorsque l’on clique un formulaire s’affiche. Ce formulaire permet d’ajouter une donnĂ©e libre au graphe
-
Modification de la view :
- ajout de l’algorithme du graphe
- ajout des librairies d3.js Modification de la fonction "click" pour ajouter des liens sur les nodes : exemple en cliquant sur une organisation cela affiche le graphe de l’organisation
- ajout des liens sur les nodes "Ajouter…" qui affiche le formaulaire de la catĂ©gorie choisie. Pour ce faire il fallait aller chercher les librairies et les formulaires appelĂ© "dynform"
- Ajout d’une fonction Color qui affiche les mĂŞmes couleurs que le site voici mon lien gitlab avec ton mon travail
Rendering context...