import{S as tr,i as rr,s as ar,e as o,k as c,w as yt,t as a,M as sr,c as i,d as r,m as d,a as l,x as xt,h as s,b as p,N as $t,G as t,g as u,y as Gt,q as kt,o as St,B as It,v as or}from"../../chunks/vendor-hf-doc-builder.js";import{T as ir}from"../../chunks/Tip-hf-doc-builder.js";import{I as lr}from"../../chunks/IconCopyLink-hf-doc-builder.js";import{C as nr}from"../../chunks/CourseFloatingBanner-hf-doc-builder.js";function ur(ne){let f,h,g,q;return{c(){f=a("\u{1F440} Consultez "),h=o("a"),g=a("Hugging Face Spaces"),q=a(" pour voir de nombreux exemples r\xE9cents de d\xE9mos d'apprentissage automatique construites par la communaut\xE9 !"),this.h()},l(m){f=s(m,"\u{1F440} Consultez "),h=i(m,"A",{href:!0,target:!0});var v=l(h);g=s(v,"Hugging Face Spaces"),v.forEach(r),q=s(m," pour voir de nombreux exemples r\xE9cents de d\xE9mos d'apprentissage automatique construites par la communaut\xE9 !"),this.h()},h(){p(h,"href","https://huggingface.co/spaces"),p(h,"target","_blank")},m(m,v){u(m,f,v),u(m,h,v),t(h,g),u(m,q,v)},d(m){m&&r(f),m&&r(h),m&&r(q)}}}function pr(ne){let f,h,g,q,m,v,Ne,z,Pe,K,Le,ue,N,pe,k,Re,Q,Te,Ae,ce,M,Ue,de,E,P,ze,W,Me,Oe,Ce,L,Fe,X,He,Be,De,$,Ve,Y,Je,je,Z,Ke,Qe,We,R,Xe,ee,Ye,Ze,me,y,et,te,tt,rt,re,at,st,fe,O,ot,ve,C,T,it,ae,lt,nt,he,_,Nt,ge,F,G,ut,se,pt,ct,H,dt,mt,qe,b,Pt,_e,B,A,ft,oe,vt,ht,be,w,Lt,we,x,gt,ie,qt,_t,le,bt,wt,Ee,S,ye;return v=new lr({}),N=new nr({props:{chapter:9,classNames:"absolute z-10 right-0 top-0"}}),S=new ir({props:{$$slots:{default:[ur]},$$scope:{ctx:ne}}}),{c(){f=o("meta"),h=c(),g=o("h1"),q=o("a"),m=o("span"),yt(v.$$.fragment),Ne=c(),z=o("span"),Pe=a("Introduction \xE0 "),K=o("i"),Le=a("Gradio"),ue=c(),yt(N.$$.fragment),pe=c(),k=o("p"),Re=a("Dans ce chapitre, nous allons apprendre \xE0 construire des "),Q=o("strong"),Te=a("d\xE9mos interactives"),Ae=a(" pour vos mod\xE8les d\u2019apprentissage automatique."),ce=c(),M=o("p"),Ue=a("Pourquoi construire une d\xE9mo ou une interface graphique pour votre mod\xE8le d\u2019apprentissage automatique ? Les d\xE9mos permettent :"),de=c(),E=o("ul"),P=o("li"),ze=a("aux "),W=o("strong"),Me=a("d\xE9veloppeurs en apprentissage automatique"),Oe=a(" de pr\xE9senter facilement leur travail \xE0 un large public, y compris des \xE9quipes non techniques ou des clients."),Ce=c(),L=o("li"),Fe=a("aux "),X=o("strong"),He=a("chercheurs"),Be=a(" de reproduire plus facilement les mod\xE8les d\u2019apprentissage automatique et leur comportement."),De=c(),$=o("li"),Ve=a("aux "),Y=o("strong"),Je=a("testeurs qualit\xE9"),je=a(" ou "),Z=o("strong"),Ke=a("utilisateurs finaux"),Qe=a(" d\u2019identifier et de d\xE9boguer plus facilement les points de d\xE9faillance des mod\xE8les."),We=c(),R=o("li"),Xe=a("aux "),ee=o("strong"),Ye=a("utilisateurs divers"),Ze=a(" de d\xE9couvrir les biais algorithmiques des mod\xE8les."),me=c(),y=o("p"),et=a("Nous utiliserons la biblioth\xE8que "),te=o("em"),tt=a("Gradio"),rt=a(" pour construire des d\xE9mos pour nos mod\xE8les. "),re=o("em"),at=a("Gradio"),st=a(" vous permet de construire, de personnaliser et de partager des d\xE9mos en ligne pour n\u2019importe quel mod\xE8le d\u2019apprentissage automatique. Et cela enti\xE8rement en Python."),fe=c(),O=o("p"),ot=a("Voici quelques exemples de d\xE9mos d\u2019apprentissage automatique construites avec Gradio :"),ve=c(),C=o("ul"),T=o("li"),it=a("Un mod\xE8le de "),ae=o("strong"),lt=a("reconnaissance de croquis"),nt=a(" qui prend un croquis et produit des \xE9tiquettes de ce qu\u2019il pense \xEAtre dessin\xE9 :"),he=c(),_=o("iframe"),ge=c(),F=o("ul"),G=o("li"),ut=a("Un mod\xE8le extractif de "),se=o("strong"),pt=a("r\xE9ponse \xE0 une question"),ct=a(" qui prend en entr\xE9e un paragraphe de contexte et une requ\xEAte et produit une r\xE9ponse et un score de probabilit\xE9 (nous avons discut\xE9 de ce type de mod\xE8le "),H=o("a"),dt=a("au chapitre 7"),mt=a(") :"),qe=c(),b=o("iframe"),_e=c(),B=o("ul"),A=o("li"),ft=a("Un mod\xE8le de "),oe=o("strong"),vt=a("suppression de l\u2019arri\xE8re-plan"),ht=a(" qui prend une image et la restitue avec l\u2019arri\xE8re-plan supprim\xE9 :"),be=c(),w=o("iframe"),we=c(),x=o("p"),gt=a("Ce chapitre est divis\xE9 en sections qui comprennent \xE0 la fois des "),ie=o("em"),qt=a("concepts"),_t=a(" et des "),le=o("em"),bt=a("applications"),wt=a(". Apr\xE8s avoir appris le concept dans chaque section, vous l\u2019appliquerez pour construire un type particulier de d\xE9mo, allant de la classification d\u2019images \xE0 la reconnaissance vocale. \xC0 la fin de ce chapitre, vous serez en mesure de cr\xE9er ces d\xE9mos (et bien d\u2019autres !) en quelques lignes de code Python seulement."),Ee=c(),yt(S.$$.fragment),this.h()},l(e){const n=sr('[data-svelte="svelte-1phssyn"]',document.head);f=i(n,"META",{name:!0,content:!0}),n.forEach(r),h=d(e),g=i(e,"H1",{class:!0});var U=l(g);q=i(U,"A",{id:!0,class:!0,href:!0});var Rt=l(q);m=i(Rt,"SPAN",{});var Tt=l(m);xt(v.$$.fragment,Tt),Tt.forEach(r),Rt.forEach(r),Ne=d(U),z=i(U,"SPAN",{});var Et=l(z);Pe=s(Et,"Introduction \xE0 "),K=i(Et,"I",{});var At=l(K);Le=s(At,"Gradio"),At.forEach(r),Et.forEach(r),U.forEach(r),ue=d(e),xt(N.$$.fragment,e),pe=d(e),k=i(e,"P",{});var xe=l(k);Re=s(xe,"Dans ce chapitre, nous allons apprendre \xE0 construire des "),Q=i(xe,"STRONG",{});var Ut=l(Q);Te=s(Ut,"d\xE9mos interactives"),Ut.forEach(r),Ae=s(xe," pour vos mod\xE8les d\u2019apprentissage automatique."),xe.forEach(r),ce=d(e),M=i(e,"P",{});var zt=l(M);Ue=s(zt,"Pourquoi construire une d\xE9mo ou une interface graphique pour votre mod\xE8le d\u2019apprentissage automatique ? Les d\xE9mos permettent :"),zt.forEach(r),de=d(e),E=i(e,"UL",{});var I=l(E);P=i(I,"LI",{});var $e=l(P);ze=s($e,"aux "),W=i($e,"STRONG",{});var Mt=l(W);Me=s(Mt,"d\xE9veloppeurs en apprentissage automatique"),Mt.forEach(r),Oe=s($e," de pr\xE9senter facilement leur travail \xE0 un large public, y compris des \xE9quipes non techniques ou des clients."),$e.forEach(r),Ce=d(I),L=i(I,"LI",{});var Ge=l(L);Fe=s(Ge,"aux "),X=i(Ge,"STRONG",{});var Ot=l(X);He=s(Ot,"chercheurs"),Ot.forEach(r),Be=s(Ge," de reproduire plus facilement les mod\xE8les d\u2019apprentissage automatique et leur comportement."),Ge.forEach(r),De=d(I),$=i(I,"LI",{});var D=l($);Ve=s(D,"aux "),Y=i(D,"STRONG",{});var Ct=l(Y);Je=s(Ct,"testeurs qualit\xE9"),Ct.forEach(r),je=s(D," ou "),Z=i(D,"STRONG",{});var Ft=l(Z);Ke=s(Ft,"utilisateurs finaux"),Ft.forEach(r),Qe=s(D," d\u2019identifier et de d\xE9boguer plus facilement les points de d\xE9faillance des mod\xE8les."),D.forEach(r),We=d(I),R=i(I,"LI",{});var ke=l(R);Xe=s(ke,"aux "),ee=i(ke,"STRONG",{});var Ht=l(ee);Ye=s(Ht,"utilisateurs divers"),Ht.forEach(r),Ze=s(ke," de d\xE9couvrir les biais algorithmiques des mod\xE8les."),ke.forEach(r),I.forEach(r),me=d(e),y=i(e,"P",{});var V=l(y);et=s(V,"Nous utiliserons la biblioth\xE8que "),te=i(V,"EM",{});var Bt=l(te);tt=s(Bt,"Gradio"),Bt.forEach(r),rt=s(V," pour construire des d\xE9mos pour nos mod\xE8les. "),re=i(V,"EM",{});var Dt=l(re);at=s(Dt,"Gradio"),Dt.forEach(r),st=s(V," vous permet de construire, de personnaliser et de partager des d\xE9mos en ligne pour n\u2019importe quel mod\xE8le d\u2019apprentissage automatique. Et cela enti\xE8rement en Python."),V.forEach(r),fe=d(e),O=i(e,"P",{});var Vt=l(O);ot=s(Vt,"Voici quelques exemples de d\xE9mos d\u2019apprentissage automatique construites avec Gradio :"),Vt.forEach(r),ve=d(e),C=i(e,"UL",{});var Jt=l(C);T=i(Jt,"LI",{});var Se=l(T);it=s(Se,"Un mod\xE8le de "),ae=i(Se,"STRONG",{});var jt=l(ae);lt=s(jt,"reconnaissance de croquis"),jt.forEach(r),nt=s(Se," qui prend un croquis et produit des \xE9tiquettes de ce qu\u2019il pense \xEAtre dessin\xE9 :"),Se.forEach(r),Jt.forEach(r),he=d(e),_=i(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),l(_).forEach(r),ge=d(e),F=i(e,"UL",{});var Kt=l(F);G=i(Kt,"LI",{});var J=l(G);ut=s(J,"Un mod\xE8le extractif de "),se=i(J,"STRONG",{});var Qt=l(se);pt=s(Qt,"r\xE9ponse \xE0 une question"),Qt.forEach(r),ct=s(J," qui prend en entr\xE9e un paragraphe de contexte et une requ\xEAte et produit une r\xE9ponse et un score de probabilit\xE9 (nous avons discut\xE9 de ce type de mod\xE8le "),H=i(J,"A",{href:!0});var Wt=l(H);dt=s(Wt,"au chapitre 7"),Wt.forEach(r),mt=s(J,") :"),J.forEach(r),Kt.forEach(r),qe=d(e),b=i(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),l(b).forEach(r),_e=d(e),B=i(e,"UL",{});var Xt=l(B);A=i(Xt,"LI",{});var Ie=l(A);ft=s(Ie,"Un mod\xE8le de "),oe=i(Ie,"STRONG",{});var Yt=l(oe);vt=s(Yt,"suppression de l\u2019arri\xE8re-plan"),Yt.forEach(r),ht=s(Ie," qui prend une image et la restitue avec l\u2019arri\xE8re-plan supprim\xE9 :"),Ie.forEach(r),Xt.forEach(r),be=d(e),w=i(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),l(w).forEach(r),we=d(e),x=i(e,"P",{});var j=l(x);gt=s(j,"Ce chapitre est divis\xE9 en sections qui comprennent \xE0 la fois des "),ie=i(j,"EM",{});var Zt=l(ie);qt=s(Zt,"concepts"),Zt.forEach(r),_t=s(j," et des "),le=i(j,"EM",{});var er=l(le);bt=s(er,"applications"),er.forEach(r),wt=s(j,". Apr\xE8s avoir appris le concept dans chaque section, vous l\u2019appliquerez pour construire un type particulier de d\xE9mo, allant de la classification d\u2019images \xE0 la reconnaissance vocale. \xC0 la fin de ce chapitre, vous serez en mesure de cr\xE9er ces d\xE9mos (et bien d\u2019autres !) en quelques lignes de code Python seulement."),j.forEach(r),Ee=d(e),xt(S.$$.fragment,e),this.h()},h(){p(f,"name","hf:doc:metadata"),p(f,"content",JSON.stringify(cr)),p(q,"id","introduction-igradioi"),p(q,"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"),p(q,"href","#introduction-igradioi"),p(g,"class","relative group"),$t(_.src,Nt="https://hf.space/gradioiframe/abidlabs/draw2/+")||p(_,"src",Nt),p(_,"frameborder","0"),p(_,"height","400"),p(_,"title","Gradio app"),p(_,"class","container p-0 flex-grow space-iframe"),p(_,"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"),p(_,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),p(H,"href","/course/fr/chapter7/7"),$t(b.src,Pt="https://hf.space/gradioiframe/abidlabs/question-answering-simple/+")||p(b,"src",Pt),p(b,"frameborder","0"),p(b,"height","640"),p(b,"title","Gradio app"),p(b,"class","container p-0 flex-grow space-iframe"),p(b,"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"),p(b,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),$t(w.src,Lt="https://hf.space/gradioiframe/abidlabs/remove-bg/+")||p(w,"src",Lt),p(w,"frameborder","0"),p(w,"height","640"),p(w,"title","Gradio app"),p(w,"class","container p-0 flex-grow space-iframe"),p(w,"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"),p(w,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(e,n){t(document.head,f),u(e,h,n),u(e,g,n),t(g,q),t(q,m),Gt(v,m,null),t(g,Ne),t(g,z),t(z,Pe),t(z,K),t(K,Le),u(e,ue,n),Gt(N,e,n),u(e,pe,n),u(e,k,n),t(k,Re),t(k,Q),t(Q,Te),t(k,Ae),u(e,ce,n),u(e,M,n),t(M,Ue),u(e,de,n),u(e,E,n),t(E,P),t(P,ze),t(P,W),t(W,Me),t(P,Oe),t(E,Ce),t(E,L),t(L,Fe),t(L,X),t(X,He),t(L,Be),t(E,De),t(E,$),t($,Ve),t($,Y),t(Y,Je),t($,je),t($,Z),t(Z,Ke),t($,Qe),t(E,We),t(E,R),t(R,Xe),t(R,ee),t(ee,Ye),t(R,Ze),u(e,me,n),u(e,y,n),t(y,et),t(y,te),t(te,tt),t(y,rt),t(y,re),t(re,at),t(y,st),u(e,fe,n),u(e,O,n),t(O,ot),u(e,ve,n),u(e,C,n),t(C,T),t(T,it),t(T,ae),t(ae,lt),t(T,nt),u(e,he,n),u(e,_,n),u(e,ge,n),u(e,F,n),t(F,G),t(G,ut),t(G,se),t(se,pt),t(G,ct),t(G,H),t(H,dt),t(G,mt),u(e,qe,n),u(e,b,n),u(e,_e,n),u(e,B,n),t(B,A),t(A,ft),t(A,oe),t(oe,vt),t(A,ht),u(e,be,n),u(e,w,n),u(e,we,n),u(e,x,n),t(x,gt),t(x,ie),t(ie,qt),t(x,_t),t(x,le),t(le,bt),t(x,wt),u(e,Ee,n),Gt(S,e,n),ye=!0},p(e,[n]){const U={};n&2&&(U.$$scope={dirty:n,ctx:e}),S.$set(U)},i(e){ye||(kt(v.$$.fragment,e),kt(N.$$.fragment,e),kt(S.$$.fragment,e),ye=!0)},o(e){St(v.$$.fragment,e),St(N.$$.fragment,e),St(S.$$.fragment,e),ye=!1},d(e){r(f),e&&r(h),e&&r(g),It(v),e&&r(ue),It(N,e),e&&r(pe),e&&r(k),e&&r(ce),e&&r(M),e&&r(de),e&&r(E),e&&r(me),e&&r(y),e&&r(fe),e&&r(O),e&&r(ve),e&&r(C),e&&r(he),e&&r(_),e&&r(ge),e&&r(F),e&&r(qe),e&&r(b),e&&r(_e),e&&r(B),e&&r(be),e&&r(w),e&&r(we),e&&r(x),e&&r(Ee),It(S,e)}}}const cr={local:"introduction-igradioi",title:"Introduction \xE0 <i>Gradio</i>"};function dr(ne){return or(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class gr extends tr{constructor(f){super();rr(this,f,dr,pr,ar,{})}}export{gr as default,cr as metadata};
