From 2b901b1459a1a3f3a09b1e3fe08514244050c205 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9rique=20Chambinaud?= Date: Wed, 7 Feb 2024 15:40:47 +0100 Subject: [PATCH] =?UTF-8?q?retrait=20des=20styles=20lignes=20jaunes=20doc?= =?UTF-8?q?=20qui=20servaient=20=C3=A0=20rien=20+=20remise=20en=20place=20?= =?UTF-8?q?des=20id=20pour=20le=20fonctionnement=20menu=20doc=20de=20droit?= =?UTF-8?q?e?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _sass/base.scss | 16 +- en/doc/guides/voyager/story_interface.html | 30 ++- en/doc/index.html | 112 ++++---- en/doc/tutorials/index.html | 13 +- en/doc/tutorials/voyager/edit.html | 275 ++++++++++---------- en/doc/tutorials/voyager/import.html | 6 +- en/doc/tutorials/voyager/tour.html | 184 ++++++------- fr/collection.html | 2 +- fr/doc/guides/voyager/story_interface.html | 28 +- fr/doc/index.html | 122 ++++----- fr/doc/tutorials/index.html | 14 +- fr/doc/tutorials/voyager/edit.html | 287 +++++++++------------ fr/doc/tutorials/voyager/import.html | 6 +- fr/doc/tutorials/voyager/tour.html | 248 +++++++----------- 14 files changed, 581 insertions(+), 762 deletions(-) diff --git a/_sass/base.scss b/_sass/base.scss index b8bdaaf6..5f052b65 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -299,7 +299,7 @@ margin-right: 3rem; min-width: 60px; } .dropdown-menu { - background: #272727; + background: $middlegrey; border-radius: 6px; padding: 6px 0; @@ -653,20 +653,6 @@ button:hover{ height: 24px; } } -#ligne-jaune-h2-doc{ - padding: 0 0.2rem 0 1.5rem; - // box-shadow: inset 0rem -0.6rem 0px $yellow; - margin: 1.5rem 3rem 1rem 0; -} -#paragraphe-doc{ - padding: 0; -} - -#ligne-jaune-h3-doc{ - padding: 0.5rem 0.2rem 0 1.5rem; - margin: 0.5rem 0 1rem 0; - // box-shadow: inset 0.7rem 0px 0px $yellow; -} .voyager-btn { display: inline-block; diff --git a/en/doc/guides/voyager/story_interface.html b/en/doc/guides/voyager/story_interface.html index 7b4002fb..68cdc4f9 100644 --- a/en/doc/guides/voyager/story_interface.html +++ b/en/doc/guides/voyager/story_interface.html @@ -2,10 +2,10 @@ title: Voyager Story interface --- -
-

Voyager Story interface

-

Edit your scene

-
+
+

Voyager Story interface

+

Edit your scene

+
  • {% include button.html name="pose" icon="move" %} Position and resize the model.
  • {% include button.html name="capture" icon="camera" %} Take screenshots and save the state of the scene.
    • @@ -16,15 +16,17 @@

    Edit your scene

  • {% include button.html name="audio" icon="audio" %} Add and organize audio.
  • {% include button.html name="parametres" icon="eye" %} Edit scene settings.
-

Explore the scene

-
    -
  • {% include button.html icon="globe" %} Display tours.
    • -
  • {% include button.html icon="file" %} Display articles.
    • -
  • {% include button.html icon="comment" %} Display annotations.
    • -
  • {% include button.html icon="share" %} Share the scene.
    • -
  • {% include button.html icon="expand" %} Fullscreen mode.
    • -
  • {% include button.html icon="tools" %} Tools and settings.
    • -
-
+
+

Explore the scene

+
+
    +
  • {% include button.html icon="globe" %} Display tours.
    • +
  • {% include button.html icon="file" %} Display articles.
    • +
  • {% include button.html icon="comment" %} Display annotations.
    • +
  • {% include button.html icon="share" %} Share the scene.
    • +
  • {% include button.html icon="expand" %} Fullscreen mode.
    • +
  • {% include button.html icon="tools" %} Tools and settings.
    • +
+
\ No newline at end of file diff --git a/en/doc/index.html b/en/doc/index.html index 28f64cf1..b5a4c40e 100644 --- a/en/doc/index.html +++ b/en/doc/index.html @@ -4,67 +4,55 @@ ---
-
-

Documentation

+
+

Documentation

Save, edit, comment, enhance and publish digitized cultural artifacts.

- Close-up of the champlevé enamel-on-leather capital of the Pied de croix from Saint-Bertin Abbey. + Close-up of the champlevé enamel-on-leather capital of the Pied de croix from Saint-Bertin Abbey.
-
-
-

Introduction

-

- eCorpus is a reference implementation of Holusion's dpo-voyager editor for hosting, editing - and managing scènes 3D. -

-

- Designed for medium-sized collections (1 to 1,000 objects), an eCorpus deployment offers a complete interface for - managing user rights and publishing data, as well as guarantees of data preservation through advanced management - of - modification histories. -

-

- Development is open-source on GitHub. The entire - software is published under the Apache license. -

-
-
+

Introduction

+

+ eCorpus is a reference implementation of Holusion's dpo-voyager editor for hosting, editing + and managing scènes 3D. +

+

+ Designed for medium-sized collections (1 to 1,000 objects), an eCorpus deployment offers a complete interface for + managing user rights and publishing data, as well as guarantees of data preservation through advanced management + of + modification histories. +

+

+ Development is open-source on GitHub. The entire + software is published under the Apache license. +

-
-

Content editing

-
- Voyager Story interface for editing a 3D scene with annotations and articles -
-
-

- Content editing is based on the Voyager Story editor developed by the Smithsonian Institute. -

-

Find out how to edit a 3D Scene :

-
- - - -
+

Content editing

+
+ Voyager Story interface for editing a 3D scene with annotations and articles +
+

+ Content editing is based on the Voyager Story editor developed by the Smithsonian Institute. +

+

Find out how to edit a 3D Scene :

+
+ + +
-
-
-
-

Deployment

-

- A small eCorpus instance can run on just about any device. -

- -
-
+

Deployment

+

+ A small eCorpus instance can run on just about any device. +

+
@@ -73,13 +61,13 @@

Deployment

-
-

Features

-

- eCorpus offers a set of administrative functions for managing users, collections, 3D scenes and annotations. It's - a complete, ready-to-use server that can be deployed in a matter of minutes. -

-

- In addition, advanced Voyager features are developed and integrated by Smithsonian teams deployment by Smithsonian teams. -

-
\ No newline at end of file +

Features

+

+ eCorpus offers a set of administrative functions for managing users, collections, 3D scenes and annotations. + It's + a complete, ready-to-use server that can be deployed in a matter of minutes. +

+

+ In addition, advanced Voyager features are developed and integrated by Smithsonian teams deployment by + Smithsonian teams. +

\ No newline at end of file diff --git a/en/doc/tutorials/index.html b/en/doc/tutorials/index.html index 9ba04631..a739b430 100644 --- a/en/doc/tutorials/index.html +++ b/en/doc/tutorials/index.html @@ -2,18 +2,15 @@ title: Tutorials --- -
-
-

Tutorials

+ +

Tutorials

Aerial view of Monaco, rendered from photogrammetry - -

Learn to use eCorpus

-

+

Learn to use eCorpus

+

Those tutorials are designed to help you get started with eCorpus. They are organized according to the situations encountered and offer options to improve your knowledge later.

-
-
+ diff --git a/en/doc/tutorials/voyager/edit.html b/en/doc/tutorials/voyager/edit.html index ab419048..df53c878 100644 --- a/en/doc/tutorials/voyager/edit.html +++ b/en/doc/tutorials/voyager/edit.html @@ -6,150 +6,139 @@ --- -
-

Creating a scene step by step

-

- Learn how to create a 3D scene using the Voyager Story editor. This tutorial assumes that you have a 3D model in .glb - format ready to send. Options and recommendations for creating a 3D file for eCorpus are available on this page. -

- +

Creating a scene step by step

+

+ Learn how to create a 3D scene using the Voyager Story editor. This tutorial assumes that you have a 3D model in .glb + format ready to send. Options and recommendations for creating a 3D file for eCorpus are available on this page. +

+ +
+
- -
-

Import a model

-

- Import a .glb model by dragging it into the model list from your files or by clicking the "Upload a scene" button. -

- screen of eCorpus, 3D scene manager -

- Then click on "story ➝" to access the Voyager scene editor. -

-

- If you want to test the editor without creating a new scene in eCorpus, you can use the editor "standalone" mode. -

-

- In this case, import your model directly into the editor. -

- screen of Voyager application in standalone mode -
- -
-

Rename the scene

-

- To rename your scene, go to the "Collection" tab and change the title. -

- screen of Voyager application, rename the scene -

+

Import a model

+

+ Import a .glb model by dragging it into the model list from your files or by clicking the "Upload a scene" button. +

+ screen of eCorpus, 3D scene manager +

+ Then click on "story ➝" to access the Voyager scene editor. +

+

+ If you want to test the editor without creating a new scene in eCorpus, you can use the editor "standalone" mode. +

+

+ In this case, import your model directly into the editor. +

+ screen of Voyager application in standalone mode +
+ +
+

Rename the scene

+

+ To rename your scene, go to the "Collection" tab and change the title. +

+ screen of Voyager application, rename the scene +

In standalone mode, the default name is "Missing Title". -

-
- -
-

Position and resize the model

-

- Go to the {% include button.html name="pose" icon="move" %} tab and select your model to adjust its position. -

- screen of Voyager application, position the model -

- You can then recenter it in the scene and adjust its position and rotation using theTop, Left and Front view windows. -

-

- Be sure to check the unit of measurement for the scene and object. You can use the {% include button.html name="measure" icon="tape" %} tool in the {% include button.html icon="tools" class="voyager-btn-rounded" %} settings to check the size of the model: -

- screen of Voyager application, measure the model -
- -
-

Take screenshots and save the state of the scene

-

- Once the model is positioned as desired, go to the {% include button.html name="capture" icon="camera" %} tab to save its position and generate a thumbnail image. -

- screen of Voyager application, capture the scene -

- It is necessary to capture the scene to save its state (object position, thumbnail, etc.). -

-
- -
-

Create and edit annotations

-

- In the {% include button.html name="annotations" icon="comment" %} tab, select your model then click on the {% include button.html name="create" icon="plus" %} button to create your new annotation. -

- screen of Voyager application, add an annotation -

- Then click on the element to annotate on your model. -

-

- Note that the annotation will be in English by default. Don't forget to change the language in the language settings to the language of your application : -

- screen in Voyager application, change annotation language -
- -
-

Create and edit articles

-

- In the {% include button.html name="articles" icon="file" %} tab, select your model and click the {% include button.html name="create" icon="plus" %} button to create your new article. -

- screen of Voyager application, add an article -

- As with annotations, make sure the selected language is that of your application. -

-

- You can then define a title, excerpt, and use the editor to write your article. -

-

- You can edit your article at any time by clicking on its name in the list. -

-
- -
-

Create and edit guided tours

-

- In the {% include button.html name="tours" icon="globe" %} tab, click the {% include button.html icon="plus" %} button to create a new guided tour. -

- screen of Voyager application, create a guided tour -

- In the tour editor, you can then create each step of your tour. - Make sure the selected language is that of your application. -

-

- Add a title, then adjust the position of your model, zoom in on key elements, display or hide an article... then click {% include button.html name="update" icon="camera" %} to save it and move on to the next step. -

-
- - - -
-
- -
-

Save your work

-

- You can also save your scene locally by downloading it with the {% include button.html name="Download" icon="download" %} button. -

+

+
+ +
+

Position and resize the model

+

+ Go to the {% include button.html name="pose" icon="move" %} tab and select your model to adjust its position. +

+ screen of Voyager application, position the model +

+ You can then recenter it in the scene and adjust its position and rotation using theTop, + Left and Front view windows. +

+

+ Be sure to check the unit of measurement for the scene and object. You can use the {% include button.html + name="measure" icon="tape" %} tool in the {% include button.html icon="tools" class="voyager-btn-rounded" %} + settings to check the size of the model: +

+ screen of Voyager application, measure the model +
+ +
+

Take screenshots and save the state of the scene

+

+ Once the model is positioned as desired, go to the {% include button.html name="capture" icon="camera" %} tab to + save its position and generate a thumbnail image. +

+ screen of Voyager application, capture the scene +

+ It is necessary to capture the scene to save its state (object position, thumbnail, etc.). +

+
+ +
+

Create and edit annotations

+

+ In the {% include button.html name="annotations" icon="comment" %} tab, select your model then click on the {% + include button.html name="create" icon="plus" %} button to create your new annotation. +

+ screen of Voyager application, add an annotation +

+ Then click on the element to annotate on your model. +

+

+ Note that the annotation will be in English by default. Don't forget to change the language in the language + settings to the language of your application : +

+ screen in Voyager application, change annotation language +
+ +
+

Create and edit articles

+

+ In the {% include button.html name="articles" icon="file" %} tab, select your model and click the {% include + button.html name="create" icon="plus" %} button to create your new article. +

+ screen of Voyager application, add an article +

+ As with annotations, make sure the selected language is that of your application. +

+

+ You can then define a title, excerpt, and use the editor to write your article. +

+

+ You can edit your article at any time by clicking on its name in the list. +

+
+ +
+

Create and edit guided tours

+

+ In the {% include button.html name="tours" icon="globe" %} tab, click the {% include button.html icon="plus" %} + button to create a new guided tour. +

+ screen of Voyager application, create a guided tour +

+ In the tour editor, you can then create each step of your tour. + Make sure the selected language is that of your application. +

+

+ Add a title, then adjust the position of your model, zoom in on key elements, display or hide an article... then + click {% include button.html name="update" icon="camera" %} to save it and move on to the next step. +

+
+ + +
-
+ +
+

Save your work

+

+ You can also save your scene locally by downloading it with the {% include button.html name="Download" + icon="download" %} button. +

+
+ \ No newline at end of file diff --git a/en/doc/tutorials/voyager/import.html b/en/doc/tutorials/voyager/import.html index 61f8366d..ba7a10fa 100644 --- a/en/doc/tutorials/voyager/import.html +++ b/en/doc/tutorials/voyager/import.html @@ -4,12 +4,10 @@ description: Learn how to scan a model with Scaniverse and import it into eCorpus --- -
-

Scan and import a model

+

Scan and import a model

Presentation of the foot of the cross at Saint-Bertin Abbey through a guided tour in the Voyager application. -

+

Learn how to scan a model with Scaniverse and then import it into eCorpus.

-
\ No newline at end of file diff --git a/en/doc/tutorials/voyager/tour.html b/en/doc/tutorials/voyager/tour.html index 2fe98ad6..50ad8368 100644 --- a/en/doc/tutorials/voyager/tour.html +++ b/en/doc/tutorials/voyager/tour.html @@ -5,112 +5,90 @@ category: tutorial --- -

Create a guided tour

-

- Learn to create tours using Voyager Story, developed by the Smithsonian Institute. -

+

Create a guided tour

+

+ Learn to create tours using Voyager Story, developed by the Smithsonian Institute. +

- -
-

Creating a tour

-

- In the {% include button.html name="Tours" icon="globe" %} tab, click on the button {% include button.html icon="plus" %} to create a new guided tour. -

-
- screen de l'application Voyager, créer une visite guidée -
-

- You can then give it a title and a summary, which will be displayed when selecting a tour in the main menu. -

-
-

- Be sure to set the language of your application for the tour correctly. -

-
-
- zoom sur les options de langue des visites guidées -
-

- -

-
- -

Tour options

-

- You can choose which settings can be changed from one slide to another in your tours. -

-
- screen de l'application Voyager, créer une visite guidée -
+ +

Creating a tour

+

+ In the {% include button.html name="Tours" icon="globe" %} tab, click on the button {% include button.html + icon="plus" %} to create a new guided tour. +

+screen de l'application Voyager, créer une visite guidée +

+ You can then give it a title and a summary, which will be displayed when selecting a tour in the main menu. +

+

- To do this, go to the options and check the desired ones. + Be sure to set the language of your application for the tour correctly.

-
- zoom sur les options de visite guidées -
- -
-

Add a new step

-

- In the Tour Editor, click on {% include button.html name="Create" icon="plus" %} to create a new step for your guided tour, then give it a title. -

-
- screen de l'application Voyager, créer une visite guidée -
-
- -
-

Anime the step

-

- Depending on the options defined previously, you can directly animate the camera in the scene, as well as display articles and annotations. -

-
- screen de l'application Voyager, créer une visite guidée -
-

- When you are satisfied with the display, click on the {% include button.html name="Update" icon="camera" %} button to save your step. -

-
- -
-

Anime settings

-

- Depending on the chosen options, you can also animate certain settings. To do this, while keeping the Tour Editor open for the desired tour, go to the {% include button.html name="Settings" icon="eye" %} tab. -

-
- screen de l'application Voyager, créer une visite guidée -
-
- -
-

- Navigate through your scene and modify all the desired settings. This includes the model(s), lights, scene, camera, etc. - Don't forget to click on {% include button.html name="Update" icon="camera" %} to save the step once you have finished configuring it. -

-
- -
-

Organize steps

-
- screen de l'application Voyager, créer une visite guidée -
-

- Once your steps are created, you can rearrange them in the Tour Editor by changing their order using the {% include button.html name="Up" %} and {% include button.html name="Down"%} buttons. -

-

- You can also define the duration and animation curve for the transition between two steps. -

-

- Now you have all the tools to create and modify guided tours. -

-
+
+
+ zoom sur les options de langue des visites guidées +
+

+ +

+ +

Tour options

+

+ You can choose which settings can be changed from one slide to another in your tours. +

+screen de l'application Voyager, créer une visite guidée +

+ To do this, go to the options and check the desired ones. +

+
+ zoom sur les options de visite guidées +
+ +

Add a new step

+

+ In the Tour Editor, click on {% include button.html name="Create" icon="plus" %} to create a new step for your + guided tour, then give it a title. +

+screen de l'application Voyager, créer une visite guidée + +

Anime the step

+

+ Depending on the options defined previously, you can directly animate the camera in the scene, as well as display + articles and annotations. +

+screen de l'application Voyager, créer une visite guidée +

+ When you are satisfied with the display, click on the {% include button.html name="Update" icon="camera" %} button + to save your step. +

+ +

Anime settings

+

+ Depending on the chosen options, you can also animate certain settings. To do this, while keeping the Tour Editor + open for the desired tour, go to the {% include button.html name="Settings" icon="eye" %} tab. +

+screen de l'application Voyager, créer une visite guidée + +

+ Navigate through your scene and modify all the desired settings. This includes the model(s), lights, scene, camera, + etc. + Don't forget to click on {% include button.html name="Update" icon="camera" %} to save the step once you have + finished configuring it. +

+ +

Organize steps

+screen de l'application Voyager, créer une visite guidée +

+ Once your steps are created, you can rearrange them in the Tour Editor by changing their order using the {% include + button.html name="Up" %} and {% include button.html name="Down"%} buttons. +

+

+ You can also define the duration and animation curve for the transition between two steps. +

+

+ Now you have all the tools to create and modify guided tours. +

diff --git a/fr/collection.html b/fr/collection.html index f57346ba..2643ab4e 100644 --- a/fr/collection.html +++ b/fr/collection.html @@ -2,7 +2,7 @@ title: "Galerie" --- -
+

Galerie

diff --git a/fr/doc/guides/voyager/story_interface.html b/fr/doc/guides/voyager/story_interface.html index 0babc210..b61dad1a 100644 --- a/fr/doc/guides/voyager/story_interface.html +++ b/fr/doc/guides/voyager/story_interface.html @@ -2,10 +2,9 @@ title: L'interface de Voyager Story --- -
-

L'interface de Voyager Story

-

Éditez votre scène

-
+

L'interface de Voyager Story

+

Éditez votre scène

+
  • {% include button.html name="pose" icon="move" %} Positionner et redimensionner le modèle.
  • {% include button.html name="capture" icon="camera" %} Prendre des captures d'écran et enregistrer l'état de la scène.
    • @@ -16,15 +15,16 @@

    Éditez votre scène

  • {% include button.html name="audio" icon="audio" %} Ajouter et organiser des audios.
  • {% include button.html name="parametres" icon="eye" %} Éditer les paramètres de la scène.
-

Explorer votre scène

-
    -
  • {% include button.html icon="globe" %} Afficher les visites guidées.
    • -
  • {% include button.html icon="file" %} Afficher les articles.
    • -
  • {% include button.html icon="comment" %} Afficher les annotations.
    • -
  • {% include button.html icon="share" %} Partager la scène.
    • -
  • {% include button.html icon="expand" %} Mode plein écran.
    • -
  • {% include button.html icon="tools" %} Outils et paramètres.
    • -
+

Explorer votre scène

+
+
    +
  • {% include button.html icon="globe" %} Afficher les visites guidées.
    • +
  • {% include button.html icon="file" %} Afficher les articles.
    • +
  • {% include button.html icon="comment" %} Afficher les annotations.
    • +
  • {% include button.html icon="share" %} Partager la scène.
    • +
  • {% include button.html icon="expand" %} Mode plein écran.
    • +
  • {% include button.html icon="tools" %} Outils et paramètres.
    • +
+
-
\ No newline at end of file diff --git a/fr/doc/index.html b/fr/doc/index.html index 27842029..ec26fecd 100644 --- a/fr/doc/index.html +++ b/fr/doc/index.html @@ -3,11 +3,9 @@ title: Documentation --- -
-
-

Documentation - +
+

Documentation

@@ -17,80 +15,68 @@

Documentation Gros plan sur le chapiteau en émail sur cuir champlevé du Pied de croix de l'abbaye de Saint-Bertin.

-
-
-
-

Introduction

-

- eCorpus est une implémentation de référence de l'éditeur dpo-voyager - fournie par Holusion permettant l'hébergement, l'édition et la gestion de - scènes 3D. -

-

- Conçu pour des collections de taille moyenne (1 à 1000 objets), - un déploiement eCorpus propose une interface complète de gestion des droits utilisateurs, de publication des - données - ainsi que des garanties de conservation des données à l'aide d'une gestion avancée des historiques de - modification. -

-

- Le développement se fait en open-source sur GitHub. L'ensemble - du logiciel est publié sous license Apache. -

-
-
+

Introduction

+

+ eCorpus est une implémentation de référence de l'éditeur dpo-voyager + fournie par Holusion permettant l'hébergement, l'édition et + la gestion de + scènes 3D. +

+

+ Conçu pour des collections de taille moyenne (1 à 1000 objets), + un déploiement eCorpus propose une interface complète de gestion des droits utilisateurs, de publication des + données + ainsi que des garanties de conservation des données à l'aide d'une gestion avancée des historiques de + modification. +

+

+ Le développement se fait en open-source sur GitHub. L'ensemble + du logiciel est publié sous license Apache. +

-
-

Édition de contenu

-
- Interface Voyager Story pour l'édition d'une scène 3D comportant des annotations et articles -
-

- L'édition de contenu repose sur l'éditeur Voyager Story - développé par le Smithsonian Institute. -

-

Découvrez comment éditer une Scène 3D :

-
- - - -
-
+

Édition de contenu

+
+ Interface Voyager Story pour l'édition d'une scène 3D comportant des annotations et articles +
+

+ L'édition de contenu repose sur l'éditeur Voyager Story + développé par le Smithsonian Institute. +

+

Découvrez comment éditer une Scène 3D :

+
+ + + +
-
-

Déploiement

-

- Une petite instance eCorpus peut tourner sur à peu près n'importe - quel appareil. -

+

Déploiement

+

+ Une petite instance eCorpus peut tourner sur à peu près n'importe + quel appareil. +

-
-
-

Fonctionnalités

-

- eCorpus propose un ensemble de fonctions administratives permettant de gérer les utilisateurs, les - collections, les scènes 3D et les annotations. - C'est un serveur complet et prêt à l'emploi qui peut être déployé en quelques +

Fonctionnalités

+

+ eCorpus propose un ensemble de fonctions administratives permettant de gérer les utilisateurs, les + collections, les scènes 3D et les annotations. + C'est un serveur complet et prêt à l'emploi qui peut être déployé en quelques minutes. -

-

- Par ailleurs, des fonctionnalités avancées de l'éditeur Voyager sont développées et intégrées en amont de - leur déploiement par les équipes du Smithsonian. -

-
\ No newline at end of file +

+

+ Par ailleurs, des fonctionnalités avancées de l'éditeur Voyager sont développées et intégrées en amont de + leur déploiement par les équipes du Smithsonian. +

\ No newline at end of file diff --git a/fr/doc/tutorials/index.html b/fr/doc/tutorials/index.html index ee9baee7..daf49c29 100644 --- a/fr/doc/tutorials/index.html +++ b/fr/doc/tutorials/index.html @@ -2,19 +2,13 @@ title: Tutoriels --- - -
-
- -

Tutoriels

+

Tutoriels

Vue aérienne du rocher de Monaco, rendue à partir de photogrammétries - -

Apprendre à utiliser eCorpus

-

+

Apprendre à utiliser eCorpus

+

Ces tutoriels sont conçus pour faciliter la prise en main d'eCorpus. Ils sont organisés en fonction des situations rencontrées et offrent des options pour approfondir vos connaissances par la suite.

-
-
+ diff --git a/fr/doc/tutorials/voyager/edit.html b/fr/doc/tutorials/voyager/edit.html index ad75ad67..03ebcd3f 100644 --- a/fr/doc/tutorials/voyager/edit.html +++ b/fr/doc/tutorials/voyager/edit.html @@ -4,166 +4,129 @@ description: apprenez à éditer une scène 3D en utilisant Voyager Story --- -
-

Créer une scène pas à pas

-

- Apprenez à créer une scène 3D en utilisant l'éditeur Voyager Story. Ce tutoriel suppose que vous - disposiez d'un modèle 3D au format .glb prêt à envoyer. Les options et recommandations pour la création - d'un fichier 3D pour eCorpus sont disponibles sur cette page. -

- -
- -
-

Importer un modèle

-

- Importez un modèle en .glb en le glissant dans la liste de modèles à partir de vos fichiers, ou en cliquand sur - le bouton "Créer une scène". -

- screen de eCorpus, Système de gestion de scènes 3D, avec surbrillance du bouton d'import -

- Cliquez ensuite sur "story ➝" pour acceder à l'éditeur de scène Voyager. -

-

- Si vous voulez tester l'éditeur sans créer de nouvelle scène dans eCorpus, vous pouvez utiliser le mode - "standalone" de l'éditeur. -

-

- Dans ce cas là, importez votre modèle directement dans l'éditeur. -

- screen de l'application Voyager en mode standalone -
- -
-

Renommer la scène

-

- Pour renommer votre scène, allez dans l'onglet "Collection" et changez le titre. -

- screen de l'application Voyager, renommer la scène -

- En mode standalone, le nom par défault est "Missing Title". -

-
- -
-

Positionner et redimensionner le modèle

-

- Allez dans l'onglet {% include button.html name="pose" icon="move" %} et sélectionnez votre modèle pour ajuster - sa position. -

- screen de l'application Voyager, positionner le modèle -

- Vous pouvez alors le recenter dans la scène, puis ajuster sa position et sa rotation à l'aide des fenêtres de - vue Top, Left et Front. -

-

- Pensez à vérifier l'unité de mesure de la scène, ainsi que de l'object. Vous pouvez vous servir de l'outil {% - include button.html name="mesure" icon="tape" %} dans les {% include button.html icon="tools" - class="voyager-btn-rounded" %} paramètres pour vérifier la taille du modèle : -

- screen de l'application Voyager, mesurer le modèle -
- -
-

Prendre des captures d'écran et enregistrer l'état de la scène

-

- Une fois le modèle positionné comme voulu, allez dans l'onglet {% include button.html name="capture" - icon="camera" %} pour enregistrer son positionnement et générer une image de miniature. -

- screen de l'application Voyager, capturer la scène -

- Il est nécessaire de capturer la scène pour enregistrer son état (position de l'objet, miniature...). -

-
- -
-

Créer et modifier des annotations

-

- Dans l'onglet {% include button.html name="annotations" icon="comment" %}, sélectionnez votre modèle puis - cliquer sur le bouton {% include button.html name="create" icon="plus" %} pour créer votre nouvelle annotation. -

- screen de l'application Voyager, ajouter une annotation -

- Cliquez ensuite sur l'élément à annoter sur votre modèle. -

-

- Attention, l'annotation sera par défaut en anglais. N'oubliez pas de changer la langue pour la mettre dans la - langue de votre application : -

- screen de l'application Voyager, changer la langue de l'annotation -
- -
-

Créer et éditer des articles

-

- Dans l'onglet {% include button.html name="articles" icon="file" %}, sélectionnez votre modèle puis cliquez sur - le bouton {% include button.html name="create" icon="plus" %} pour créer votre nouvel article. -

- screen de l'application Voyager, ajouter un article -

- Comme pour les annotations, vérifiez que la langue sélectionnée soit bien celle de votre application. -

-

- Vous pouvez alors lui définir un titre, un extrait, puis utiliser l'éditeur pour rédiger votre article. -

-

- Vous pouvez revenir à tout moment éditer votre article en cliquand sur son nom dans la liste. -

-
- -
-

Créer et modifier des visites guidées

-

- Dans l'onglet {% include button.html name="visites" icon="globe" %}, cliquez sur le bouton {% include - button.html icon="plus" %} pour créer une nouvelle visite guidée. -

- screen de l'application Voyager, créer une visite guidée -

- Dans l'éditeur de tour, vous pouvez alors créer chaque étape de votre visite. - Vérifiez bien que la langue sélectionnée soit bien celle de votre application. -

-

- Ajoutez un titre puis modifiez la position de votre modèle, zoomez sur des éléments clefs, affichez ou non un - article... puis cliquez sur {% include button.html name="update" icon="camera" %} afin de l'enregistrer et - passer à l'étape suivante. -

-
- - - -
-
- -
-

Sauvegarder votre travail

-

- Il ne reste plus qu'à sauvegarder votre travail grâce au bouton {% include button.html name="Sauvegarder" - icon="save" %}. -

-
+

Créer une scène pas à pas

+

+ Apprenez à créer une scène 3D en utilisant l'éditeur Voyager Story. Ce tutoriel + suppose que vous + disposiez d'un modèle 3D au format .glb prêt à envoyer. Les options et recommandations pour la création + d'un fichier 3D pour eCorpus sont disponibles sur cette page. +

+ +
+ +

Importer un modèle

+

+ Importez un modèle en .glb en le glissant dans la liste de modèles à partir de vos fichiers, ou en cliquand sur + le bouton "Créer une scène". +

+ screen de eCorpus, Système de gestion de scènes 3D, avec surbrillance du bouton d'import +

+ Cliquez ensuite sur "story ➝" pour acceder à l'éditeur de scène Voyager. +

+

+ Si vous voulez tester l'éditeur sans créer de nouvelle scène dans eCorpus, vous pouvez utiliser le mode + "standalone" de l'éditeur. +

+

+ Dans ce cas là, importez votre modèle directement dans l'éditeur. +

+ screen de l'application Voyager en mode standalone + +

Renommer la scène

+

+ Pour renommer votre scène, allez dans l'onglet "Collection" et changez le titre. +

+ screen de l'application Voyager, renommer la scène +

+ En mode standalone, le nom par défault est "Missing Title". +

+ +

Positionner et redimensionner le modèle

+

+ Allez dans l'onglet {% include button.html name="pose" icon="move" %} et sélectionnez votre modèle pour ajuster + sa position. +

+ screen de l'application Voyager, positionner le modèle +

+ Vous pouvez alors le recenter dans la scène, puis ajuster sa position et sa rotation à l'aide des fenêtres de + vue Top, Left et Front. +

+

+ Pensez à vérifier l'unité de mesure de la scène, ainsi que de l'object. Vous pouvez vous servir de l'outil {% + include button.html name="mesure" icon="tape" %} dans les {% include button.html icon="tools" + class="voyager-btn-rounded" %} paramètres pour vérifier la taille du modèle : +

+ screen de l'application Voyager, mesurer le modèle + +

Prendre des captures d'écran et enregistrer l'état de la scène

+

+ Une fois le modèle positionné comme voulu, allez dans l'onglet {% include button.html name="capture" + icon="camera" %} pour enregistrer son positionnement et générer une image de miniature. +

+ screen de l'application Voyager, capturer la scène +

+ Il est nécessaire de capturer la scène pour enregistrer son état (position de l'objet, miniature...). +

+ +

Créer et modifier des annotations

+

+ Dans l'onglet {% include button.html name="annotations" icon="comment" %}, sélectionnez votre modèle puis + cliquer sur le bouton {% include button.html name="create" icon="plus" %} pour créer votre nouvelle annotation. +

+ screen de l'application Voyager, ajouter une annotation +

+ Cliquez ensuite sur l'élément à annoter sur votre modèle. +

+

+ Attention, l'annotation sera par défaut en anglais. N'oubliez pas de changer la langue pour la mettre dans la + langue de votre application : +

+ screen de l'application Voyager, changer la langue de l'annotation + +

Créer et éditer des articles

+

+ Dans l'onglet {% include button.html name="articles" icon="file" %}, sélectionnez votre modèle puis cliquez sur + le bouton {% include button.html name="create" icon="plus" %} pour créer votre nouvel article. +

+ screen de l'application Voyager, ajouter un article +

+ Comme pour les annotations, vérifiez que la langue sélectionnée soit bien celle de votre application. +

+

+ Vous pouvez alors lui définir un titre, un extrait, puis utiliser l'éditeur pour rédiger votre article. +

+

+ Vous pouvez revenir à tout moment éditer votre article en cliquand sur son nom dans la liste. +

+ +

Créer et modifier des visites guidées

+

+ Dans l'onglet {% include button.html name="visites" icon="globe" %}, cliquez sur le bouton {% include + button.html icon="plus" %} pour créer une nouvelle visite guidée. +

+ screen de l'application Voyager, créer une visite guidée +

+ Dans l'éditeur de tour, vous pouvez alors créer chaque étape de votre visite. + Vérifiez bien que la langue sélectionnée soit bien celle de votre application. +

+

+ Ajoutez un titre puis modifiez la position de votre modèle, zoomez sur des éléments clefs, affichez ou non un + article... puis cliquez sur {% include button.html name="update" icon="camera" %} afin de l'enregistrer et + passer à l'étape suivante. +

+
+ + +
-
\ No newline at end of file + +

Sauvegarder votre travail

+

+ Il ne reste plus qu'à sauvegarder votre travail grâce au bouton {% include button.html name="Sauvegarder" + icon="save" %}. +

+
\ No newline at end of file diff --git a/fr/doc/tutorials/voyager/import.html b/fr/doc/tutorials/voyager/import.html index 6c326621..3b238fba 100644 --- a/fr/doc/tutorials/voyager/import.html +++ b/fr/doc/tutorials/voyager/import.html @@ -4,13 +4,11 @@ description: Apprenez à scanner un modèle avec Scaniverse puis l'importer dans eCorpus --- -
-

Scanner et importer un modèle

+

Scanner et importer un modèle

Présentation du pied de croix de l'abbaye de Saint-Bertin au travers d'une visite guidée dans l'application Voyager. -

+

Apprenez à scanner un modèle avec Scaniverse puis l'importer dans eCorpus.

-
\ No newline at end of file diff --git a/fr/doc/tutorials/voyager/tour.html b/fr/doc/tutorials/voyager/tour.html index b583bd58..4ba1a887 100644 --- a/fr/doc/tutorials/voyager/tour.html +++ b/fr/doc/tutorials/voyager/tour.html @@ -3,161 +3,101 @@ title: Créer une visite guidée description: apprenez à créer des visites guidées en utilisant Voyager Story --- -

Créer une visite guidée

- - -

- Apprenez à créer des visites guidées en utilisant l'éditeur Voyager Story, - développé par le - Smithsonian Institute. -

+

Créer une visite guidée

+

+ Apprenez à créer des visites guidées en utilisant l'éditeur Voyager Story, + développé par le + Smithsonian Institute. +

-
- - -
-

Créer une visite

-

- Dans l'onglet {% include button.html name="visites" icon="globe" %}, cliquez sur le bouton {% include - button.html icon="plus" %} pour créer une nouvelle visite guidée. -

-
- screen de l'application Voyager, créer une visite guidée -
-

- Vous pouvez alors lui donner un titre et un résumé, qui seront affichés lors de la selection d'une - visite dans le menu pricipal. -

-
-

- Attention à bien paramétrer la visite dans la langue de votre application. -

-
-
- zoom sur les options de langue des visites guidées -
-

- -

-
- -

Options de visite

+ +

Créer une visite

+

+ Dans l'onglet {% include button.html name="visites" icon="globe" %}, cliquez sur le bouton {% include + button.html icon="plus" %} pour créer une nouvelle visite guidée. +

+ screen de l'application Voyager, créer une visite guidée +

+ Vous pouvez alors lui donner un titre et un résumé, qui seront affichés lors de la selection d'une + visite dans le menu pricipal. +

+

- Vous pouvez choisir quels paramètres pourront être modifiés d'une slide à une autre dans vos visites - guidées. + Attention à bien paramétrer la visite dans la langue de votre application.

-
- screen de l'application Voyager, créer une visite guidée -
-

- Pour celà, allez dans les options, et cocher ceux désirés. -

-
- zoom sur les options de visite guidées -
- -
-

Ajouter une nouvelle slide

-

- Dans le Tour Editor, cliquez sur Create pour créer une nouvelle étape pour votre visite guidée, puis - définissez lui un titre. -

-
- screen de l'application Voyager, créer une visite guidée -
-
- -
-

Animer l'étape

-

- Selon les options définies précédemment, vous pouvez directement animer la caméra dans la scène, ainsi - que l'affichage d'articles et annotations. -

-
- screen de l'application Voyager, créer une visite guidée -
-

- Quand l'affichage vous plait, cliquez sur le bouton {% include button.html name="Update" icon="camera" - %} pour enregistrer votre étape. -

-
- -
-

Animer les paramètres

-

- Selon les options choisies, vous pouvez aussi animer certains paramètres. Pour cela, tout en gardant le - Tour Editor ouvert sur la bonne visite, allez dans l'onglet {% include button.html name="Paramètres." - icon="eye" %} -

-
- screen de l'application Voyager, créer une visite guidée -
-
- -
-

- Navigez dans votre scène et modifiez tous les paramètres souhaités. Le ou les modèle(s), les lumières, la - scène, - la caméra... sans oublier de cliquer sur {% include button.html name="Update" icon="camera" %} pour - enregistrer - l'étape losque vous avez fini de la paramétrer. -

-
- -
-

Organiser les étapes

-
- screen de l'application Voyager, créer une visite guidée -
-

- Une fois vos étapes créées, vous pouvez les réorganiser dans le Tour Editor en changeant leur ordre - grace aux boutons {% include button.html name="Up" %} et {% include button.html name="Down"%}. -

-

- Vous pouvez aussi définir la durée et la courbe d'animation de la transition entre 2 étapes. -

-
-
+ +
+ zoom sur les options de langue des visites guidées +
+

+ +

+ + +

Options de visite

+

+ Vous pouvez choisir quels paramètres pourront être modifiés d'une slide à une autre dans vos visites + guidées. +

+ screen de l'application Voyager, créer une visite guidée +

+ Pour celà, allez dans les options, et cocher ceux désirés. +

+
+ zoom sur les options de visite guidées +
+ +

Ajouter une nouvelle slide

+

+ Dans le Tour Editor, cliquez sur Create pour créer une nouvelle étape pour votre visite guidée, puis + définissez lui un titre. +

+ screen de l'application Voyager, créer une visite guidée + +

Animer l'étape

+

+ Selon les options définies précédemment, vous pouvez directement animer la caméra dans la scène, ainsi + que l'affichage d'articles et annotations. +

+ screen de l'application Voyager, créer une visite guidée +

+ Quand l'affichage vous plaît, cliquez sur le bouton {% include button.html name="Update" icon="camera" + %} pour enregistrer votre étape. +

+ +

Animer les paramètres

+

+ Selon les options choisies, vous pouvez aussi animer certains paramètres. Pour cela, tout en gardant le + Tour Editor ouvert sur la bonne visite, allez dans l'onglet {% include button.html name="Paramètres." + icon="eye" %} +

+ screen de l'application Voyager, créer une visite guidée + +

+ Navigez dans votre scène et modifiez tous les paramètres souhaités. Le ou les modèle(s), les lumières, la + scène, + la caméra... sans oublier de cliquer sur {% include button.html name="Update" icon="camera" %} pour + enregistrer + l'étape losque vous avez fini de la paramétrer. +

+ +

Organiser les étapes

+ screen de l'application Voyager, créer une visite guidée +

+ Une fois vos étapes créées, vous pouvez les réorganiser dans le Tour Editor en changeant leur ordre + grace aux boutons {% include button.html name="Up" %} et {% include button.html name="Down"%}. +

+

+ Vous pouvez aussi définir la durée et la courbe d'animation de la transition entre 2 étapes. +

-
-
-

- Vous avez à présent toutes les clefs pour créer et modifier des visites guidées. -

-
- - - -
-
-
+

+ Vous avez à présent toutes les clefs pour créer et modifier des visites guidées. +

+
+ + + +
\ No newline at end of file