<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://air.imag.fr/index.php?action=history&amp;feed=atom&amp;title=VT2020-GPT-3-Demo</id>
	<title>VT2020-GPT-3-Demo - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://air.imag.fr/index.php?action=history&amp;feed=atom&amp;title=VT2020-GPT-3-Demo"/>
	<link rel="alternate" type="text/html" href="https://air.imag.fr/index.php?title=VT2020-GPT-3-Demo&amp;action=history"/>
	<updated>2026-06-19T23:10:54Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.17</generator>
	<entry>
		<id>https://air.imag.fr/index.php?title=VT2020-GPT-3-Demo&amp;diff=49625&amp;oldid=prev</id>
		<title>Baptiste.Boleat at 16:07, 2 January 2021</title>
		<link rel="alternate" type="text/html" href="https://air.imag.fr/index.php?title=VT2020-GPT-3-Demo&amp;diff=49625&amp;oldid=prev"/>
		<updated>2021-01-02T16:07:21Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 16:07, 2 January 2021&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 48:&lt;/td&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 48:&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;;NodeJs&lt;/div&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;;NodeJs&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: [https://www.npmjs.com/package/openai-api-node openai-api-node] par erlapso&lt;/div&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: [https://www.npmjs.com/package/openai-api-node openai-api-node] par erlapso&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-empty diff-side-deleted&quot;&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-empty diff-side-deleted&quot;&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-empty diff-side-deleted&quot;&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Il est important de se souvenir qu&#039;il n&#039;est pas autorisé de mettre en production une application utilisant l&#039;API sans une &#039;&#039;&#039;review&#039;&#039;&#039; préalable de l&#039;équipe OpenAI&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sur le playground OpenAI ==&lt;/div&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sur le playground OpenAI ==&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 67:&lt;/td&gt;
  &lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 70:&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/pre&amp;gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/pre&amp;gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ce prompt m&#039;a été inspiré par [https://twitter.com/sharifshameem/status/1282676454690451457?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1282676454690451457%7Ctwgr%5E%7Ctwcon%5Es1_&amp;amp;ref_url=https%3A%2F%2Fwww.lesnumeriques.com%2Fappli-logiciel%2Fgpt-3-l-intelligence-artificielle-qui-ecrit-des-articles-presque-seule-a154707.html ce tweet] puis je l&#039;ai adapté de JSX vers HTML/CSS.&lt;/div&gt;&lt;/td&gt;
  &lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;
  &lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ce prompt m&#039;a été inspiré par [https://twitter.com/sharifshameem/status/1282676454690451457?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1282676454690451457%7Ctwgr%5E%7Ctwcon%5Es1_&amp;amp;ref_url=https%3A%2F%2Fwww.lesnumeriques.com%2Fappli-logiciel%2Fgpt-3-l-intelligence-artificielle-qui-ecrit-des-articles-presque-seule-a154707.html ce tweet&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; de Sharif Shameem&lt;/ins&gt;] puis je l&#039;ai adapté de JSX vers HTML/CSS.&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Baptiste.Boleat</name></author>
	</entry>
	<entry>
		<id>https://air.imag.fr/index.php?title=VT2020-GPT-3-Demo&amp;diff=49624&amp;oldid=prev</id>
		<title>Baptiste.Boleat: Created page with &quot;	 &#039;&#039;&#039;IMPORTANT&#039;&#039;&#039; - L&#039;API de GPT-3 est pour l&#039;instant en version bêta avec accès limité, pour pouvoir l&#039;utiliser, il faut s&#039;inscrire à la liste d&#039;attente trouvable [https:...&quot;</title>
		<link rel="alternate" type="text/html" href="https://air.imag.fr/index.php?title=VT2020-GPT-3-Demo&amp;diff=49624&amp;oldid=prev"/>
		<updated>2021-01-02T16:02:51Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;	 &amp;#039;&amp;#039;&amp;#039;IMPORTANT&amp;#039;&amp;#039;&amp;#039; - L&amp;#039;API de GPT-3 est pour l&amp;#039;instant en version bêta avec accès limité, pour pouvoir l&amp;#039;utiliser, il faut s&amp;#039;inscrire à la liste d&amp;#039;attente trouvable [https:...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;	&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;IMPORTANT&amp;#039;&amp;#039;&amp;#039; - L&amp;#039;API de GPT-3 est pour l&amp;#039;instant en version bêta avec accès limité, pour pouvoir l&amp;#039;utiliser, il faut s&amp;#039;inscrire à la liste d&amp;#039;attente trouvable [https://share.hsforms.com/1Lfc7WtPLRk2ppXhPjcYY-A4sk30 ici]. De plus, si vous comptez mettre en production une application utilisant l&amp;#039;API, il sera nécessaire que celui-ci soit approuvé par les modérateurs d&amp;#039;OpenAI. Ce protocole permet de limiter le risque d&amp;#039;utilisation malveillante du modèle.&lt;br /&gt;
&lt;br /&gt;
= Utilisation de l&amp;#039;API =&lt;br /&gt;
&lt;br /&gt;
L&amp;#039;API peut-être utilisable sous 3 formes différentes.&lt;br /&gt;
&lt;br /&gt;
== En ligne de commande == &lt;br /&gt;
&lt;br /&gt;
Il est possible de requêter l&amp;#039;API avec une simple commande &amp;#039;&amp;#039;&amp;#039;curl&amp;#039;&amp;#039;&amp;#039; en y indiquant sa clé, son prompt ainsi que le nombre maximum de tokens.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;pre&amp;gt; curl https://api.openai.com/v1/engines/davinci/completions \&lt;br /&gt;
-H &amp;quot;Content-Type: application/json&amp;quot; \&lt;br /&gt;
-H &amp;quot;Authorization: Bearer VOTRE_CLE_API&amp;quot; \&lt;br /&gt;
-d &amp;#039;{&amp;quot;prompt&amp;quot;: &amp;quot;This is a test&amp;quot;, &amp;quot;max_tokens&amp;quot;: 5}&amp;#039;&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
On obtient alors une réponse sous forme d&amp;#039;objet &amp;#039;&amp;#039;&amp;#039;JSON&amp;#039;&amp;#039;&amp;#039; de cette forme :&lt;br /&gt;
&lt;br /&gt;
&amp;lt;pre&amp;gt;{&lt;br /&gt;
    &amp;quot;id&amp;quot;: &amp;quot;cmpl-GERzeJQ4lvqPk8SkZu4XMIuR&amp;quot;,&lt;br /&gt;
    &amp;quot;object&amp;quot;: &amp;quot;text_completion&amp;quot;,&lt;br /&gt;
    &amp;quot;created&amp;quot;: 1586839808,&lt;br /&gt;
    &amp;quot;model&amp;quot;: &amp;quot;davinci:2020-05-03&amp;quot;,&lt;br /&gt;
    &amp;quot;choices&amp;quot;: [{&lt;br /&gt;
        &amp;quot;text&amp;quot;: &amp;quot; of reading speed. You&amp;quot;,&lt;br /&gt;
        &amp;quot;index&amp;quot;: 0,&lt;br /&gt;
        &amp;quot;logprobs&amp;quot;: null,&lt;br /&gt;
        &amp;quot;finish_reason&amp;quot;: &amp;quot;length&amp;quot;&lt;br /&gt;
    }]&lt;br /&gt;
}&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Via python ou des wrappers écrits par la communauté ==&lt;br /&gt;
&lt;br /&gt;
OpenAI n&amp;#039;a adapté son API qu&amp;#039;à Python installable avec un simple &amp;lt;code&amp;gt;$ pip install openai&amp;lt;/code&amp;gt; puis utilisable comme ceci :&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
import openai&lt;br /&gt;
openai.api_key = &amp;quot;VOTRE_CLE_API&amp;quot;&lt;br /&gt;
response = openai.Completion.create(engine=&amp;quot;davinci&amp;quot;, prompt=&amp;quot;This is a test&amp;quot;, max_tokens=5)&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mais la communauté de développeurs intéressés a mis en ligne des wrappers pour les différents langages les plus communs parmi lesquels figurent :&lt;br /&gt;
;C#/.NET&lt;br /&gt;
: [https://github.com/OkGoDoIt/OpenAI-API-dotnet OpenAI-API-dotnet] par OkGoDoIt&lt;br /&gt;
;Dart&lt;br /&gt;
: [https://github.com/boronhub/gpt_3_dart gpt_3_dart] par boronhub&lt;br /&gt;
;Java&lt;br /&gt;
: [https://github.com/TheoKanning/openai-java openai-java] par TheoKanning&lt;br /&gt;
;NodeJs&lt;br /&gt;
: [https://www.npmjs.com/package/openai-api-node openai-api-node] par erlapso&lt;br /&gt;
&lt;br /&gt;
== Sur le playground OpenAI ==&lt;br /&gt;
&lt;br /&gt;
[https://beta.openai.com/playground Lien ici]&lt;br /&gt;
[[File:Playground.png|1500px|thumb|center|Capture d&amp;#039;écran de l&amp;#039;interface du playground mis à disposition par OpenAI]]&lt;br /&gt;
&lt;br /&gt;
= Génération de code HTML=&lt;br /&gt;
&lt;br /&gt;
Pour la génération de langage HTML, le prompt utilisé est celui-ci : &lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
description: a red button that says stop &lt;br /&gt;
code: &amp;lt;button style=&amp;#039;color:white;background-color:red;&amp;#039;&amp;gt;Stop&amp;lt;/button&amp;gt;&lt;br /&gt;
========&lt;br /&gt;
description: a blue box that contains 3 yellow circles with red borders&lt;br /&gt;
code: &amp;lt;div style=&amp;#039;background-color:blue;padding:20px;&amp;#039;&amp;gt;&amp;lt;div style=&amp;#039;background-color:yellow;border:5 px solid red;border-radius:50%;padding:20px;width:100px;height:100px;&amp;#039;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;#039;background-color:yellow;border:5 px solid red;border-radius:50%;padding:20px;width:100px;height:100px;&amp;#039;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;#039;background-color:yellow;border:5 px solid red;border-radius:50%;padding:20px;width:100px;height:100px;&amp;#039;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
========&lt;br /&gt;
description: a button that looks like a watermelon&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Ce prompt m&amp;#039;a été inspiré par [https://twitter.com/sharifshameem/status/1282676454690451457?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1282676454690451457%7Ctwgr%5E%7Ctwcon%5Es1_&amp;amp;ref_url=https%3A%2F%2Fwww.lesnumeriques.com%2Fappli-logiciel%2Fgpt-3-l-intelligence-artificielle-qui-ecrit-des-articles-presque-seule-a154707.html ce tweet] puis je l&amp;#039;ai adapté de JSX vers HTML/CSS.&lt;/div&gt;</summary>
		<author><name>Baptiste.Boleat</name></author>
	</entry>
</feed>