Skip to main content

Configuration du Projet

Bienvenue dans Softyflow ! La première étape pour donner vie à votre application est la création d'un projet. Pensez à un projet comme un espace de travail dédié qui organise tout ce dont votre application a besoin pour fonctionner. Cela comprend tous ses composants essentiels : des interfaces utilisateur et des workflows métier aux modèles de données, rôles utilisateur, rapports et automatisations puissantes.

Ce guide vous guidera à travers chaque étape de la configuration de votre projet. Avant de commencer, nous vous recommandons de vous familiariser avec les concepts fondamentaux de Softyflow et notre guide de démarrage complet pour tirer le meilleur parti de la plateforme.

Vue du Projet

L'IDE Softyflow, où tous vos projets sont gérés.

1. Création d'un Projet

Dans Softyflow, vous disposez de deux options flexibles pour créer un projet : vous pouvez soit en construire un à partir de zéro pour commencer de manière totalement nouvelle, soit importer une configuration préexistante depuis un fichier .json. Cette dernière option est idéale pour dupliquer des projets ou utiliser des modèles.

1.1. Créer un Nouveau Projet à Partir de Zéro

Partir d'une toile vierge vous donne la liberté de construire votre application exactement comme vous l'imaginez. Voici comment créer un nouveau projet directement depuis l'IDE Softyflow :

  1. Depuis le tableau de bord principal de l'IDE, cliquez sur le bouton Créer un Nouveau Projet.
  2. L'écran Informations sur l'Application apparaîtra. Ici, vous définirez l'identité de votre projet :
    • Nom de l'Application : Donnez à votre projet un nom clair et descriptif, comme budget-approval-demo.
    • Description (optionnel) : Expliquez brièvement l'objectif de l'application, par exemple "Une application pour gérer les approbations budgétaires."
    • Icône et Couleur de l'Application : Personnalisez votre application en choisissant une icône et une couleur qui reflètent sa fonction ou son image de marque.
Étape Informations sur l'Application

Définissez le nom, la description et l'apparence de votre application.

  1. Cliquez sur Suivant pour continuer.
  2. Dans l'étape Type d'Application, sélectionnez un modèle qui correspond le mieux à vos besoins. Softyflow propose plusieurs points de départ pour accélérer votre développement :
    • Données Métier Contextuelles : Idéal pour les applications centrées sur les affaires comme les CRM ou les ERP.
    • Flux de Validation : Parfait pour les processus nécessitant des approbations et des étapes séquentielles.
    • Panneaux d'Administration et Applications CRUD : Un excellent point de départ pour les interfaces de gestion de données.
    • Partir de Zéro : Choisissez cette option pour un contrôle total sur la structure de votre application.
Étape Type d'Application

Choisissez un modèle d'application pour accélérer votre développement.

  1. Cliquez sur Créer l'Application. Votre espace de travail de projet est maintenant initialisé et prêt pour que vous commenciez à construire.

Une fois créé, vous serez dirigé vers l'espace de travail du projet. C'est votre centre névralgique pour développer votre application. De là, vous pouvez concevoir des interfaces utilisateur avec nos outils de conception d'interface web, modéliser la logique métier avec le concepteur de processus, et vous connecter à vos sources de données via l'intégration de base de données.

1.2. Importer ou Exporter un Projet via JSON

Softyflow vous permet d'exporter l'intégralité de la configuration de votre projet dans un seul fichier .json. Cette fonctionnalité est extrêmement utile pour le versionnement, le partage de votre travail avec les membres de l'équipe, ou la création de modèles standardisés pour de nouvelles applications.

Note : Le fichier .json exporté contient la structure complète du projet, incluant les formulaires, les workflows et les rôles. Cependant, il n'inclut pas les données des collections ou des rapports.

1.2.1. Comment Exporter un Projet

  1. Sur le tableau de bord de l'IDE, trouvez le projet que vous souhaitez exporter.
  2. Cliquez sur le menu d'options (les trois points : ⋯) sur la carte du projet.
  3. Sélectionnez Exporter dans le menu déroulant. Un fichier .json contenant la configuration de votre projet sera automatiquement téléchargé.
Exporter un Projet

Exporter un projet est aussi simple que quelques clics.

1.2.2. Comment Importer un Projet

  1. Depuis le tableau de bord de l'IDE, cliquez sur Créer un Nouveau Projet.
  2. Entrez les informations de base de l'application (nom, description, etc.).
  3. Au lieu de choisir un type d'application, cliquez sur Choisir un Fichier et sélectionnez le fichier .json que vous souhaitez importer.
  4. Cliquez sur Créer l'Application. Softyflow construira un nouveau projet basé sur la structure définie dans le fichier.
Importer un Projet

Créer un nouveau projet à partir d'un fichier JSON existant.

2. Navigation dans l'Espace de Travail du Projet

L'espace de travail du projet est l'endroit où vos idées prennent forme. Il est organisé de manière logique en quatre onglets principaux, chacun correspondant à une étape clé du cycle de vie du développement d'application : Design, Build, Deploy et Run.

2.1. Design

L'onglet Design est l'endroit où vous posez les bases de votre application. Ici, vous configurerez les paramètres fondamentaux, gérerez les ressources partagées et établirez les protocoles de sécurité.

  • Feedback : Collectez et gérez les retours des testeurs et des utilisateurs pour itérer sur votre application.
  • Paramètres : Personnalisez les paramètres globaux du projet, tels que l'image de marque, les métadonnées et les intégrations externes.
  • Fichiers : Téléchargez et gérez tous les actifs liés au projet, y compris les images, documents et scripts.
  • Volt : Stockez et gérez en toute sécurité les informations sensibles telles que les clés API, les mots de passe et autres identifiants.
  • Gestion des Rôles : Définissez les rôles utilisateur et les permissions pour garantir un contrôle d'accès sécurisé dans toute votre application.
Onglet Design de l'Espace de Travail du Projet

L'onglet Design, où vous configurez les fondations de votre projet.

2.2. Build

L'onglet Build est votre environnement de développement principal. C'est ici que vous créerez les composants essentiels de votre application, depuis les interfaces utilisateur jusqu'à la logique métier backend.

  • Interface Web : Concevez et construisez des interfaces utilisateur réactives avec un générateur de formulaires intuitif par glisser-déposer.
  • Workflow : Modélisez, automatisez et orchestrez vos processus métier à l'aide d'un puissant concepteur visuel basé sur BPMN.
  • Base de Données : Connectez-vous à des bases de données externes ou utilisez le MongoDB intégré pour gérer les données de votre application.
  • Rapports : Créez des rapports personnalisés et des tableaux de bord pour visualiser les données, suivre les indicateurs de performance clés (KPI) et surveiller l'activité métier.
Onglet Build de l'Espace de Travail du Projet

L'onglet Build contient tous les outils pour développer votre application.

2.3. Deploy

L'onglet Deploy simplifie le processus de transition de votre application du développement vers la production. Il fournit des outils pour gérer les déploiements dans différents environnements.

  • Test & Deploy : Automatisez votre pipeline de déploiement, gérez les versions d'application et promouvez de manière fluide votre build à travers les environnements TEST, UAT et PROD.
Onglet Deploy de l'Espace de Travail du Projet

Gérez le cycle de vie de votre application depuis les tests jusqu'à la production dans l'onglet Deploy.

2.4. Run

L'onglet Run est votre centre de commande pour exécuter, tester et surveiller votre application en direct. Il offre des informations en temps réel sur les performances et l'état opérationnel de votre application.

  • Monitor & Run : Suivez l'état des instances de processus actives, gérez les tâches utilisateur et résolvez les problèmes avec de puissants outils de surveillance.
Onglet Run de l'Espace de Travail du Projet

Exécutez et surveillez votre application en direct depuis l'onglet Run.

3. Collaboration et Feedback

Une collaboration efficace est essentielle pour construire de grandes applications. Softyflow inclut un système de Feedback intégré qui permet aux membres de l'équipe, aux testeurs et aux utilisateurs finaux de fournir des retours directement dans l'application. Cette fonctionnalité est inestimable pendant les phases de test et de déploiement et pour l'amélioration continue pendant que l'application est en production.

3.1. Accéder et Gérer les Feedbacks

Tous les feedbacks soumis sont collectés dans l'onglet Feedback, accessible depuis la section Design de l'espace de travail du projet. Ici, vous pouvez visualiser, gérer et suivre l'état de chaque élément de feedback. Chaque entrée fournit un contexte important, incluant :

  • Le nom du rapporteur et son message.
  • Un lien direct vers le formulaire ou la page où le feedback a été soumis.
  • Un horodatage.
  • Un suivi de l'état (par exemple, Nouveau, En Cours, Terminé).
Vue Feedback

Le tableau de bord Feedback centralise tous les commentaires et problèmes des utilisateurs.

3.2. Comment Soumettre un Feedback depuis l'Application en Direct

Les utilisateurs peuvent soumettre des feedbacks directement pendant l'utilisation de l'application, garantissant que les rapports sont contextuels et précis.

  1. Lors de la prévisualisation ou de l'utilisation d'un formulaire, cliquez sur l'icône de grille dans le coin supérieur droit pour ouvrir les outils de l'application.
  2. Sélectionnez l'option Feedback.
  3. Une fenêtre modale apparaîtra. Remplissez les détails :
    • Choisissez un type de feedback (par exemple, Question, Problème, Suggestion).
    • Fournissez un titre et une description clairs.
    • Une capture d'écran de la page actuelle est automatiquement jointe pour fournir un contexte visuel.
  4. Cliquez sur Ajouter un nouveau ticket pour soumettre le feedback.
Signaler un Bug

Soumettre un feedback est facile et inclut automatiquement une capture d'écran pour le contexte.

Cela facilite la tâche des utilisateurs ou des testeurs pour signaler des problèmes précis avec le contexte, incluant une capture d'écran, directement depuis l'écran qu'ils consultent.


Prochaines Étapes

Avec votre projet configuré avec succès, vous êtes maintenant prêt à commencer la construction. Les chapitres suivants approfondiront l'onglet Build, vous guidant à travers chaque étape du développement d'application.

Pour continuer votre parcours, nous recommandons les ressources suivantes :