Valeur de cette activité : 10 points
Compétence :
Compétence :
PEPS - Le mouvement des planètes *

A-Module 04 : JAVASCRIPT : 10 points - difficulté : 3

Le mouvement des planètes

Présentation

Dans cette activité, vous devrez produire une animation javascript qui démontrera le mouvement d'au moins deux planètes de notre système solaire autour du soleil.

IMPORTANT : Ne copiez pas le code de cette page car il ne correspond pas aux directives de l'activité. Le code utilise une méthode différente.

Description


  1. Ajoutez une page à votre portfolio en affichant les assitants HTML, FORMULAIRE et JAVASCRIPT ainsi que la directive 15639
  2. Inscrivez dans le champ titre : Javascript : Le mouvement des planètes
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ No de la directive : 15639
  5. Inscrivez dans votre page le titre de niveau 1 : Javascript : Le mouvement des planètes.
  6. Trouvez des images de deux planètes ainsi que du soleil.
  7. Enregistrez ces images (que vous redimensionnerez au besoin) et placez-les dans votre espace de téléchargement.
  8. Insère ton image du soleil au milieu de ta page en utilisant le positionnement CSS absolu (exemple : style="position:absolute;left:550px;top:53px;").
  9. Récupérez (copier-coller) le code que vous avez déjà utilisé afin de produire le déplacement des deux planètes disponible à cette adresse : http://chene-bleu.info/i/ladifference/mvtplanete.html
  10. ATTENTION : votre page doit contenir :
    - Le soleil
    - au moins deux planètes
    - un texte qui indique le nom des deux planètes
    - le mouvement des deux planètes doit être conforme à la réalité (diamètre de la planète, révolution, distance moyenne du soleil,...)
    - au bas de votre page, inscrivez dans un tableau les informations que vous avez recueillies (diamètre de la planète, révolution, distance moyenne du soleil,...)
    .     Exemple :
    Nom Terre
    Diamètre ...
    Révolution ...
    Distance moyenne du soleil ...
    ... ...

  11. Modifiez ensuite le code afin que le déplacement s'effectue conformément à vos spécifications (modifiez la valeur des variables pour chacune des planètes).

    Pistes de solution :
    1. Insérez le code afin de déplacer votre première planète.
    2. Insérez dans une autre page (page temporaire) le code afin de déplacer votre deuxième planète.
    3. Avant de placer le code de votre deuxième planète dans votre première page, prenez soin de renommer le nom de vos variables et le nom de vos fonctions (exemple : var vitesse par var vitesse2) partout dans votre page
    4. Ensuite, placez le code de la deuxième page dans la première page en insérant les codes d'en-tête dans la section HEAD de votre page et le code du corps de la page dans la section BODY de la page.
    5. Finalement, dans la balise BODY ajoutez le code qui permettra de lancer chacune de vos fonctions.

  12. Téléchargez vos images dans votre espace de téléchargement.
  13. Visualisez votre page et apportez des modifications au besoin.