Description
Le but de ce module d'enseignement est de concevoir et développer des sites web dont le contenu et la mise en page s'adaptent aux périphériques utilisés. Nous allons nous appuyer sur les media query et plus particulièrement sur la librairie Bootstrap pour développer les travaux pratiques.
La description du module d'après le PPN est la suivante :
-
Objectifs du module
-
Adapter le contenu et la mise en page d'interfaces en fonction du périphérique d'affichage.
-
Savoir créer des interfaces riches et dynamiques.
-
-
Compétences visées
-
Être capable de :
-
adapter le contenu et la mise en page de sites web à la taille et à la résolution du périphérique d'affichage.
-
intégrer des données multimédia et permettre des interactions avec elles.
-
créer et programmer des animations simples.
-
-
-
Prérequis
-
Notions d'ergonomie et d'infographie, M3202 pour la partie programmation.
-
-
Contenus
-
Concevoir et développer des sites web dont le contenu et la mise en page s'adaptent aux périphériques utilisés (écrans d'ordinateur, télévisions, téléphones, tablettes, etc.)
-
Créer des animations simples : dessiner, animer et transformer des illustrations simples.
-
Enrichir l'interaction avec des modules dynamiques et des outils d'interaction personnalisés (calendriers, diaporamas, carrousels, etc.) en utilisant un langage de programmation du coté client.
-
Assurer la compatibilité d'un site avec différents navigateurs.
-
-
Modalités de mise en œuvre
-
Utilisation de plate-formes ou d'environnements de développement dédiés.
-
-
Prolongements possibles
-
Réalisation d’un projet multimédia.
-
-
Mots-clés
-
Intégration multimédia multi-support, animations, interactions, adaptabilité.
-
Cours
Travaux Dirigés
- TD1 : énoncé (pdf)