Bonjour, j'ai découvert impress.js il y a peu car je voudrais me lancer dans les présentations HTML qui ont l'air énormément plus portables que celles réalisées avec Microsoft Powerpoint. Bref, l'exemple fourni de base avec impress.js est très riche et même en peu trop pour moi qui n'ai que quelques bases en HTML. Par ailleurs, je cherche quelque chose de plus sobre tout en étant sympa. Je suis donc tombé sur Circular Slides Generator, qui propose quelque chose de très sympa à mon goût (une présentation en cercle). Le problème c'est que je ne comprends pas grand chose à comment ça marche.
Dans l'ordre j'ai téléchargé l'archive sur github mais le problème c'est que quand je lance index.html, je n'obtiens pas du tout le même résultat que sur la page du projet ; en gros la présentation a sauté et cliquer sur le bouton « Generate » ne fait rien.
J'imagine que ce n'est pas très compliqué pour quelqu'un qui connait bien le HTML mais j'avoue être un peu perdu. D'après ce que je comprend, index.html sert à générer le code HTML et on a plus qu'à remplacer Slide XX par le contenu que l'on veut. Donc premier problème, le index.html récupéré dans l'archive ne fonctionne pas comme je viens de le dire et deuxième problème ; même si je passe par le site du projet et que je génère du code, le copier-coller dans un fichier texte puis le faire interpréter par firefox ne me donne pas de présentation en cercle ; j'ai simplement toutes les « diapos » les unes en dessous des autres comme des vulgaires pages d'un traitement de texte. Bref, je dois vraiment rater quelque chose.
Donc si quelqu'un peut m'éclairer sur le fonctionnement de ce projet, je lui en serais très reconnaissant.
Merci d'avance
Forum Programmation.web Circular Slides Generator
14
mar.
2016
# peut-etre parce que comme moi tu as un fichier impress.js qui est vide
Posté par NeoX . Évalué à 4.
la page de demo dit qu'il faut telecharger le fichier impress.js
et fournit un lien en bas
sauf que le lien n'amene rien, la destination n'existe pas
du coup pour ta demo tu as un fichier html, qui appelle un hypothetique javascript qui n'existe pas.
en decortiquant la page de demo, on voit (tout en bas) qu'il va chercher le fichier impress.js ici
http://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.js
on peut alors sauvegarder ce fichier en tant que impress.js en local de la machine,
mais chez moi en le mettant au meme endroit que le index.html et en modifiant le index.html pour prendre le impress localement plutot que celui de cloudflare, cela ne fonctionne pas non plus.
[^] # Re: peut-etre parce que comme moi tu as un fichier impress.js qui est vide
Posté par pamputt . Évalué à 2.
Oui j'en suis arrivé à peu près aux mêmes conclusions …
[^] # Re: peut-etre parce que comme moi tu as un fichier impress.js qui est vide
Posté par BAud (site web personnel) . Évalué à 3. Dernière modification le 14 mars 2016 à 22:50.
Je n'ai pas réussi à trouver de licence pour impress.js mais il reste disponible(*) :
(*) quitte à contacter l'auteur initial, autant lui demander de préciser la licence qu'il a choisie, en la plaçant directement dans le .js vu que ça simplifie l'identification :-)
Pourquoi ne pas plutôt essayer sozi ? cf. https://linuxfr.org/tags/sozi/public => cela fait du SVG dans Inkscape
[^] # Re: peut-etre parce que comme moi tu as un fichier impress.js qui est vide
Posté par pamputt . Évalué à 3.
Le code source de impress.js est disponible ici avec la licence associée (MIT)
# trouvé sur github
Posté par BAud (site web personnel) . Évalué à 3.
En fait, c'est sur https://github.com/impress/impress.js
Et la bonne nouvelle c'est que c'est sous licence libre MIT (qui ne devrait pas être si longue à placer aussi dans le impress.js, ce n'est pas sa longueur qui va plomber le script). Tu y trouveras des correctifs qui datent de l'ordre d'un mois et l'indication qu'il y a eu apparemment un changement d'équipe.
[^] # Re: trouvé sur github
Posté par pamputt . Évalué à 2.
Oui mais le problème c'est que même avec le impress.js dans le même dossier que le index.html et le template.html de Circular Slides Generator, je n'arrive pas à obtenir la présentation en cercle. Du coup il y a quelque chose que je dois faire mal.
[^] # Re: trouvé sur github
Posté par NeoX . Évalué à 2.
et tu modifies le html pour lui dire (en bas) ou se trouve le impress.js
car dans mon test hier soir, le partait chercher le fichier sur cloudflare
[^] # Re: trouvé sur github
Posté par pamputt . Évalué à 2.
Oui j'ai placé impress.js dans le même répertoire que le index.html et j'ai juste indiqué src="impress.js" et là j'obtiens bien une page mais la présentation n'est pas circulaire ; les diapos apparaissent les unes en dessous- des autres (comme dans un traitement de texte).
[^] # Re: trouvé sur github
Posté par NeoX . Évalué à 2.
pareil ici,
peut-etre une limitation du navigateur web concernant les contenus ouverts localement.
il te reste à monter un petit serveur web pour afficher les documents presents dans /home/user/public_html par exemple
[^] # Re: trouvé sur github
Posté par pamputt . Évalué à 2.
Ah zut, c'est justement cette limitation que je ne comprends pas. J'imagine qu'elle se trouve quelque part soit dans le index.html ou le template.html de Circular Slides Generator ou soit dans le impress.js.
D'autres avis ?
[^] # Re: trouvé sur github
Posté par NeoX . Évalué à 4.
non, elle se trouve dans le navigateur, c'est une question de securité que de ne pas vouloir ouvrir un fichier local à partir d'une page web
si tu veux vraiment faire sauter cette securité, c'est dans le navigateur qu'il faut chercher.
ou alors il faut inclure le code de impress.js dans le html plutot que de l'appeler à partir du fichier externe
[^] # Re: trouvé sur github
Posté par pamputt . Évalué à 2.
Hmmm, malheureusement, ça ne semble pas non plus fonctionner.
J'ai insérer tout le code de impress.js à l'intérieur des balises et rien n'a changé.
[^] # Re: trouvé sur github
Posté par nexus5 . Évalué à 2.
Bonjour,
Tu as aussi besoin du fichier templates.html (cf ligne 115 de cette page => https://github.com/wmh/circular-slides-generator/blob/gh-pages/index.html), et eventuellement du fichier CSS (le CSS je sais pas j'ai pas testé, mais l'outil se présente comme un slideshow en JS/CSS3)
donc le index.html + le js + templates.html dans le meme répertoire ça devrait marcher (mais ça serait mieux avec un serveur web , si t'es sous une distrib linux c'est une ligne à taper dans un terminal ou 2 clics de souris…)
++
… (relecture du code js de index html)…
En fait c'est pas clair leur histoire, dans le index.html il n'y a pas d'appel a un fichier js particulier mais jquery si
donc il te faudrait plutot index.html (qui contient la source js), templates html + Jquery
re ++
[^] # Re: trouvé sur github
Posté par pamputt . Évalué à 2.
En fait si j'ai bien compris, il y a deux choses :
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.