oxedyne/daimond/www/guide/fr/index.html
8.0 KiB, 1 run
created by r2519314175:1205, which is this file's identity for as long as the history lasts, whatever it is later renamed to
download · who wrote it · its history
| 1 | <!DOCTYPE html> |
| 2 | <html lang="fr" data-guide-locale="fr" data-guide-locales="en de es fr ja ko pt-BR zh-Hans"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> |
| 6 | <title>Premiers pas — Guide Daimond</title> |
| 7 | <link rel="icon" type="image/svg+xml" href="../../assets/daimond_mark.svg"> |
| 8 | <link rel="stylesheet" href="../../css/variables.css"> |
| 9 | <link rel="stylesheet" href="../../css/guide.css"> |
| 10 | <script src="../frame.js"></script> |
| 11 | <script src="search-index.js"></script> |
| 12 | <script src="../search.js"></script> |
| 13 | </head> |
| 14 | <body> |
| 15 | |
| 16 | <header class="site-head"> |
| 17 | <div class="site-head-inner"> |
| 18 | <a class="brand" href="index.html" aria-label="Guide Daimond, accueil"> |
| 19 | <img class="wordmark wm-dark" src="../../assets/daimond_word.svg" alt="Daimond" translate="no"> |
| 20 | <img class="wordmark wm-light" src="../../assets/daimond_word_dark.svg" alt="Daimond" translate="no"> |
| 21 | <span class="brand-sub">Guide</span> |
| 22 | </a> |
| 23 | <nav class="site-nav" aria-label="Pages du guide"> |
| 24 | <a href="index.html" aria-current="page">Premiers pas</a> |
| 25 | <a href="interface.html">L’interface</a> |
| 26 | <a href="models.html">Modèles & crédits</a> |
| 27 | <a href="chats-and-diamonds.html">Chats & Diamonds</a> |
| 28 | <a href="../capps.html">Capps</a> |
| 29 | <a href="email-web-files.html">E-mail, Web & fichiers</a> |
| 30 | <a href="accounts.html">Comptes</a> |
| 31 | <a href="sync.html">Synchronisation entre appareils</a> |
| 32 | <a href="spending.html">Dépenses</a> |
| 33 | <a href="../machine-operations.html">Commandes sur la machine</a> |
| 34 | <a href="social.html">Social</a> |
| 35 | </nav> |
| 36 | </div> |
| 37 | </header> |
| 38 | |
| 39 | <main> |
| 40 | <h1>Premiers pas</h1> |
| 41 | <p class="lede">Daimond est un espace de travail à agents IA qui tourne entièrement dans votre navigateur. Aucun compte sur un serveur et rien à télécharger : vos chats, vos clés et vos fichiers ne vivent que sur cet appareil.</p> |
| 42 | |
| 43 | <p>Rien ne quitte votre appareil sans que vous l’ayez demandé. Vos messages partent chez le fournisseur de modèles que vous avez connecté ; les crédits paient un modèle qui tourne, une page récupérée ou une boîte mail synchronisée ; un appareil que vous associez reçoit un paquet chiffré. Tout le reste demeure dans ce navigateur. <a href="accounts.html">Comptes & confidentialité</a> expose ce qui va où, et comment le vérifier vous-même.</p> |
| 44 | |
| 45 | <figure class="shot" data-shot="getting-started"> |
| 46 | <img alt="L’espace de travail Daimond au premier lancement : la barre latérale des Diamonds et des chats à gauche, le panneau de chat au centre, et le panneau d’administration en bas à gauche." src="../shots/getting-started.png" loading="lazy"> |
| 47 | <figcaption>Daimond au premier lancement. La conversation est au centre ; le panneau d’administration est en bas à gauche.</figcaption> |
| 48 | </figure> |
| 49 | |
| 50 | <h2 id="s1">Le chemin le plus court vers une première réponse</h2> |
| 51 | <p>Trois étapes. Chacune pointe vers un contrôle que vous voyez à l’écran.</p> |
| 52 | |
| 53 | <ol class="steps"> |
| 54 | <li> |
| 55 | <h3 id="s2">Créer un compte</h3> |
| 56 | <p>Au premier lancement, Daimond propose de <strong>protéger cet appareil</strong> avec une phrase secrète. Saisissez votre nom et une phrase secrète, puis choisissez <span class="ui">Créer le compte</span>. La phrase secrète chiffre vos clés et vos identifiants de messagerie enregistrés, et elle est votre identité sur l’appareil. Elle n’est envoyée nulle part : gardez-la en lieu sûr, car si vous la perdez, les données chiffrées sont perdues.</p> |
| 57 | <p><span class="ui">Plus tard</span> vous laisse en poser une plus tard ; mieux vaut cependant n’ajouter une clé de fournisseur qu’une fois qu’une phrase secrète est là pour la protéger.</p> |
| 58 | </li> |
| 59 | <li> |
| 60 | <h3 id="s3">Connecter un modèle, ou acheter des crédits</h3> |
| 61 | <p>Un daimon a besoin d’un modèle pour penser. Deux façons de lui en donner un, toutes deux dans le panneau d’administration en bas à gauche :</p> |
| 62 | <ul> |
| 63 | <li><strong>Apportez votre propre clé.</strong> Ouvrez la ligne <span class="ui">Modèles</span> puis choisissez <span class="ui">+ Ajouter un fournisseur</span>, sélectionnez un fournisseur, collez sa clé d’API et mettez une étoile à un modèle par défaut. Vos messages partent alors directement chez ce fournisseur, sur votre propre compte.</li> |
| 64 | <li><strong>Achetez des crédits.</strong> Ouvrez la ligne <span class="ui">Crédits</span> et achetez un pack. Daimond fait tourner le modèle pour vous : aucune clé de fournisseur à gérer, pas d’abonnement.</li> |
| 65 | </ul> |
| 66 | <p>L’un ou l’autre suffit. Voir <a href="models.html">Modèles & crédits</a> pour le détail.</p> |
| 67 | </li> |
| 68 | <li> |
| 69 | <h3 id="s4">Démarrer un chat</h3> |
| 70 | <p>Choisissez <span class="ui">Nouveau chat</span> en haut de la barre latérale (le <strong>＋</strong> à côté de <strong>Chats</strong>), tapez dans la zone en bas du panneau central, et envoyez avec <span class="ui">➤</span>. Ce panneau central est l’endroit où vous parlez au daimon, et Daimond est bâti autour de cette conversation.</p> |
| 71 | </li> |
| 72 | </ol> |
| 73 | |
| 74 | <h2 id="s5">Ce que vous avez sous les yeux</h2> |
| 75 | <p>L’écran a trois zones. La <strong>barre latérale</strong> de gauche liste ce sur quoi vous travaillez et, sous un séparateur déplaçable, le <strong>panneau d’administration</strong>. La <strong>scène</strong> au centre tient la conversation et tout ce que vous lisez à côté. Le <strong>dock</strong> de droite tient les sources où vous puisez : l’E-mail, l’Espace de travail, les agents qui tournent, vos dépenses, ce qui vous attend, et la Corbeille.</p> |
| 76 | <p>En haut, chaque panneau a une puce qui l’ouvre ou le ferme, et à l’extrême droite des boutons pour la fenêtre À propos, ce guide, ainsi que le thème, la taille du texte et la disposition du dock. Rien de tout cela n’est nécessaire pour obtenir une première réponse ; tout est détaillé sur <a href="interface.html">L’interface</a>.</p> |
| 77 | |
| 78 | <figure class="shot" data-shot="admin-panel"> |
| 79 | <img alt="Le panneau d’administration en bas à gauche : une ligne d’identité, une ligne Modèles, une ligne Crédits, une ligne Outils et des lignes de stockage de l’espace de travail." src="../shots/admin-panel.png" loading="lazy"> |
| 80 | <figcaption>Le panneau d’administration. Chaque ligne répond à une question sur la machine, et celles sur lesquelles vous pouvez agir sont des boutons.</figcaption> |
| 81 | </figure> |
| 82 | |
| 83 | <p>C’est dans le panneau d’administration que Daimond se configure et qu’il vous dit ce qu’il coûte. Chaque ligne est un bouton qui ouvre ce qu’elle nomme : votre identité, <span class="ui">Modèles</span>, <span class="ui">Crédits</span>, <span class="ui">Outils</span>, <span class="ui">Version</span>, et le stockage qu’utilise votre espace de travail. La page suivante parcourt chaque partie de l’écran.</p> |
| 84 | |
| 85 | <h2 id="s6">Le garder à portée</h2> |
| 86 | <p>Votre navigateur a sa propre commande <span class="ui">Installer</span>, ou <span class="ui">Ajouter à l’écran d’accueil</span> sur un téléphone : elle donne à Daimond une icône et une fenêtre à lui. C’est la même page et le même travail enregistré — rien n’est téléchargé, rien ne bouge, et une version que le serveur a dépassée reste refusée plutôt que servie depuis un cache.</p> |
| 87 | |
| 88 | <div class="next"> |
| 89 | <span></span> |
| 90 | <a href="interface.html">Suivant : L’interface →</a> |
| 91 | </div> |
| 92 | </main> |
| 93 | |
| 94 | <footer class="site-foot"> |
| 95 | <span>Daimond fonctionne dans votre navigateur. Rien de ce qui s’y trouve ne nous est envoyé.</span> |
| 96 | <nav aria-label="Pages du guide"> |
| 97 | <a href="index.html">Premiers pas</a> |
| 98 | <a href="interface.html">Interface</a> |
| 99 | <a href="models.html">Modèles</a> |
| 100 | <a href="chats-and-diamonds.html">Chats & Diamonds</a> |
| 101 | <a href="../capps.html">Capps</a> |
| 102 | <a href="email-web-files.html">E-mail, Web & fichiers</a> |
| 103 | <a href="accounts.html">Comptes</a> |
| 104 | <a href="sync.html">Synchronisation entre appareils</a> |
| 105 | <a href="spending.html">Dépenses</a> |
| 106 | <a href="../machine-operations.html">Commandes sur la machine</a> |
| 107 | <a href="social.html">Social</a> |
| 108 | </nav> |
| 109 | </footer> |
| 110 | </body> |
| 111 | </html> |