Exemple – Réaliser un CV interactif
Définitions
Nous avons réalisé un CV interactif qui décrit le cursus, les expériences et les compétences d’une personne.
Vous pouvez aller voir le projet sur sa page de publication.
La page Média manager
Dans un premier temps, nous avons uploadé les images nécessaires à la conception graphique de ce CV à savoir : une image de fond et deux triangles pour les flèches de navigation vers le haut et vers le bas.
La page Editor
Sur la timeline, on peux voir tout en haut les pistes principales, celles de :
- l’image de fond
- l’entête avec le nom et la fonction
- les boutons play et pause
Elles s’étendent toutes sur toute la longueur de la séquence.
Les pistes suivantes définissent ensuite les différents écrans d’animation de chaque portion de de ce CV interactif. Tout est réalisé à base d’articles différenciés grâce au Style.
Enfin, nous avons ajouté des boutons de navigation sous forme d’image, ils nous permettront d’aller en avant ou en arrière sur la timeline. A chaque étape de présentation il est nécessaire de prévoir de nouveaux boutons car ils ont une action différente. Le premier bouton “suivant” a l’action “goto 11s”, le deuxième bouton a l’action “goto 17s”.
Voici une capture de l’évènement sur le premier bouton “suivant”.
La page Projet
Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, et nous avons coché la case Autoplay et la case Plein écran.
Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux différents du types d’exportation disponibles. Dans cette page par exemple, nous avons choisi d’inséré cette création à l’aide d’une iframe.
Pour en savoir plus sur l’utilisation de ces codes d’exportation, vous pouvez consulter cet article.
