Skip to content

Commit

Permalink
add alt and fix broken link
Browse files Browse the repository at this point in the history
  • Loading branch information
ThibaultGuillaumont committed Jan 10, 2025
1 parent e9d9331 commit c3b42a7
Show file tree
Hide file tree
Showing 7 changed files with 47 additions and 47 deletions.
2 changes: 1 addition & 1 deletion fr/doc/guides/deployment.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ Par la suite, d'autres comptes pourront être créés via l'interface web.

Rendez-vous à l'adresse [localhost:8000](http://localhost:8000){:target="_blank"} et connectez-vous à l'aide de votre nouveau compte.

À partir de là, vous pouvez [créer votre première scène](/fr/doc/tutorials/voyager/edit) en suivant les instructions fournies dans le tutoriel d'[importation Voyager](/fr/doc/tutorials/voyager/import).
À partir de là, vous pouvez [créer votre première scène](/fr/doc/tutorials/edition).

Si vous souhaitez éditer le code source, réferez-vous au [guide de développement](/fr/doc/guides/development).

Expand Down
2 changes: 1 addition & 1 deletion fr/doc/guides/development.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ title: Développement

### Mise en route

Voir le [guide d'installation rapide](/fr/doc/tutorials/deployment).
Voir le [guide d'installation rapide](/fr/doc/guides/deployment).

Utiliser la commande : `npm run watch` pour activer la recompilation automatique.

Expand Down
10 changes: 5 additions & 5 deletions fr/doc/tutorials/edition/1-compte.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,12 @@ Si vous êtes administateur d'une instance eCorpus, vous pouvez consulter le tut

Chaque instance eCorpus est indépendante et dédié à une instution. Pour vous connecter, utiliser l'URL communiquée par votre administrateur.

<img src="/assets/img/doc/Account_Connect_01.jpg" width ="700" />
<img src="/assets/img/doc/Account_Connect_01.jpg" width ="700" alt="illustration connexion"/>

Arrivé sur l'URL de votre base de donnée eCorpus, il vous suffit de rentrer vos identifiants dans les espaces prévus à cet effet pour vous connecter. Vous pouvez également cliquer sur le bouton "Connexion" en haut à droite.
Si vous ne vous rappelez plus de vos identifiants, vous pouvez cliquer sur le lien "mot de passe oublié" pour recevoir un mail de connexion à votre compte.

<img src="/assets/img/doc/Account_Connect_02.jpg" width ="700" />
<img src="/assets/img/doc/Account_Connect_02.jpg" width ="700" alt="illustration connexion"/>

Une fois connecté, vous aurez accès aux scènes 3D que vous avez créées, ainsi que celles ayant été partagées avec vous par d'autres utilisateurs.
Vous remarquerez que votre nom d'utilisateur s'affiche tout en haut à droite de la page. Cliquez dessus pour accèder aux paramètres de votre profil utilisateur. Vous pourrez y modifier votre nom d'utilisateur, votre adresse email associée au compte, changer votre mot de passe et vous déconnecter.
Expand All @@ -40,22 +40,22 @@ Comment générer et mettre en ligne votre modèle 3D.
Pour charger un modèle 3D sur votre compte eCorpus, il vous suffit de vous rendre la page principal de votre base de donnée. Vous pouvez notamment vous y rendre en cliquant sur le logo affiché en haut à gauche de la page.

Vous trouverez un onglet "Tools" en haut à gauche dans lequel s'imbrique 3 boutons. Cliquez sur le bouton "Créer une scène". Un Pop-up s'affichera, vous permettant de choisir un fichier .glb à importer.
<img src="/assets/img/doc/SceneCreation_01.jpg" width ="800" />
<img src="/assets/img/doc/SceneCreation_01.jpg" width ="800" alt="illustration connexion" />

\
Seuls l'extension .glb est utilisable sur l'editeur eCorpus. Pour apprendre à exporter un modèle en .glb, veuillez vous réferrer à ce guide: Les modèles 3D pour eCorpus.

## Récupération de mot de passe

En cas d'oublie de mot de passe, vous pouvez demander à tout moment un nouveau lien de connexion en cliquant sur "mot de passe oublié" en bas à droite de l'onglet prévu pour y rentrer vos identifiants.
<img src="/assets/img/doc/Account_Connect_04.jpg" width ="400" />
<img src="/assets/img/doc/Account_Connect_04.jpg" width ="400" alt="illustration connexion" />
\
Une fois cliqué, il vous suffira de rentrer, soit votre identifiant eCorpus, soit l'adresse email associée à votre compte, pour qu'un nouveau formulaire vous soit automatiquement envoyé par mail.
\
**En cas de perte de mot de passe, n'oubliez de changer ce-dernier**

Pour se faire, ils vous suffit d'aller dans vos paramètres utilisateurs, en cliquant sur votre nom d'utilisateur en haut à droite de la page.
<img src="/assets/img/doc/Account_Connect_03.jpg" width ="800" />
<img src="/assets/img/doc/Account_Connect_03.jpg" width ="800" alt="illustration connexion"/>
\
Sur cette page, il vous est possible de changer votre nom d'utilisateur, l'adresse email associé à votre compte, ainsi que votre mot de passe.

Expand Down
30 changes: 15 additions & 15 deletions fr/doc/tutorials/edition/3-import.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,20 +18,20 @@ eCorpus utilise le visualisateur 3D DPO-Voyager.

Après avoir chargé votre modèle 3D, préparer vos collaborateurs d'édition, la langue de votre projet, la licence et les informations clés comme l'auteur, le site où l'oeuvre est conservée, la date de réalisation...

<img src="/assets/img/doc/SceneCreation_02.jpg" width ="800" />
<img src="/assets/img/doc/SceneCreation_02.jpg" width ="800" alt="illustration importation" />
\
Le modèle apparait directement dans l'onglet "Mes Scènes" une fois son importation terminé. Par défaut, votre scène portera le nom du fichier importé, et arborera une miniature par défaut représentant un cube en fil de fer.
Vous remarquerez 3 boutons cliquables en dessous de votre scène.
### Le bouton "Aperçu"
<img src="/assets/img/doc/SceneCreation_03.jpg" width ="200" />
<img src="/assets/img/doc/SceneCreation_03.jpg" alt="illustration importation" width ="200" />
\
Il sert uniquement à visualiser votre scène 3D.
### Le bouton "Editer"
<img src="/assets/img/doc/SceneCreation_04.jpg" width ="200" />
<img src="/assets/img/doc/SceneCreation_04.jpg" alt="illustration importation" width ="200" />
\
Il sert à éditer votre scène 3D pour y changer et ajouter du contenu. Dans l'éditeur, vous remarquerer d'abord la fenêtre du milieu, dite "Explorer". Dans celle-ci se trouve le modèle 3D que vous avez importé. Avec votre souris, vous pouvez changer votre vue sur l'objet.

<img src="/assets/img/doc/SceneEdition_01.jpg" width ="800" />
<img src="/assets/img/doc/SceneEdition_01.jpg" width ="800" alt="illustration importation" />
\
*Restez appuyé sur clic gauche et bouger votre souris pour pivoter l'objet.

Expand All @@ -41,26 +41,26 @@ Il sert à éditer votre scène 3D pour y changer et ajouter du contenu. Dans l'

\
Vous noterez que le nom de la scène est affiché en haut à gauche de cette fenêtre. Pour le changer, il vous faut vous rendre dans la fenêtre tout à gauche, dans "Collection" (la fenêtre affiche "Navigator" par défaut).
<img src="/assets/img/doc/SceneEdition_02.jpg" width ="800" />
<img src="/assets/img/doc/SceneEdition_02.jpg" width ="800" alt="illustration importation" />
\
Vous pourrez ici changer la langue de la scène, son titre et l'introduction qui s'affichera en pop-up à chauque ouverture de la scène par un utilisateur. A noter que chaque scène est en anglais par défaut. Si vous changer la langue pour le français ne supprimera pas les changements faits sur la version anglaise.
_Vous pouvez donc avoir plusieurs langues sur une même scène._


<img src="/assets/img/doc/SceneEdition_03.jpg" width ="800" />
<img src="/assets/img/doc/SceneEdition_03.jpg" width ="800" alt="illustration importation" />
\
**Pour sauvegarder vos changements** cliquez sur le bouton "Save" en haut à droite.

\
Pour créer une miniature à votre scène 3D, rendez-vous dans l'onglet "Capture", juste au dessous de la fenêtre "Explorer".
<img src="/assets/img/doc/SceneEdition_04.jpg" width ="800" />
<img src="/assets/img/doc/SceneEdition_04.jpg" width ="800" alt="illustration importation" />
\
Une fois l'onglet cliqué, vous remarquerez de nouvelles options tout en bas à gauche de votre écran. Dans "Scene State", cliquer sur le bouton "Capture" pour que l'éditeur prenne une "photo" de la scène dans son état actuel.
<img src="/assets/img/doc/SceneEdition_05.jpg" width ="200" />
<img src="/assets/img/doc/SceneEdition_05.jpg" width ="200" alt="illustration importation" />
\
Une prévisualisation se met alors à jour dans la "Preview". N'hésitez pas à orienter votre objet différement et à le déplacer si besoin. Vous pouvez recommencer la capture autant de fois que nécessaire.

<img src="/assets/img/doc/SceneEdition_06.jpg" width ="200" />
<img src="/assets/img/doc/SceneEdition_06.jpg" width ="200" alt="illustration importation" />
\
Une fois que l'image vous convient, vous pouvez la sauvegarder en cliquant sur le bouton "Save" en dessous du bouton "Capture".

Expand All @@ -69,7 +69,7 @@ Une fois que l'image vous convient, vous pouvez la sauvegarder en cliquant sur l
## Replacer son modèle dans la scène

Lors de l'importation de votre modèle 3D, il se peut que l'emplacement du modèle ne soit pas le bon. Si vous remarquez que votre modèle est excentré dans la scène, ou que son centre de rotation ne semble pas correcte, vous pouvez corriger son emplacement via l'onglet "Pose", en haut de l'Explorer.
<img src="/assets/img/doc/SceneEdition_07.jpg" width ="800" />
<img src="/assets/img/doc/SceneEdition_07.jpg" width ="800" alt="illustration importation" />
\
En cliquant sur "Pose" vous noterez un changement dans l'Explorer. La vu 3D est désormais divisée en 4 plans, montrant respectivant une vue 3/4, une vue de dessus, un vue de côté, et enfin une vue de face de votre scène.

Expand All @@ -79,19 +79,19 @@ Le centre de cette grille correspond au centre de rotation de la scène. Nous vo
\

### Centrer son modèle automatiquement
<img src="/assets/img/doc/SceneEdition_08.jpg" width ="300" />
<img src="/assets/img/doc/SceneEdition_08.jpg" width ="300" alt="illustration importation" />
\
Vous recentrer facilement votre modèle, il vous suffit de cliquer sur le bouton "Center", tout à droit de l'onglet.
\
Il se peut que le recentrage automatique ne suffise pas à règler les problèmes de placement. Pour replacer votre modèle manuellement, il vous suffit de changer les valeurs dans les emplacements de Position.
Il se peut que le recentrage automatique ne suffise pas à règler les problèmes de placement. Pour replacer votre modèle manuellement, il vous suffit de changer les valeurs dans les emplacements de Position. Vous trouverez un tutoriel détaillé plus en profondeur en suivant ce lien: EN SAVOIR PLUS.

### Le bouton "Admin"
<img src="/assets/img/doc/SceneCreation_05.jpg" width ="200" />
<img src="/assets/img/doc/SceneCreation_05.jpg" width ="200" alt="illustration importation" />
\
Cette option sert à gérer qui a le droit d'accèder à la scène. Dans la catégorie "Accès" vous trouverez une liste de différents utilisateurs ainsi que leurs droits attribués.

Voyons d'abord les différents status de droit que vous pouvez attribuer à chacun des utilisateurs.
<img src="/assets/img/doc/AdminSettings_01.jpg" width ="200" />
<img src="/assets/img/doc/AdminSettings_01.jpg" width ="200" alt="illustration importation" />
\
*Aucun: Un utilisateur ayant ce droit ne pourra pas accèder à votre scène.

Expand All @@ -115,7 +115,7 @@ Vous pouvez ajouter un nom d'utilisateur pour lui donner des droits spécifiques
\
Enfin, vous remarquerez la présence d'un historique en bas de la base. Il témoigne de chaque changement effectué sur la scène depuis sa création.
Si vous avez sauvegardé une mauvaise version de votre scène, vous pouvez restaurer une version précédente à cette modification en survolant une étape de l'historique et en cliquant sur "restaurer".
<img src="/assets/img/doc/AdminSettings_02.jpg" width ="600" />
<img src="/assets/img/doc/AdminSettings_02.jpg" width ="600" alt="illustration importation" />



Expand Down
24 changes: 12 additions & 12 deletions fr/doc/tutorials/edition/4-annotation.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,27 +15,27 @@ eCorpus est très pratique pour enrichir sémantiquement sa scène 3D. Pour ce f

Si des annotation ont été ajoutées dans une scène 3D, un icône annontation sera visible dans le visualisateur 3D. Il vous suffit alors de cliquer sur cet icône pour faire apparaître ou disparaître les annotations.
_Notez que chaque annotation est lié a un modèle 3D. Il ne peut donc pas y avoir d'annotation "dans le vide"._
<img src="/assets/img/doc/Annotation_01.jpg" width ="800" />
<img src="/assets/img/doc/Annotation_01.jpg" width ="800" alt="illustration annotations" />
\
Pour créer ces annotations, rendez-vous dans le mode édition de votre scène 3D. Vous pouvez apprendre comment vous y rendre en suivant le guide: Préparation d'une scène eCorpus.
Une fois votre éditeur ouvert, il faut d'abord selectionner un modèle sur lequel vous souhaitez ajouter des annotations. Pour cela, il faut se rendre dans la fenêtre "Navigator" en haut à gauche, et cliquer sur le nom de l'objet à selectionner. Vous pouvez également cliquer sur le modèle souhaité directement dans l'Explorer.

Quand un modèle est selectionné, un encadré jaune apparait autour de lui. **Attention, cet encadré est visible sur les captures de miniature.** Pour deselectionner un objet, vous pouvez cliquer sur un endroit vide de la scène.
\
Une fois le modèle selectionné, cliquer sur l'onglet "Annotation" en haut de la fenêtre de l'Explorer.
<img src="/assets/img/doc/Annotation_02.jpg" width ="800" />
<img src="/assets/img/doc/Annotation_02.jpg" width ="800" alt="illustration annotations"/>
\
Une fenêtre s'ouvre alors en bas à gauche. Il s'agit de l'Editeur d'Annotation. Cet éditeur possède 4 boutons que nous détaillerons ci-après.

### Select
\
<img src="/assets/img/doc/Annotation_03.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_03.jpg" width ="300" alt="illustration annotations"/>
\
Le bouton Select est le bouton selectionné par défaut lorsque vous ouvrer le menu d'edition d'annotations. Ils vous permet se sélectionner des annotations depuis l'Explorer lorseque celles-ci sont visibles.

### Move
\
<img src="/assets/img/doc/Annotation_04.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_04.jpg" width ="300" alt="illustration annotations"/>
\
Le bouton Move permet de modifier l'emplacement des annotations selectionnées.

Expand All @@ -45,14 +45,14 @@ Dans le cas où vous souhaiteriez déplacer l'annotation sur un autre modèle, i

### Create
\
<img src="/assets/img/doc/Annotation_05.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_05.jpg" width ="300" alt="illustration annotations"/>
\
Le bouton Create vous permet de créer une annotation en cliquant directement à l'endroit de son emplacement voulu sur le modèle dans l'Explorer. Si l'annotation ne s'est pas placée au bon endroit, vous pouvez modifier son emplacement via l'outil Move, vu précédement.


### Delete
\
<img src="/assets/img/doc/Annotation_06.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_06.jpg" width ="300" alt="illustration annotations"/>
\
Le bouton Delete permet de supprimer une annotation selectionnée. Par défaut, ce bouton est grisé si le modèle selectionné est dépourvu d'annotation.
\
Expand All @@ -61,24 +61,24 @@ Le bouton Delete permet de supprimer une annotation selectionnée. Par défaut,

### Paramètrer son annotation
\
<img src="/assets/img/doc/Annotation_07.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_07.jpg" width ="300" alt="illustration annotations"/>
\
Il existe plusieurs paramètres pour modifier son annotation. Vous verrez sur l'image ci-dessus les paramètres les plus couramment utilisés en surbrillance. Nous allons les détailler ci-après.

### Style d'annotation
<img src="/assets/img/doc/Annotation_08.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_08.jpg" width ="300" alt="illustration annotations" />
\
Le paramètre Style permet de changer, comme son nom l'indique, le style de l'annotation.
\
<img src="/assets/img/doc/Annotation_09.jpg" width ="100" />
<img src="/assets/img/doc/Annotation_09.jpg" width ="100" alt="illustration annotations"/>
\
*Par défaut, le style est en Standard. Il correspond à une annotation dont seul le Titre est affiché.
\
<img src="/assets/img/doc/Annotation_10.jpg" width ="200" />
<img src="/assets/img/doc/Annotation_10.jpg" width ="200" alt="illustration annotations"/>
\
*Le Style Circle remplace l'annotation par un rond sur lequel l'utilisateur peut cliquer pour déplier l'annotation et y lire les informations données.
\
<img src="/assets/img/doc/Annotation_11.jpg" width ="200" />
<img src="/assets/img/doc/Annotation_11.jpg" width ="200" alt="illustration annotations"/>
\
*Le Style Extended est une annotation de type standard sur lequel l'utilisateur peut cliquer pour élargir l'annotation et y afficher les informations contenu dans la description de l'annotation.

Expand All @@ -97,7 +97,7 @@ Il est tout à fait possible que les 200 caractères d'une description ne suffis
### lier un Article à son annotation

Si votre annotation a un style "Extented", il est tout à fait possible de le lier à un article sous forme d'"en savoir plus"
<img src="/assets/img/doc/Annotation_12.jpg" width ="300" />
<img src="/assets/img/doc/Annotation_12.jpg" width ="300" alt="illustration annotations"/>
\
Pour lier votre annotation a un article, il suffit simplement de selectionner l'article voulu dans le paramètre "Article"

Expand Down
Loading

0 comments on commit c3b42a7

Please sign in to comment.