Skip to content

Accueil > Formation > ITyPAchegéwells : Remontons le temps

À découvrir

ITyPAchegéwells : Remontons le temps

jeudi 1er novembre 2012, par t_num

Cette machine à remonter le temps a été créée avec le plugin jquery TimelineJs. J’ai choisi la méthode de l’hébergement personnel et d’alimenter le fichier grâce à un fichier .json.(cf. plus bas)


alt : test.html

En plus grand

Copier le code ci-dessous pour l’intégrer dans votre site ou blog

Vous pouvez naviguer dans la frise via les flèches dans le slider ou en faisant glisser la chronologie et en cliquant sur les drapeaux.
Vu la profusion des contributions, de l’aide sera la bienvenue. Si ça vous intéresse, vous pouvez participer à la réalisation en complétant le fichier .json sur ce pad.
Je mettrai la frise à jour au fur et à mesure.

TimelineJs offre d’autres solutions pour créer des frises chronologiques :
En utilisant Google docs spreadsheet sur leur site ou par l’intermédiaire d’un plugin wordpress. La version utilisant Storify est en expérimentation.

5 Messages

  • ITyPAchegéwells : Remontons le temps Le 21 novembre 2012 à 18:21 , par olivier

    Bonjour,
    J’ai crée une timeline du mooc itypa avec TimelineJS
    et avec google spreadsheet. Malheureusement je n’arrive pas à la publier dans un site workpress.org bien que le plugin timeline soir installé. Connaitrais tu une solution pour y arriver ? (sauf à tous devoir refaire avec Json)

    D’avance merci des conseils que tu pourras m’apporter
    A bientôt sur ITyPA si simple

    Olivier

    repondre message

  • ITyPAchegéwells : Remontons le temps Le 25 novembre 2012 à 18:55 , par audece

    Bonjour,
    Je n’ai toujours pas pris le temps de venir enrichir cette frise bien que l’idée me semble réellement intéressante. Il y a en ce moment une discussion autour de la capitalisation de nos expériences ; serais-tu intéressé pour y réfléchir avec nous et utiliser cette frise comme un support possible ? http://www.itypa.mooc.fr/comment/1622#comment-1622
    A bientôt sourire

    repondre message

    • ITyPAchegéwells : Remontons le temps Le 19 décembre 2012 à 09:37 , par TISON BRUNO

      Bonjour

      Je suis un participant du MOOC et je souhaite savoir comment tu as créé ta timeline ?
      Merci d’avance

      repondre message

      • ITyPAchegéwells : Remontons le temps Le 19 décembre 2012 à 16:52 , par t_num

        Bonjour Bruno,
        Pour créer la timeline j’ai récupérer les fichiers sur le dépôt suivant : https://github.com/VeriteCo/TimelineJS. J’ai modifié le fichier zxample-json.json . Pour l’apparence je suis allé regarder du coté des css. Puis avec un logiciel ftp j’ai envoyé le tout sur mon hébergement.

        Il y a une autre méthode : c’est d’utiliser le "embed generator" sur le site du projet. C’est ce qu’a utilisé Olivier Vincent pour se timeline. Il suffit de récupérer les tableau Gdoc dans l’onglet "File format" de le modifier, de l’enregistrer dans Google drive. Puis tu cliques sur "fichier", "publier sur le web" et tu copies l’url que tu colles dans la zone de saisie du "embed generator"/ Tu modifies quelques paramètres et le tour est joué , tu peux récupérer le code pour le coller dans un article de ton site.

        N’hésites pas si tu as besoin d’autres précisions.

        repondre message

Répondre à cet article