Hugging Face's logo

Buckets:
hf-doc-build
/
doc-dev

Files
xet
hf-doc-build/doc-dev / course /pr_1349 /fr /chapter9 /1.html
HuggingFaceDocBuilder's picture
HuggingFaceDocBuilder
download
raw
12.2 kB
<meta charset="utf-8" /><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Introduction à &lt;i>
<link href="/docs/course/pr_1349/fr/_app/immutable/entry/start.C4_bSXT3.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/B0uR--CU.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/DClKtzkC.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/entry/app.r46_ylZM.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/qDsaV5xM.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/DAcRH6O-.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/BCHYIKos.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/DsnmJJEf.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/nodes/0.CvnMlhk5.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/DO68AkFq.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/nodes/70.CaUT82rU.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/CY2X-9Af.js" rel="modulepreload">
<link href="/docs/course/pr_1349/fr/_app/immutable/chunks/DAT0v8Wh.js" rel="modulepreload">
<!--pymu11--><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Introduction à &lt;i> Gradio &lt;/i>&quot;,&quot;local&quot;:&quot;introduction-à-i-gradio-i&quot;,&quot;sections&quot;:[],&quot;depth&quot;:1}"/><!---->
<link href="/docs/course/pr_1349/fr/_app/immutable/assets/0.tn0RQdqM.css" rel="modulepreload"> <!--[--><!--[0--><!--[--><!--[0--><!--[--><p></p> <div class="items-center shrink-0 min-w-[100px] max-sm:min-w-[50px] justify-end ml-auto flex" style="float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"><div class="inline-flex rounded-md max-sm:rounded-sm"><button class="inline-flex items-center gap-1 h-7 max-sm:h-7 px-2 max-sm:px-1.5 text-sm font-medium text-gray-800 border border-r-0 rounded-l-md max-sm:rounded-l-sm border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-live="polite"><span class="inline-flex items-center justify-center rounded-md p-0.5 max-sm:p-0 hover:text-gray-800 dark:hover:text-gray-200"><svg class="sm:size-3.5 size-3" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z" transform="translate(0)"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)"></path><rect fill="none" width="32" height="32"></rect></svg><!----></span> <span>Copy page</span></button> <button class="inline-flex items-center justify-center w-6 max-sm:w-5 h-7 max-sm:h-7 disabled:pointer-events-none text-sm text-gray-500 hover:text-gray-700 dark:hover:text-white rounded-r-md max-sm:rounded-r-sm border border-l transition border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-haspopup="menu" aria-expanded="false" aria-label="Open copy menu"><svg class="transition-transform text-gray-400 overflow-visible sm:size-3.5 size-3 rotate-0" width="1em" height="1em" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="currentColor"></path></svg><!----></button></div> <!--[-1--><!--]--></div><!----> <!--[0--><h1 class="relative group"><a id="introduction-à-i-gradio-i" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#introduction-à-i-gradio-i"><span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg><!----></span></a> <span>Introduction à &lt;i> Gradio &lt;/i></span></h1><!--]--><!----> <div class="flex space-x-1 absolute z-10 right-0 top-0"><a href="https://discuss.huggingface.co/t/chapter-9-questions" target="_blank"><img alt="Ask a Question" class="!m-0" src="https://img.shields.io/badge/Ask%20a%20question-ffcb4c.svg?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTEgMTA0IDEwNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMzFmMjA7fS5jbHMtMntmaWxsOiNmZmY5YWU7fS5jbHMtM3tmaWxsOiMwMGFlZWY7fS5jbHMtNHtmaWxsOiMwMGE5NGY7fS5jbHMtNXtmaWxsOiNmMTVkMjI7fS5jbHMtNntmaWxsOiNlMzFiMjM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5EaXNjb3Vyc2VfbG9nbzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MS44NywwQzIzLjcxLDAsMCwyMi44MywwLDUxYzAsLjkxLDAsNTIuODEsMCw1Mi44MWw1MS44Ni0uMDVjMjguMTYsMCw1MS0yMy43MSw1MS01MS44N1M4MCwwLDUxLjg3LDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTIuMzcsMTkuNzRBMzEuNjIsMzEuNjIsMCwwLDAsMjQuNTgsNjYuNDFsLTUuNzIsMTguNEwzOS40LDgwLjE3YTMxLjYxLDMxLjYxLDAsMSwwLDEzLTYwLjQzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTc3LjQ1LDMyLjEyYTMxLjYsMzEuNiwwLDAsMS0zOC4wNSw0OEwxOC44Niw4NC44MmwyMC45MS0yLjQ3QTMxLjYsMzEuNiwwLDAsMCw3Ny40NSwzMi4xMloiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik03MS42MywyNi4yOUEzMS42LDMxLjYsMCwwLDEsMzguOCw3OEwxOC44Niw4NC44MiwzOS40LDgwLjE3QTMxLjYsMzEuNiwwLDAsMCw3MS42MywyNi4yOVoiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik0yNi40Nyw2Ny4xMWEzMS42MSwzMS42MSwwLDAsMSw1MS0zNUEzMS42MSwzMS42MSwwLDAsMCwyNC41OCw2Ni40MWwtNS43MiwxOC40WiIvPjxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTI0LjU4LDY2LjQxQTMxLjYxLDMxLjYxLDAsMCwxLDcxLjYzLDI2LjI5YTMxLjYxLDMxLjYxLDAsMCwwLTQ5LDM5LjYzbC0zLjc2LDE4LjlaIi8+PC9nPjwvZz48L3N2Zz4="/></a><!----> <!--[-1--><!--]--> <!--[-1--><!--]--></div><!----> <p>Dans ce chapitre, nous allons apprendre à construire des <strong>démos interactives</strong> pour vos modèles d’apprentissage automatique.</p> <p>Pourquoi construire une démo ou une interface graphique pour votre modèle d’apprentissage automatique ? Les démos permettent :</p> <ul><li>aux <strong>développeurs en apprentissage automatique</strong> de présenter facilement leur travail à un large public, y compris des équipes non techniques ou des clients.</li> <li>aux <strong>chercheurs</strong> de reproduire plus facilement les modèles d’apprentissage automatique et leur comportement.</li> <li>aux <strong>testeurs qualité</strong> ou <strong>utilisateurs finaux</strong> d’identifier et de déboguer plus facilement les points de défaillance des modèles.</li> <li>aux <strong>utilisateurs divers</strong> de découvrir les biais algorithmiques des modèles.</li></ul> <p>Nous utiliserons la bibliothèque <em>Gradio</em> pour construire des démos pour nos modèles. <em>Gradio</em> vous permet de construire, de personnaliser et de partager des démos en ligne pour n’importe quel modèle d’apprentissage automatique. Et cela entièrement en Python.</p> <p>Voici quelques exemples de démos d’apprentissage automatique construites avec Gradio :</p> <ul><li>Un modèle de <strong>reconnaissance de croquis</strong> qui prend un croquis et produit des étiquettes de ce qu’il pense être dessiné :</li></ul> <iframe src="https://hf.space/gradioiframe/abidlabs/draw2/+" frameborder="0" height="400" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe> <ul><li>Un modèle extractif de <strong>réponse à une question</strong> qui prend en entrée un paragraphe de contexte et une requête et produit une réponse et un score de probabilité (nous avons discuté de ce type de modèle <a href="/course/fr/chapter7/7">au chapitre 7</a>) :</li></ul> <iframe src="https://hf.space/gradioiframe/abidlabs/question-answering-simple/+" frameborder="0" height="640" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe> <ul><li>Un modèle de <strong>suppression de l’arrière-plan</strong> qui prend une image et la restitue avec l’arrière-plan supprimé :</li></ul> <iframe src="https://hf.space/gradioiframe/abidlabs/remove-bg/+" frameborder="0" height="640" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe> <p>Ce chapitre est divisé en sections qui comprennent à la fois des <em>concepts</em> et des <em>applications</em>. Après avoir appris le concept dans chaque section, vous l’appliquerez pour construire un type particulier de démo, allant de la classification d’images à la reconnaissance vocale. À la fin de ce chapitre, vous serez en mesure de créer ces démos (et bien d’autres !) en quelques lignes de code Python seulement.</p> <blockquote class="tip"><p>👀 Consultez <a href="https://huggingface.co/spaces" target="_blank">Hugging Face Spaces</a> pour voir de nombreux exemples récents de démos d’apprentissage automatique construites par la communauté !</p></blockquote> <a class="!text-gray-400 !no-underline text-sm flex items-center not-prose mt-4" href="https://github.com/huggingface/course/blob/main/chapters/fr/chapter9/1.mdx" target="_blank"><svg class="mr-1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M31,16l-7,7l-1.41-1.41L28.17,16l-5.58-5.59L24,9l7,7z"></path><path d="M1,16l7-7l1.41,1.41L3.83,16l5.58,5.59L8,23l-7-7z"></path><path d="M12.419,25.484L17.639,6.552l1.932,0.518L14.351,26.002z"></path></svg><!----> <span><span class="underline">Update</span> on GitHub</span></a><!----> <p></p><!--]--><!----><!--]--><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
<script>
{
__sveltekit_1gqy75m = {
base: "/docs/course/pr_1349/fr",
assets: "/docs/course/pr_1349/fr"
};
const element = document.currentScript.parentElement;
Promise.all([
import("/docs/course/pr_1349/fr/_app/immutable/entry/start.C4_bSXT3.js"),
import("/docs/course/pr_1349/fr/_app/immutable/entry/app.r46_ylZM.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 70],
data: [null,null],
form: null,
error: null
});
});
}
</script>

Xet Storage Details

Size:
12.2 kB
·
Xet hash:
b5beecd65e1702183759fa1bb902d11ac62073cf1fe5550ce4c3dcca77c02fc7

Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.