{"id":488,"date":"2012-04-22T14:17:22","date_gmt":"2012-04-22T14:17:22","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=488"},"modified":"2018-08-01T20:59:34","modified_gmt":"2018-08-01T20:59:34","slug":"timeline-verite-ou-comment-meme-les-quiches-pourront-faire-des-frises-chronologiques-de-la-mort-qui-tue","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=488","title":{"rendered":"Timeline JS (ou comment m\u00eame les quiches pourront faire des frises chronologiques de la mort qui tue)"},"content":{"rendered":"<p>Quand on est prof, et en plus d&#8217;histoire g\u00e9o, la frise chronologique c&#8217;est un truc qui fatalement revient. C&#8217;est p\u00e9nible \u00e0 faire ou alors on d\u00e9pend de services tiers qui peuvent cesser \u00e0 tout instant.<\/p>\n<p>Moi, ce que j&#8217;aime, c&#8217;est faire mes propres productions et surtout les h\u00e9berger moi-m\u00eame. si un jour un service ferme et ben je garde mon travail. Et puis aujourd&#8217;hui, une frise, il faut qu&#8217;ele soit un peu dynamique, qu&#8217;elle int\u00e8gre de la vid\u00e9o, de l&#8217;image, du son, bref, qu&#8217;elle vive.<\/p>\n<p>Alors, j&#8217;ai test\u00e9 un nouveau truc, libre et sympa et \u00e7a donne \u00e7a.<\/p>\n<pre><code>\n\t<div id=\"timeline-embed\"><\/div>\n\t<script type=\"text\/javascript\">\/\/ <![CDATA[\n\t\tvar $ = jQuery;\n\t\tvar timeline_config = {\n\t\t\twidth: \"800\", \/\/ OPTIONAL\n\t\t\theight: \"800\", \/\/ OPTIONAL\n\t\t\tmaptype: \"toner\", \/\/ OPTIONAL\n\t\t\tsource: \"https:\/\/docs.google.com\/spreadsheet\/pub?key=0AmVHPRO2n8eSdE1pcU1aaEhHT3Q1RnVJY3NORldwdXc&amp;output=html\",\n\t\t\tcss: \"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/plugins\/timeline-verite-shortcode\/css\/timeline.css\",\n\t\t\tjs: \"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/plugins\/timeline-verite-shortcode\/js\/locale\/fr.js\"\n\t\t}\n\t\/\/ ]]><\/script>\n\t<\/code><\/pre>\n<p><strong><strong>\u00a0<\/strong><\/strong><\/p>\n<p>Et encore le rendu n&#8217;est pas tr\u00e8s bon \u00e0 cause de wordpress qui complique l&#8217;insertion de script.<\/p>\n<p>Et pour faire \u00e7a, pas de code, rien \u00e0 faire si ce n&#8217;est de remplir une feuille de tableur Google doc.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2012\/04\/Capture-d\u2019e\u0301cran-2012-04-22-a\u0300-17.53.05.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-523\" title=\"\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2012\/04\/Capture-d\u2019e\u0301cran-2012-04-22-a\u0300-17.53.05-300x187.png\" alt=\"\" width=\"300\" height=\"187\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2012\/04\/Capture-d\u2019e\u0301cran-2012-04-22-a\u0300-17.53.05-300x187.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2012\/04\/Capture-d\u2019e\u0301cran-2012-04-22-a\u0300-17.53.05-1024x640.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2012\/04\/Capture-d\u2019e\u0301cran-2012-04-22-a\u0300-17.53.05.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Donc dans le tableur, il suffit d&#8217;inscrire les dates, le texte correspondant et le lien vers les fichiers audio, vid\u00e9os ou image. Automatiquement, les modification seront r\u00e9percut\u00e9es sur la frise.<\/p>\n<p>Comment est-ce possible? En r\u00e9alit\u00e9, il faut r\u00e9cup\u00e9rer un fichier html. Dans ce fichier, coller le code fournit par google en faisant publier le fichier sur le web. La page html est donc li\u00e9e au fichier google.<\/p>\n<p>bref, une superbe initiative de verite.Co qui met \u00e0 disposition les sources de ce projet ICI et qui permet d&#8217;utiliser directement leur site pour g\u00e9n\u00e9rer les scripts. le projet est tr\u00e8s r\u00e9cent et a d\u00e9j\u00e0 connu de grosses modifications. les dates avant J.-C seront bient\u00f4t prise en compte et un plugin wordpress est en d\u00e9veloppement.<\/p>\n<p>Vous pourrez retrouver tous les fichiers n\u00e9essaires <a href=\"http:\/\/timeline.verite.co\/\" target=\"_blank\" rel=\"noopener\">ICI<\/a> et la feuille mod\u00e8le pour Google doc <a href=\"https:\/\/docs.google.com\/a\/digitalartwork.net\/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&amp;mode=public\" target=\"_blank\" rel=\"noopener\">ICI<\/a>.<\/p>\n<p>Les auteurs ont pens\u00e9 \u00e0 tout et il y a d&#8217;autres m\u00e9thodes possibles mais celle-ci est la plus pratique et abordable.<\/p>\n<p>D&#8217;ici demain, un tuto sera disponible dans les <a href=\"http:\/\/www.ticeman.fr\/TV\" target=\"_blank\" rel=\"noopener\">tutos de la caverne.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quand on est prof, et en plus d&#8217;histoire g\u00e9o, la frise chronologique c&#8217;est un truc qui fatalement revient. C&#8217;est p\u00e9nible \u00e0 faire ou&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=488\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Timeline JS (ou comment m\u00eame les quiches pourront faire des frises chronologiques de la mort qui tue)<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":523,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,126],"tags":[],"class_list":["post-488","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation","category-frises-chronologiques"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/488"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=488"}],"version-history":[{"count":43,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/488\/revisions"}],"predecessor-version":[{"id":9130,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/488\/revisions\/9130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/523"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}