Accueil

Mode d'emploi des animations HTML5

Les étapes à suivre pour visualiser les animations

1. Sur ordinateur

1.1 Avez-vous les bons logiciels sur votre poste ?

- Les animations requièrent la configuration suivante pour être exécutées sur votre poste :

Windows

un navigateur internet parmi les suivants :

  • Google Chrome (dernière version : 57.0.2987.110)
  • Firefox (dernière version recommandée)
  • Internet explorer 10 et version ultérieure,
  • Microsoft Edge (dernière version recommandée)
  • Opéra 12 et version ultérieure,
  • Safari 7 et version ultérieure,

Mac

un navigateur internet parmis les suivants :

  • Safari 7 et version ultérieure,
  • Google Chrome (dernière version)

- Vous devez également disposer d'un logiciel pour les décompresser une fois que vous les aurez téléchargées sur votre poste.

Nous considérons deux cas de figure :

  1. Vous disposez déjà d'un logiciel comme 'Winzip' ou '7-zip', vous pouvez passer à l'étape 1.3
  2. Vous ne disposez pas de logiciel de décompression, vous devez commencer par l'étape 1.2 pour installer ce logiciel.

1.2 Installation du logiciel de décompression

Vous pouvez télécharger une version du logiciel libre : 7-zip à l'adresse suivante : http://www.spiroo.be/7zip/
Cliquez sur le lien téléchargez de la version 'exe' (prendre la plus récente) :
La boîte de dialogue ci-dessous doit s'ouvrir :

Choisir exécuter pour installer le logiciel 7-zip sur votre PC et passer à l'étape 1.3.

1.3 Téléchargement et décompression du fichier

Télécharger le fichier ZIP de l'animation dans un dossier de votre ordinateur.

Une fois le télerchargement achevé, vous devez avoir l'icône suivante :

Il faut maintenant décompresser le fichier.
Pour y parvenir, vous devez suivre les étapes suivantes :

  • Cliquez droit (bouton droit de la souris) sur le fichier pour faire apparaître un menu contextuel.
  • Choisissez '7-zip' (ou votre logiciel de décompression) et 'Extraire ici' pour décompresser le fichier.
  • Vous obtenez un nouveau dossier (vous pouvez d'ailleurs supprimer le fichier zip dont vous n'aurez plus besoin).
  • C'est le dossier 'le_bleu_du_ciel' qui nous intéresse
  • Entrez dans ce dossier.
  • Vous visualisez plusieurs fichiers. Cliquez sur le fichier HTML "story.html" afin de l'ouvrir avec votre navigateur internet.

Remarque 1 : aucun logiciel spécifique n'est nécessaire pour utiliser l'animation, néanmoins votre navigateur doit être compatible avec la norme HTML5 ou disposer du plugin Flash de Adobe.
Remarque 2 : vous pouvez copier le dossier sur un autre PC ou une clé.

2. Sur tablette Android et iOS

2.1 Votre mobile est-il compatible ?

Les animations requiérent les configurations suivante :

iOS : Apple iOS 7 et versions ultérieures, Safari (dernière version)

Android : OS 4.1 et versions ultérieures avec Google Chrome (dernière version)

2.2 Voir les animations avec l'appli Articulate Mobile Player

Dans le Google Play Store, ou sur l'App Store, cherchez l'application "Articulate Mobile Player"

Installez l'application sur votre mobile/tablette.

2.2 Lancer l'animation

Sur la page de l'animation, consultée depuis votre tablette, cliquez sur le lien "Voir cette animation sur votre tablette".