Éditeur de document en ligne (HTML + LaTeX + Python+JSXGraph)

Frattini_Fabrice · December 2022

Bonjour,
Je suis enseignant et depuis plusieurs années je rédige mes documents en HTML et pour gagner du temps j'ai fini par coder un éditeur. J'ai mis cette version en ligne pour celles et ceux qui seraient intéressés (c'est gratuit).
Tout se passe dans le cloud (un peu comme overleaf mais en moins bien...) et le service inclus les librairies suivantes :
- KaTeX pour afficher les formules LaTeX rapidement,
- Skultp pour inclure des algos Python exécutables en ligne,
- JSXGraph pour tracer des graphiques et animations,
- et aussi d'autres librairies que j'ai codées au fur et à mesure de mes besoins pour l'enseignement.

Les avantages que je trouve à faire des cours en version web sont : la maniabilité au niveau du zoom par rapport à un pdf (lorsqu'on vidéo-projette un document), l'interaction avec les animations (plus besoin de quitter le document et d'ouvrir Geogebra ou autres logiciels), ou encore l'adaptation aux écrans de smartphones .

Si jamais certains veulent tester le service et me faire un retour cela me permettra de voir si il y a matière à ce que je poursuive mes efforts sur ce projet.

https://www.sarmate.net

Guego · December 2022

Je n'ai pas le temps de me pencher dessus tout de suite, mais c'est une initiative que je trouve très intéressante. J'essaierai quand j'aurai un peu plus le temps.

Frattini_Fabrice · December 2022

Merci pour la réponse et l'intérêt

bisam · December 2022

Je viens de tester l'interface quelques minutes seulement.
Je pense qu'il serait appréciable de pouvoir tester l'environnement, avec un compte invité, avant d'exiger l'inscription.

Ensuite, une aide un peu plus explicite, voire interactive, pour savoir quoi faire une fois arrivé à la racine de notre compte pourrait être une bonne idée.
J'ai mis pas mal de temps notamment avant de comprendre que je pouvais modifier un fichier (et donc accéder à la promesse faite de "créer en ligne") en allant cliquer sur les 3 petits points à droite dudit fichier.

Par ailleurs, il faut tout de même préciser que même si l'outil est plutôt bien fait, il s'adresse à des personnes connaissant un tant soit peu le langage HTML, et pas à des novices qui voudraient l'utiliser sans connaissance quelle qu'elle soit.

Les bons points :
- la possibilité de voir à tout moment ce que l'on a créé pour l'instant ;
- la possibilité de "replier" une partie du code, entre deux balises ouvrante et fermante, pour éviter de casser, et aussi pour gagner de la place visuellement ;
- la possibilité de sauvegarder dans le cloud ou bien sur son ordinateur.

Dernière remarque : il y a une erreur de fichier php. "Vos données" est la même page que "Tutoriel", bien qu'ayant des adresses différentes.

Frattini_Fabrice · December 2022

bisam

Merci pour toutes ces remarques. En effet, mettre un lien vers une démo serait un plus, et je vais également ajouter des tips à l'ouverture de l'espace personnel.

Après, pour les connaissances HTML j'arrive à faire créer des pages à mes élèves avec cet éditeur sans qu'ils ne connaissent ce langage, mais c'est peut-être dû à ma présence et à quelques remarques qui doivent aider.

[Inutile de reproduire le message précédent. AD]

Guego · December 2022

Je n'ai pas eu le temps de regarder, mais je rappelle à tous les profs que par apps.education, on a accès (entre autres) à CodiMD qui permet également de faire du texte mis en page, avec du LaTeX. Alors certes, on ne peut pas exécuter de code ou faire de figures interactives, mais si c'est juste pour du texte, c'est pas mal. Et une fois qu'on a fini, on peut générer un lien pour que les élèves puissent y accéder depuis chez eux.

Ça ressemble à ça :

Frattini_Fabrice · December 2022

Guego

Il y a aussi des notebook Jupyter pour faire du Python qui intègre LaTeX, mais on est obligé de jongler entre plusieurs outils. Mon objectif était juste d'en rassembler le plus dans un seul service. Après, ce n'est jamais facile de faire passer un collègue de LibreOffice (ou pire Word !) à LaTeX !

[Inutile de reproduire le message précédent. AD]

Sato · December 2022

Bonjour,
le problème est tout autant le logiciel que l'utilisation qui en est faite (utiliser LaTeX pour faire de la mise en page, utiliser LibreOffice pour dessiner des lettres et des retours à la ligne, etc.)

Frattini_Fabrice · January 2023

bisam a dit : https://les-mathematiques.net/vanilla/index.php?p=/discussion/comment/2399753/#Comment_2399753

J'ai fait des mises à jour inspirées de vos remarques. Merci pour le retour et les suggestions.

Frattini_Fabrice · 12 Jan

Bonjour,
Finalement j'ai enrichi mon service en proposant la possibilité de créer et de compiler en ligne des documents LaTeX (en plus du service de document HTML).
On avait l'habitude de travailler en équipe avec Overleaf mais les restrictions de la version gratuite sont devenues trop importante. Nous avons donc créer notre propre solution pour du LaTeX collaboratif.

parisse · 12 Jan

Je ne sais pas dans quelle mesure ça peut vous intéresser de rajouter du support calcul formel, au cas où, vous pouvez consulter un preprint qui décrit une utilisation depuis latex https://www-fourier.univ-grenoble-alpes.fr/~parisse/giac/castex.html, on peut aussi interfacer le noyau de calcul formel depuis javascript: https://www-fourier.univ-grenoble-alpes.fr/~parisse/giacjs/simple.html (3 interpreteurs sont disponibles: Xcas, MicroPython et Javascript). Les calculs sont faits en local par le navigateur de la personne qui consulte le document, ce qui évite de surcharger des serveurs.

Frattini_Fabrice · 12 Jan

parisse a dit :

Je ne sais pas dans quelle mesure ça peut vous intéresser de rajouter du support calcul formel, au cas où, vous pouvez consulter un preprint qui décrit une utilisation depuis latex https://www-fourier.univ-grenoble-alpes.fr/~parisse/giac/castex.html, on peut aussi interfacer le noyau de calcul formel depuis javascript: https://www-fourier.univ-grenoble-alpes.fr/~parisse/giacjs/simple.html (3 interpreteurs sont disponibles: Xcas, MicroPython et Javascript). Les calculs sont faits en local par le navigateur de la personne qui consulte le document, ce qui évite de surcharger des serveurs.

C'est une idée intéressante. Je vais me pencher dessus comme prochaine feature au service. Merci pour l'idée

bisam · 13 Jan

C'est une très bonne idée d'avoir intégré la possibilité de compiler du LaTeX mais pour l'instant, je n'ai pas trouvé comment faire pour faire des \input ou des \usepackage utilisant des packages personnels : les fichiers ne sont jamais trouvés, même s'ils sont dans le répertoire personnel.

Par ailleurs, il serait sans doute intéressant d'ajouter la possibilité d'uploader des fichiers .tex voire .sty : pour l'instant, ils sont exclus de l'interface d'upload.

Frattini_Fabrice · 14 Jan

bisam a dit :

C'est une très bonne idée d'avoir intégré la possibilité de compiler du LaTeX mais pour l'instant, je n'ai pas trouvé comment faire pour faire des \input ou des \usepackage utilisant des packages personnels : les fichiers ne sont jamais trouvés, même s'ils sont dans le répertoire personnel.

Par ailleurs, il serait sans doute intéressant d'ajouter la possibilité d'uploader des fichiers .tex voire .sty : pour l'instant, ils sont exclus de l'interface d'upload.

Merci pour ce retour. Il va falloir en effet que j'ajoute cette fonctionnalité. Ça demande un travail de sécurité supplémentaire mais c'est prévu en effet.

Frattini_Fabrice · 14 Jan

parisse a dit :

Je ne sais pas dans quelle mesure ça peut vous intéresser de rajouter du support calcul formel, au cas où, vous pouvez consulter un preprint qui décrit une utilisation depuis latex https://www-fourier.univ-grenoble-alpes.fr/~parisse/giac/castex.html, on peut aussi interfacer le noyau de calcul formel depuis javascript: https://www-fourier.univ-grenoble-alpes.fr/~parisse/giacjs/simple.html (3 interpreteurs sont disponibles: Xcas, MicroPython et Javascript). Les calculs sont faits en local par le navigateur de la personne qui consulte le document, ce qui évite de surcharger des serveurs.

Le fichier giac.js est en effet bien fait et puissant. J'ai implémenté la possibilité d'ajouter des script Xcas entre des balises <xcas></xcas> ce qui permet à l'utilsateur de modifier à la volée les instructions dans la page web.
Je vous laisse découvrir cela sur cette page :

https://www.sarmate.net/users_dir/frattini_ogdse4tu/Xcas/exemples_01.html

et pour ceux qui voudraient éditer un tel document c'est sur ce lien :

https://www.sarmate.net/share.php?share=https://www.sarmate.net/users_dir/frattini_ogdse4tu/Xcas/exemples_01.html

En tout cas merci pour l'info ça m'a permis d'ajouter une nouvelle fonctionnalité.

parisse · 15 Jan

Merci! La consultation marche bien, mais je n'ai pas compris comment éditer, lorsque j'ouvre le 2ème lien, j'ai l'erreur suivante

Erreur lors de la sauvegarde du fichier de destination.

Frattini_Fabrice · 15 Jan

parisse a dit :

Merci! La consultation marche bien, mais je n'ai pas compris comment éditer, lorsque j'ouvre le 2ème lien, j'ai l'erreur suivante
Erreur lors de la sauvegarde du fichier de destination.

Il y avait un petit bug dans le code c'est réglé.

Frattini_Fabrice · 15 Jan

bisam a dit :

C'est une très bonne idée d'avoir intégré la possibilité de compiler du LaTeX mais pour l'instant, je n'ai pas trouvé comment faire pour faire des \input ou des \usepackage utilisant des packages personnels : les fichiers ne sont jamais trouvés, même s'ils sont dans le répertoire personnel.

Par ailleurs, il serait sans doute intéressant d'ajouter la possibilité d'uploader des fichiers .tex voire .sty : pour l'instant, ils sont exclus de l'interface d'upload.

J'ai mis en place la possibilité d'inclure des packages locaux, ainsi que les \input et \include. Je n'ai pas pu faire tous les tests nécessaires encore, mais a priori cela devrait fonctionner maintenant.

parisse · 16 Jan

En effet, ça marche maintenant.

Ce serait bien d'avoir un outil de ce type gratuit et permettant la collaboration, ce qui suppose évidemment un financement, encore plus si on doit utiliser un serveur. La version web de Xcas n'utilise pas de serveur (une fois le code HTML/JS téléchargé, tout se fait en local), et permet dans une certaine mesure d'échanger des petites sessions de calcul avec la possibilité d'ajouter des commentaires (avec du code latex), par QRcode, email ou publication sur un forum (comme celui-ci), mais ça n'offre évidemment pas le même niveau de fonctionnalité et d'intuitivité. Développer une interface ce n'est pas très drôle, et ça demande beaucoup plus de travail que ce que beaucoup de gens pensent... Et malheureusement, je crains que les institutions ne sont pas prêtes à financer ce genre de choses.

Frattini_Fabrice · 17 Jan

parisse a dit :

En effet, ça marche maintenant.
Ce serait bien d'avoir un outil de ce type gratuit et permettant la collaboration, ce qui suppose évidemment un financement, encore plus si on doit utiliser un serveur. La version web de Xcas n'utilise pas de serveur (une fois le code HTML/JS téléchargé, tout se fait en local), et permet dans une certaine mesure d'échanger des petites sessions de calcul avec la possibilité d'ajouter des commentaires (avec du code latex), par QRcode, email ou publication sur un forum (comme celui-ci), mais ça n'offre évidemment pas le même niveau de fonctionnalité et d'intuitivité. Développer une interface ce n'est pas très drôle, et ça demande beaucoup plus de travail que ce que beaucoup de gens pensent... Et malheureusement, je crains que les institutions ne sont pas prêtes à financer ce genre de choses.

Ce qui demande le plus de temps et de compétences, c'est surtout la communication entre l'éditeur de document et le serveur sur lequel se compile les documents ou où est géré la collaboration. Tout ça a un coût en temps ou en euros (si on décide de louer un serveur).

Éditeur de document en ligne (HTML + LaTeX + Python+JSXGraph)

Réponses

Bonjour!

Catégories

In this Discussion