BUT Métiers du Multimédia et de l'Internet study materials
BUT Métiers du Multimédia et de l'Internet study resources

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.

Quick reference

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.

Quick reference

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.

Quick reference

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.

Quick reference

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.