BUT Métiers du Multimédia et de l'Internet cheat sheet
BUT Métiers du Multimédia et de l'Internet · Keep the key ideas within reach.
Culture et communication
Modèle de Shannon-Weaver : émetteur → encodage → canal → décodage → récepteur, avec bruit possible à chaque étape ; sert à diagnostiquer une incompréhension.
Modèle de Jakobson : six fonctions du langage (référentielle, émotive, conative, phatique, métalinguistique, poétique), dominante selon l'élément du message privilégié.
Communication de masse (Lasswell) : « qui dit quoi, par quel canal, à qui, avec quel effet » - cinq questions à poser pour analyser un dispositif.
Agenda setting (McCombs et Shaw) : les médias ne dictent pas l'opinion mais hiérarchisent les sujets perçus comme importants.
Two-step flow (Lazarsfeld et Katz) : le message passe par des leaders d'opinion intermédiaires avant d'atteindre le public large.
Industries culturelles (Adorno et Horkheimer) : standardisation et production en série des biens symboliques, au détriment de l'aura (Benjamin).
Modèle de la réception de Stuart Hall : trois lectures possibles - dominante, négociée, oppositionnelle.
Économie de l'attention : la rareté se déplace du contenu vers le temps disponible du public ; la concurrence porte sur la captation attentionnelle.
Droit français : le droit d'auteur protège l'œuvre dès sa création sans formalité ; le droit moral est perpétuel, inaliénable et imprescriptible.
Développement web et dispositifs interactifs
HTML structure (sémantique), CSS présente (cascade : origine, spécificité, ordre), JavaScript gère le comportement : séparer les trois couches.
Spécificité CSS : style inline (1000) > #id (100) > .classe, [attribut], :pseudo-classe (10) > élément, ::pseudo-élément (1) ; !important écrase tout.
Box model : largeur totale = width + padding + border (+ margin hors boîte) ; box-sizing: border-box inclut padding et border dans width.
Requête HTTP : ligne de requête, en-têtes, corps ; codes 2xx succès, 3xx redirection, 4xx erreur client, 5xx erreur serveur.
Méthodes HTTP : GET (lecture, idempotent, sans corps), POST (création), PUT (remplacement idempotent), PATCH (modification partielle), DELETE (idempotent).
REST : ressources identifiées par URI, manipulation par méthodes HTTP, sans état côté serveur ; statuts et représentations (JSON) normalisés.
Responsive : media queries avec min-width en mobile-first ; viewport meta obligatoire ; unités relatives (rem, %, vw) pour la fluidité.
Accessibilité : contraste texte ≥ 4,5:1 (AA), alternatives textuelles sur images, navigation clavier, attributs ARIA seulement si le HTML sémantique ne suffit pas.
Performance : poids critique = HTML + CSS bloquant + JS bloquant ; lazy loading des images, minification, cache HTTP réduisent le temps de rendu.
Création numérique et design d'expérience
Hiérarchie visuelle : contraste, taille, couleur, position et espace blanc orientent le regard ; un seul point focal principal par écran.
Grille et composition : colonnes, gouttières et marges assurent la cohérence ; règle des tiers et nombre d'or servent de repères de proportion.
Théorie des couleurs : primaires (RVB additif écran, CMJN soustractif impression), complémentaires opposées sur le cercle, analogues adjacentes.
Typographie : hiérarchie par corps et graisse, longueur de ligne optimale 45–75 caractères, interlignage environ 1,4–1,6× le corps.
Lois de Gestalt : proximité, similarité, continuité, clôture, figure-fond expliquent le regroupement perceptif des éléments d'interface.
Normes de Nielsen : visibilité de l'état du système, correspondance avec le monde réel, contrôle utilisateur, cohérence, prévention de l'erreur, reconnaissance plutôt que rappel.
Loi de Fitts : temps d'atteinte d'une cible croît avec la distance et décroît avec la taille ; justifie les grandes zones cliquables.
Architecture de l'information : tri par carte, arborescence, wireframe (structure) puis maquette (apparence) puis prototype (interaction).
Tests utilisateurs : 5 utilisateurs révèlent la majorité des problèmes d'utilisabilité majeurs ; mesurer taux de réussite, temps de tâche et erreurs.
Stratégie de communication et marketing digital
SWOT : forces et faiblesses internes, opportunités et menaces externes ; sert de diagnostic avant le choix des objectifs.
Objectifs SMART : spécifique, mesurable, atteignable, réaliste, temporellement défini ; un objectif non mesurable n'est pas pilotable.
AIDA : Attention → Intérêt → Désir → Action ; structure un message ou un parcours de conversion.
Funnel : acquisition (reach, clics), activation, rétention, revenu, recommandation ; chaque étape a ses KPI propres.
KPI web : taux de conversion = conversions / visites ; taux de clic (CTR) = clics / impressions ; coût par acquisition (CPA) = dépense / conversions.
ROAS = revenu généré / dépense publicitaire ; ROI = (gain − coût) / coût ; ne pas confondre les deux ratios.
SEA vs SEO : SEA = enchères sur mots-clés, résultat immédiat payant ; SEO = optimisation organique, effet différé et durable.
Inbound marketing : attirer par contenu et référencement, convertir par formulaires, conclure, fidéliser ; contenu utile avant promotion.
Persona et parcours client : cibler par besoins et points de contact ; le message varie selon l'étape du parcours, pas selon le seul produit.