Scrollytelling Deep - Page web

Consignes:

Nous devions réaliser une page scrollytelling avec des animations et des données sur notre musée de l’infini Deep, pour notre projet universitaire du semestre 3.

Langages de programmation :

- HTML
-CSS
-Javascript

Logiciel :

-Visual Studio Code


Travail en groupe:

Oui (7 personnes)

J’ai codé la première partie de la page à partir de la maquette puis j’ ai imaginé la fin de la page et l’ai codé.


Temps de travail :
25 heures


Catégorie:

Web


Inscription dans un projet:

Oui : Deep

Description du projet:

Nous avons donc tout d'abord fait uns scénario puis un story board et enfin une maquette. En me basant sur ça, j'ai pu coder l'animation qui réagit de façon dynamique au scroll. Elle présente l'évolution de notre projet de façon immersive. J'y ai aussi intégré un bouton de scroll automatique qui permet à l'animation de défiler toute seule.

Voici le lien de l'animation :
https://deep-experience.alwaysdata.net/scrollytelling/

Compétences:

-Création d’un site web utilisant les langages HTML CSS Javascript
-Création d’animations précises utilisant le scroll et des fonctions mathématiques

Apprentissages critiques:

Développer :
-AC14.01 Exploiter de manière autonome un environnement de développement efficace et productif
-AC14.02 Produire des pages Web statiques et fluides utilisant un balisage sémantique efficace
-AC14.03 Générer des pages Web ou vues à partir de données structurées incluant des interactions simples
-AC14.04 Mettre en ligne une application Web en utilisant une solution d’hébergement standard