La nouvelle distribution éducative pour débutants et initiés.

Vous n'êtes pas identifié(e).

Annonce

PRIMTUX2 EST DISPONIBLE SUR SOURCEFORGE.
Somme MD5: f4a4f6523990258fd9653ff78f2fb3d4

#1 12-02-2017 14:38:40

mothsart
Membre
Inscription : 31-10-2016
Messages : 9

éditeur Wysiwyg d'illustrations interactives

Bonjour, je reviens après quelques mois (cf : http://forum.primtux.fr/viewtopic.php?id=714) avec une version béta de mon éditeur Wysiwyg d'illustrations interactives.

Les objectifs derrière cet éditeur et son développement :

- créer des illustrations interactives avec toujours le même gabarit : une légende contenant des indices titrés et un descriptif pour une zone de l'illustration.
- permettre des zooms sur les zones décrites
- avoir un contenu responsive (vu que le contenu est pleinement vectoriel, pourquoi s'en priver)
- être simple d'utilisation et productif pour enrichir une illustration à vocation pédagogique.
- utilisation hors ligne et intégré dans une distribution via un paquet .deb

La version de démo (qui sera mise à jour à chaque incrément) est disponible ici : https://mothsart.github.io/labo/fronten … ctive_svg/

Ca fonctionne ainsi :

1. On glisse et on dépose (ou on choisi via son explorateur de fichiers) son fichier svg statique. (si possible sans animation et javascript)
On arrive sur une  interface nous permettant d'éditer ce fichier.
Un exemple est disponible : https://mothsart.github.io/labo/fronten … nt.min.svg

2. On ajoute des indices dans la légende. Ces derniers s'affichent également sur notre illustration.

3. On les positionnes au gré de nos envies (en restant appuyé sur le clic gauche) sur l'indice à déplacer.

4. Chaque clic sur un indice ouvre une zone supplémentaire permettant d'attribuer une couleur, un titre, une description ainsi que le pourcentage de zoom.

5. L'accès au bouton "show" nous permet de visualiser le rendu final. (avec les animations sur les indices si le zoom a été paramètré).

6. Il est possible de changer l'odre de nos indices et d'en supprimer ainsi que de les afficher ou non. (pratique si l'on ne veut se concentrer que sur un éventail précis)

6. Le bouton save permet de convertir notre travail en un fichier html. (équivalent au mode "rendu")

7. Si l'on veut repartir d'une feuille blanche, il suffit de cliquer sur "Delete".

Le soft est encore a ses balbutiements mais j'ai besoin d'avoir des retours sur l'ergonomie afin de le stabiliser.


Evolution en vue d'une version 1.0 : peu de débordement afin de livrer dans 10 jours max (fin de mes vacances)

- changement ergonomique important : la zone d'édition au clic sur un indice ne sera plus en bas à droite mais disponible via une menu déroulant sur l'indice lui même.
(J'ai déjà chargé des amis de tester l'interface sans aide et le point bloquant se trouvait à ce niveau)
- affichage du titre et de la description sur le rendu.
- export potable
- I18n : un applicatif en français et anglais
- Une masse de bugs subtiles à résoudre pour un produit stable.

Evolution en vue d'une version 2.0 (rien n'est figé dans le marbre)

- Menu option :
    - gérer avec précision les temps d'animation (zoom, apparition de la description)
- mode "rendu tuiles" : permet de voir d'un coup d'oeil l'aperçu après zoom de l'ensemble des indices.
- une vrai gestion de l'historique de modification et bouton "annuler" et "rétablir" (undo/redo).
- un format d'édition.
- des raccourcis clavier
- la création d'un nouvelle indice lui attribut une couleur par défaut (un random sur une liste de couleurs non présente)
- des vérifications
- réflexion sur un usage avec une interface tactile

Hors ligne

#2 12-02-2017 18:07:41

Steph
Administrateur
Inscription : 03-06-2015
Messages : 2 967

Re : éditeur Wysiwyg d'illustrations interactives

Salut,
ça promet... Mais je n'arrive pas à éditer l'exemple, l'image s'affiche et c'est tout. J'ai une erreur 405 (not allowed) quand je glisse un svg.

Hors ligne

#3 12-02-2017 19:05:38

zoom61
Modérateur
Inscription : 07-09-2015
Messages : 846

Re : éditeur Wysiwyg d'illustrations interactives

Idem quand je mets un svg, j'ai une erreur 405 ???

Hors ligne

#4 12-02-2017 20:56:33

mothsart
Membre
Inscription : 31-10-2016
Messages : 9

Re : éditeur Wysiwyg d'illustrations interactives

Effectivement, c'est embêtant : serait-t-il possible de mettre la main sur le SVG posant soucis et la version du navigateur utilisé ?
J'imagine que vous glissez bien le fichier sur la zone de drag (les pointillés se transforment en ligne continue) ?
Si jamais c'est lié à l'hébergeur (github) : j'envisagerais de déplacer cette démo ailleurs.

Hors ligne

#5 12-02-2017 21:01:22

mothsart
Membre
Inscription : 31-10-2016
Messages : 9

Re : éditeur Wysiwyg d'illustrations interactives

Révision : je viens de tester avec Firefox et j'ai effectivement ce soucis : tant qu'il n'est pas officiellement réglé, serais-t-il possible de tester sur chrome pour l'instant ?

Hors ligne

#6 12-02-2017 21:30:38

Steph
Administrateur
Inscription : 03-06-2015
Messages : 2 967

Re : éditeur Wysiwyg d'illustrations interactives

J'arrive à une interface d'édition, mais si le titre de la légende s'affiche, je n'ai pas la description.

Hors ligne

#7 13-02-2017 13:32:37

zoom61
Modérateur
Inscription : 07-09-2015
Messages : 846

Re : éditeur Wysiwyg d'illustrations interactives

Idem, on a un 1 qui s'active et ensuite plus possible de faire autre chose !!!

Hors ligne

#8 14-02-2017 10:45:27

mothsart
Membre
Inscription : 31-10-2016
Messages : 9

Re : éditeur Wysiwyg d'illustrations interactives

Steph : le descriptif n'est tout simplement pas visible en mode "view".

zoom61 : je ne suis pas sur de comprendre mais je me suis rendu compte que les checkboxs sur les indices sont une mauvaise idée tel quel : ils servent pour l'instant à afficher mais aussi à supprimer un indice. C'est en cours de résolution.

Dans tous les cas, merci de vos essais successifs : comme dit, c'est vraiment une béta et j'ai passé pas mal de temps à faire et refaire pour avoir une ergonomie user-friendly (ce qui me semble la base).
Le retour que je désirais c'était un aval sur le fonctionnement globale pour m'éviter des allez-retour avec une tonne de correctifs inutiles.

Hors ligne

#9 14-02-2017 11:02:14

zoom61
Modérateur
Inscription : 07-09-2015
Messages : 846

Re : éditeur Wysiwyg d'illustrations interactives

mothsart a écrit :

Dans tous les cas, merci de vos essais successifs : comme dit, c'est vraiment une béta et j'ai passé pas mal de temps à faire et refaire pour avoir une ergonomie user-friendly (ce qui me semble la base).
Le retour que je désirais c'était un aval sur le fonctionnement globale pour m'éviter des allez-retour avec une tonne de correctifs inutiles.

Bon, voici mes retours, les indices s'ajoutent, mais impossible de mettre un titre ??? et la couleur n'est modifiable que sur le premier, ensuite pour les autres cela ne fonctionne pas.
Une fois la conversion en html, j'ai un truc bizarre, car j'ai les indices 1, 2 et 3 et dans la page html, j'ai 2, 3 et 4 ???

Hors ligne

#10 14-02-2017 13:33:44

mothsart
Membre
Inscription : 31-10-2016
Messages : 9

Re : éditeur Wysiwyg d'illustrations interactives

zoom61 a écrit :

Bon, voici mes retours, les indices s'ajoutent, mais impossible de mettre un titre ??? et la couleur n'est modifiable que sur le premier, ensuite pour les autres cela ne fonctionne pas.

C'est possible mais mal pensé  ça nécessite d'afficher le bon indice, de le sélectionnez et de changer son titre (avec le bouton "edit description" qui devrait s'appeler "edit title and description") et sa couleur.

Pour ce qui est de a conversion en html, c'est pas au point et je ne m'y concentrerais qu'en toute fin.

Hors ligne

Pied de page des forums