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

📓 garden/communecter/en/04 - Documentation technique/graph.md by @communecter

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