droduit / petri-webgen

Engine to convert any multimedia scenarios described by a Petri network, into a web application.

Hi there 👋

petri-webgen's Issues

Gestion SVG

Demo pour rencontre finale

Passer d'une page a une autre avec les demos actuelles. Puis ecrire un 2e réseau de pétri qui génère une galerie d'image

Classes CSS

Pouvoir définir une classe css et l'assigner a plusieurs sprites

Considérer les scenes comme des frames

Les scenes peuvent rester des pages distinctes, mais elles doivent être considérées comme des frames incluses dans une seule page. Leur position dans la page est déterminée par les propriétés de style sur la scene elle meme.

Amélioration de la navigation interframes

Ajouter les targets avec la scene a charger et pouvoir charger plusieurs scenes différentes dans différentes targets

Pouvoir ajouter des dependencies js / css au projet

Clone de scenes

Pouvoir afficher une scene dans une autre scene ou la cloner. Au moyen d'un chargement asynchrone javascript dans un élément défini.

Pouvoir donner le fichier json à decoder dans l'interface utilisateur

Exporter le site

Navigation inter frames

Traitement des évènements

Parser et traiter les transitions, associations In & out. Pour le moment pas d'injection de sprites dans les scenes.

Gestion des sprites imbriqués

Ajouter aux sprites une propriété "nested-sprites" dont la valeur est un tableau contenant l'id de tous les sprites contenus par ce sprite.

Un sprite peut contenir 0 ou plusieurs sprites.

Ajouter la possibilité de faire apparaitre des scènes ou des sprites après un moment avec options définies

Options :

• type (requis) : in = show / out = hide / toggle = toggle / custom = animate
• duration : n [ms], par défaut : 500 ms
• delay : n [ms], par défaut : 0
• effect : default: fade / tous les effets disponibles avec Jquery UI
• interval : répète l'animation chaque n [ms]. Evident avec toggle. Avec in et out, on peut jouer de cette facon :

"animations":[
	   {
	            "type":"in",
	            "interval":1500,
	            "delay": 2000,
	            "effect":"drop"
	   },
	   {
	            "type":"out",
	            "interval":1000,
	            "delay": 2000,
	            "effect":"fade"
	   }
]

• avec type = custom, on peut donner tous les attributs css que l'on veut modifier

Ecrire une documentation complète

Securité : Détecter les modifications

Le programme qui génère le JSON génère un 2e fichier caché, avec une empreinte SHA-512 du fichier JSON généré.

Je vérifie que cette empreinte soit la meme que celle de mon fichier JSON et affiche un message si ce n'est pas le cas.

Pour que l'empreinte ne puisse pas être modifiée meme par quelqu'un qui sait ce qu'il fait, pour détecter que le fichier a été modifier, on ajoute du sel au debut et a la fin.

sel : 'sec-petri-universal-2017'

Le fichier '.stamp' contient deux infos.
empreinteJSON|mot_de_passe_haché

Workflow:

1. Générateur du fichier JSON : Ecrit dans '.stamp' :

hash_mac(contenu fichier json, mot de passe de l'utilisateur hashé en sha512 comme clé secrete) | mot de passe donné par l'utilisateur, hashé en sha512

2. Traitement du JSON, Générateur du site web -> compare le contenu de '.stamp' avec le meme hash généré, en utilisant comme clé secrete le hash du mot de passe donné par l'utilisateur

Créer une interface

Pour permettre de choisir le fichier JSON à convertir, puis d'afficher une progressbar si le travail de conversion est long (pour des fichiers avec des centaines de milliers de lignes représentant de gros sites web).

Créer une documentation

Lister les possibilités de chaque éléments du fichier JSON, les propriétés possibles, etc.