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