La page comporte une simulation du mouvement des planètes de notre système solaire autour du soleil et des liens vers les pages de Nasa dédiés aux ces planètes. Elle s’agit d’une introduction au sujet via une représentation réaliste. De plus, les liens externes visent à fournir des informations supplémentaires sur le sujet.
Le public cible est les adultes qui s’intéressent à l’astronomie. En particulier ils pourraient être les adultes qui ont envie de se sensibiliser au sujet de cette page.
Le dessin svg permet la visualisation du mouvement rélatif (10s correspond à 88 jours), de l’icône et de la position relative de planètes. De plus, il permet l’affichage des noms des planètes. Le fond est une image qui vise à représenter l’espace. Le choix des couleurs, du fond et de la position du dessin faciliter l’accès rapide à l’animation, afin que l’animation soit le point central de la page. De cette manière l’utilisateur peut avoir une introduction rapide (noms, icônes, taille relatif, mouvement relatif, position relative de planètes) avant de se diriger vers des informations plus spécifiques.
En ce qui concerne le svg pure, d’abord j’ai choisi les dessins des planètes. Ensuite j’ai modifié la taille des planètes en utilisant inkscape et j’ai également changé leur « id ». De plus, j’ai créé des ellipses afin de copier-coller leur « path » dans le path des animations de planètes. Après j’ai modifié le code du fichier svg en utilisant excanger xml editor afin de créer un svg pure sans des erreurs. Une fois que le code a été propre j’ai ajouté les animations. De plus j’ai changé la position(x,y) du point de départ des animations. Ensuite j’ai associé chaque planète avec son nom, c’est-à-dire avec les objets du type texte. A la fin j’ai supprimé des ellipses et j’ai ajouté la balise « symbol » à chaque planète afin de réparer la position d'apparence des objets avant l’animation. Pour l’html 5 j’ai utilisé la balise « iframe » afin d’imbriquer le fichier svg. De plus, j’ai ajouté les titres, le fond et des liens externes.
J’ai ajouté la partie Moving an object along a path
J’ai eu de difficulté à comprendre la logique de « path ». En particulier en Chrome les planètes changeaient leur place avant le début de l’animation. Après le conseil de M. D. Schneider, j’ai utilisé la balise « symbol », j’ai modifié le viewbox et j’ai changé de nouveau la position (x,y) du point de départ des animations.
Je crois que j’ai atteint mes objectifs. Cependant dans une prochaine étape je pourrais ajouter plusieurs fichiers svg qui représentent le mouvement des planètes durant un jour, une semaine, un mois etc.