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

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

Annonce

PRIMTUX2 i386 EST DISPONIBLE SUR SOURCEFORGE.
Somme MD5: 44a284a6732f1519c98f96723f7f7c44

  • L'équipe PrimTux prépare une version 3. A cette fin, elle souhaite recueillir les avis des utilisateurs sur leurs souhaits d'évolution de la distribution. Postez vos idées ici
  • PrimTux2-amd64-UEFI est disponible ici
  • PrimTux-Dys est disponible ici
  • PrimTux2 pour Raspberry Pi est disponible pour tests ici
  • PrimTux2 totalement libre est téléchargeable ici
  • HISTORIQUE DES VERSIONS, CARTE HEURISTIQUE DES VERSIONS
  • LE TUTO D'INSTALLATION EST DISPONIBLE ICI
  • Carte des membres pouvant aider et des écoles sous PrimTux, merci de m'envoyer un email si vous souhaitez y apparaître.
  • Abonnez-vous à la newsletter sur le site principal pour être informé des nouveaux paquets, nouvelles versions, bugs...

#26 03-10-2017 21:28:48

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

Re : éditeur Wysiwyg d'illustrations interactives

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

Dernière modification par mothsart (03-10-2017 21:32:46)

Hors ligne

#27 07-10-2017 16:11:39

Steph
Administrateur
Inscription : 03-06-2015
Messages : 3 529

Re : éditeur Wysiwyg d'illustrations interactives

Ça devient très intéressant. Toutefois:
- Dans la boîte d'édition du texte de présentation, le texte sélectionné n'est pas surligné.
- Serait-il possible d'insérer une vidéo?
- Il n'a pas voulu de mon png, j'ai du le transformer en svg.

Hors ligne

#28 07-10-2017 20:52:35

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

Re : éditeur Wysiwyg d'illustrations interactives

la sélection du texte : effectivement, je devrais corriger ça pour la prochaine version.
pour ce qui est des insertions d'images (png) ou vidéo, ça n'a pas vraiment été prévu pour ça...
Le but du soft étant de convertir un fichier svg statique en une illustration interactive au format html.
Pour les images, c'est sans doute possible de tricher en incorporant mon image dans ma balise <svg>... je vais réfléchir à la faisabilité mais ça attendra un peu :
là, je suis en train de mettre en place l'internationalisation avec la traduction en français.
Parallèlement à ça, j'étoffe ma batterie d'exemples avec des svg récupérés sur openclipart.

Pour la vidéo, je suis un peu plus réticent :
1. parce que c'est pas possible de mettre de la vidéo dans du <svg> et que du coup ça m'oblige à remanier le soft dans sa globalité
2. j'arrive pas à comprendre l'utilité sur un format déjà animé : si t'as un exemple, je suis preneur !

Hors ligne

#29 08-10-2017 08:06:11

Steph
Administrateur
Inscription : 03-06-2015
Messages : 3 529

Re : éditeur Wysiwyg d'illustrations interactives

Je ne parle pas de remplacer du svg par de la vidéo, mais de pouvoir mettre un lien vers une vidéo dans la description avec la vidéo qui s'affiche (pareil avec du mp3), comme dans un article de wordpress. Le but est de bien sûr étoffer les explicitations: je mets un numéro sur les Alpes, en cliquant dessus je peux voir des explications, des liens, des images, mais si j'ai une vidéo sur la formation des Alpes, ça serait bien qu'elle s'affiche dans le cadre de la description, sans qu'elle soit incorporée au html.

Hors ligne

#30 08-10-2017 09:30:36

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

Re : éditeur Wysiwyg d'illustrations interactives

Ok, je comprend mieux le besoin.
Effectivement, je n'avais pas réfléchit aussi loin : j'ai choisi un éditeur minimaliste pour qu'il soit pas trop dur à intégrer et qu'il permette d'éditer un descriptif avec un peu de mise en forme.
Pas sur qu'il soit adapté pour le coup : faut soit que je le remplace par un autre soit que je l'adapte.

Le besoin est assez simple, effectivement : la réalisation, elle est hautement plus complexe.
Pour l'instant, le soft produit du html avec tout à l’intérieur. (le javascript et le css mis inline dans le document sont la valeur ajouté)
Pour les images, j'y avais pas encore trop réfléchit mais c'est possible de les sérialiser pour qu'elles soient dans le même fichier.
L'intérêt d'un fichier unique en HTML c'est bien évidement de pouvoir le partager et de l'ouvrir simplement via un navigateur et ça juste marche. (en offline en plus)
Si il y a des sons ou vidéos rattachés, ça veut dire soit :
1. communiquer une archive et la manip devient plus complexe.
On peut envisager, dans ce cas de figure, et dans le cadre de PrimTux, de créer un nom d'archive (par exemple : .anim) et de lui attribuer un script déclencheur qui ferait à peu près ça :
je copie le .anim (qui est en réalité un zip : même astuce que les .odt), je le décompresse dans un espace "temp" et je lance firefox en pointant sur l'index.html
2. afficher le contenu multimédia se trouvant en réalité sur un site externe :
- faut être en connecté pour accéder à la ressource
- faut que la ressource soit encore présente/disponible

Dernière modification par mothsart (08-10-2017 09:31:24)

Hors ligne

#31 08-10-2017 09:54:29

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

Re : éditeur Wysiwyg d'illustrations interactives

Bon, après quelques recherches, il existe bien un format d'archive du HTML appelé ZIM

Je suis assez effaré que ça soit si impopulaire en 2017.

Hors ligne

#32 08-10-2017 09:55:45

Steph
Administrateur
Inscription : 03-06-2015
Messages : 3 529

Re : éditeur Wysiwyg d'illustrations interactives

Le zim est utilisé pour vikidia... hors ligne: kiwix l'utilise: http://mirror3.kiwix.org/zim/

Hors ligne

#33 08-10-2017 10:03:25

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

Re : éditeur Wysiwyg d'illustrations interactives

C'est l'indifférence des navigateurs par rapport à ce format qui m'étonne. Kiwix c'est une adaptation du coeur de firefox : c'est dommage que ça n'ai pas profité directement à firefox.

Hors ligne

#34 15-10-2017 20:35:52

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

Re : éditeur Wysiwyg d'illustrations interactives

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.

Cette version a déjà mis le doigt sur 2 nouvelles anomalies mentionnées à l'utilisateur sous forme d'avertissement :

- quand le fichier svg contient une ou plusieurs balises <mask> (ça fait disparaitre des objets et l'on peut avoir l'impression que le viewbox est mal calculé)
- quand le fichier svg contient une ou plusieurs balises <clipPath> (même problématique que la balise <mask>)

Hors ligne

#35 15-10-2017 21:56:21

Philippe Dpt35
Modérateur
Lieu : Ille-et-Vilaine
Inscription : 28-10-2015
Messages : 1 461
Site Web

Re : éditeur Wysiwyg d'illustrations interactives

mothsart a écrit :

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).

Comme il semble y avoir des demandes pour l'intégration de logiciels d'apprentissage de l'anglais, est-ce que de pouvoir choisir la langue dans les applications (même si leur but premier n'est pas l'apprentissage de l'anglais) ne serait pas intéressant ?

Hors ligne

#36 18-10-2017 05:14:51

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

Re : éditeur Wysiwyg d'illustrations interactives

Steph, tu me parlais dans un autre topic d'imagier :

J'ai fait un rapide prototype : c'est à peut prêt à ça que tu t'attends : https://mothsart.github.io/labo/fronten … _book.html

On clique sur le nom d'un thème, ça agrandi les miniatures.
On clique sur une miniature et on affiche l'illustration interactive correspondante.

C'est bien évidement un prototype, ça fonctionne mal, c'est positionné à l'arache et j'ai vulgairement recopié des images.

Dernière modification par mothsart (18-10-2017 05:15:24)

Hors ligne

#37 18-10-2017 07:59:16

Steph
Administrateur
Inscription : 03-06-2015
Messages : 3 529

Re : éditeur Wysiwyg d'illustrations interactives

Bien foutu, l'esprit est là. Est-ce que le prof lambda sera capable de créer ce sommaire?

Hors ligne

#38 18-10-2017 17:13:15

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

Re : éditeur Wysiwyg d'illustrations interactives

Hé non, c'est là tout le dilemne : ça nécessite au minima de créer les balises html et si l'on veut transférer l'imagier, penser à copier toute l'arborecence.
Je suis partagé par l'idée de créer un soft complémentaire :
dans ce cas là, est-ce que je reste dans le cadre d'une appli web ou plutôt du gtk (plus rapide à réaliser à mon sens) ?
Soit d'intégrer dans l'éditeur : ça fait un soft pour tout faire mais ça peut vite se transformer en usine à gaz et ça nécessite de tout casser donc pas avant une v1.x voir v2...
Enfin, la notion d'arborescence reste entière dans tous les cas et l'étape "archive" ou fichier zim devient une nécessité.

Hors ligne

#39 18-10-2017 17:59:28

Steph
Administrateur
Inscription : 03-06-2015
Messages : 3 529

Re : éditeur Wysiwyg d'illustrations interactives

Dans ce cas je pense qu'il vaut lieux rester sans cette arborescence. On a quand même une liste déroulante dans l'application.

Hors ligne

Pied de page des forums