Réalisation multimédia
Conception de contenus multimédias (création graphique, photo, vidéo, print) avec édition sur tous supports.
Création de site Internet
Personnalisés, modulaires et évolutifs.
Formation et assistance à la carte
pour vous accompagner en répondant à vos besoins spécifiques (gestion de sites internets, utilisation de logiciels multimédias)

Ma trousse à outils

OpenSeadragon

An open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.

Affichage d’images en haute résolution avec OpenSeadragon

 

OpenSeadragon est une bibliothèque javascript Open Source (Licence BSD) qui facilite la visualisation des détails d’une image haute résolution dans un navigateur en permettant de facilement zoomer et dézoomer sur une zone, avec la souris, avec les doigts (écran tactile), ou bien en cliquant sur un ensemble de boutons dédiés.On passe alors facilement d’une vue générale à l’exploration des détails, de manière simple, fluide, sans latence. Le temps de chargement d’une image lourde devient réduit et la bande passante est ainsi économisée.

 

La fabrication et l’affichage des images avec OpenSeadragon se fait en deux étapes :

  1. Création d’images zoomables : L’image haute résolution d’origine est transformée automatiquement en une série d’images de petites dimensions appelées « tuiles » (tile en anglais), de forme carrée et localisées dans une arborescence spéciale. Cette transformation peut être faite de manière programmée (C++, PHP, Python, PERL, .NET, Node.js) ou bien à l’aide de logiciels de bureautique libres tels que Deep Zoom Composer (Microsoft) ou bien MapTiler (Klokan Technologies). OpenSeadragon accepte les formats de tuiles DZI et TMS.
  2. Affichage de l’image dans le navigateur : la bibliothèque javascript permet l’affichage des images ainsi créées et ajoute les boutons qui permettent le zoom, le déplacement et le passage plein écran de l’image.

 

 

DZI (Deep Zoom Image), Microsoft : https://msdn.microsoft.com/en-us/library/cc645077(v=vs.95).aspx

TMS (Tiled Map Service), Open Source Geospatial Foundation : https://openseadragon.github.io/examples/tilesource-tms/

 

 

source : https://archivengines.wordpress.com/2015/07/29/affichage-images-haute-resolution-openseadragon/

 

Module joomla

https://github.com/PolymorphicEngineeringSolutions/joomla_openseadragon

1/ installation openseadragon

recuperer la derniere version openseadragon ici : http://openseadragon.github.io/
decompresser et renommer le repertoire "openseadragon"
Copier ce repertoire dans le ../media/system/js/


2/ creer une image zoomable avec Deep Zoom Composer ( export composition seadragonajax)
copier le repertoire "GeneratedImages" à l'emplacement de votre choix

renommer le fichier "dzc_output.xml" en "dzc_output.dzi"

 

indiquer le chemin vers ce repertoire dans le champ Image Folder du module



 

 

Deep Zoom Composer


Deep Zoom Composer
permet lacréation d'albums virtuels exploitant le zoom comme technique de navigation et de présentation

With Deep Zoom Composer, you can take a collection of images of various resolutions (including large, high-resolution images) and arrange them into a composition. You can then export or publish the composition as either a single high-resolution image or a set of individual images with different resolutions. Once you export or publish your composition, you can use a standard broadband connection to quickly display and navigate a large, detailed image or a panorama of images that might otherwise be extremely slow to view.


module openseadragon pour Joomla

Module joomla

https://github.com/PolymorphicEngineeringSolutions/joomla_openseadragon

1/ installation openseadragon

recuperer la derniere version openseadragon ici : http://openseadragon.github.io/
decompresser et renommer le repertoire "openseadragon"
Copier ce repertoire dans le ../media/system/js/


2/ creer une image zoomable avec Deep Zoom Composer ( export composition seadragonajax)
copier le repertoire "GeneratedImages" à l'emplacement de votre choix

renommer le fichier "dzc_output.xml" en "dzc_output.dzi"

 

indiquer le chemin vers ce repertoire dans le champ Image Folder du module

 

Qr Code

siret 33088150900039 - code naf : 7312Z
copyright © 2012-2020 Thierry Motot  -  +33.6 67 40 13 30