{"id":91235,"date":"2024-02-03T09:44:08","date_gmt":"2024-02-03T09:44:08","guid":{"rendered":"https:\/\/benoit-barbagli.com\/technical-test\/test-slab\/"},"modified":"2024-02-03T09:44:11","modified_gmt":"2024-02-03T09:44:11","slug":"test-slab","status":"publish","type":"page","link":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/","title":{"rendered":"test slab"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;896px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;179px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"fr\"><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->    <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><!-- [et_pb_line_break_holder] -->    <title>Formulaire de g\u00e9n\u00e9ration d&#8217;image DALL\u00b7E 3<\/title><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body data-rsssl=1><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/pee>\n<form id=\"dalleForm\"><!-- [et_pb_line_break_holder] -->    <label for=\"imageDescription\">Description de l&#8217;image :<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"text\" id=\"imageDescription\" name=\"imageDescription\" required><!-- [et_pb_line_break_holder] -->    <input type=\"submit\" value=\"G\u00e9n\u00e9rer l'image\"><!-- [et_pb_line_break_holder] --><\/form>\n<pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><img decoding=\"async\" id=\"generated-image\" src=\"\" alt=\"Image g\u00e9n\u00e9r\u00e9e\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.getElementById('dalleForm').addEventListener('submit', async function(event) {<!-- [et_pb_line_break_holder] -->    event.preventDefault();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const apiKey = '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';<!-- [et_pb_line_break_holder] -->    const apiURL = 'https:\/\/api.openai.com\/v1\/dalle-generate';<!-- [et_pb_line_break_holder] -->    const prompt = document.getElementById('imageDescription').value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    try {<!-- [et_pb_line_break_holder] -->        const response = await fetch(apiURL, {<!-- [et_pb_line_break_holder] -->            method: 'POST',<!-- [et_pb_line_break_holder] -->            headers: {<!-- [et_pb_line_break_holder] -->                'Authorization': `Bearer ${apiKey}`,<!-- [et_pb_line_break_holder] -->                'Content-Type': 'application\/json',<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            body: JSON.stringify({ prompt }),<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!response.ok) {<!-- [et_pb_line_break_holder] -->            const errorText = await response.text();<!-- [et_pb_line_break_holder] -->            console.error('Erreur de l\\'API:', errorText);<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const data = await response.json();<!-- [et_pb_line_break_holder] -->        const imageURL = data.image_url;<!-- [et_pb_line_break_holder] -->        document.getElementById('generated-image').src = imageURL;<!-- [et_pb_line_break_holder] -->    } catch (error) {<!-- [et_pb_line_break_holder] -->        console.error('Erreur lors de la g\u00e9n\u00e9ration de l\\'image:', error);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<input type=\"text\" id=\"prompt\" placeholder=\"Entrez votre texte ici\"><!-- [et_pb_line_break_holder] --><button onclick=\"generateImage()\">G\u00e9n\u00e9rer l&#8217;Image<\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    async function generateImage() {<!-- [et_pb_line_break_holder] -->        const promptText = document.getElementById('prompt').value;<!-- [et_pb_line_break_holder] -->        const response = await fetch('https:\/\/api.openai.com\/v1\/dalle-generate', {<!-- [et_pb_line_break_holder] -->            method: 'POST',<!-- [et_pb_line_break_holder] -->            headers: {<!-- [et_pb_line_break_holder] -->                'Authorization': 'Bearer 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',<!-- [et_pb_line_break_holder] -->                'Content-Type': 'application\/json',<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            body: JSON.stringify({ prompt: promptText, size: \"256x256\" }),<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        const data = await response.json();<!-- [et_pb_line_break_holder] -->        const imageUrl = URL.createObjectURL(data.image);<!-- [et_pb_line_break_holder] -->        const img = document.createElement('img');<!-- [et_pb_line_break_holder] -->        img.src = imageUrl;<!-- [et_pb_line_break_holder] -->        document.body.appendChild(img);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  const express = require('express');<!-- [et_pb_line_break_holder] -->const fetch = require('node-fetch');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->const app = express();<!-- [et_pb_line_break_holder] -->const API_URL = 'https:\/\/api.openai.com\/v1\/dalle-generate';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->app.use(express.json());<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->app.post('\/generate-image', async (req, res) => {<!-- [et_pb_line_break_holder] -->  const { prompt } = req.body;<!-- [et_pb_line_break_holder] -->  try {<!-- [et_pb_line_break_holder] -->    const response = await fetch(API_URL, {<!-- [et_pb_line_break_holder] -->      method: 'POST',<!-- [et_pb_line_break_holder] -->      headers: {<!-- [et_pb_line_break_holder] -->        'Authorization': 'Bearer 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',<!-- [et_pb_line_break_holder] -->        'Content-Type': 'application\/json',<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      body: JSON.stringify({ prompt, size: \"256x256\" }),<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    const data = await response.json();<!-- [et_pb_line_break_holder] -->    res.json(data);<!-- [et_pb_line_break_holder] -->  } catch (error) {<!-- [et_pb_line_break_holder] -->    console.error(error);<!-- [et_pb_line_break_holder] -->    res.status(500).send('Server Error');<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->app.listen(3000, () => {<!-- [et_pb_line_break_holder] -->  console.log('Server is running on port 3000');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":91128,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-91235","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>test slab - benoit-barbagli.com<\/title>\n<meta name=\"description\" content=\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"test slab - benoit-barbagli.com\" \/>\n<meta property=\"og:description\" content=\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/\" \/>\n<meta property=\"og:site_name\" content=\"benoit-barbagli.com\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-03T09:44:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2019\/05\/DSC02317-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/test-slab\\\/\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/test-slab\\\/\",\"name\":\"test slab - benoit-barbagli.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#website\"},\"datePublished\":\"2024-02-03T09:44:08+00:00\",\"dateModified\":\"2024-02-03T09:44:11+00:00\",\"description\":\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/test-slab\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/test-slab\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/test-slab\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"~Technical test\",\"item\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"test slab\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/\",\"name\":\"benoit-barbagli.com\",\"description\":\"Sous le chaos, la vie\",\"publisher\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#\\\/schema\\\/person\\\/78c8df9be07e5f4f79d983f84aafeefd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#\\\/schema\\\/person\\\/78c8df9be07e5f4f79d983f84aafeefd\",\"name\":\"benoitbarbagli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"width\":1713,\"height\":2560,\"caption\":\"benoitbarbagli\"},\"logo\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"test slab - benoit-barbagli.com","description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/","og_locale":"en_US","og_type":"article","og_title":"test slab - benoit-barbagli.com","og_description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","og_url":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/","og_site_name":"benoit-barbagli.com","article_modified_time":"2024-02-03T09:44:11+00:00","og_image":[{"width":2560,"height":1630,"url":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2019\/05\/DSC02317-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/","url":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/","name":"test slab - benoit-barbagli.com","isPartOf":{"@id":"https:\/\/benoit-barbagli.com\/en\/#website"},"datePublished":"2024-02-03T09:44:08+00:00","dateModified":"2024-02-03T09:44:11+00:00","description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","breadcrumb":{"@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/test-slab\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/benoit-barbagli.com\/en\/"},{"@type":"ListItem","position":2,"name":"~Technical test","item":"https:\/\/benoit-barbagli.com\/en\/technical-test\/"},{"@type":"ListItem","position":3,"name":"test slab"}]},{"@type":"WebSite","@id":"https:\/\/benoit-barbagli.com\/en\/#website","url":"https:\/\/benoit-barbagli.com\/en\/","name":"benoit-barbagli.com","description":"Sous le chaos, la vie","publisher":{"@id":"https:\/\/benoit-barbagli.com\/en\/#\/schema\/person\/78c8df9be07e5f4f79d983f84aafeefd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benoit-barbagli.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/benoit-barbagli.com\/en\/#\/schema\/person\/78c8df9be07e5f4f79d983f84aafeefd","name":"benoitbarbagli","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","url":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","contentUrl":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","width":1713,"height":2560,"caption":"benoitbarbagli"},"logo":{"@id":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/comments?post=91235"}],"version-history":[{"count":1,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91235\/revisions"}],"predecessor-version":[{"id":91237,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91235\/revisions\/91237"}],"up":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91128"}],"wp:attachment":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/media?parent=91235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}