How to Make a Cool App with Gradio!

Salut, mes codeurs ! Je reviens avec quelque chose de différent de mon contenu habituel. Aujourd'hui, nous allons découvrir Gradio ! C'est comme par magie de créer des applications qui aident les gens à parler à un ordinateur.

Maintenant, vous vous demandez peut-être quel est ce gradio ?

Qu'est-ce que Gradio ?

Imaginez Gradio comme une baguette magique pour créer des applications. Imaginez avoir un robot de compagnie et vous voulez lui poser des questions ou lui montrer des photos, et il vous répond ! Gradio vous aide à créer une interface dans laquelle vous pouvez taper des choses ou donner des images, et l'ordinateur peut y répondre.

Vous n'avez pas besoin d'en savoir beaucoup sur le codage pour commencer. C’est très basique et facile à utiliser. Voyons comment vous pouvez l'utiliser !

Étape 1 : Configuration de Gradio

Avant de commencer, nous devons dire à l'ordinateur d'installer Gradio.

1. Ouvrez votre terminal.

2. Tapez ceci dans le terminal :

pip installer gradio

Cette commande vous aidera à installer gradio et à le configurer pour vous. Vous êtes maintenant prêt à créer des applications !

Étape 2 : Créer une application super simple

Créons notre toute première application ! Dans cette application, l'ordinateur vous demandera votre nom et vous dira bonjour. Ça a l’air amusant, n’est-ce pas ?

Écrivez ce code :

importer gradio en tant que gr

def saluer(nom):
return "Bonjour, "nom"!"

iface = gr.Interface(fn=greet, inputs="text", outputs="text")
iface.launch()

Maintenant, vous devez réfléchir à ce qui se passe dans ce code. Décomposons-le :

1. importer gradio en tant que gr : c'est comme dire à un ordinateur d'utiliser gradio pour créer une application.

2. def greet(name) : C'est la fonction qui vous demande votre nom et vous renverra Bonjour avec votre nom.

3. iface = gr.Interface(fn=greet, inputs="text", outputs="text") : Cette partie indique à gradio comment créer l'application. Il prendra du texte en entrée et renverra du texte en sortie.

4. iface.launch() : Cela nous aide à démarrer l'application.

Maintenant, exécutez votre code, vous verrez une boîte dans laquelle vous pourrez écrire votre nom et l'ordinateur vous accueillera. N'est-ce pas cool, essaie de taper ton nom.

Étape 3 : Rendre le tout plus amusant avec des images !

Rendons l'application plus cool en ajoutant des images ! En cela, nous montrerons à l'ordinateur quelques images et lui demanderons de l'identifier.

Nous utiliserons un modèle d'apprentissage automatique qui sait déjà à quoi ressemblent de nombreux animaux.

Écrivez ce code :

importer gradio en tant que gr
à partir de tensorflow.keras.applications.resnet50 importer ResNet50, decode_predictions, preprocess_input
à partir de l'image d'importation tensorflow.keras.preprocessing
importer numpy en tant que np

modèle = ResNet50(weights="imagenet")

def classify_image(img):
img = image.img_to_array(img)
img = np.expand_dims(img, axis=0)
img = preprocess_input(img)
preds = modèle.predict(img)
return decode_predictions(preds, top=1)[0][0][1]

iface = gr.Interface(fn=classify_image, inputs="image", outputs="label")
iface.launch()

Décomposons ce code, pour mieux comprendre ses fonctionnalités :

1. Chargement du modèle : Nous téléchargeons ResNet50 comme cerveau de notre ordinateur, cela aide l'ordinateur à deviner ce qu'il y a dans votre photo.

2. classify_image : Cette fonction prend l'image et devine ce qu'elle voit.

3. inputs="image": Maintenant, ici, au lieu de texte, notre application demande une image en entrée.

Vous pouvez maintenant exécuter le code, télécharger une image et laisser l'ordinateur la deviner. Vous pouvez y télécharger n'importe quoi.

Étape 4 : Partagez votre application avec des amis !

Maintenant que vous avez créé une application sympa, partageons-la maintenant avec votre réseau et vos amis. Gradio rend cela très simple en vous offrant un lien spécial que vous pouvez partager avec n'importe qui dans le monde !

Voici comment procéder :

Changez la dernière partie de votre code par ceci :

iface.launch(share=True)

Lorsque vous exécutez ce code, Gradio vous donnera un lien que vous pourrez envoyer à vos amis. Ils peuvent ouvrir le lien dans leur navigateur et jouer avec votre application, tout comme vous !

Étape 5 : Ajouter des fonctionnalités plus amusantes

Vous pouvez personnaliser votre application gradio comme vous le souhaitez, voyons quelques façons de rendre votre application plus amusante :

1. Modifier le titre et la description

Vous pouvez donner à votre application un bon titre et une bonne description pour la rendre plus interactive.

iface = gr.Interface(
fn=classify_image,
inputs="image",
sorties="étiquette",
title="Classificateur d'animaux",
description="Téléchargez une image et je devinerai de quel animal il s'agit !"
)
iface.launch()

Now your app looks way more cooler it has a name and a description now which makes it look more professional.

2.Use More Inputs and Outputs

What if you want to give computer more information? Maybe you want to show it both a picture and type some text, Gradio can handle that too!

Here’s how you can make an app with both an image and text as input:

iface = gr.Interface(
fn=classify_image,
inputs=["image", "text"],
outputs="label"
)
iface.launch()

Now your app will take both an image and some text. It’s like your computer just got smarter!

Conclusion

Wow! You have just learned how to make cool apps using Gradio! You can make a lot of apps using it and it makes coding really fun. You can explore more about it here.

I hope you enjoyed this blog, if you did don't forget to follow me on Linkedin and Github. Come on I also deserve some fame and if you don't please criticise me in comments.

Happy Coding!!

The above is the detailed content of How to Make a Cool App with Gradio!. For more information, please follow other related articles on the PHP Chinese website!