Hostinger Horizons pour créer des outils web avec l’IA

Hostinger est à la base un hébergeur de solutions web, comme son nom l’indique. Leur stratégie est de proposer une multitude d’outils pour inciter les potentiels clients à passer à l’action. Hostinger propose de vous aider à créer votre logo, vous aider à trouver un nom d’entreprise, et créer votre site internet avec l’IA. Et maintenant, on peut même créer une application web avec Hostinger Horizons !

Création d’une application avec Hostinger Horizons

Remise jusqu’à -20% chez Hostinger

Profite d’une remise intéressante, idéal si tu recherches un hébergeur.
Coupon à utiliser : INNOSPIRA.

Définir une description complète (cahier des charges)

L’IA va se servir de votre premier prompt pour créer l’architecture de l’application, les fonctionnalités, etc. Le mieux est donc de démarrer avec le maximum d’informations.

Concept (nom du site, idée principale)
Fonctionnalités principales
Design, couleurs du site

Voici le description que m’a généré ChatGPT. Pour notre test, nous allons concevoir un minuteur de concentration, pour appliquer la méthode pomodoro ! Le résultat devrait être plutôt visuel et dynamique 😊.

Générer votre application avec Hostinger Horizons

On va ensuite insérer le contenu généré dans Hostinger Horizon, on peut difficilement faire plus simple 😉. C’est le même principe que pour créer une application avec Bolt.new. Notez également qu’on peut utiliser la reconnaissance vocale et importer un fichier (si votre cahier des charges était déjà rédigé).

Hostinger Horizons demande de décrire l'idée
Hostinger Horizons demande de décrire l’idée

En fonction de ce que vous lui demandez, cela peut prendre quelques minutes. Mais cela sera toujours plus rapide que coder l’application vous même (sous réserve que vous savez coder !) 😅.

Résultat après génération de l'application
Résultat après génération de l’application

Le résultat est assez satisfaisant. Il y a un bouton pour basculer entre le thème clair et sombre (qui était détaillé dans le cahier des charges). L’application a été au départ générée en anglais, j’ai demandé une modification pour ajouter une langue en français, et insérer un menu déroulant pour choisir.

Mettre en ligne votre site web

Pour publier votre application sur internet, rien de plus simple ! Le bouton Publier apparait en haut à droite. La mise en ligne est immédiate, vous pourrez ensuite choisir de configurer votre nom de domaine (le nom de domaine inclus dans chaque offre).

Publier une application

Notre application créée est en ligne !

Vous pouvez consulter notre application web en cliquant sur le bouton ci-contre.

Astuces pour bien prendre en main l’outil

Si l’application ne s’affiche pas

Si y’a des erreurs, par exemple si la page ne s’affiche pas correctement. Dites-lui simplement, l’outil va analyser les erreurs potentielles et les corriger. Certaines erreurs sont mêmes gérées par l’outil directement 😊 !

Hostinger Horizons propose lui même de corriger ses erreurs
Hostinger propose lui même de corriger ses erreurs

Compléter petit à petit

Comme lorsque l’on utilise ChatGPT ou tout autre outil IA, le mieux est demander des choses une par une pour éviter de le perdre. C’est encore plus vrai avec les outils de création d’application : itérer, recommencer, jusqu’à obtenir le résultat souhaité !

Vous avez jusqu’à 5 modifications par jour, cela semble raisonnable pour créer une application. Mais vous pouvez optez pour les offres supérieures si vous avez besoin.

Test de Hostinger Horizons en vidéo

Vous trouverez ci-dessous la vidéo du test et la création du minuteur Pomodoro. Si vous avez lu jusqu’ici : vous pouvez ajouter un commentaire pour me donner votre avis et mettre un « J’aime » pour m’encourager à continuer 😉.

Un récap' mensuel, ça vous dit ?

Ne ratez rien ! Inscrivez vous et recevez une fois par mois, un récap' des dernières actus 😉.

Nous ne spammons pas ! Voir notre politique de confidentialité pour + d'infos.

Téléchargez en format PDF 📥

Recevez immédiatement votre accès à notre librairie de guides PDF !

Nous ne spammons pas ! Voir notre politique de confidentialité pour + d'infos.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Retour en haut