Aller à : navigation, rechercher

Panotour - Visite - Éditeur de Spots

Icon attention.pngIcon attention.png EN COURS D'ECRITURE Icon attention.pngIcon attention.png

Hotspot Editor Main Interface

L'éditeur de spots est l'outil qui gère les interactions entre vos panoramas/groupes dans votre visite. Vous pouvez :

  • Ajouter des zones ou points d'intérêt paramétrables et cliquables, avec des infobulles.
  • Ajouter des spots point.
  • Ajouter des images dans la sphère/projection.
  • Ajouter des vidéos dans la sphère/projection.
  • Ajouter des reflets. Simulez un effet de reflet partant de l'endroit où vous aurez placé le point.
  • Ajouter du son. En ajoutant un hotspot sonore, vous pouvez une zone de son directionnel dans votre sphère, qui diminuera ou augmentera en fonction des mouvements de vos utilisateurs dans la visite.

Vous pouvez ajouter des spots à :



Barre d'outils

Hotspot Editor main interface


  • Sélectionner The Select Icon
    Avec cet outil vous pouvez déplacer votre panorama et sélectionner vos spots pour les éditer.
  • Plein écran The Fullscreen Icon
    Cliquez sur cet icône pour mettre l'éditeur en plein écran.
  • Ajouter Polygône The Add Polygon Icon:
    Utilisez cet outil pour désigner une zone sur votre sphère. Les actions se définissent dans l'onglet Style.
  • Ajouter Image The Add Picture Icon
    Utilisez cet outil pour placer une image dans la sphère. Cet outil se place toujours en autre points, à placer dans le sens des aiguilles d'une montre. Il se peut qu'en placant les points, les lignes de la zone ne paraissent pas droit, ceci est normal et est dû à la projection sphérique. Les actions se définissent dans l'onglet Style.
  • Ajouter Vidéo The Add Video Icon
    Utilisez cet outil pour placer une vidéo dans la sphère. Cet outil se place toujours en autre points, à placer dans le sens des aiguilles d'une montre. Il se peut qu'en placant les points, les lignes de la zone ne paraissent pas droit, ceci est normal et est dû à la projection sphérique. Les actions se définissent dans l'onglet Style.
  • Ajouter Point The Add Point Icon
    Ceci est l'outil le plus utilisé et le plus basique. Vous pouvez y assigner un bon nombre d'actions. Les actions se définissent dans l'onglet Style.
  • Ajouter un Reflet The Add Flare Icon
    Cet outil ajoute un effet de reflet dans votre sphère, partant de l'endroit où vous aurez placé le point.
  • Ajouter Son The Add Sound Icon
    Vous permet d'ajouter des sons dans la sphère. C'est un spot "invisible", c'est à dire il n'y aura que le son. Vous pouvez configurer le spot dans l'onglet Style.
  • Rogner The Crop Icon
    L'outil rogner ne découpe pas votre image mais limite la zone visible du visiteur.
  • Précédent The Previous picture/panorama Icon
    Retournez vers le panorama précédent.
  • Suivant The Next picture/panorama Icon
    Avancez vers le prochain panorama.




Haute et basse résolution

Cette fonctionnalité est prévue pour optimiser la vitesse de chargement. Depuis Panotour 2.1, les fichiers projet .kpt stockent deux résolutions pour chaque panorama (qui est inclus dans le fichier .cache dans le même dossier que votre projet).

  • Basse Résolution (cliquez ici pour passer en haute résolution):
    • Affiché par défaut, c'est une version réduite de votre panorama (4000x2000) d'origine qui permet l'affichage rapide de grand panoramas.
    • Pour la plupart des panoramas, travailler avec la version basse résolution suffit pour travailler correctement.
    • Si le placement de vos spots requiert un placement plus précis, vous pouvez passer vers la version haute résolution simplement en cliquant sur le bouton, et la version originale du panorama sera chargée.
    • Si vous basculez vers la haute résolution, le panorama sera en haute résolution jusqu'à ce que le projet en cours soit fermé.
Exemple basse résolution


  • Haute Résolution:
    • Ceci est la version originale de votre panorama.
    • La haute résolution est activée si vous cliquez sur Basse Résolution (cliquez ici pour passer en haute résolution).
    • La version haute résolution est destiné à être utilisé sur des panoramas qui nécessitent une grande précision pour le placement des spots.
    • Une fois activé, la version haute résolution est activé jusqu'à ce que le projet en cours soit fermé.
Exemple haute résolution




SélectionnerThe Select Icon

OUtil Sélectionner


Outil basique pour la navigation dans le panorama, et la sélection et édition des spots.

  • Vous pouvez déplacer le panorama avec le clic droit et en le maintenant.
  • Vous pouvez zoomer et dézoomer dans le panorama avec la molette de la souris.
  • Sélectionnez les spots en cliquant dessus. Une fois cliqué, les propriétés des spots seront affichés. Pour déplacer les spots il faut sélectionner le type de spot correspondant dans la barre d'outil.



Plein écran The Fullscreen Icon

Cliquez sur cet icône pour afficher l'éditeur de spots en plein écran. Une fois en plein écran, cliquez sur Minimize Icon pour repasser en mode fenêtré.



Logo-Panotour-Pro-2010.pngAjouter Polygône The Add Polygon Icon

logo YouTube Voir sur YouTube Comment ajouter un spot polygone


Add Polygon Hotspot Tool


Cet outil est pratique pour délimiter des portails, champs, etc... qui ne sont pas rectangulaires. Vous pouvez définir une zone pour qu'elle réagisse à une action comme le survol de la souris et/ou clic.

  • Pour plus de précision, naviguez et zoomez dans le panorama pour placer le polygone où vous désirez.
  • Cliquez sur l'icône The Add Polygon Icon
  • Tracez votre sélection autour de la zone désirée. Vous pouvez utiliser autant de points que vous le désirez.
  • Completez la sélection en cliquant sur le premier point posé.
  • Vous aurez maintenant une zone jaune entourée de points rouges qui représente votre spot polygonal.
  • Vous pouvez éditer vos points en cliquant et tirant dessus.



Ajouter Image The Add Picture Icon

logo YouTube Voir sur YouTube Comment ajouter un spot image


Première Etape : Sélection

Ptp2 Hotspot Editor Add Picture.gif

Utilisez cet outil pour placer une image dans la sphère. C'est utile pour remplacer un cadre sur un mur par exemple.


Ordre des coins à placer


  • La zone aura toujours 4 côtés.
  • Le premier point que vous placez sera le coin en haut à droite de l'image que vous voulez intégrer.
  • Le 4e point placé ferme automatiquement la zone de spot.
  • Il se peut qu'en placant les points, les lignes de la zone ne paraissent pas droit, ceci est normal et est dû à la projection sphérique.
  • Une fois la zone crée, vous pourrez y assigner une image, une info-bulle et une description.


Seconde Etape : Propriétés

Ptp2 Hotspot Editor Add Picture Properties.jpg


Style

Cliquez pour assigner un style à votre spot. Vous pouvez ajouter et customiser votre propre style de spot dans l'onglet Style.


Paramètres d'affichage

  • Fichier : Sélectionnez l'image que vous souhaitez afficher dans la zone. Les fichiers acceptés sont *.png, *.jpg, *.jpeg, *.gif et les petits fichiers Flash .swf sont également supportés.
  • Info-bulle : Information que vous souhaitez afficher au survol de la souris. Pour sauter une ligne ajoutez
    à la fin de la ligne.


Paramètres de l'action

Ces paramètres peuvent apparaître en fonction des actions assignés dans l'onglet Style.


Logo-Panotour-Pro-2010.png Description

Le champ Description peut être affiché de plusieurs manières. Même si le champ est complèté, il ne s'affichera pas dans la visite à moins d'en faire appel avec un plugin.
L'éditeur de la description est un éditeur WYSIWYG, qui vous permet d'éditer le formatage de votre texte. Les fonctions de l'éditeur sont :

  • -Formatage de texte (texte en gras, italique, souligné, couleur, police et taille de police)
  • -Fonctionnalités HTML (liens, liste, liste numérotée)
  • -Actions défaire/refaire
  • -Effacer le formattge




Logo-Panotour-Pro-2010.pngAjouter Vidéo The Add Video Icon

Affichage de vidéos sur iPhone Sur les iPhones uniquement, les spots vidéo sont affichés en plein écran et ne seront jamais intégrés dans la sphère.


logo YouTube Voir sur YouTube Comment ajouter une vidéo


Première Etape : Sélection

Ptp2 Hotspot Editor Add Video.gif

Utilisez cet outil pour placer une image dans la sphère. C'est utile pour placer une vidéo sur une télévision; par exemple.

Ptp2 Hotspot Editor Add Video Point Order.gif

  • La zone aura toujours 4 côtés.
  • Le premier point que vous placez sera le coin en haut à droite de l'image que vous voulez intégrer.
  • Le 4e point placé ferme automatiquement la zone de spot.
  • Il se peut qu'en placant les points, les lignes de la zone ne paraissent pas droit, ceci est normal et est dû à la projection sphérique.
  • Une fois la zone crée, vous pourrez y assigner une image, une info-bulle et une description.


Seconde Etape : Propriétés

Ptp2 Hotspot Editor Add Video Properties.jpg


Style

Cliquez pour assigner un style à votre spot. Vous pouvez ajouter et customiser votre propre style de spot dans l'onglet Style.


Paramètres d'affichage

  • Fichier : Sélectionnez l'image que vous souhaitez afficher dans la zone. Les fichiers acceptés sont *.mp4, *.m4v, *.flv, *.webm, *.ogg, *.ogv.
  • Info-bulle : Information que vous souhaitez afficher au survol de la souris. Pour sauter une ligne ajoutez
    à la fin de la ligne.


Paramètres de l'action

Ces paramètres peuvent apparaître en fonction des actions assignés dans l'onglet Style.


Logo-Panotour-Pro-2010.png Description

Le champ Description peut être affiché de plusieurs manières. Même si le champ est complèté, il ne s'affichera pas dans la visite à moins d'en faire appel avec un plugin.
L'éditeur de la description est un éditeur WYSIWYG, qui vous permet d'éditer le formattage de votre texte. Les fonctions de l'éditeur sont :

  • -Formattage de texte (texte en gras, italique, souligné, couleur, police et taille de police)
  • -Fonctionalités HTML (liens, liste, liste numérotée)
  • -Actions défaire/refaire
  • -Effacer le formattage



Compatibilité

Veuillez noter que le son directionnel n'est pas supporté par le lecteur HTML5.



Ajouter Point The Add Point Icon

logo YouTube voir YouTube Comment ajouter un spot point


Sélection

Add Point hotspot

Ce spot est l'outil est le plus commun. Par défaut, il est paramètré pour naviguer à vers un autre panorama/groupe, mais vous pouvez définir une autre action et créer autant de styles que vous le souhaitez.


Propriétés

Add Point Hotspot Properties


Style

Cliquez pour assigner un style à votre spot. Vous pouvez ajouter et customiser votre propre style de spot dans l'onglet Style.


Paramètres d'affichage

  • Info-bulle : Information que vous souhaitez afficher au survol de la souris. Pour sauter une ligne ajoutez
    à la fin de la ligne.


Paramètres de l'action

Ces paramètres peuvent apparaître en fonction des actions assignés dans l'onglet Style. Par défaut, cette action affiche la navigation entre deux panoramas. Les changements effectués dans les propriétés de ce spot prendront le dessus sur ceux désignés dans le style du spot (notamment et ce qui concerne les vues cible et transitions).


Logo-Panotour-Pro-2010.png Description

Le champ Description peut être affiché de plusieurs manières. Même si le champ est complèté, il ne s'affichera pas dans la visite à moins d'en faire appel avec un plugin.
L'éditeur de la description est un éditeur WYSIWYG, qui vous permet d'éditer le formattage de votre texte. Les fonctions de l'éditeur sont :

  • -Formattage de texte (texte en gras, italique, souligné, couleur, police et taille de police)
  • -Fonctionalités HTML (liens, liste, liste numérotée)
  • -Actions défaire/refaire
  • -Effacer le formattage




Ajouer un reflet The Add Flare Icon

logo YouTube voir sur YouTube Comment ajouter un reflet


Sélection

Ptp2 Hotspot Editor Add Lens Flare.gif

Cet outil permet de placer un effet de reflet dans votre sphère, partant d'un point que vous placerez. Il est recommandé de le placer sur le soleil par exemple, mais vous pouvez le placer où vous le souhaitez, et autant que vous le souhaitez.


Propriétés

Il n'y a pas de paramètres disponible pour le spot reflet.


Compatibilité

Les spots reflet ne sont pas compatible avec le lecteur HTML5.



Logo-Panotour-Pro-2010.png Ajouter Son The Add Sound Icon

logo YouTube see on YouTube How to add a Sound Spot in Panotour Pro 2


Première Etape : Sélection

Ptp2 Hotspot Editor Add Sound.gif

Permet l'ajout de sons directionnels dans votre sphère. Ce spot est "invisible", vous ne pourrez uniquement l'entendre quand votre écran sera dans son champ de son. Selon les mouvements dans la sphère de votre utilisateur, le son augmentera ou baissera de façon réaliste, en tenant compte de l'angle de champ du son que vous aurez défini.
Vous pouvez créer plusieurs styles de spot son dans l'onglet Style.


Seconde Etape : Propriétés

Ptp2 Hotspot Editor Add Sound Properties.jpg


Style

Cliquez pour assigner un style à votre spot. Vous pouvez ajouter et customiser votre propre style de spot dans l'onglet Style.


Logo-Panotour-Pro-2010.png Paramètres du Son

  • Fichier : Sélectionnez le son que vous souhaitez utiliser. Le fichier acceptés est *.mp3,



Compatibilité

Veuillez noter que le son directionnel n'est pas supporté par le lecteur HTML5.



Rogner The Crop Icon

Ptp2 Hotspot Editor Crop.gif


L'outil de recadrage ne rogne pas votre fichier d'image, mais limite la zone de visualisation de votre sphère.

  • Sur un panorama 360° : Vous ne pouvez rogner que le haut et le bas de la sphère, c'est utile lorsque vous ne voulez pas que le nadir et / ou le zénith apparaissent.
  • Sur un panorama qui ne fait pas 360°: Vous pouvez modifier le haut, la droite, le bas et la gauche.


Astuce - Si votre panorama fait 360° degrés mais que vous souhaitez quand même rogner les côtés de la sphère, vous pouvez éditer la projection du panorama (dans les propriétés du panorama) pour passer le champ horizontal à 359° au lieu de 360°, rogner à souhait, et remettre la projection à son chiffre initial de 360°.



Précédent The Previous picture/panorama Icon

En cliquant sur ce bouton, le panorama précédent (défini dans l'ordre du projet ou groupe) sera chargé.



Suivant The Next picture/panorama Icon

En cliquant sur ce bouton, le panorama suivant (défini dans l'ordre du projet ou groupe) sera chargé.



Logo-Panotour-Pro-2010.png Éditeur de Spots : Plan


logo YouTube voir sur YouTube Comment utiliser l’Éditeur de Spots: Plan


Ptp2 Hotspot Editor Floor Plan Open.jpg

Quand vous êtes dans l'espace de travail principal de l'onglet Visite, vous pouvez ouvrir l’éditeur de Spots : Plan en cliquant sur l'icône en bas à gauche.Floor Plan Icon

Ptp2 Hotspot Editor Floor Plan.gif

Quand un groupe ou projet est sélectionné, vous pouvez y assigner un plan. Panotour Pro permet l'ajout de spots point sur vos plans. Le plan permet à vos visiteurs de naviguer et se retrouver facilement dans vos visites.


Propriétés

Ptp2 Hotspot Editor Floor Plan Point Spot.jpg


Style

Cliquez pour assigner un style à votre spot. Vous pouvez ajouter et customiser votre propre style de spot dans l'onglet Style.


Paramètres d'affichage

  • Info-bulle : Information que vous souhaitez afficher au survol de la souris. Pour sauter une ligne ajoutez <br> à la fin de la ligne.


Paramètres de l'action

Ces paramètres peuvent apparaître en fonction des actions assignés dans l'onglet Style. Par défaut, cette action affiche la navigation entre deux panoramas. Les changements effectués dans les propriétés de ce spot prendront le dessus sur ceux désignés dans le style du spot (notamment et ce qui concerne les vues cible et transitions).


Logo-Panotour-Pro-2010.png Description

Le champ Description peut être affiché de plusieurs manières. Même si le champ est complété, il ne s'affichera pas dans la visite à moins d'en faire appel avec un plugin.
L'éditeur de la description est un éditeur WYSIWYG, qui vous permet d'éditer le formatage de votre texte. Les fonctions de l'éditeur sont :

  • -Formatage de texte (texte en gras, italique, souligné, couleur, police et taille de police)
  • -Fonctionnalités HTML (liens, liste, liste numérotée)
  • -Actions défaire/refaire
  • -Effacer le formatage




Logo-Panotour-Pro-2010.png Éditeur de Spots : Carte Web


Navigation


Interface


Style


Paramètres d'affichage


Paramètres de l'action


Description












RETOUR : Documentation / Documentation Panotour