Valeur de cette activité : 5 points
Compétence :
28- Javascript - Animation avec U-Animator *

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

Javascript - Uanimator

Présentation

Dans les activités précédente, vous avez appris à animer des objets (déplacer des images), vous allez maintenant utiliser javascript et U-Animator pour créer une animation qui simulera le fonctionnement d'un pont-levis ( ou tout autre mécanisme de votre choix : veuillez faire approuver votre choix par l'enseignant(e) avant de débuter).
La valeur de ce travail pourra varier entre 3 et 10 points en fonction de la qualité de l'animation présentée.

Description


  1. Choisissez votre thème de travail : le pont-levis ou ou tout autre mécanisme de votre choix (engrenage, chaîne et roue dentée, pignon et crémaillère, vis sans fin et roue dentée, mécanisme de levier, ...) : veuillez faire approuver votre choix par l'enseignant(e) avant de débuter.

    Voici quelques exemples de mécanisme :

    - Plate-formes élévatrices à pignon et crémaillère
    - Roues et vis sans fin
    - Mouvement du système à vis sans fin
  2. Si vous ne connaissez pas le fonctionnement d'un pont-levis (ou du mécanisme de votre choix), utilisez GOOGLE en inscrivant les mots de recherche : fonctionnement pont-levis.

  3. Utilisez U-Animator pour créer votre animation. ATTENTION, le code U-Animator ne fonctionnera que sous Internet Explorer.
  4. Enregsitrez votre projet sur le disque dur de votre ordinateur.
  5. Ajoutez une page à votre portfolio en affichant l'assistant HTML et la directive 14964
  6. Inscrivez dans le champ titre : Javascript - Animation
  7. Sélectionnez la matière : informatique
  8. Sélectionnez le module : Javascript
  9. Inscrivez dans le champ No de la directive : 14964
  10. Inscrivez dans votre page le titre de niveau 1 : Javascript - Animation
  11. Récupérez le code de votre projet et insérez ce code dans votre page.
  12. N'oubliez pas de modifier les URLs pointant vers les fichiers javascript utilisés : les lignes <SCRIPT LANGUAGE="JavaScript" SRC="AniPlayer.js"></SCRIPT> et <SCRIPT LANGUAGE="JavaScript" SRC="Animation02.js"></SCRIPT>
  13. Ajoutez ensuite au bas de votre page un lien qui permettra de recharger la page (utilisez google et les mots de recherche suivants : javascript lien recharger la page ou javascript reload ).
  14. Visualisez votre page et apportez des modifications au besoin.