Charlotte Salomon

Charlotte Salomon

Année
2024
Rôle
Tech Lead
Contributions
Développement front-end, Rendu zoom à base de tuiles, Intégration de contenu multilingue, Intégration d'API

Aperçu

Charlotte Salomon (1917 à 1943) était une artiste juive allemande qui, dans les années précédant sa mort à Auschwitz, peignit près de 800 gouaches et les monta en une œuvre unique, indéfinissable, qu'elle intitula Vie? ou Théâtre?. Elle la sous-titra Une pièce avec musique et la structura comme un Singspiel, vieille forme d'opéra qui mêle art visuel, texte écrit et références musicales. C'est l'une des œuvres les plus extraordinaires du XXe siècle, montrée pour la première fois dans son intégralité au Joods Cultureel Kwartier d'Amsterdam.

J'ai dirigé le développement du compagnon numérique. L'application a d'abord été présentée sur des iPads dans la salle, avec le design d'interaction d'origine de Total Design, puis sous la forme d'un site public à l'adresse charlotte.jck.nl.

Les six sections qui composent le Singspiel.

Respecter le Singspiel

Salomon ordonnait ses peintures de façon délibérée. Vie? ou Théâtre? s'ouvre sur un Prélude, monte par une Section principale et se résout dans un Épilogue, avec des catégories distinctes pour les pages sans numéro et les lettres. À de nombreuses peintures elle associait aussi un morceau de musique, des chansons qu'elle fredonnait pendant son travail et qu'elle notait au dos de chaque page.

L'expérience numérique conserve cet ordre. Les visiteurs peuvent parcourir le programme du début à la fin, plonger dans l'une des six sections, ou avancer page par page dans l'ensemble des 970 enregistrements. Les filtres par personnage et par thème sont rangés derrière un bouton pour ne pas entrer en concurrence avec l'œuvre elle-même.

La vue Programme respecte l'ordre numéroté d'origine fixé par Salomon.

Une page à la fois

Chaque peinture s'ouvre dans une mise en page calme à deux colonnes : la gouache à gauche, le texte qui l'accompagne à droite, avec une flèche paginée pour passer à la suivante. Le texte a été traduit en plusieurs langues et enregistré par des comédiens professionnels, de sorte qu'un visiteur peut s'arrêter sur une peinture, entendre les mots que Salomon y avait associés, et reprendre à son rythme.

Une page de Vie? ou Théâtre? avec le texte anglais en voix off et la commande audio.

La narration est ancrée à chaque page : mettre en pause, changer de langue ou revenir en arrière, et l'audio reste avec la peinture que vous regardez. Les sous-titres suivent aussi le minutage de l'enregistrement pour les visiteurs qui préfèrent lire en parallèle.

La scène d'ouverture, Scène 1, 1913, sur fond du suicide familial qui hante l'œuvre.

Toile zoomable en haute résolution

Les gouaches d'origine recèlent un détail extraordinaire : annotations manuscrites, variations de touche, surajouts de couleur peints par-dessus. Pour les rendre lisibles, chaque peinture est servie sous forme de pyramide de tuiles, la même approche qu'utilisent les cartes, afin que les visiteurs puissent panoramiquer et zoomer sur n'importe quelle partie de la page sans le poids d'une seule image énorme.

La toile zoomable révèle une touche invisible à l'échelle de la vignette.

Mobile

La mise en page de l'iPad de la salle a servi de point de départ, mais le site public devait aussi fonctionner sur téléphone. Un reflux en une seule colonne empile la peinture au-dessus du récit, garde la commande audio fixe en bas, et préserve la même pagination avant/arrière sur l'ensemble des 970 enregistrements.

Vue mobile d'une page de récit. La peinture est en haut, le texte de Scène 1 en dessous, audio et commandes de langue dans une barre fixe en bas.

Stack

Next.js, React et TypeScript en front-end, en dialogue avec l'API des records du musée. Le moteur de tuiles s'appuie sur une visionneuse deep-zoom open source. Le contenu multilingue et les fichiers audio sont servis par le CMS du musée, de sorte que les conservateurs pilotent le travail de bout en bout sans passer par le code.

Le site est en ligne sur charlotte.jck.nl.

Visit live site