2e:null 2f:["$","title",null,{"children":"Créer / sauvegarder / partager une galerie Anaver.se | Anaglyphic | Observable"}] 34:T45d,

L'anaver.se est une application web qui permet à des artistes de partager leur pratique d'art génératif. Cette pratique consiste ici à rédiger des algorithmes qui ordonnent et structurent un espace en disséminant des solides simples. Ces espaces peuvent être plus ou moins abstraits, et permettre ainsi un usage de "galerie en ligne" tels les musées virtuels qui existent dans certaines applications depuis les années 1990. Les standards internationaux IIIF permettent désormais d'y charger des contenus tombés dans le domaine public et mise à disposition par de grandes institutions comme la Bibliothèque nationale de France.

35:T41c,summary = { const sum = document.createElement("div"); const select = document.createElement("h3"); select.style = "cursor:pointer;padding:0.5rem;"; select.innerText = "1. Sélectionner un espace"; select.addEventListener("click", () => document .getElementById("part1") .scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" }) ); const hang = document.createElement("h3"); hang.style = "cursor:pointer;padding:0.5rem;"; hang.innerText = "2. Accrocher des oeuvres"; hang.addEventListener("click", () => document .getElementById("part2") .scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" }) ); const save = document.createElement("h3"); save.style = "cursor:pointer;padding:0.5rem;"; save.innerText = "3. Sauvegarder une galerie"; save.addEventListener("click", () => document .getElementById("part3") .scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" }) ); sum.append(select, hang, save); return sum; }36:[{"id":"88c4833c42acea39e6f076b77718f81f0c20d353d22f6fc6c07beaee5750af01c6b73e27fd195242424a0b9f5d6b393cccd9f0182076154b04df5c420a0e6683","href":"https://static.observableusercontent.com/files/88c4833c42acea39e6f076b77718f81f0c20d353d22f6fc6c07beaee5750af01c6b73e27fd195242424a0b9f5d6b393cccd9f0182076154b04df5c420a0e6683","name":"anaverse-screenshot - 2025-03-16T145047@1.424.png","type":"image/png","lastModified":1742133060244.014,"size":288831},{"id":"d1ff9c2a5320bca03b8b1ecb5f86603c23df73f1fe5ecd95a570892fbac7e82b14c280dbe0e9a23a8bb77551ada11b2ef0126a2c9dd836e806d6d523b0672ace","href":"https://static.observableusercontent.com/files/d1ff9c2a5320bca03b8b1ecb5f86603c23df73f1fe5ecd95a570892fbac7e82b14c280dbe0e9a23a8bb77551ada11b2ef0126a2c9dd836e806d6d523b0672ace","name":"anaverse-screenshot - 2025-03-16T144950.274.png","type":"image/png","lastModified":1742133063780.384,"size":96568}] 32:{"id":"20f7a760f6b23911","slug":"creer-sauvegarder-partager-une-galerie-anaver-se","title":"Créer / sauvegarder / partager une galerie Anaver.se","thumbnail":"1b133a3070bada341164d4b52001bb96e56e662a4fac5bd0f2fa6253d5875578","access_level":"public","create_time":"$D2025-03-16T12:58:45.243Z","update_time":"$D2025-07-22T18:19:09.170Z","view_time":null,"first_public_time":"$D2025-03-16T17:06:42.913Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"800970edcaeb8f91","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":"starter_2024"},"version":272,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6f0f4212e751586f","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":null}],"members":[{"type":"individual","id":"6f0f4212e751586f","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":null,"role":"editor"},{"type":"team","id":"800970edcaeb8f91","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Créer / sauvegarder / partager une galerie Anaver.se","cells":[{"id":0,"value":"# Créer / sauvegarder / partager une galerie Anaver.se","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":138,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":219,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":244,"value":"Ce tutoriel comporte 3 parties. Vous pouvez cliquer sur un titre pour y accéder rapidement.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":221,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"\n\nChaque partie est indépendante et illustrée par une courte vidéo explicative. L'apparence des items peut être légèrement différente, mais les touches clavier et les comportements attendus restent les mêmes.\n\nÀ tout moment, si vous êtes bloqué.e, vous pouvez appuyer sur la touche **R** de votre clavier pour revenir au point de départ ou recharger votre page web pour reinitialiser l'espace. Attention cependant si vous rechargez votre page: vous perdrez tous les changements que vous n'aurez pas sauvegardé.\n\nPour récupérer votre souris/pointeur quand vous êtes dans l'anaver.se, vous pouvez appuyer sur la touche **Échap**.\n\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"## Introduction","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":55,"value":"L'anaver.se permet de créer des galeries selon plusieurs modalités et à partir de plusieurs types d'espaces et de ressources à accrocher. Dans ce tutoriel, nous nous basons dans un contexte précis: celui d'une personne sans compétence ni droit particulier qui voudrait faire un espace pour elle-même et le partager à son cercle amical. D'autres usages, par exemple plus institutionnels ou de plus grande ampleur, font appel à d'autres capacités et modes d'administration.\n\nPour cet usage, il est requis de commencer par choisir un **espace vide** (cf. infra). Si l'espace que vous sélectionnez est utilisé dans le cadre d'un événement et que vous pouvez y voir des cadres déjà accrochés, l'anaver.se ne vous laissera pas sauvegarder ni exporter votre galerie. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":89,"value":"Ci-dessus, l'espace de gauche est vide: rien n'y est accroché. Vous pouvez donc vous en servir. L'espace de droite n'est pas vide: l'anaver.se vous laissera en apparence faire des modifications, mais en réalité vous ne pourrez rien sauvegarder ni exporter.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"

Partie 1 - Sélectionner un espace

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"> *En quelques mots:*\n> 1. *appuyer sur la touche L de votre clavier pour faire apparaître le menu,*\n> 2. *cliquer sur unes des images de générateur pour sélectionner un type d'espace,*\n> 3. *puis sur une des itérations présentées pour la charger comme espace.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":43,"value":"La vidéo ci-dessous montre pas à pas comment changer d'espace. Il y a trois étapes successives à suivre: d'abord ouvrir le menu montrant la liste des types d'espace disponible, la sélection d'une catégorie d'espaces, et enfin la sélection d'un espace en particulier.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":48,"value":"Ce menu s'ouvre avec la touche **L** sur votre clavier. Attention cependant: elle permet de charger d'autres choses que les espaces. Veillez donc à rester dans la catégorie des espaces si c'est ce que vous voulez chargez.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"tweet(\"1901267121792844228\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"Certains espaces sont plus faciles à naviguer que d'autres. Explorez-en plusieurs avant de faire votre choix. Si l'espace est difficile à charger et à explorer pour vous, il en sera probablement de même pour d'autres. L'anaver.se est avant tout un projet d'artistes qui ont en commun une pratique d'architecture générative, c'est-à-dire reposant sur la rédaction d'algorithmes qui génèrent ces espaces sur la base de règles plus ou moins complexes. Les espaces générés sont ainsi plus ou moins abstraits et facile d'usage pour en faire des galeries.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"L'espace *Trame Communale* en particulier est déconseillé. Il s'agit d'un espace expérimental dont les bâtiments sont construits en suivant les règles des briques de type LEGO. Cet espace est très lourd à gérer car il contient 64 bâtiments d'un coup.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":234,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"\n

Partie 2 - Accrocher des oeuvres

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"> *En quelques mots:*\n> 1. *appuyer sur la touche G de votre menu pour faire apparaître le menu, sélectionner le tab IIIF,*\n> 2. *cliquer sur l'image \"Gallica par URL\", et mettre un lien d'une page Gallica.*\n> 3. *Une fois découpée et chargée, appuyer sur H pour l'ancrer à un endroit donné.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"Pour ajouter une image provenant de [Gallica](https://gallica.bnf.fr/), la manière la plus simple est de coller un lien vers cette image dans le champ prévu à cet effet.\n\nPour accéder à ce champ, il faut appuyer sur la touche **G** et sélectionner l'onglet **IIIF**. Normalement, il devrait être affiché par défaut lors de la première ouverture de ce menu. Il faut ensuite sélectionner l'image portant le label \"Gallica by URL\".\n\nUne fois l'URL collée, si l'image est accessible, un utilitaire de découpe est affiché. Celui-ci permet de sélectionner la portion de l'image que vous souhaitez charger. Une fois la sélection faite, elle apparait automatiquement dans la première section de l'onglet IIIF. Il vous suffit de cliquer dessus pour la charger dans l'anaver.se.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"tweet(\"1901276067064578188\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"Lorsque vous avez le cadre en main, il faut encore le disposer et l'accrocher. La boite à outils en bas à droite vous permet d'ajuster le positionnement. N'hésitez pas à faire plusieurs tests pour apprendre à vous en servir. Si vous vous perdez, vous pouvez détruire le cadre et le charger à nouveau depuis l'onglet IIIF du menu G: votre sélection reste disponible au chargement autant de fois que nécessaire. \n\nPour accrocher le cadre à un endroit, appuyez sur la touche **H**. Si vous n'êtes finalement pas satisfait.e de votre placement, vous pouvez reprendre le cadre en main en vous approchant et en appuyant sur la touche **N**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":241,"value":"----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"\n

Partie 3 - Partager la gallerie

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"> *En quelques mots:*\n> 1. *Avant de partager la galerie il faut la sauvegarder puis l'exporter. Pour ce faire, vous devez aller dans le menu G et cliquer sur l'onglet \"Gallery builder\". Cet onglet vous permet de donner un nom à votre galerie et à la sauvegarder localement.*\n> 2. *Vous pouvez ensuite l'exporter au format JSON ou la copier dans votre presse-papier pour la coller dans un champ prévu à cet effet.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":123,"value":"Il faut sauvegarder localement la galerie avant de pouvoir l'exporter ou la partager. Cette sauvegarde se déroule dans l'onglet \"Gallery builder\" qui liste les pièces disponibles et leur position dans l'espace. Pour sauvegarder une galerie, il faut lui donner un nom et cliquer sur *Save Gallery*.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":120,"value":"tweet(\"1901315589710250302\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"Les galeries sauvegardées sont rendues disponibles dans l'onglet \"Local galleries\", qui permet aussi de charger des galeries qui ont déjà été exportées (soit par vous, soit par d'autres). Cet onglet vous permet de télécharger un fichier \"en dur\" de votre galerie au format JSON, ou de copier son contenu dans votre presse-papier pour le coller là où vous voulez la partager.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":131,"value":"⚠️ **Attention, si vous purgez les données de votre navigateur, vos galeries disparaitront de l'onglet \"Local galleries\"**. L'anaverse ne stocke pas de données personnelles, seulement des logs anonymisés (sans IP ni fingerprinting) de connexion à tel ou tel espace. Vos galeries ne sont stockées que chez vous par défaut. Il est possible de les rendre publiques en les publiant sur des plateformes comme [objkt.com](objkt.com) si vous êtes une personne ou, si vous êtes une institution, en déclarant un [événement anaver.se](https://observablehq.com/@anaglyph-ic/anaverse-event-registration?collection=@anaglyph-ic/anaver-se-api) sur votre serveur.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":158,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":163,"value":"## Question/réponses\n*Cette section sera enrichie au fur et à mesure que de nouvelles questions seront soumises. Si vous avez des questions sur l'usage de l'anaverse, vous pouvez les poser sur [ce compte twitter](https://x.com/anaglyph_ic) ou directement sur cette page en utilisant les [commentaires](https://observablehq-com.translate.goog/documentation/collaboration/comments?_x_tr_sl=en&_x_tr_tl=fr&_x_tr_hl=fr&_x_tr_pto=wapp).*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":249,"value":"___\n### Comment annoter les cadres présentés dans les galeries?\nL'anaver.se possède plusieurs façons d'annoter les contenus. Pour les documents en IIIF, il est lié à l'application en ligne [liiive.now](https://liiive.now), qui permet de faire de l'annotation collaborative de documents.\n\nLorsqu'elles sont administrées depuis l'anaver.se, ces annotations sont doublement spécifiques, à la fois à la galerie et au document. Ainsi, un même document mis dans deux espaces anaver.se différents auront chacun leurs annotations propres.\n\nLes annotations dans *liiive.now* ne sont conservées que 4h si vous êtes anonyme ou de 24h si vous créez un compte gratuit. Les comptes professionnels ou institutionnels peuvent créer des planches d'annotations permanentes.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":261,"value":"tweet(\"1903049106945138895\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"### Comment rendre les galeries compatibles avec les smartphones?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":173,"value":"**Les galeries anaverse sont compatibles de base avec tous les smartphones**: il suffit d'ouvrir le lien dans un navigateur de la même façon que vous le feriez avec un ordinateur. Pour autant, le modèle économique de certains constructeur passe par le fait de \"forcer\" les développeurs à faire des \"apps\" plutôt que des pages webs, et limitent ainsi l'usage de la 3D navigateur sur leurs smartphones.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":160,"value":"tweet(\"1902312562944786747\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"### Comment charger des ressources provenant d'autres institutions?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":178,"value":"**L'anaverse est compatible avec toutes institutions culturelles qui mettent à disposition des manifestes IIIF et une API \"Images\".** Il vous suffit de coller un lien vers un manifeste là où vous colleriez une URL de Gallica. L'anaverse est normalement capable de charger le manifeste et de vous présenter une mosaïque de vues de ce document. Il arrive cependant que certains manifestes soient vides ou mal formés. N'hésitez pas à signaler ces problèmes afin que nous les fassions remonter aux institutions.\n\nLa video (en anglais) ci-dessous explique comment charger à partir de manifestes.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":267,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"---\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"import { tweet } from \"@observablehq/tweet\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"img1 = FileAttachment(\"anaverse-screenshot - 2025-03-16T144950.274.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"img2 = FileAttachment(\"anaverse-screenshot - 2025-03-16T145047@1.424.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"