Quiz noté
Questions réparties dans la visite, score, seuil de réussite, ordre aléatoire, tentatives, rapport final et certificat PDF au nom de l’élève.
andarama me laisse marcher dans les panoramas
Envoie tes photos 360, relie-les comme on trace un plan et publie une visite qui se parcourt depuis n’importe quel navigateur, y compris avec un casque de réalité virtuelle.
open source (EUPL-1.2) · gratuit sur ton serveur · hébergé ici dès 2 $ par mois
Marche dans une vraie visite
Ce n’est pas une vidéo : c’est une visite publiée avec Andarama. Glisse pour regarder, appuie sur les flèches pour avancer. Essaie le menu des projections et le bouton du casque.
photographies sphériques de Wikimedia Commons (CC BY-SA) · les attributions sont dans la visite elle-même
Une visite en quatre étapes
- 1
Envoie les photos
Depuis n’importe quelle caméra 360 ou depuis le téléphone. L’importateur lit un lot entier, trie selon la numérotation de la caméra, renomme par motif et découpe les panoramas dans ton propre navigateur, jusqu’à 32K, sans attendre aucun serveur.
- 2
Relie-les
Glisse une scène sur une autre et voilà un passage, avec son retour. Dans le graphe, chaque flèche est un hotspot de navigation : il n’y a pas de donnée parallèle qui puisse se désynchroniser.
- 3
Raconte
Textes, photos, vidéos, audio, PDF, modèles 3D, questions, formulaires, plans d’étage, narration avec audio spatial et traductions. Dix-sept types de hotspots, tous utilisables aussi dans le casque.
- 4
Publie
Un lien, un iframe, un domaine à toi ou un ZIP qui fonctionne sur n’importe quel hébergement. En mode kiosque pour un téléviseur, en SCORM pour Moodle, en PWA pour la voir hors ligne.
l’éditeur
On édite en regardant, pas en remplissant des cases
L’aperçu est la vraie visionneuse en mode édition : ce que tu vois est ce qui sera publié. On clique sur la photo pour poser un hotspot, on le glisse pour le déplacer, on dessine un polygone sommet par sommet.
L’orientation avec laquelle on entre dans une pièce n’appartient pas à la pièce, mais au chemin : arriver dans le salon depuis le couloir ou depuis la cuisine, ce sont deux arrivées différentes, et chacune garde sa vue. Le panneau « Comment on arrive ici » les réunit toutes là où on peut les juger : dans la scène de destination.
- Annuler et rétablir sans limite, enregistrement automatique avec alerte si quelque chose n’atteint pas le serveur
- Historique des versions avec différences par scène et par hotspot, et restauration
- Palette de commandes, raccourcis clavier et panneau de propriétés à onglets
- Présence et verrou souple par scène quand vous éditez à plusieurs, commentaires ancrés avec fils de discussion
- Traductions côte à côte avec pourcentage d’avancement, XLIFF et CSV
le graphe
Le plan de la visite, dessiné
Un canevas avec miniatures, ports, chapiteau, minicarte et rangement automatique. On relie en glissant depuis le bord du nœud et le retour se crée du même coup. Il signale les passages sans destination, sans retour, non placés, et les scènes auxquelles on n’arrive jamais.
En mode Autopilot, le même canevas dessine les visites guidées : arrêts avec durée, entrée par le passage qui relie les deux scènes et rotation vers la sortie avant de traverser. C’est ce que rejouent le kiosque et le bouton de visite automatique.
le tableau de bord et la bibliothèque
Tout sous la main, comme sur un bureau
Dossiers, étiquettes, modèles, corbeille de trente jours et recherche. La couverture de chaque visite est le panorama de sa scène initiale. Dupliquer, renommer, partager avec un collègue en lui donnant son rôle.
La bibliothèque montre un little planet quand on passe la souris sur n’importe quel panorama, calculé en local sans rien demander au réseau, et le double clic ouvre la photo en 360 pour la vérifier avant de l’utiliser. Un média, une sélection ou un dossier entier se glissent dans le graphe et deviennent des scènes.
- Envoi direct en plusieurs parties et reprenable, sans doublons grâce au hachage du contenu
- Lecture des métadonnées GPano et EXIF avec GPS, mise à niveau et retouche du nadir sans détruire l’original
- Valeurs par défaut en cascade : instance, organisation, utilisateur, modèle et visite
Dix-sept façons de toucher la photo
Chaque hotspot a une position, une icône, une étiquette, une échelle selon la distance et des conditions (langue, variables, instant de la vidéo). Et tous apparaissent dans le casque comme des pictogrammes qu’on touche avec la main.
- Navigation Passage vers une autre scène, avec flèche au sol et orientation d’arrivée.
- Texte Markdown avec barre de mise en forme, titre et taille de police.
- Image Avec zoom profond par tuiles et téléchargement.
- Galerie Plusieurs images avec légendes et navigation.
- Vidéo Dans une fenêtre ou projetée sur un mur en perspective.
- YouTube et Vimeo En collant l’adresse ; sans cookies tant qu’on n’a pas cliqué.
- Audio Lecteur ou source spatiale qui sonne depuis l’endroit où elle se trouve.
- PDF Paginé, avec zoom et téléchargement.
- Modèle 3D glTF, OBJ et STL, avec réalité augmentée sur le téléphone.
- Web Une page ou un code d’intégration (Sketchfab, Genially, H5P…).
- Formulaire Champs complets, réponses dans Andarama, webhook et e-mail.
- Comparateur Deux images ou deux panoramas entiers, synchronisés.
- Quiz Choix unique, multiple ou vrai-faux, avec points, verrou et tentatives.
- Polygone Une zone de forme libre qui se met en surbrillance et agit.
- Étiquette Un libellé ancré, pour nommer ce qu’on voit.
- Lien Adresse web, téléphone ou e-mail.
- Trésor et état Des objets à collectionner et des compteurs qui ouvrent des portes.
la visionneuse
Un verre sombre sur la photo, et rien qui la cache
Multirésolution avec tuilage maison jusqu’à 32K, panoramas partiels, cubemaps, stéréo et plans gigapixel. Vidéo 360 mono et stéréo (MP4, WebM, HLS) avec hotspots par instant. Ambiance sonore avec fondu, narration, musique avec atténuation et audio spatial qui tourne avec la tête.
- Projections little planet, fisheye, Panini et architecturale, avec les hotspots à leur place
- Boussole avec le vrai nord, plan d’étage avec radar multi-niveaux et carte sur OpenStreetMap
- Souris, tactile, clavier complet, manette et gyroscope avec réticule de regard
- Thèmes clair et sombre, couleur, typographie et CSS personnalisé ; écrans d’accueil et de fin
- Liens profonds vers une scène, une orientation et une langue ; menu des scènes avec recherche
- Cent seize kilooctets compressés, moteur de réalité virtuelle compris
réalité virtuelle
On ouvre l’adresse dans le casque, et c’est tout
Avec un casque
Du vrai WebXR : les deux vues se dessinent en même temps, les mains avec leurs vingt-cinq articulations, la pince pouce-index, le toucher direct sur les panneaux et les manettes avec rayon. Mains et manettes cohabitent dans la même session.
Avec un carton
N’importe quel téléphone sans WebXR : écran partagé, orientation par gyroscope avec autorisation iOS, sélection par le regard avec anneau de maintien et le bouton physique du casque en carton.
Sans les mains
Avec le gyroscope apparaît un réticule qui ouvre ce qu’on regarde. Les panneaux immersifs se dessinent dans la session : texte, image, galerie, vidéo avec transport, audio avec transcription, quiz noté et comparateur avec curseur.
l’export conserve la réalité virtuelle : le moteur est autonome et le paquet embarque les conditions d’hébergement
Pour enseigner, pour évaluer, pour garder une trace
Ce qu’une classe demande est fourni de série.
Chasse au trésor
Objets cachés dans les scènes, progression visible et variables d’état qui ouvrent des portes quand on les a tous trouvés.
Moodle et compagnie
LTI 1.3 Advantage : la visite s’insère depuis Moodle lui-même, avec sélecteur de contenu, et renvoie la note au carnet de notes. Et SCORM 1.2 et 2004 pour tout autre campus.
Visites guidées en direct
Une salle avec un code : le guide déplace la scène et la vue de tout le monde, montre avec le pointeur, discute ; chaque participant peut se détacher et se resynchroniser.
Formulaires
Inscription, sondage ou contact dans la visite elle-même. Les réponses sont enregistrées et se téléchargent en CSV, ou sont renvoyées vers un webhook.
Statistiques sans cookies
Visites, entonnoir des scènes, hotspots les plus utilisés, temps par scène et carte de chaleur des directions du regard. Sans pister personne : conforme au RGPD dès la sortie de boîte.
Les musées, les archives, les bibliothèques, les monuments et les collectivités ont leur propre page : visite virtuelle navigable, visites guidées en direct pour les écoles, quiz, accessibilité et export libre. Andarama pour les musées
Publier, partager, exporter
Un lien
- Public, non répertorié, protégé par mot de passe, réservé à ton organisation ou à tes domaines
- Publication programmée et date d’expiration
- Domaine à toi par CNAME : la visite à la racine de ton site
- Carte sociale avec la vraie projection de la scène, titre et texte traduisibles
- Ouvre la visite normale ou le mode kiosque pour un téléviseur de hall d’accueil
- Code QR prêt à imprimer
Dans un autre site
- Un iframe ou le composant
<anda-tour>avec une ligne de script - API par postMessage : aller à une scène, tourner la vue, changer de langue, écouter des événements
- Sitemap, robots et version en texte brut pré-rendue pour les moteurs de recherche
- Webhooks à la publication et API REST documentée avec OpenAPI, avec jetons par périmètre
Sans Andarama derrière
- ZIP statique autonome : fonctionne sur n’importe quel hébergement, avec chemins relatifs
- HTML unique à ouvrir depuis une clé USB
- PWA avec service worker pour la voir hors ligne
- SCORM 1.2 et 2004 avec rapport d’achèvement et note
- Kiosque en boucle, qui se libère au toucher et reprend tout seul
- Export depuis le navigateur, avec langues, résolution et téléchargements au choix
Ton cloud, ou celui de personne
Aucun module d’Andarama ne parle directement à Cloudflare : tout passe par une couche d’adaptateurs. C’est pourquoi l’auto-hébergement n’est pas une version amputée, mais la même application.
Cloudflare, une commande
Workers, D1, R2, KV, Durable Objects et Analytics Engine, dans l’offre gratuite pour les usages petits et moyens. pnpm deploy:cloudflare et en dix minutes l’instance est là.
Bureau, un exécutable
Un seul fichier pour macOS, Windows et Linux avec le serveur, le Studio et la visionneuse dedans. Double clic, le navigateur s’ouvre et les données restent dans ton dossier personnel. Sans Docker, sans Node, sans compte chez qui que ce soit.
Docker, un fichier
Node et SQLite dans une seule image, un volume et un port. docker compose up -d. Sauvegardes avec un script et le fichier portable .andarama.
Sécurité de série
CSP avec nonces, HSTS, sessions sécurisées, CSRF à double jeton, limitation des requêtes, Turnstile, assainissement du SVG, du Markdown et du CSS, audit et permissions vérifiées côté serveur sur chaque route.
Comptes et équipes
Organisations avec rôles (administre, édite, collabore, lit), partage par projet, invitations, SSO institutionnel par OIDC avec inscription automatique par domaine, validation en deux étapes et panneau d’administration avec quotas et consommation.
Accessible et international
Clavier complet, focus visible, cibles de 44 pixels, annonces de changement de scène, texte alternatif obligatoire avec suggestion par IA à relire, prefers-reduced-motion, sous-titres WebVTT et traductions par scène et par hotspot.
Open source
EUPL-1.2, TypeScript strict dans tout le monorepo, des centaines de tests unitaires et de bout en bout, intégration continue avec audit des dépendances. Le format tour.json garantit que ce qui est exporté continuera de s’ouvrir. Le code, les issues et les téléchargements sont sur github.com/joseluissaorin/andarama.
sur andarama.com, les comptes et les paiements sont gérés par Clerk · les données restent dans la base de données d’Andarama
Pourquoi « andarama » ?
Panorama a été inventé en 1791 pour nommer « la vue de tout ». Depuis, le suffixe -rama sert à désigner des façons de regarder : diorama, cyclorama, cinérama.
Nous n’avons changé que le verbe : un panorama se regarde, un andarama se parcourt à pied.
de « andar » (marcher, en espagnol) + « -rama » · et oui, la petite créature jaune marche aussi
Ce que ça coûte
Andarama est open source : gratuit si tu l’installes toi-même. Si tu préfères qu’on s’en occupe, andarama.com propose six plans. Tous ont un nombre limité de projets et une politique d’usage raisonnable.
Essai de 14 jours sans carte bancaire à la création du compte.
Chez toi
0 €
pour toujours
- Un exécutable pour macOS, Windows et Linux : double clic et c’est parti
- Ou Docker sur ton serveur, ou l’offre gratuite de Cloudflare
- Sans quotas de plan : autant de visites que tu peux en loger
- Le même programme, sans fonctions amputées
Andar
2 $
par mois
- 1 visite
- 5 Go de médias
- Tout l’éditeur, la RV et l’export
Aula
42 $
par an par enseignant
- Jusqu’à 5 visites
- 10 Go de médias
- Tout l’éditeur, la RV et l’export
- Élèves illimités avec code de classe
- Quiz noté, escape game et chasse au trésor
- Pensé pour un enseignant et ses groupes
Paseo
20 $
par mois
ou 200 $ par an
- Jusqu’à 10 visites
- 50 Go de médias
- Tout l’éditeur, la RV et l’export
Excursión
500 $
par an
- Jusqu’à 500 visites
- 100 Go de médias
- Tout l’éditeur, la RV et l’export
- Sans le badge « Fait avec Andarama »
- Domaine à toi pour tes visites
Formación
99 $
par mois
ou 990 $ par an
- Jusqu’à 100 visites
- 200 Go de médias
- Tout l’éditeur, la RV et l’export
- SCORM et LTI pour ton campus
- Marque blanche et domaine à toi
- Équipe avec plusieurs personnes qui éditent
- Paiement sur facture
De por vida
1000 $
une seule fois
- Jusqu’à 1000 visites
- 200 Go de médias
- Tout l’éditeur, la RV et l’export
- Sans badge et avec domaine à toi
la passerelle de paiement facture en dollars ; la banque fait le change · taxes selon ton pays · usage raisonnable : si l’usage cesse d’être celui d’une personne ou d’une petite équipe, on en parle avant de couper quoi que ce soit
Les questions qui reviennent
Où est le code ?
Sur GitHub, sous licence EUPL-1.2. On peut le lire, l’installer, le modifier et y contribuer. Les exécutables de bureau et les notes de chaque version sortent dans les releases du même dépôt.
Quelle caméra me faut-il ?
N’importe laquelle qui produit une photo équirectangulaire (Insta360, Ricoh Theta, GoPro Max, Kandao…) ou le téléphone avec une appli de panoramas. Les cubemaps, les panoramas partiels et les photos planes gigapixel conviennent aussi. Le découpage se fait dans ton navigateur jusqu’à 32K ; au-delà, sur le serveur.
Les visites continuent-elles de fonctionner si Andarama disparaît ?
Oui. Le ZIP exporté est statique et autonome : le HTML, la visionneuse et les tuiles. On l’envoie sur n’importe quel hébergement, on l’ouvre depuis une clé USB avec le HTML unique, et il conserve la réalité virtuelle. Et le format tour.json est documenté et versionné.
Où vivent mes données ?
Si tu l’installes, sur ton serveur ou dans ton compte Cloudflare. Sur andarama.com, dans la base de données d’Andarama ; Clerk ne conserve que le compte et le paiement. Les statistiques des visiteurs n’utilisent pas de cookies et n’enregistrent pas les adresses IP.
Ça marche avec Moodle ?
Avec LTI 1.3 : on enregistre Andarama comme outil externe, on choisit la visite depuis Moodle lui-même et la note du quiz revient dans le carnet de notes. Pour les autres campus, le paquet SCORM 1.2 ou 2004.
Puis-je travailler à plusieurs sur la même visite ?
Oui. Organisations avec rôles, partage par projet, présence et verrou souple par scène pour ne pas vous marcher dessus, commentaires ancrés sur la photo et historique des versions pour revenir en arrière.
Quels casques conviennent ?
N’importe lequel avec un navigateur WebXR (Meta Quest, Pico, Vision Pro avec Safari, PC avec casque). On ouvre l’adresse de la visite depuis le navigateur du casque et on appuie sur le bouton de réalité virtuelle. Sans casque, le mode carton fonctionne sur n’importe quel téléphone.
Que veut dire « usage raisonnable » ?
Que les plans sont pensés pour une personne ou une petite équipe. Si l’usage cesse de ressembler à ça, on en parle avant de couper quoi que ce soit. Et s’il te faut quelque chose sans quotas, l’installation chez toi est gratuite et c’est le même programme.