Tutoriel et Guide Complet d'OmniPortal

Contrairement à ChatGPT ou aux chatbots classiques où l'utilisateur se retrouve face à un champ de saisie vide intimidant et doit rédiger des instructions complexes (Ingénierie de Prompt), OmniPortal utilise des Micro-Apps guidées par formulaire :

En accédant à http://localhost:3000/login, vous retrouverez les éléments suivants :

• CHAMP 1 Adresse E-mail : Saisissez votre adresse enregistrée (par exemple, admin@portal.com).
• CHAMP 2 Mot de Passe : Saisissez votre mot de passe secret. Cliquez sur l'icône de l'œil 👁️ pour vérifier les caractères saisis.
• BOUTON Cliquez sur Se Connecter : Authentifie vos identifiants avec Supabase et vous dirige directement vers le Tableau de Bord.
• LIEN Mot de passe oublié ? : Vous redirige vers /forgot-password. En saisissant votre e-mail, le système envoie un lien sécurisé (Magic Link). En cliquant dessus, votre jeton est validé et vous accédez immédiatement à /update-password pour définir votre nouveau mot de passe.
• LIEN Pas de compte ? Inscrivez-vous : Vous dirige vers /signup pour créer votre compte gratuit.

• BOUTON ☰ Menu Mobile : Ouvre ou referme le tiroir latéral lors de la navigation sur petits écrans ou smartphones.
• RECHERCHE 🔍 Recherche Rapide (⌘K ou Ctrl+K) : Localisez instantanément n'importe quel outil d'IA en tapant son nom ou sa fonction (ex. : propositions, emails, articles, scripts, etc.). Affiche un menu en direct navigable avec les flèches (↑ / ↓) et appuyez sur Entrée ↵ ou cliquez pour accéder directement à l'espace de travail.
• SÉLECTEUR 🌐 Sélecteur de Langue : Basculez l'ensemble de l'interface en temps réel entre Español, English, Français et Português.
• BOUTON 🔔 Cloche de Notifications : Ouvre un menu déroulant avec les événements récents du système (inscriptions, sauvegardes).
• AVATAR 👤 Menu de Profil (Cercle avec Initiales ou Photo) : En cliquant, affiche 3 options :
  • Profil : Modification du nom, prénom et photo d'avatar.
  • Paramètres : Mise à jour du mot de passe.
  • Déconnexion : Fermeture sécurisée de la session.

• LOGO 'O' OmniPortal : Cliquez à tout moment pour revenir à l'écran d'accueil du Tableau de Bord.
• BOUTON ❮ / ❯ Réduire / Développer : Masque les libellés de la barre latérale pour libérer de l'espace dans l'espace de travail.
• LIEN 🏠 Tableau de Bord : Vue d'ensemble de l'activité, métriques, guide de démarrage et FAQ.
• LIEN ⊞ Micro Apps : Catalogue exhaustif avec l'ensemble des outils d'IA disponibles.
• LIEN 💎 Forfaits : Comparatif des abonnements, quotas d'utilisation et avantages.
• LIEN 📖 Guide Utilisateur : Manuel d'instructions complet et tutoriels détaillés.
• ADMIN 🛡️ Module Administrateur (Admins uniquement) : Sous-menu avec Admin (gestion des utilisateurs), Webhooks, E-mail et Matériel Commercial.

• BOUTON ⬇ Exporter les Données (en haut à droite) : Génère et télécharge sur votre ordinateur un fichier dashboard-export-[date].json contenant la synthèse des métriques du système.
• BANNIÈRE PRINCIPALE Présente la proposition de valeur avec le bouton Lancer une Micro-App → pour accéder directement au catalogue.
• 4 CARTES DE STATS Indicateurs en temps réel : Utilisateurs, Sessions, Conversions et Chiffre d'Affaires avec pourcentages d'évolution hebdomadaire.
• GRAPHIQUES Courbe d'activité SVG et barres interactives affichant le détail au survol.
• STEPPER 1-4 Guide de Démarrage Rapide (3 Clics) : Onglets interactifs détaillant les étapes avec le bouton Étape Suivante →.
• FAQ Accordéon avec les questions courantes déployables en un seul clic.

Dans la barre latérale, cliquez sur Micro Apps et choisissez la carte de l'outil souhaité.

• OPTION 1 CLIC Cliquez sur des badges tels que Ex. : Clinique Dentaire ou Ex. : Agence SEO : L'ensemble du formulaire se remplit automatiquement avec un exemple réaliste.
• MANUEL Complétez les champs guidés : Nom du client, Secteur d'activité, Bénéfices clés et Budget/Étendue.

Cliquez sur le badge de la langue dans laquelle vous souhaitez que Gemini rédige votre livrable :

Español 🇪🇸 English 🇺🇸 Français 🇫🇷 Português 🇧🇷

Cliquez sur le bouton Générer avec Gemini. Une animation de chargement s'affiche et, en quelques secondes, votre document finalisé apparaît dans le panneau de droite.

Dans le coin supérieur droit du bloc gris « PARAMÈTRES ENVOYÉS » (juste au-dessus du texte généré), vous trouverez ces 4 boutons utilitaires :

• ONGLET Dans n'importe quelle micro-app, cliquez sur l'onglet Historique situé en haut à gauche du formulaire.
• LISTE Vous retrouverez toutes vos générations antérieures classées par ordre chronologique.
• RÉCUPÉRER Cliquez sur n'importe quel élément : il se recharge instantanément dans le panneau de droite, prêt à être relu, copié ou téléchargé sans consommer de quota supplémentaire.

Pour changer d'abonnement, cliquez sur Choisir ce Forfait et validez avec Confirmer l'Activation.

• /profile Photo et Données : Cliquez sur l'icône de l'appareil photo pour importer un avatar personnalisé ou récupérer votre image Gravatar. Mettez à jour vos informations et cliquez sur Enregistrer les Modifications.
• /update-password Changer de Mot de Passe : Accessible depuis Paramètres dans le menu avatar ou via le lien reçu par e-mail. Saisissez votre nouveau mot de passe (6 caractères minimum), confirmez-le et cliquez sur Mettre à Jour le Mot de Passe. Ce formulaire intègre le support natif des 4 langues et la validation en temps réel.

Permet de gérer chaque utilisateur inscrit, de changer son forfait et de lui accorder ou révoquer l'accès à des micro-apps spécifiques (overrides) en un clic, indépendamment des limites de son abonnement.

• ÉTAPE 1 Dans la barre latérale, cliquez sur Admin 🛡️ ou rendez-vous sur http://localhost:3000/admin.
• ÉTAPE 2 Dans la liste des utilisateurs, repérez le client et cliquez sur son nom ou sur le bouton 👁️ Voir Détails.
• ÉTAPE 3 Modifier le Forfait Global : Dans la section Forfait Attribué, choisissez un autre palier (ex. : Professionnel ou Intermédiaire) et cliquez sur Enregistrer le Forfait.
• ÉTAPE 4 Débloquer des Outils Spécifiques : Dans Applications Accessibles, cliquez sur n'importe quel outil affichant + Accorder. Il s'active aussitôt en surbrillance cyan avec le badge ★ Spécial.
• RÉVOQUER Pour retirer un accès spécial, survolez l'application et cliquez sur ✕ Révoquer. La prise en compte est immédiate.

Connecte OmniPortal à votre serveur d'envoi d'e-mails SMTP pour la diffusion automatique des messages de bienvenue, des liens de réinitialisation de mot de passe et des confirmations de paiement.

• PRESETS SMTP Fournisseurs Rapides : Boutons préconfigurés (SendGrid, Gmail SMTP, Mailgun, Amazon SES) renseignant automatiquement l'hôte et le port standard (587).
• PARAMÈTRES Hôte, Port, Identifiant, Mot de passe et coordonnées d'expéditeur (Nom et e-mail visibles des clients).
• ZONE DE TEST Envoyer un e-mail de test à : Renseignez votre adresse personnelle pour tester la réception en temps réel avant d'enregistrer.
• BOUTON D'ENREGISTREMENT Cliquez sur Tester et Enregistrer la Configuration : Réalise un test en direct, envoie un e-mail diagnostic et marque le service comme Vérifié.

Votre Centre d'Aide à la Vente pour présenter et commercialiser les micro-apps d'OmniPortal auprès de clients, cliniques ou entreprises sans obligation d'inscription préalable.

• PROPOSITION UNIVERSELLE /propuesta-universal.html : Présentation interactive multisectorielle (Cliniques Dentaires, Ateliers Prépresse, Agences) avec démonstration de l'IA en 2,2 secondes.
• PRÉPRESSE ET CTP /presentacion-preprensa.html : Conçue spécifiquement pour les imprimeries, ateliers d'arts graphiques et prépresse offset.
• BOUTON 👁️ Voir la Présentation : Ouvre la démonstration dans un nouvel onglet pour la projeter en rendez-vous client.
• BOUTON 🔗 Copier le Lien : Copie le lien direct pour le partager facilement avec vos prospects.
• BOUTON 💬 Copier le Script WhatsApp : Copie un texte d'approche commerciale percutant prêt à coller dans vos discussions.
• BOUTON ✉️ Copier l'E-mail Commercial : Copie un message de proposition formel avec objet et corps de texte pré-rédigés.

Dans OmniPortal, l'action d'« Exporter » désigne l'extraction des informations produites sur la plateforme afin de les utiliser dans des outils externes. Elle s'effectue à deux niveaux distincts :