Séquence 2 Durée : 0,5 sec. Des bandes bleu-grises s intègrent à la page, certaines partent d en haut et d autres d en bas.

Transcription

1 cours de par

2 Séquence 1 Durée : 1,5 sec. Tout d abord, le logo d Ulysse apparaît en opacité sur un fond blanc. Il demeure à 100 % quelques instants, puis disparait en fondu. Séquence 2 Durée : 0,5 sec. Des bandes bleu-grises s intègrent à la page, certaines partent d en haut et d autres d en bas. Séquence 3 Durée : 1 sec. Le bandes se déplacent indépendamment l une de l autre quelques instants sur la page. Séquence 4 Durée : 2 sec. Le titre «Le plaisir de mieux voyager» et «guide Ulysse» apparait en opacité et en zoomant légèrement. Les bandes grises en arrière-plan continuent de défiler et laissent parfois apparaitre des parties d images de la ville de Munich. Séquence 5 Durée : 1 sec. Il y a un zoom sur l arrière-plan, puis un fondu qui laisse apparaître la partie suivante de l intro. Séquence 6 Durée : 5 sec. Des images panoramiques de Munich apparaissent et défilent tranquillement vers la droite. Pendant ce temps, des textes avec différents faits et statistiques sur la ville apparaissent, défilent, puis disparaissent en opacité au fur et à mesure que les images progressent.

3 Séquence 7 Durée : 1 sec. Les éléments de la dernière séquence se font remplacer par des bandes d images. Deux arrivent par la gauche et les deux autres par la droite ce qui recouvre progressivement la scène précédente. Séquence 8 Durée : 2 sec. Les images des bandes deviennent en niveau de gris. La scène de sépare en deux pour découvrir la partie finale de l intro. Séquence 9 Durée : 2 sec. La scène apparait. La silhouette de la ville défile un peu et les images d arrière-plan aussi, puis le bouton entrer apparait.

4 La ville en bref Résolution : 1280 x 800 px État 1 Après avoir survolé une image dans la banque Scénarisation : À l animation d entrée, les premiers éléments à arriver sont les cadres mauves. Ils apparaissent d abord à plusieurs puis disparaissent et il y en a que deux qui demeurent sur la page. Ensuite, les images glissent sur la page ; d abord la banque d image dans le bas, ensuite l image de fond et le menu déroulant. La transition vers les autres écrans se fait à l aide d un fondu. Musique : ville_bref.mp3 Intéractivité : Dans le cadre mauve, il y a un texte défilant. Pour le faire progresser, il suffit de cliquer sur les icônes de mains pointant le haut ou le bas. Naviguation : À côté du cadre mauve, il y a de petits onglets qui, lorsque cliqués, font apparaître du texte dans le menu défilant en lien avec le thème de l onglet. Ensuite, il y a une banque d image intégrée dans le bas de la page. Lorsque la souris de l utilisateur survole une image, celle-ci devient l image de fond (actuellement l image du milieu). Il y a une phrase au dessus de la banque qui indique le fonctionnement de celle-ci.

5 La bouffe et la bière Résolution : 1280 x 800 px État 1 Après avoir cliqué sur «Voir la recette» Scénarisation : À l animation d entrée, les premiers éléments à arriver sont les cadres jaune et gris. Ils apparaissent d abord à plusieurs puis disparaissent et il y en a que deux qui demeurent sur la page. Ensuite, l image de fond glisse sur la page, puis le contenu (image du dessus et texte) apparaît en opacité. La transition vers les autres écrans se fait à l aide d un fondu. Musique : bouffe_biere.mp3 Intéractivité : Dans le cadre jaune, il y a un diaporama d une dizaine d images présentant les recettes typiques de la région de Munich. Naviguation : Il y a la possibilité de faire défiler les images en cliquant sur les flèches en forme de mains qui pointe vers la gauche ou la droite. Lorsqu on clique sur une flèche, l image qu il y avait dans le cadre jaune devient l image de fond, et ainsi de suite. De plus, il y a un onglet en haut de l image qui permet de visualiser la recette du met. Lorsqu on clique sur cet onglet, un carré gris recouvre la partie jaune de la page. L image de la recette apparaît en plus gros dans le carré, et la recette est insérée sous celle-ci. Pour faire disparaître la recette, il suffit de cliquer sur le «X» en bas à droite.

6 La culture et bien plus Résolution : 1280 x 800 px État 1 Après avoir cliqué sur la flèche à droite Scénarisation : À l animation d entrée, le premier élément à arriver est le cadre magenta. Il y en a d abord plusieurs qui apparaissent, puis ils disparaissent progressivement pour n en laisser qu un seul. Ensuite, les images de fond glissent sur la page, puis le contenu (texte et vidéo) apparaît en opacité. La transition vers les autres écrans se fait à l aide d un fondu. Musique : culture_plus.mp3 Intéractivité : Dans le cadre magenta, il y a la présence d une vidéo d une durée d environ une minute. Naviguation : il y a un rectangle gris à droite sur lequel il est possible de cliquer (présence d une flèche). Lorsque l on clique dessus, les deux images de fond changent pour laisser place à d autres images, et ainsi de suite.les images présentent la diversité culturelle de la ville de Munich et il s agit de photos de théâtre, d événements, de musée, etc.

7 Menu déroulant et son fonctionnement Le menu est présenté sous forme de banderole. Lorsque la souris passe par-dessus le menu, le second état apparait. La banderole se déploie et les éléments apparaissent en opacité. Lorsque l on clique sur un élément, le menu rétrécit pour reprendre le premier état.