course/pr_1069/fr/_app/immutable/nodes/78.80cd66cf.js

import{s as he,n as be,o as ze}from"../chunks/scheduler.37c15a92.js";import{S as we,i as Ge,g as $e,s,r as n,A as ke,h as fe,f as i,c as r,j as xe,u as a,x as Te,k as qe,y as ye,a as o,v as u,d as l,t as d,w as p}from"../chunks/index.2bf4358c.js";import{C as _e}from"../chunks/CourseFloatingBanner.6add7356.js";import{Q as m}from"../chunks/Question.668688bc.js";import{H as c,E as Pe}from"../chunks/getInferenceSnippets.24b50994.js";function Ie(ge){let $,H,V,N,f,U,g,F,v,ve="Testons ce que vous avez appris dans ce chapitre !",M,x,O,q,J,h,R,b,K,z,W,w,X,G,Y,k,Z,T,ee,y,te,_,ie,P,oe,I,se,E,re,C,ne,B,ae,S,ue,L,le,j,de,A,pe,Q,ce,D,me;return f=new c({props:{title:"Quiz de fin de chapitre",local:"quiz-de-fin-de-chapitre",headingTag:"h1"}}),g=new _e({props:{chapter:9,classNames:"absolute z-10 right-0 top-0"}}),x=new c({props:{title:"1. Que pouvez-vous faire avec <i> Gradio </i> ?",local:"1-que-pouvez-vous-faire-avec-i-gradio-i-",headingTag:"h3"}}),q=new m({props:{choices:[{text:"Créez une démo pour votre modèle d'apprentissage automatique.",explain:"Avec quelques lignes de code python, vous pouvez générer une démo pour votre modèle d'apprentissage automatique en utilisant notre bibliothèque de composants préconstruits.",correct:!0},{text:"Partagez votre modèle d'apprentissage automatique avec d'autres personnes.",explain:"En utilisant le paramètre <code>share=True</code> dans la méthode de lancement, vous pouvez générer un lien de partage à envoyer à tout le monde.",correct:!0},{text:"Déboguez votre modèle.",explain:"L'un des avantages d'une démo <i>Gradio</i> est de pouvoir tester votre modèle avec des données réelles que vous pouvez modifier et observer les prédictions du modèle changer en temps réel, ce qui vous aide à déboguer votre modèle.",correct:!0},{text:"Entraîner votre modèle.",explain:"<i>Gradio</i> est conçu pour être utilisé pour l'inférence, APRÈS que votre modèle a été entraîné."}]}}),h=new c({props:{title:"2. <i> Gradio </i> fonctionne UNIQUEMENT avec les modèles en PyTorch",local:"2-i-gradio-i-fonctionne-uniquement-avec-les-modèles-en-pytorch",headingTag:"h3"}}),b=new m({props:{choices:[{text:"Vrai",explain:"<i>Gradio</i> fonctionne avec les modèles Pytorch mais aussi pour tout type de modèle d'apprentissage automatique !"},{text:"Faux",explain:"<i>Gradio</i> est indifférent au modèle ce qui signifie que vous pouvez créer une démo pour tout type de modèle d'apprentissage automatique.",correct:!0}]}}),z=new c({props:{title:"3. D’où pouvez-vous lancer une démo <i> Gradio </i> ?",local:"3-doù-pouvez-vous-lancer-une-démo-i-gradio-i-",headingTag:"h3"}}),w=new m({props:{choices:[{text:"D'un IDE Python standard",explain:"<i>Gradio</i> fonctionne parfaitement avec votre IDE préféré.",correct:!0},{text:"De <i>notebooks</i> Google Colab",explain:"Vous pouvez créer et lancer une démo dans votre <i>notebook</i> Google Colab.",correct:!0},{text:"De <i>notebooks</i> Jupyter",explain:"Vous pouvez créer et lancer une démo dans votre <i>notebook</i> Jupyter.",correct:!0}]}}),G=new c({props:{title:"4. <i> Gradio </i> est conçu principalement pour les modèles de NLP",local:"4-i-gradio-i-est-conçu-principalement-pour-les-modèles-de-nlp",headingTag:"h3"}}),k=new m({props:{choices:[{text:"Vrai",explain:"<i>Gradio</i> fonctionne avec pratiquement tous les types de données, pas seulement avec le NLP."},{text:"Faux",explain:"<i>Gradio</i> fournit aux développeurs une bibliothèque de composants préconstruits pour pratiquement tous les types de données.",correct:!0}]}}),T=new c({props:{title:"5. Parmi les fonctionnalités suivantes, lesquelles sont prises en charge par <i> Gradio </i> ?",local:"5-parmi-les-fonctionnalités-suivantes-lesquelles-sont-prises-en-charge-par-i-gradio-i-",headingTag:"h3"}}),y=new m({props:{choices:[{text:"Entrées et sorties multiples.",explain:"Les entrées et sorties multiples sont possibles avec <i>Gradio</i>. Tout ce que vous devez faire est de passer une liste d'entrées et de sorties à leurs paramètres correspondants.",correct:!0},{text:"État pour la persistance des données.",explain:"<i>Gradio</i> est capable d'ajouter un état à votre interface.",correct:!0},{text:"Authentification par nom d'utilisateur et mot de passe.",explain:"Passez une liste de <i>tuples</i> de nom d'utilisateur/mot de passe à la méthode de lancement pour ajouter l'authentification.",correct:!0},{text:"Analyse automatique de l'utilisation de votre démo <i>Gradio</i>.",explain:"<i>Gradio</i> ne fournit pas aux développeurs des analyses sur les personnes qui utilisent leurs démos."},{text:"Chargement d'un modèle à partir du <i>Hub</i> ou de <i>Space</i>.",explain:"Charger n'importe quel modèle de <i>Hugging Face</i> en utilisant la méthode <code>gr.Interface.load()</code>.",correct:!0}]}}),_=new c({props:{title:"6. Lesquelles des méthodes suivantes sont valides pour charger un modèle à partir du <i> Hub </i> ou de <i> Space </i> ?",local:"6-lesquelles-des-méthodes-suivantes-sont-valides-pour-charger-un-modèle-à-partir-du-i-hub-i-ou-de-i-space-i-",headingTag:"h3"}}),P=new m({props:{choices:[{text:"<code>gr.Interface.load('huggingface/{user}/{model_name}')</code>",explain:"Il s'agit d'une méthode valide de chargement d'un modèle à partir du <i>Hub</i>.",correct:!0},{text:"<code>gr.Interface.load('model/{user}/{model_name}')</code>",explain:"Il s'agit d'une méthode valide de chargement d'un modèle à partir du <i>Hub</i>.",correct:!0},{text:"<code>gr.Interface.load('demos/{user}/{model_name}')</code>",explain:"Vous ne pouvez pas charger un modèle en utilisant le préfixe <code>demos</code>."},{text:"<code>gr.Interface.load('spaces/{user}/{model_name}')</code>",explain:"Il s'agit d'une méthode valide de chargement d'un modèle à partir de <i>Space</i>.",correct:!0}]}}),I=new c({props:{title:"7. Sélectionnez toutes les étapes nécessaires pour ajouter un état à votre interface <i> Gradio </i>",local:"7-sélectionnez-toutes-les-étapes-nécessaires-pour-ajouter-un-état-à-votre-interface-i-gradio-i",headingTag:"h3"}}),E=new m({props:{choices:[{text:"Passez un paramètre supplémentaire dans votre fonction de prédiction, qui représente l'état de l'interface.",explain:"Un paramètre supplémentaire stockant l'historique ou l'état de votre interface est nécessaire.",correct:!0},{text:"À la fin de la fonction de prédiction, renvoyer la valeur mise à jour de l'état comme une valeur de retour supplémentaire.",explain:"Cette valeur d'historique ou d'état doit être retournée par votre fonction.",correct:!0},{text:"Ajoutez les composants d'entrée et de sortie d'état lors de la création de votre interface.",explain:"<i>Gradio</i> fournit un composant d'entrée et de sortie d'état pour persister les données.",correct:!0}]}}),C=new c({props:{title:"8. Lesquels des éléments suivants sont des composants inclus dans la bibliothèque <i> Gradio </i> ?",local:"8-lesquels-des-éléments-suivants-sont-des-composants-inclus-dans-la-bibliothèque-i-gradio-i-",headingTag:"h3"}}),B=new m({props:{choices:[{text:"<code>Textbox</code>.",explain:"Oui, vous pouvez créer des zones de texte avec le composant <code>Textbox</code>.",correct:!0},{text:"<code>Graph</code>.",explain:"Il n'y a actuellement aucun composant <code>Graph</code>."},{text:"<code>Image</code>.",explain:"Oui, vous pouvez créer un <i>widget</i> de téléchargement d'images avec le composant <code>Image</code>.",correct:!0},{text:"<code>Audio</code>.",explain:"Oui, vous pouvez créer un <i>widget</i> de téléchargement audio avec le composant <code>Audio</code>.",correct:!0}]}}),S=new c({props:{title:"9. Qu’est-ce que les Blocks vous permet de faire ?",local:"9-quest-ce-que-les-blocks-vous-permet-de-faire-",headingTag:"h3"}}),L=new m({props:{choices:[{text:"Combiner plusieurs démos en une seule application web.",explain:"Vous pouvez utiliser la fonction <code>with gradio.Tabs():</code> pour ajouter des onglets pour plusieurs démos.",correct:!0},{text:"Attribuer des déclencheurs d'événements tels que clicked/changed/etc aux composants <code>Blocks</code>.",explain:"Lorsque vous assignez un événement, vous passez trois paramètres : <code>fn</code> qui est la fonction qui doit être appelée, <code>inputs</code> qui est la (liste) des composants d'entrée, et <code>outputs</code> qui est la (liste) des composants de sortie qui doivent être appelés.",correct:!0},{text:"Déterminer automatiquement quel composant <code>Blocks</code> doit être interactif ou statique.",explain:"En fonction des déclencheurs d'événements que vous définissez, <code>Blocks</code> détermine automatiquement si un composant doit accepter ou non les entrées de l'utilisateur..",correct:!0},{text:"Créer des démos en plusieurs étapes, c'est-à-dire vous permettre de réutiliser la sortie d'un composant comme entrée pour le suivant.",explain:"Vous pouvez utiliser un composant pour l'entrée d'un déclencheur d'événement mais la sortie d'un autre.",correct:!0}]}}),j=new c({props:{title:"10. Vous pouvez partager un lien public vers une démo <code> Blocks </code> et accueillir une démo <code> Blocks </code> sur <i> Space </i>",local:"10-vous-pouvez-partager-un-lien-public-vers-une-démo-code-blocks-code-et-accueillir-une-démo-code-blocks-code-sur-i-space-i",headingTag:"h3"}}),A=new m({props:{choices:[{text:"Vrai",explain:"Tout comme <code>Interface</code>, toutes les capacités de partage et d'hébergement sont les mêmes pour les démos basées sur <code>Blocks</code> !",correct:!0},{text:"Faux",explain:"Tout comme <code>Interface</code>, toutes les capacités de partage et d'hébergement sont les mêmes pour les démos basées sur <code>Blocks</code> !"}]}}),Q=new Pe({props:{source:"https://github.com/huggingface/course/blob/main/chapters/fr/chapter9/9.mdx"}}),{c(){$=$e("meta"),H=s(),V=$e("p"),N=s(),n(f.$$.fragment),U=s(),n(g.$$.fragment),F=s(),v=$e("p"),v.textContent=ve,M=s(),n(x.$$.fragment),O=s(),n(q.$$.fragment),J=s(),n(h.$$.fragment),R=s(),n(b.$$.fragment),K=s(),n(z.$$.fragment),W=s(),n(w.$$.fragment),X=s(),n(G.$$.fragment),Y=s(),n(k.$$.fragment),Z=s(),n(T.$$.fragment),ee=s(),n(y.$$.fragment),te=s(),n(_.$$.fragment),ie=s(),n(P.$$.fragment),oe=s(),n(I.$$.fragment),se=s(),n(E.$$.fragment),re=s(),n(C.$$.fragment),ne=s(),n(B.$$.fragment),ae=s(),n(S.$$.fragment),ue=s(),n(L.$$.fragment),le=s(),n(j.$$.fragment),de=s(),n(A.$$.fragment),pe=s(),n(Q.$$.fragment),ce=s(),D=$e("p"),this.h()},l(e){const t=ke("svelte-u9bgzb",document.head);$=fe(t,"META",{name:!0,content:!0}),t.forEach(i),H=r(e),V=fe(e,"P",{}),xe(V).forEach(i),N=r(e),a(f.$$.fragment,e),U=r(e),a(g.$$.fragment,e),F=r(e),v=fe(e,"P",{"data-svelte-h":!0}),Te(v)!=="svelte-n4p1na"&&(v.textContent=ve),M=r(e),a(x.$$.fragment,e),O=r(e),a(q.$$.fragment,e),J=r(e),a(h.$$.fragment,e),R=r(e),a(b.$$.fragment,e),K=r(e),a(z.$$.fragment,e),W=r(e),a(w.$$.fragment,e),X=r(e),a(G.$$.fragment,e),Y=r(e),a(k.$$.fragment,e),Z=r(e),a(T.$$.fragment,e),ee=r(e),a(y.$$.fragment,e),te=r(e),a(_.$$.fragment,e),ie=r(e),a(P.$$.fragment,e),oe=r(e),a(I.$$.fragment,e),se=r(e),a(E.$$.fragment,e),re=r(e),a(C.$$.fragment,e),ne=r(e),a(B.$$.fragment,e),ae=r(e),a(S.$$.fragment,e),ue=r(e),a(L.$$.fragment,e),le=r(e),a(j.$$.fragment,e),de=r(e),a(A.$$.fragment,e),pe=r(e),a(Q.$$.fragment,e),ce=r(e),D=fe(e,"P",{}),xe(D).forEach(i),this.h()},h(){qe($,"name","hf:doc:metadata"),qe($,"content",Ee)},m(e,t){ye(document.head,$),o(e,H,t),o(e,V,t),o(e,N,t),u(f,e,t),o(e,U,t),u(g,e,t),o(e,F,t),o(e,v,t),o(e,M,t),u(x,e,t),o(e,O,t),u(q,e,t),o(e,J,t),u(h,e,t),o(e,R,t),u(b,e,t),o(e,K,t),u(z,e,t),o(e,W,t),u(w,e,t),o(e,X,t),u(G,e,t),o(e,Y,t),u(k,e,t),o(e,Z,t),u(T,e,t),o(e,ee,t),u(y,e,t),o(e,te,t),u(_,e,t),o(e,ie,t),u(P,e,t),o(e,oe,t),u(I,e,t),o(e,se,t),u(E,e,t),o(e,re,t),u(C,e,t),o(e,ne,t),u(B,e,t),o(e,ae,t),u(S,e,t),o(e,ue,t),u(L,e,t),o(e,le,t),u(j,e,t),o(e,de,t),u(A,e,t),o(e,pe,t),u(Q,e,t),o(e,ce,t),o(e,D,t),me=!0},p:be,i(e){me||(l(f.$$.fragment,e),l(g.$$.fragment,e),l(x.$$.fragment,e),l(q.$$.fragment,e),l(h.$$.fragment,e),l(b.$$.fragment,e),l(z.$$.fragment,e),l(w.$$.fragment,e),l(G.$$.fragment,e),l(k.$$.fragment,e),l(T.$$.fragment,e),l(y.$$.fragment,e),l(_.$$.fragment,e),l(P.$$.fragment,e),l(I.$$.fragment,e),l(E.$$.fragment,e),l(C.$$.fragment,e),l(B.$$.fragment,e),l(S.$$.fragment,e),l(L.$$.fragment,e),l(j.$$.fragment,e),l(A.$$.fragment,e),l(Q.$$.fragment,e),me=!0)},o(e){d(f.$$.fragment,e),d(g.$$.fragment,e),d(x.$$.fragment,e),d(q.$$.fragment,e),d(h.$$.fragment,e),d(b.$$.fragment,e),d(z.$$.fragment,e),d(w.$$.fragment,e),d(G.$$.fragment,e),d(k.$$.fragment,e),d(T.$$.fragment,e),d(y.$$.fragment,e),d(_.$$.fragment,e),d(P.$$.fragment,e),d(I.$$.fragment,e),d(E.$$.fragment,e),d(C.$$.fragment,e),d(B.$$.fragment,e),d(S.$$.fragment,e),d(L.$$.fragment,e),d(j.$$.fragment,e),d(A.$$.fragment,e),d(Q.$$.fragment,e),me=!1},d(e){e&&(i(H),i(V),i(N),i(U),i(F),i(v),i(M),i(O),i(J),i(R),i(K),i(W),i(X),i(Y),i(Z),i(ee),i(te),i(ie),i(oe),i(se),i(re),i(ne),i(ae),i(ue),i(le),i(de),i(pe),i(ce),i(D)),i($),p(f,e),p(g,e),p(x,e),p(q,e),p(h,e),p(b,e),p(z,e),p(w,e),p(G,e),p(k,e),p(T,e),p(y,e),p(_,e),p(P,e),p(I,e),p(E,e),p(C,e),p(B,e),p(S,e),p(L,e),p(j,e),p(A,e),p(Q,e)}}}const Ee='{"title":"Quiz de fin de chapitre","local":"quiz-de-fin-de-chapitre","sections":[{"title":"1. Que pouvez-vous faire avec <i> Gradio </i> ?","local":"1-que-pouvez-vous-faire-avec-i-gradio-i-","sections":[],"depth":3},{"title":"2. <i> Gradio </i> fonctionne UNIQUEMENT avec les modèles en PyTorch","local":"2-i-gradio-i-fonctionne-uniquement-avec-les-modèles-en-pytorch","sections":[],"depth":3},{"title":"3. D’où pouvez-vous lancer une démo <i> Gradio </i> ?","local":"3-doù-pouvez-vous-lancer-une-démo-i-gradio-i-","sections":[],"depth":3},{"title":"4. <i> Gradio </i> est conçu principalement pour les modèles de NLP","local":"4-i-gradio-i-est-conçu-principalement-pour-les-modèles-de-nlp","sections":[],"depth":3},{"title":"5. Parmi les fonctionnalités suivantes, lesquelles sont prises en charge par <i> Gradio </i> ?","local":"5-parmi-les-fonctionnalités-suivantes-lesquelles-sont-prises-en-charge-par-i-gradio-i-","sections":[],"depth":3},{"title":"6. Lesquelles des méthodes suivantes sont valides pour charger un modèle à partir du <i> Hub </i> ou de <i> Space </i> ?","local":"6-lesquelles-des-méthodes-suivantes-sont-valides-pour-charger-un-modèle-à-partir-du-i-hub-i-ou-de-i-space-i-","sections":[],"depth":3},{"title":"7. Sélectionnez toutes les étapes nécessaires pour ajouter un état à votre interface <i> Gradio </i>","local":"7-sélectionnez-toutes-les-étapes-nécessaires-pour-ajouter-un-état-à-votre-interface-i-gradio-i","sections":[],"depth":3},{"title":"8. Lesquels des éléments suivants sont des composants inclus dans la bibliothèque <i> Gradio </i> ?","local":"8-lesquels-des-éléments-suivants-sont-des-composants-inclus-dans-la-bibliothèque-i-gradio-i-","sections":[],"depth":3},{"title":"9. Qu’est-ce que les Blocks vous permet de faire ?","local":"9-quest-ce-que-les-blocks-vous-permet-de-faire-","sections":[],"depth":3},{"title":"10. Vous pouvez partager un lien public vers une démo <code> Blocks </code> et accueillir une démo <code> Blocks </code> sur <i> Space </i>","local":"10-vous-pouvez-partager-un-lien-public-vers-une-démo-code-blocks-code-et-accueillir-une-démo-code-blocks-code-sur-i-space-i","sections":[],"depth":3}],"depth":1}';function Ce(ge){return ze(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Qe extends we{constructor($){super(),Ge(this,$,Ce,Ie,he,{})}}export{Qe as component};