Contenu | Rechercher | Menus

Annonce

Ubuntu 16.04 LTS
Commandez vos DVD et clés USB Ubuntu-fr !

Pour en savoir un peu plus sur l'équipe du forum.

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

#1 Le 27/09/2017, à 21:10

moths-art

Editeur de SVG Interactif

Bonjour,

Je vous présente un petit logiciel qui permet de créer des illustrations interactives au format SVG.

L'explication complète : https://mothsart.github.io/editeur-svg-interactif.html

Pour le tester, on peut le faire en live : https://mothsart.github.io/labo/fronten … ctive_svg/
ou en mode offline e téléchargant les sources.

Au départ, c'était voué à l'éducation mais ça peut se destiner à un public bien plus large.

Je partage. Après, à vous de me dire si ce projet est intéressant, quelles fonctionnalités semble lui manqué, si vous avez rencontré des disfonctionnements, si vous souhaitez y participer (ça peut être par un exemple d'illustration), l'empaqueter (j'avais commencé un PPA) etc.

Dernière modification par moths-art (Le 27/09/2017, à 21:13)

Hors ligne

#2 Le 03/10/2017, à 22:34

moths-art

Re : Editeur de SVG Interactif

Voici une version 0.5.1 avec au menu :
- une zone de messages d'avertissements lors d'un import + un dialogue disponible avec des explications détaillés sur l'anomalie rencontrée (voir exemple https://mothsart.github.io/static/image … rnings.png ) :
    - quand le document importé utilise des balises <script> : le code javascript est supprimé.
    - quand le document importé utilise des balises <style> avec du CSS : les règles css sont désormais toutes préfixés afin d'éviter de perturber l'interface utilisateur.
    - quand le fichier importé comporte un viewbox explicitement rempli et que celui est différent de celui calculé. (voir exemple : https://mothsart.github.io/static/image … iewbox.png )
- le mode Debug a été étoffé pour prendre en compte l'ensemble des exemples des anomalies constatées jusqu'à présent. (ça permet de me constituer un mémo, d'éviter les régressions etc.)
- Correctif : les boutons graphiquements désactivées (disabled) étaient encore actifs.
- quelques retouches graphiques et plusieurs correctifs mineurs

Hors ligne

#3 Le 15/10/2017, à 21:36

moths-art

Re : Editeur de SVG Interactif

Version 1.0.beta :

Je met à disposition une nouvelle version qui intègre désormais la traduction (il manque encore la traduction du sélecteur de couleur et de l'éditeur de texte : ça nécessitera de bien configurer les greffons).
Le logiciel est désormais disponible en 2 langues : anglais et français avec la détection de la langue du navigateur.
Je n'ai pas mis de sélecteur de langue pour ceux qui souhaitrais en changer : ça ne me passairais pas pertinent mais j'ai peut-être tord (ça ne demanderais pas beaucoup d'efforts).
C'était la dernière fonctionnalité majeur que je souhaitais intégrer avant une 1.0.
De coup, je rentre (enfin) dans la phase d'un produit en béta.

Qu'est-ce que ça entraine :

1. Plus aucune demande de nouvelles fonctionnalités ne seront intégrées dans cette version.
On aura a disposition une version certe encore spartiate mais néanmoins fonctionnel.
2. Création de 2 nouvelles branches 1.x et 2.x afin de prendre en compte des évolutions futures.
3. Intégration de nouveaux fichiers d'exemples (réalisations persos, fichier provenant d'openclipart, etc.) : le but est de débusquer la moindre anomalie.
4. éliminer un à un les derniers bugs jusqu'à une version RC.
5. Ma concentration sur un vrai dialogue d'aide.

Hors ligne

#4 Le 16/11/2017, à 22:36

moths-art

Re : Editeur de SVG Interactif

Le logiciel passe à la version 1.0.rc1

Celui-ci est désormais empaqueté pour tourner en offline sous firefox.

Les changements :
- visibilité du texte sélectionné sur l'editeur WYSIWYG (principalement pour firefox en mode offline)
- Divers travaux minimes mais néanmoins chronophage d'unification de l'affichage de Chrome et Firefox.
- gestion de la traduction via un script perso plutôt qu'une extension de vuejs : évite des libs complémentaires exclusivement pour ça.
- ajout d'un sélecteur de langue.
- ré-ajustement la taille de la sidebar (éviter les retours à la lignes sur des traductions plus longues)
- la traduction du sélecteur de couleur et de l'éditeur de texte.
- ajout d'une fonctionnalité qui me paraissait urgente : la possibilité de sélectionner une image dans l'éditeur (converti en base64 pour pouvoir être incluse dans l'export d'un unique fichier .html)
- l'ajout d'un vrai dialogue d'aide (tuto) traduit en français et anglais avec quelques imprim-écrans. (il faudra sans doute que je l'étoffe)
- résolution de bugs divers.

Le paquet .deb est disponible ici :
https://cloud.indie.host/s/Bjp5R1CtwQoLPRA

Hors ligne

#5 Le 17/11/2017, à 23:18

moths-art

Re : Editeur de SVG Interactif

Pour simplifier les choses, il est possible d'utiliser un PPA : https://launchpad.net/~jerem-ferry/+arc … lustration

soit

sudo add-apt-repository ppa:jerem-ferry/app-illustration
sudo apt-get update

puis

apt-get install edit-interactive-svg

Hors ligne

#6 Le 22/11/2017, à 22:06

moths-art

Re : Editeur de SVG Interactif

Une version rc2.
- rajouts d'un exemple d'illustration interactive :
  - sur la météo
- correctifs mineurs d'affichages :
  - prévisualisation du nom du fichier en base de la sidebar mal géré en français
- correctif mineur : quand on zoom puis qu'on passe sur le détail d'un autre indice, le zoom est concervé : c'est potentiellement génant car on ne sait pas forcément sur quel indice à lieu le zoom.
Le correctif s'occupe de désactiver le zoom dès que l'on passe sur le détail d'un autre indice.
- La version RC2 est désormais empaqueté et disponible sur un PPA
- on zoom sur un indice, on passe sur la prévisualisation et on revient sur le mode d'édition : le zoom est appliqué mais pas le déplacement.
Solution délicate sur chrome (son fonctionnement reste incompréhensible).
- Correctif : le zoom sur un indice avec un viewbox erroné ne fonctionne pas bien.
- Correctif : quand on supprime un indice ou le détail est ouvert, il est impossible d'accéder au détail d'un autre indice.
- Message d'erreur lorsqu'un fichier n'est pas reconnu à l'import.
- Correctif d'une régression lié au module i18n : le titre par défaut (un placeholder) doit disparaitre dans le dialogue d'édition quand le champ prend le focus
- Possibilité de déplacer un indice pendant un zoom + pendant un zoom, le curseur de la souris ne devrait pas être en mode "pointeur".
- Anomalie : création d'un indice lorsqu'il y a un zoom
Le passage sur le détail du nouvel indice ne désactive pas le zoom

Le paquet est maj sur le PPA.
La version en ligne est également à jour : https://mothsart.github.io/labo/fronten … active_svg

Dernière modification par moths-art (Le 04/12/2017, à 21:36)

Hors ligne

#7 Le 04/12/2017, à 21:36

moths-art

Re : Editeur de SVG Interactif

Je viens de rajouter un nouvel exemple avec des fruits en anglais.

Hors ligne