OpenAI API : Programmation de chats basés sur l'IA, d'assistants de vente et de jeux d'aventure textuels. Langue: Allemand

OpenAI API : Programmer des chats basés sur l'IA, des assistants de vente et des text adventures

KI & Tendances, Webdesign, CMS & Développement 36 Vidéos · 3.5 h Formation vidéo · Français Stephan Haewß par Stephan Haewß

Tu aimerais développer des chats basés sur l'IA qui puissent interagir avec tes utilisateurs - de manière similaire à ChatGPT ? Dans ce cours, le développeur Stephan Haewß te montrera comment intégrer l'API d'OpenAPI à tes besoins. À travers trois exemples (un chat, un assistant de vente pour les boutiques en ligne et un jeu d'aventure textuel), tu apprendras à faire en sorte que tes sites web et applications puissent répondre de manière appropriée aux questions de tes utilisateurs.

  • Comment faire parler le LLM d'OpenAI sur vos sites Web, boutiques en ligne et jeux
  • La puissance derrière ChatGPT - comment intégrer l'API d'OpenAI à vos développements
  • Exemple de chat : Programme des applications de chat basées sur l'IA qui interagissent avec tes utilisateurs
  • Exemple de jeu d'aventure textuel : développer un jeu dans lequel les PNJ donnent des réponses générées par l'IA.
  • Exemple Assistant de vente : Ainsi, votre boutique en ligne communique avec vos utilisateurs sur les produits.
  • Programmer des chats basés sur l'IA - un tutoriel de plus de trois heures de Stephan Haewß.

Texte généré par intelligence artificielle - apprends maintenant comment l'intégrer de manière ciblée et spécifique dans tes applications.

Contenu

36 Vidéos, 209 Minutes

Introduction au cours

1 Vidéos · 3 Minutes
01 Ouvert Gratuit

Que peux-tu attendre du cours?

Ceci t'attend dans ce cours sur l'API OpenAI.

01

Que peux-tu attendre du cours?

3 min Ouvert

Introduction

3 Vidéos · 16 Minutes
02 Ouvert Gratuit

OpenAI API: 2.1 | Outils que nous utiliserons.

Dans cette vidéo, l'accent est mis sur les outils utilisés et les compétences requises.

03 Ouvert Gratuit

API OpenAI : 2.2 | La plateforme OpenAI.

Ici, il s'agit de la plateforme OpenAI et comment l'utiliser.

04 Ouvert

OpenAI API: 2.3 | IMPORTANT : Mise à jour de l'API OpenAI et d'AstroJS

Ici, il s'agit de la mise à jour d'OpenAI. Découvre les changements qui ont été apportés. Dans le fichier du projet, tout l'essentiel est résumé une fois de plus.

02

OpenAI API: 2.1 | Outils que nous utiliserons.

4 min Ouvert
03

API OpenAI : 2.2 | La plateforme OpenAI.

5 min Ouvert
04

OpenAI API: 2.3 | IMPORTANT : Mise à jour de l'API OpenAI et d'AstroJS

7 min Ouvert

Programmer une application de chat

11 Vidéos · 68 Minutes
05 Ouvert

OpenAI API: 3.1 | Création du projet de base AstroJS

Nous créons notre premier projet avec npm create astro et examinons la structure du produit.

06 Ouvert

OpenAI API: 3.2 | Ajouter React à notre projet

Comme nous utilisons React pour notre interface utilisateur, Astro JS doit d'abord être habilité à utiliser des composants React.

07 Ouvert

OpenAI API: 3.3 | Ajout d'un point final au serveur

Notre point final pour le service de chat sera une requête get- vers l'URL /api/chat. Nous mettrons en place ce point final dans cette vidéo.

08 Ouvert

OpenAI API: 3.4 | Préparation de l'appel à l'API OpenAI

Pour les appels à l'API OpenAI, nous avons besoin en plus d'une clé API que nous pouvons générer via notre compte sur la plateforme OpenAI, du package openai-npm.

09 Ouvert

API OpenAI : 3.5 | Transmission de la notification utilisateur à l'API OpenAI

Pour tester, nous avons utilisé un texte fixe sur le serveur. Ici, nous voulons utiliser pour la première fois le texte envoyé par le navigateur dans l'URL en tant que paramètre de requête.

10 Ouvert

OpenAI API: 3.6 | Interface utilisateur de base en React

Discuter uniquement via l'URL dans la barre d'adresse du navigateur n'est pas une solution durable. C'est pourquoi dans cette vidéo, nous créons une interface utilisateur React rudimentaire qui permet la saisie du texte du chat.

11 Ouvert

OpenAI API: 3.7 | Enregistrement de l'historique du chat

Nous n'avons pas encore de vraie discussion, nous recevons juste une question et sa réponse. Pour avoir une conversation fructueuse avec le LLM, il faut se souvenir de l'historique de la discussion.

12 Ouvert

OpenAI API: 3.8 | Réinitialisation de la conversation

Parfois, on a juste envie de recommencer à zéro et d'oublier ce qui a été dit. Afin d'éviter de devoir redémarrer le serveur pour cela, nous utilisons un ID de chat pour réinitialiser l'historique du chat sur le serveur.

13 Ouvert

OpenAI API: 3.9 | Améliorer l'expérience utilisateur

Jusqu'à présent, le chat était encore très rudimentaire. Ici, quelques améliorations sont intégrées pour pousser notre application de chat un peu plus vers ChatGPT.

14 Ouvert

API OpenAI : 3.10 | Embellir le chatbot

La conversation n'était pas facile à lire jusqu'à présent et elle sera rendue un peu plus "belle" dans cette vidéo.

15 Ouvert

API OpenAI : 3.11 | Résumé : Première application de chat

Maintenant notre première application de chat est terminée et il y a encore beaucoup à faire si l'on veut rivaliser avec ChatGPT. ;-) Si vous ne souhaitez pas le faire, vous pouvez passer à un nouveau projet dans la section suivante.

05

OpenAI API: 3.1 | Création du projet de base AstroJS

5 min Ouvert
06

OpenAI API: 3.2 | Ajouter React à notre projet

5 min Ouvert
07

OpenAI API: 3.3 | Ajout d'un point final au serveur

4 min Ouvert
08

OpenAI API: 3.4 | Préparation de l'appel à l'API OpenAI

11 min Ouvert
09

API OpenAI : 3.5 | Transmission de la notification utilisateur à l'API OpenAI

5 min Ouvert
10

OpenAI API: 3.6 | Interface utilisateur de base en React

7 min Ouvert
11

OpenAI API: 3.7 | Enregistrement de l'historique du chat

8 min Ouvert
12

OpenAI API: 3.8 | Réinitialisation de la conversation

5 min Ouvert
13

OpenAI API: 3.9 | Améliorer l'expérience utilisateur

9 min Ouvert
14

API OpenAI : 3.10 | Embellir le chatbot

7 min Ouvert
15

API OpenAI : 3.11 | Résumé : Première application de chat

2 min Ouvert

Chat IA dans un jeu d'aventure textuel

13 Vidéos · 81 Minutes
16 Ouvert

OpenAI API: 4.1 | Création du projet

Nous lançons le nouveau projet et utilisons notre première application de chat.

17 Ouvert

OpenAI API: 4.2 | L'histoire

Un jeu a besoin d'une histoire. Dans cette vidéo, je présente mon idée et je fais les premières préparations pour la navigation à travers le jeu.

18 Ouvert

OpenAI API: 4.3 | Préparer les quêtes

Trois quêtes (chats) que le joueur doit réussir pour atteindre la fin (provisoire) du jeu. Je prépare cela dans cette vidéo.

19 Ouvert

OpenAI API: 4.4 | La première conversation d'IA

Le barman est le premier interlocuteur dans ce jeu et est "réveillé à la vie" dans cette vidéo.

20 Ouvert

OpenAI API: 4.5 | Système de saisie pour le barman

Jusqu'à présent, le barman était un peu perdu quant à son rôle dans le jeu. Nous remédions à cela en intégrant le premier système de prompt.

21 Ouvert

OpenAI API: 4.6 | Appels de fonctions

Notre partenaire de chat s'est investi dans son rôle de barman, mais dans le programme, nous ne savons pas encore si la quête a été accomplie par le joueur. Pour cela, des appels de fonction peuvent être utiles, que le LLM peut effectuer de lui-même s'il le juge approprié. Nous devons nous assurer qu'il le fasse.

22 Ouvert

OpenAI API : 4.7 | Appels de fonction : Fourniture du résultat

Les appels de fonction peuvent avoir des valeurs de retour et nous devons également les transmettre à l'IA, ce que nous faisons dans cette vidéo.

23 Ouvert

Marquer la quête comme terminée.

Le client (navigateur) doit être informé que la quête a été accomplie, car ensuite le joueur pourra également parler au Dr Owen et se rapprocher de son objectif.

24 Ouvert

OpenAI API: 4.9 | Quitter le chat

Aussi belle que soit la conversation, elle doit prendre fin, mais comment gérons-nous cela dans le programme? Par un simple appel de fonction, bien sûr.

25 Ouvert

Parler avec le Dr Owen

Enfin, le joueur peut parler à l'expert en IA pour connaître de lui la solution de la dernière énigme.

26 Ouvert

OpenAI API: 4.11 | Démarrer une nouvelle discussion sur le serveur

Le barman et le Dr. Owen sont deux personnages différents et ne doivent donc pas partager d'historique de chat. Nous devrions donc créer un nouvel historique de chat pour le Dr. Owen.

27 Ouvert

OpenAI API: 4.12 | Mettre en place une nouvelle fonction de quête pour le Dr. Owen

Dr. Owen a besoin d'une fonction pour savoir si le joueur a posé une question sur la solution de son petit problème de robot de sécurité et a reçu une réponse. Il obtient cela dans cette vidéo.

28 Ouvert

OpenAI API : 4.13 | Chat avec le robot de sécurité.

Notre adversaire final dans ce jeu est le robot de sécurité qui ne voulait jamais nous laisser passer. Maintenant, le joueur a le pouvoir ou plutôt la connaissance de le tromper finalement.

16

OpenAI API: 4.1 | Création du projet

5 min Ouvert
17

OpenAI API: 4.2 | L'histoire

6 min Ouvert
18

OpenAI API: 4.3 | Préparer les quêtes

5 min Ouvert
19

OpenAI API: 4.4 | La première conversation d'IA

4 min Ouvert
20

OpenAI API: 4.5 | Système de saisie pour le barman

9 min Ouvert
21

OpenAI API: 4.6 | Appels de fonctions

6 min Ouvert
22

OpenAI API : 4.7 | Appels de fonction : Fourniture du résultat

6 min Ouvert
23

Marquer la quête comme terminée.

4 min Ouvert
24

OpenAI API: 4.9 | Quitter le chat

9 min Ouvert
25

Parler avec le Dr Owen

4 min Ouvert
26

OpenAI API: 4.11 | Démarrer une nouvelle discussion sur le serveur

8 min Ouvert
27

OpenAI API: 4.12 | Mettre en place une nouvelle fonction de quête pour le Dr. Owen

6 min Ouvert
28

OpenAI API : 4.13 | Chat avec le robot de sécurité.

9 min Ouvert

Assistant de vente virtuel pour une boutique en ligne

7 Vidéos · 37 Minutes
29 Ouvert

OpenAI API: 5.1 | Création du nouveau projet

Notre nouveau projet nous emmène dans le monde des magasins de guitares, bien sûr avec le soutien amical de l'API OpenAI, qui nous permet de réaliser un assistant de vente virtuel.

30 Ouvert

OpenAI API: 5.2 | Meilleure recherche de produits

Jusqu'à présent, l'assistant de vente n'était pas particulièrement bon en matière de conseils. Cela devrait maintenant être amélioré avec une "base de données" simulée à l'aide de cartes.

31 Ouvert

OpenAI API: 5.3 | Plus de produits

Jusqu'à présent, nous n'avions que 2 produits, que nous augmentons à 4 dans cette vidéo. Il est important de souligner que nous avons désormais plusieurs produits par type et pouvons ainsi demander au vendeur, par exemple, quels sont les basses électriques disponibles dans la gamme.

32 Ouvert

OpenAI API: 5.4 | Plusieurs paramètres dans les appels de fonctions

Le prix n'est pas tout lors de l'achat d'une guitare, mais un client qui ne veut pas contracter un nouvel emprunt hypothécaire sur sa maison devrait être capable de demander au vendeur des guitares électriques dans la gamme de prix inférieure ou moyenne. Nous y parvenons avec un deuxième paramètre priceRange dans la fonction appropriée que le LLM devrait ensuite appeler.

33 Ouvert

OpenAI API : 5.5 | Correction pour plage de prix non définie

Nous l'avons cassé avec la dernière vidéo. Mais ne vous inquiétez pas, l'erreur est rapidement corrigée quand on sait où chercher.

34 Ouvert

Ajouter le produit au panier

Que serait un magasin en ligne sans panier d'achat? Même si nous n'allons pas implémenter un panier d'achat complet (ce n'est pas le sujet de ce cours), dans cette vidéo nous allons mettre en place les bases pour que vous puissiez connecter un panier d'achat à l'assistant de vente virtuel. Une fois de plus, l'appel de fonction est là pour vous aider!

35 Ouvert

API OpenAI : 5.7 | Recherche de produit flou

La plupart du temps, les clients ne connaîtront que vaguement les noms des produits. Le LLM ne peut effectuer l'appel de fonction qu'avec les noms figurant dans la demande du client. Mais avec une petite astuce, l'IA peut être assez facilement utilisée pour une recherche "floue" dans les noms des produits.

29

OpenAI API: 5.1 | Création du nouveau projet

8 min Ouvert
30

OpenAI API: 5.2 | Meilleure recherche de produits

7 min Ouvert
31

OpenAI API: 5.3 | Plus de produits

3 min Ouvert
32

OpenAI API: 5.4 | Plusieurs paramètres dans les appels de fonctions

5 min Ouvert
33

OpenAI API : 5.5 | Correction pour plage de prix non définie

3 min Ouvert
34

Ajouter le produit au panier

5 min Ouvert
35

API OpenAI : 5.7 | Recherche de produit flou

6 min Ouvert

Conclusion

1 Vidéos · 6 Minutes
36 Ouvert

OpenAI API: 6 | Qu'est-ce qui a été appris, qu'est-ce qui reste à apprendre?

Un bref résumé de ce que nous avons accompli dans ce cours, ce que vous pouvez en faire et quels sont les passionnants APIs encore disponibles chez OpenAI.

36

OpenAI API: 6 | Qu'est-ce qui a été appris, qu'est-ce qui reste à apprendre?

6 min Ouvert
Commentaires (0)

Commente maintenant „OpenAI API : Programmer des chats basés sur l'IA, des assistants de vente et des text adventures“