spoggy-simple

Pour utiliser Spoggy, préférez Firefox ou Chrome https://scenaristeur.github.io/spoggy-simple/

tutoriel

Cliquez sur les images pour ouvrir la video. Clic on picture to open the video.

1 Créer un nouveau graphe

2 Vider un graphe

3 Créer un nouveau noeud dans le graphe

4 Créer un deuxième noeud dans le graphe

5 Créer un lien entre deux noeuds

6 Créer un triplet

todo

• proposer une liste de graphes
• enregistrer les graphes 1. dans un POD public, 2. dans un POD perso, 3. dans un POD partagé
• utiliser les cluster visjs pour séparer les graphes (cluster 1 : navigation, cluster 2 : graphe en cours, ... ou réserver cluster 0 à 10 pour le système, et cluster data à partir de 11 )
• bloquer le déplacement du graphe par clavier quand le focus est dans l'input
• ne pas créer de noeud en cas de message chat
• implémenter la recherche dans le graphe, dans les sources connues
• enregistrer les sources utilisées, les sources préférées, proposer les sources connues du "Central", proposer une source au "Central"
• implémenter en web composants + agents
• [ X ] récupérer les réglages de graphes depuis heroku-spoggy
• [ X ] capture screenshot d'un graphe (fond Blanc) (comment recupérer le background du canvas ?)
• ajouter prise de photo et reconnaissance Semantique transmise au graphe https://medium.com/nanonets/how-to-do-image-segmentation-using-deep-learning-c673cc5862ef
• implement Solid Websocket API https://github.com/solid/solid-spec/blob/master/api-websockets.md)

constructor() {
  super();
//  var socket = new WebSocket('wss://example.org/');
var socket = new WebSocket('wss://spoggy.solid.community/');
  console.log ("socket",socket)
  socket.onopen = function() {
    this.send('sub https://spoggy.solid.community/public/test/fichier.ttl');
    this.send('sub https://spoggy.solid.community/public/test/fichier2.ttl');

  };
  socket.onmessage = function(msg) {
    if (msg.data && msg.data.slice(0, 3) === 'pub') {
      // resource updated, refetch resource
      console.log("msg",msg);
      console.log("data",msg.data)
    }
  };
}

agents communication

https://github.com/scenaristeur/evejs

services solid

https://github.com/Arquisoft/dechat_en2a/tree/master/src/app/services

spoggy-simple

• test de base, sans connexion Solid : ouvrez la page index.html dans un navigateur
• pour le developpement ou tester la connexion avec un POD, utilisez nodejs,

cd spoggy-simple
npm update
node .

et ouvrez votre navigateur à l'adresse http://127.0.0.1:3000

Compatibilité

Testé sur Windows avec Chrome 74 et Firefox 66

svg icons

https://www.svgrepo.com/svg/46200/organization https://learncodeweb.com/web-development/icons-show-in-html-select-options/ https://icomoon.io/app/#/select